@charset "utf-8";

/* CSS Document */



a,img {border:0px; }



table {

  border-collapse: collapse;

}

body,html{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;	background: #ffffff;
	
	background-image:url(img/mbg.jpg); background-position:top; background-repeat:repeat-x;
	

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	text-align:left;

	margin-top:0px; margin-bottom:10px;

}



a#logo {margin: 0; padding: 0; }



h1 {font-size:19px; font-style:italic; color:#c2080d; margin:0px; padding:0px; margin-bottom:10px; font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','URW Palladio L','Book Antiqua',serif; letter-spacing:3px; font-weight:normal;  }



h2 {font-size:18px;  padding:0 0 7px 0; margin:0px; letter-spacing:2px; color:#000066; display:inline;  font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;   }



p {padding:0px; margin:0px; margin-bottom:10px; padding-left:15px; padding-right:20px; }



a,span.top_name {font-size:12px; margin-left:10px; margin-top:20px; margin-bottom:0px;  color:#333333;  }



img#logo {margin:23px 0 8px 20px; }



div#links {margin-left:21px;  

	width:290px; float:left; }



span.this,a.top-links,span.top-links {

	color:#c6abab; 

	font-style:italic; 


	font-size:17px;

	text-decoration:none; margin:10px 0 0 20px; }





span.this,span.top-links,a.top-links:hover { color:#cd3333; }



span.this {margin:10px 0 0 0; font-size:20px; }



 #container { 


	width: 873px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */


	margin-bottom:10px; margin-top:20p;

} 

 #header { 

	padding: 0px;

	width:873px;

	height:170px;

	background-image:url(images/header.jpg);

	background-position:top left;

	background-repeat:no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

} 



 #blueline { 
	padding: 0px;
	width:857px;
	height:62px;
	margin-left:23px;
	margin-top:-2px;
	background-image:url(img/footer.jpg); 
	background-repeat:no-repeat; 
	background-position:right;
} 

 #blueline-top { 

	padding: 0px;

	width:857px;
	height:12px;
	background-image:url(img/top.jpg); 
	background-repeat:no-repeat; 
	background-position:right;
	margin-left:16px;

} 




 #mainContent, #scrollable { 

	width:540px; 
	float:right;
	height:400px;
	margin:  0; 
	padding:25px 45px 15px 40px ;
	line-height:160%; border-left:1px solid #bfbfbf;  border-right:1px solid #bfbfbf; 
		background-color:#FFFFFF;
} 

#scrollable { padding:0; border: 0; font-size:13px;  }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



a#inst {position:absolute;

		width:151px;

		height:151px;

		margin: 0 ;

		margin-top:9px;

		background-image:url(img/instr-page.jpg);

		background-position:top right; background-repeat:no-repeat;

		}



a#cons {position:absolute;

		width:151px;

		height:151px;

		margin: 0 ;

		margin-left:174px;

		margin-top:9px;

		background-image:url(img/cons-page.jpg);

		background-position:top right; background-repeat:no-repeat;

		}



a#drive {position:absolute;

		 width:165px;

		 height:151px;

		 margin: 0 ;

		 margin-left:346px;

		 margin-top:9px;

		 background-image:url(img/drive-page.jpg);

		 background-position:top right; background-repeat:no-repeat;

			 }

			 

div#nav-cont { width:500px; border:0 ; margin: 0 ; padding:0 ; height:151px; float:right; margin-right:35px;  }		

--> 

</style><!--[if IE 5]>

<style type="text/css"> 

/* place css box model fixes for IE 5* in this conditional comment */

 #sidebar1 { width: 230px; }

</style>

<![endif]--><!--[if IE]>

<style type="text/css"> 

/* place css fixes for all versions of IE in this conditional comment */

 #sidebar1 { padding-top: 30px; }

 #mainContent { zoom: 1; }

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

ul

{

margin:15px 0 0 30px;

width:210px;

float:left;

padding: 0 ;

list-style-type: none;

}



li { margin: 0 ;

}





span.this,selected,a.nav,span.selected

{

display: block;

color:#565656;

margin: 0px 0px 0px 0px;

padding-top:5px;

padding-bottom:5px; 

text-decoration:none;

font-size:12px;

letter-spacing:2px;

padding-left:13px;



border-bottom:1px solid #dddddd;

}



a.nav:hover

{

border-left:5px solid #d6dffe; padding-left:8px;

}



span.selected {border-left:5px solid #0066da;  padding-left:8px;  }



span.this {color:#cd3333; }

img#logobot {

		 width:150px;
		 height:81px;
		 float:right;
		 margin-top:25px;

			 }
div#info {
		 width:300px;
		 margin:10px 0 0 30px;
		 font-size:11px; color:#999999;


			 }
span.message { display:block; color:#990000; padding:5px; padding-left:25px; background-color:#FFD9D9; border:1px solid #990000; margin:10px 0 10px 0  ; background-image:url(img/error.png); background-position:top left; background-repeat:no-repeat;   }


span.message-good { display:block; color:#0b9900; padding:5px; padding-left:25px; background-color:#d9ffdf; border:1px solid #0b9900; margin:10px 0 10px 0  ; background-image:url(img/tick.png); background-position:left; background-repeat:no-repeat;   }