/*------------- Created by Kevin Knipe Copyright© 2010  --------- */


/* These style sheets control the web site display images */

ul.menu {
	margin:8px 0 0 0;
	padding:0;
	list-style:none;
}
#home ul.menu {
	margin:20px 0 0 0;
}
ul.menu li {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
ul.menu li.left {
	clear:left;
	float:left;
	width:49%;	
	position:relative;
	overflow:hidden;
	background-color:#fff;
	/* Firefox / Gecko */
	-moz-border-radius-topright:10px; 
	-moz-border-radius-bottomright:10px; 	
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
ul.menu li.right {
	clear:right;
	float:right;
	width:49%;
	position:relative;
	overflow:hidden;
	background-color:#fff;
	/* Firefox / Gecko */
	-moz-border-radius-topright:10px; 
	-moz-border-radius-bottomright:10px; 	
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
ul.menu li a {
	display:block;
	color:#aebbc7;
	text-decoration:none;
	border:1px solid #ddd;	
	/* Firefox / Gecko */
	-moz-border-radius-topright:10px; 
	-moz-border-radius-bottomright:10px; 	
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-position:96% center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	position:relative;
}
ul.menu li a:hover {
	border:1px solid #369;
	background-color:#fff;
	color:#1f5b97;
	background-position:96% center;
	background-repeat:no-repeat;
}
ul.menu li a span {
	display:block;
	margin:0;
	padding:0;
	background:#1f5b97; /* Controls the background for the thumbnail text */
	width:80%;
	position:relative;
	right:100px;	
	min-height:150px;
}
ul.menu li a:hover span {
	background:#2099e6; /* blue background for the thumbnail text */
	color:#fff;
}
ul.menu li a span strong {
	display:block;
	padding:8px 8px 5px 110px;
	cursor:pointer;
	font-size:90%;
}
ul.menu li a span .menu-txt {
	display:block;
	padding:5px 10px 10px 110px;
	cursor:pointer;
	font-size:90%;
}
ul.menu li .txt-link a{ 
	font-size:12px;
	border:none!important;
	background:none!important;
	white-space:nowrap;
	text-align:right!important;
	padding:0 10px 0 0;
	margin:0;
	cursor:pointer;
}
								
 /* --- These style sheets are for the left side javascript navigation ----------*/

		ul.buttons{margin:0 0 0 -16px!important;}		
		div#margin-Fix {margin-left:-24px;} /* --- This fixes the Firefox browser issue ----------*/
		
		 /* --- Controls the main text loading area on the page ----------*/
				.button-shell {
					width:730px;
					height:600px;
					margin-bottom:-40px;
					padding:0;	
					background-image:url(../images/bkgd/bkgd-box.png);				
					/*border:1px solid #CCC;*/
					vertical-align:top;
				}
				
				.button-shell-apps {
					width:730px;
					height:730px;
					margin-bottom:-40px;
					padding:0;	
					background-image:url(../images/bkgd/bkgd-box-large.png);				
					/*border:1px solid #CCC;*/
					vertical-align:top;
				}
				
				.buttons {					
					list-style-type: none;
					font-weight: bold;					
					font-size:12px!important;
					letter-spacing:normal;
					/*float:left;*/
					display:inline;	
					font-family: Arial, Helvetica, sans-serif;
				}
											
				.buttons li a {
					padding:15px 2px 8px 2px;
					height:30px; 
					line-height:18px; 
					border-top:1px solid #ccc;					
					text-decoration: none;
					display:block;
					color:#333;
					letter-spacing:2px;
				}
				
				/* Controls the way the left main buttons display */
				.buttons li{	
					text-align: center;	
					background-color:#eeeeee;
					width:180px;
				}
				
		
				.buttons li a:hover {
					text-decoration: none;
					display:block;
					background-color:#1f5b97;
				}
								
/* *************************** Controls the (selection of the top button function)  ******************************* */
				.buttons li#top a {border-top:none; background-color:#1f5b97;/*#318418;*/ color:#FFFFFF;}
				
/* *************************** Controls the hover function in the Javascript ******************************* */
				.hover {background-color:#eeeeee; color:#333333;}
				.hover a:hover{background-color:#1f5b97!important; color:#FFFFFF!important;}

			
/* *******************************************************************************************
                         Buttons for on the homepage 
						 
*/
	.border {border-top:1px solid #CCC; margin-top:14px; padding-top:10px;}
								
				.btn-cont-shell {
					font-weight:normal;
					letter-spacing:normal;								
					text-align:left;
					color:#333333;
					padding:8px 14px 0 8px;
					margin:0;
					width:700px; /* Controls the inner wrapper for the page content */
					float:right;					
				}
				
				.btn-cont-shell p {
				 margin:0 4px 0 -4px!important; 
				 font-size:14px; 
				 line-height:14pt;
				 padding:8px 8px 0 10px;
				 }
				
				.btn-cont-shell h1#title-web {
					color:#000000;
					font-size:13px;
					border-top:none;
					border-bottom:1px solid #66CC99;
					padding:2px 4px 2px 4px;
					margin:0 0 5px 0;
				}
		
				.btn-cont-shell strong {
					letter-spacing:normal!important;
					line-height:14pt!important;
					font-size:12px!important;
				}
				
				.btn-img-shell {
					overflow:auto; 
					padding:0; 
					margin:5px 5px 5px 5px; 
					position: relative; 
					height:350px;  /* Controls the inner wrapper for the image content */
					width:680px;
					border:3px double #CCCCCC;}	
					
			/* This style sheet controls the background and position of the screen shot image */					
				.btn-bkgd-img {
					background-color:#323232;
					padding-left:5px;
				}				
								
				.float-right {float:right; vertical-align:top; padding-left:10px;}
				
				div.content-link{ 
					font-size:8pt;
					display:block;
					padding:14px 0 0 0;
					vertical-align:bottom;
					text-align:right!important;
					margin-top:5px!important;
					margin-right:5px!important;
				}