/* CSS Document */

/* -PAGE CONTAINER- */
	#width {width: 100%; min-width: 820px; margin:0 auto; height:100%; border-left:3px solid #000000;
	  border-right:3px solid #000000; border-top:3px solid #000000; 
	  background:url(images/navbackground.jpg) top left repeat-y; margin-bottom:-50px; min-height: 500px;}
	
	* html #minwidth {padding-left: 820px;}
	
	* html #minwidth, * html #layout {height: 1px;}
	
	* html #container {margin-left: -820px;	position: relative;}
	
	* html #container, * html #content {height: 1px;}
	
	#content {padding: 0px; margin-left:145px;}
/* END OF -PAGE CONTAINER- */

/* -PAGE ELEMENTS- */
	/* -HEADER- */
		#header {height:97px; background-image:url(images/header_surf.jpg); border-bottom:3px solid #6CADA9; background-repeat:no-repeat;}
	/* END OF -HEADER- */
		
	/* -NAVIGATION- */
		#TopMenu {position:absolute; top:115px; width:140px;}
		
		#MenuImage {position:absolute; top:180px; width:140px;}
		
		#MenuImage a, #MenuImage a:visited {border:0px; }
				
		#navigation {position:absolute; top:233px; width:140px; border:1px solid #ffffff; border-width:0 0 1px 0;}
		
		/* remove all the bullets, borders and padding from the default list styling */
		#navigation ul {padding:0; margin:0; list-style-type:none; width:140px;}
		
		/* hack for IE5.5 */
		* html #navigation ul {margin-left:-16px; margin-left:0;}
		
		/* position relative so that you can position the sub levels */
		#navigation li {position:relative; height:26px;}
		
		/* get rid of the table */
		#navigation table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
		
		#navigation a, #navigation a:visited {display:block; text-decoration:none; height:25px; line-height:25px; width:139px; color:#FFFFFF; text-indent:5px;
		  border-color:#FFFFFF; border-width:1px 0 0 0; border-style: solid;}
		
		/* hack for IE5.5 */
		* html #navigation a, * html #navigation a:visited {width:140px; width:139px;}
		
		/* hack for IE5.5 */
		* html #navigation a:hover {color:#000000; text-decoration:none; background-color:#CCCCCC;}
		
		#navigation :hover > a {color:#000000; background:#CCCCCC;}
		 
		#navigation ul ul li a:hover {color:#FFFFFF;text-decoration:none; background-color:#999999;}
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#navigation ul ul {position:absolute; top:0px; width:140px; background-color:#CCCCCC; margin-left:140px; visibility:hidden; color:#000000; z-index:1000;}
		
		/* make the second level visible when hover on first level list OR link */
		#navigation ul li:hover ul, #navigation ul a:hover ul {visibility:visible;}

		.navtext {font-family:Arial; font-size:11px; font-weight:bold; color:#FFFFFF;}
	/* END OF -NAVIGATION- */
				
	/* -FOOTER- */
		/*needed to make room for footer*/
		#clearfooter {clear:both; height:50px;}
		
		#footer {position:relative; clear:both; height:50px; background:#ffffff; border-top:3px solid #000000;}
		
		.bottomnav {font-family:Arial; font-size:10px;}
		
		.bottomnav a {color:#333366;}
		
		.bottomnav a:hover {color:#FFFFFF; background-color:#333366;}
		
		.bottomtext {font-family:Arial; font-size:9px;}
	/* END OF -FOOTER- */
/*END OF 'PAGE ELEMENTS-*/

/* -PAGE FORMATTING- */
	.bodytext {font-family: Verdana; font-size: 12px; font-weight: normal; color: #333333; padding: 4px;}
	
	.pageheader {font-family: Verdana; font-size: 20px; font-weight: bold; color: #6CADA9; border: 2px solid #A2B6AA;
	  border-right: 0px;}
/* END OF -PAGE FORMATTING- */