/* CSS Document */
/* Screen */
/*------------------------------------------------------------------------------------------------------------------*/
/*Layout*/
	body {
	margin: 0; 
	border: 0;
	font-size: 0.65em; 
	padding: 8px 8px 30px 8px;
	background: 0 #fff;
}


	div#topnav {
	width: 960px;	
	margin: 0; 
	padding:0; 
	border: 0;
	background: #fff;
	}

	div#topleft {
	width: 210px;	
	height: 70px;
	margin: 0; 
	padding:0; 
	border: 0;	
	float: left;
	}
	
	div#topright {
	width: 750px;	
	height: 166px;
	margin: 0; 
	padding: 0; 
	border: 0;	
	float: right;
	}

	#topright_info { 
	margin-top: 0; 
	color: #003366; 
	text-transform: 
	uppercase; font: 
	bold 14px "Arial", Times, serif; 
	padding: 8px 0 9px 18px;
	background: #fff;
}

	div#navti {	
	margin: 0 0 0 0; 
	margin-right: 20px !important; 
	margin-right: 10px;  
	padding: 9px 0 0 0; 
	border: 0;	
	float: right;
	border-bottom: 1px solid #ddd;
	width: 687px;
}


	#navti ul { 
	list-style: none; 
	margin: 0; 
	padding: 0 0 10px 0; 
	font: normal 1.2em Verdana, Arial, sans-serif; 
	}
	
	#navti ul li { 
	display: inline; 
	}
	
	#navti ul li a { 
	color: #0099cc; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
	#navti ul li a:hover { 
	color: #ff6600; 
	}

	#navti .left {
	 padding: 0 10px 0 0; 
	 border-right: 1px solid #ccc; 
	 }
	
	#navti .regular { 
	padding: 0 10px 0 10px; 
	border-right: 1px solid #ccc; 
	}
	
	#navti .right { 
	padding: 0 0 0 10px;
	border-right: 0; 
	}




	div#bigone { 
	width: 960px; 
	background:#fff; 
	}


/*------------------------------------------------------------------------------------------------------------------*/


/* left side */

	div#containerleft {
	width: 660px;
	margin: 0; 
	border: 0;
	padding: 0;
	float: left;
	background: #fff;
	}


	div#main {
 	width: 405px;
	margin: 0; 
	border: 0;
	padding: 18px 25px 100px 0px;
	float: right;
	}


	div#leftnav {
	width: 180px;
	margin: 0; 
	border: 0; 
	padding: 15px 15px 120px 15px;
	float: left;
	text-align: left;
	}

	#leftnav ul { 
	margin: 0 0 10px 0; 
	padding: 0; 
	border: 0; 
	list-style: none; 
	}
	
	#leftnav ul li { 
	text-align: left; 
	margin: 0 0 0 0; 
	font: normal 1.1em Verdana, Arial, sans; 
	border-top: 1px solid #0099cc; 
	}
	
	#leftnav ul li a { 
	width: 165px; 
	display: block; 
	margin: 0;
	color: #fff; 
	padding: 8px 5px 8px 10px;
	text-decoration: none; 
	}
	
	#leftnav ul li a:hover { 
	color: #fff; 
	background: #ff6600; 
	}

	#leftnav .head { 
	margin: 0 0 1px 0; 
	color: #0099cc; 
	text-transform: uppercase; 
	letter-spacing: 0.2em; 
	border-top: 0; 
	padding:12px 5px 12px 10px;  
	font: normal 1.2em Arial, Helvetica, sans; 
	}
	
	#leftnav .head a { 
	width: 165px; 
	display: block; 
	color: #0099cc; 
	margin: 0; 
	border-top: 0; 
	padding:0; 
	}
	
	#leftnav .head a:hover { 
	color: #ff6600;
	background: none; 
	}


/*------------------------------------------------------------------------------------------------------------------*/

/* text styles */

.white {
color:#FFFFFF;
}

	#main p { 
	font: normal 1.2em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	text-align: left; 
	line-height: 1.7em; 
	}
	
	#main p a { 
	text-decoration: none; 
	color: #000; 
	font-weight: bold; 
	}
	
	#main p a:hover {  
	color: #444; 
	}

	#main .highlight { 
	border: 1px solid #ccc; 
	padding: 10px 20px 10px 20px; 
	background: #f8f8f8; 
	}

	#main .lighttext { 
	color: #aaa; 
	}

	#main .description { 
	font: normal 1.1em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	text-align: left; 
	line-height: 1.2em; 
	}

	#main .quote { 
	font: normal 1.8em "Arial", Times, serif; 
	color: #bbb; 
	text-align: left; 
	line-height: 1.2em; 
	margin-top: 0; 
	}

	#main .blue { 
	font: normal 1.1em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	text-align: left; 
	line-height: 1.2em;
	}
	
	#main .blue a { 
	font-weight: bold; 
	color: #CE9A00; 
	}

/*------------------------------------------------------------------------------------------------------------------*/


/* list item styles */

	#main ul {	
	text-align: left; 
	font: normal 1.2em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	margin: 20px 10px 20px 2px;	
	border: 0; 
	padding: 0;
	}

	#main ul li { 
	list-style-type: none; l
	ine-height: 1.6em; 
	margin-bottom: 10px; 
	padding-left: 30px; 
	}

	#main ul li a { 
	text-decoration: none; 
	color: #003366; 
	font-weight: bold; 
	}

	#main ul li a:hover { 
	color: #444; 
	}

	#main .li-large {	
	font: normal 2em "Arial", Times, serif; 
	color: #444; 
	padding-left: 30px;	
	/*background:url() no-repeat left top;*/ 
	}

	#main .li-solo { 
	text-align: left; 
	font: normal 1.1em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	line-height: 1.6em; 
	margin-bottom: 10px; 
	padding-left: 30px; 
	/*background:url() no-repeat left top;*/ 
	}

	#main .li-noindent { 
	list-style-type: none; 
	font: normal 1.1em Verdana, Arial, Helvetica, sans; 
	line-height: 1.6em;
	margin-bottom: 10px; 
	padding-left: 0px; 
	}

	#main .li-indent { 
	text-align: left; 
	font: normal 1.1em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	line-height: 1.6em; 
	margin-bottom: 10px;
	margin-left: 30px; 
	/*background:url() no-repeat left top;*/
	}

	#main .li-bigindent { 
	text-align: left; 
	font: normal 1.1em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	line-height: 1.6em; 
	margin-bottom: 10px; 
	margin-left: 60px; 
	/*background:url() no-repeat left top;*/
	}

	#main .ul-feasability {	 
	text-align: left; 
	font: normal 1em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	margin: 0 0 20px 0; 
	border: 0; 
	padding: 0; 
	}

	#main .li-feasability {	
	display: inline; 
	text-align: left; 
	padding: 0; 
	margin-right: 0; 
	color: #ccc;
	}

/*------------------------------------------------------------------------------------------------------------------*/

/* header styles */

	h1 { 
	font: normal 3em "Arial", Times, serif; 
	color: #444; 
	padding: 0; 
	margin: 0; 
	}

	h2 { 
	font: normal 2.4em "Arial", Times, serif; 
	color: #444; 
	padding: 0; 
	margin: 15px 0 0 0; 
	}
	
	h2 .phone { 
	background-color: red; 
	}
	
	h2 a { 
	color: #0099cc; 
	text-decoration: none; 
	}
	
	h2 a:hover { 
	color: #ff6600; 
	}


	h3 { 
	font: normal 2em "Arial", Times, serif; 
	color: #777; 
	padding: 0; 
	margin: 15px 0 18px 0; 
	line-height: 1.4em; 
	}
	
	h3 a { 
	color: #003366; 
	text-decoration: none; 
	}
	
	h3 a:hover { 
	color: #444; 
	}

	h4 { 
	font: normal 2em "Arial", Times, serif;
	color: #444; 
	padding: 0; 
	margin: 10px 0 12px 0; 
	line-height: 1.4em; 
	}
	
	h5 { 
	font: normal 3em "Arial", Times, serif; 
	color: #444; 
	padding: 0; 
	margin: 0 0 15px 0; 
	}
	
	h5 a { 
	color: #003366; 
	text-decoration: none; 
	}
	
	h5 a:hover { 
	color: #444; 
	}
	
	h6 { 
	font: normal 2em "Arial", Times, serif; 
	color: #444; 
	padding: 0; 
	margin: 15px 0 0 0; 
	line-height: 1.4em; 
	}


	hr { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	height: 1px; 
	color: #ccc; 
	background-color: #ccc; 
	}
	

/*------------------------------------------------------------------------------------------------------------------*/


/* right side styles */

	div#containerright {
	width: 300px;
	margin: 0; border: 0; padding: 12px 0 50px 0;
	float: right;
	}

	.syste p { 
	font: normal 1.2em Verdana, Arial, Helvetica, sans; 
	color: #444; 
	text-align: left; 
	line-height: 1.7em; 
	}

	.sysnews { 
	width: 280px;
	margin: 0; 
	border: 0; 
	padding: 10px 0 10px 0; 
	border-bottom: 1px solid #ddd;
}

	.sysnewsbottom { 
	width: 280px; 
	margin: 0; 
	border: 1px solid #ddd; 
	padding: 10px 0 10px 0; 
	}

	
	.sysnewsimage { 
	width: 120px; 
	float: left; 
	}

	.sysnewstext { 
	width: 145px;	
	padding-right: 0; 
	float: right; 
	}

	.sysnewstext p {  
	font: normal 1.1em Arial, Helvetica, sans; 
	color: #003366; 
	margin: 0 0 5px 0; 
	}
	
	.sysnewstext p a { 
	text-decoration: none; 
	text-transform: none;  
	color: #ff6600; 
	font-weight: bold; 
	}
	
	.sysnewstext p a:hover { 
	color: #0099cc; 
	}

	.sysnewsimage p  {
	 margin: 0; 
	 padding: 0; 
	 border: 0; 
	 }
	
	.sysnewsimage p a { 
	color: #003366; 
	text-decoration: none; 
	}
	
	.sysnewsimage p a:hover { 
	color: #444; 
	}

	.sysnewsbottom p {  
	font: normal 1.1em Arial, Helvetica, sans; 
	color: #003366; 
	margin: 0 0 5px 0; 
	}
	
	.sysnewsbottom p a { 
	text-decoration: none; 
	text-transform: none;  
	color: #ff6600; 
	font-weight: bold; 
	}
	
	.sysnewsbottom p a:hover { 
	color: #0099cc; 
	}
	
	.highlight { 
	font: bold 1.1em Arial, Helvetica, sans;
	color: #fff;
	border: 1px solid #ccc; 
	padding: 10px 20px 10px 20px; 
	background: #aaa;
	text-align: center; 
	margin: 10px 180px 10px 0px;
	}


/*------------------------------------------------------------------------------------------------------------------*/

	.syslrge { 
	margin-bottom: 20px; 
	border: 0; 
	border-bottom: 5px solid #003366; 
	}
	
	.syslrgebox { 
	margin-top: 4px; 
	background: #003366; 
	color: white; 
	text-transform: uppercase; 
	font: bold 14px "Arial", Times, serif; 
	padding: 8px 0 9px 12px; 
	}

	.sysright { 
	width: 160px;  
	background: #fff; 
	float: right; 
	border: 1px solid #ddd; 
	padding: 10px; 
	}

	.sysleft { 
	width: 160px; 
	background: #fff; 
	float: left; 
	border: 1px solid #ddd; 
	padding: 10px; 
	}
		
	a .imagelink { 
	border: 1px solid #0099cc; 
	}
	
	a:hover .imagelink { 
	border: 1px solid #ff6600; 
	}

	a .imagelinkleft { 
	border: 1px solid #ccc; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	float: left; 
	}
	
	a:hover .imagelinkleft { 
	border: 1px solid #003366; 
	}

	a .imagelinkleftbrown { 
	border: 1px solid #ccc; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	float: left; 
	}
	
	a:hover .imagelinkleftbrown { 
	border: 1px solid #003366; 
	}

	.toppic { 
	text-align: center;
	border: 0;  
	}



/*------------------------------------------------------------------------------------------------------------------*/

/* clearing br */

	.clear { 
	clear: both; 
	margin: 0; 
	}

 /*printer styles*/
/*___________________________________________________________________*/		
		
		 
@media print{ 
/*hide the menu when printing*/
#topnav {
	display:none;
	} 
#leftnav {
	display:none;
	} 
#containerright {
	display:none;
	} 
		  
		
}