/* CSS Document */

   <style>

			body {font: 400 10pt arial, helvetica, sans-serif;}
			#page_container {width:1010px; height:750px; margin-right:auto; margin-bottom:auto;}
			#main_container {width:960px; height:700px; position:absolute; top:25px; left:25px; background-color:white; border:thick;}


			/*begin left nav styles */
			#left_nav1 {width:17px; position:absolute; top:251px; left:83px;}
						div.left_home_button {width:17px; height:31px; top:0px; left: 0px; border: none;}
						a.left_home_roll  {width:17px; 
									height:37px; 
									padding-top:4px;
									display:block; 
									background:  url(images/home_nav.gif) 0px 0px no-repeat;
									}
									div.left_home_button a.left_home_roll:link {background-position: 0px 0px;}
									div.left_home_button a.left_home_roll:visited {background-position: 0px 0px;}
									div.left_home_button a.left_home_roll:hover {background-position: 0px -31px;}
									div.left_home_button a.left_home_roll:active {background-position: 0px 0px;}

			   /*begin left nav dot rollover styles */
						div.left_dot_button {width:17px; height:24px; top:0px; left: 0px; border: none;}
						
						a.left_dot_roll  {width:17px; 
									height:20px; 
									padding-top:4px;
									display:block; 
									background:  url(images/dot_nav.gif) 0px 0px no-repeat;
									}
									div.left_dot_button a.left_dot_roll:link {background-position: 0px 0px;}
									div.left_dot_button a.left_dot_roll:visited {background-position: 0px 0px;}
									div.left_dot_button a.left_dot_roll:hover {background-position: 0px -24px;}
									div.left_dot_button a.left_dot_roll:active {background-position: 0px 0px;}
						/*end left nav dot rollover styles */

			#left_nav2 {width:17px; position:absolute; top:282px; left:83px;}
			#left_nav3 {width:17px; position:absolute; top:306px; left:83px;}
			#left_nav4 {width:17px; position:absolute; top:330px; left:83px;}
			#left_nav5 {width:17px; position:absolute; top:354px; left:83px;}
			div.left_nav_text {width:17px; height:31px; top:0px; left: 0px; border: none;}		
			/*end left nav styles */

			
			/* begin header styles */
   #header_col_1 {width:273px; position:absolute; top:60px; left:143px; float:left;}
			#header_col_2 {width:225px; position:absolute; top:60px; left:416px; float:left;}
			#header_col_3 {width:58px; position:absolute; top:60px; left:706px; float:left;}
			#header_col_4 {width:58px; position:absolute; top:60px; left:775px; float:left;}

			div.about_button {width:58px; position:absolute; top:0px; left:0px; border: none; float:left;}
			a.about_roll  {width:58px; 
						height:28px; 
						padding-top:4px;
						display:block;
						background:  url(images/about_us_nav.gif) 0px 0px no-repeat;
						}
						div.about_button a.about_roll:link {background-position: 0px 0px;}
						div.about_button a.about_roll:visited {background-position: 0px 0px;}
						div.about_button a.about_roll:hover {background-position: 0px -32px;}
						div.about_button a.about_roll:active {background-position: 0px 0px;}

			div.contact_button {width:58px; position:absolute; top:0px; left:0px; border: none; float:left;}
			a.contact_roll  {width:58px; 
						height:28px; 
						padding-top:4px;
						display:block; 
						background:  url(images/contact_nav.gif) 0px 0px no-repeat;
						}
						div.contact_button a.contact_roll:link {background-position: 0px 0px;}
						div.contact_button a.contact_roll:visited {background-position: 0px 0px;}
						div.contact_button a.contact_roll:hover {background-position: 0px -32px;}
						div.contact_button a.contact_roll:active {background-position: 0px 0px;}
   /* end header styles */




/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
   </style>