@charset "utf-8";
/* CSS Document */
/* THREE COLUMN HYBRID, HEADER AND FOOTER */

* {margin: 0;
	padding: 0;}

body {background-color: #3d5c7e;
	  color: #000000;
	  font-size: 11px;}
	 
.thrColHybHdr {font-family: Arial, Helvetica, sans-serif;
		       min-width: 780px;
			   max-width: 1260px;
			   width:expression(document.body.clientWidth < 782? "780px" : 
			   document.body.clientWidth > 1262? "1260px" : "auto");
			   margin: 0px 0px 0px 0px;}

.thrColHybHdr #container {font-family: Arial, Helvetica, sans-serif;
						  margin: 0px 32px 25px 32px;}

	 
.thrColHybHdr #mainContent {font-family: Arial, Helvetica, sans-serif;
							margin: 25px 60px 0px 60px;
							text-align: left; 
							color: #000000;
							height: auto;
							border: thin solid #000000;
							background-color: #ffffff;
							font-size: 14px;
							padding: 0px 3px 0px 3px;}
						   
.thrColHybHdr #title {font-family: Arial, Helvetica, sans-serif;
                      text-align: center;
					  width: 100%;
					  width: auto;
					  color: #000000;				 
					  font-size: 18px;
					  margin: 0px 0px 15px 0px;}
					  
.thrColHybHdr #page  {font-family: Arial, Helvetica, sans-serif;
                      text-align: center;
					  width: 100%;
					  width: auto;
					  color: #000000;				 
					  font-size: 18px;
					  margin: 0px 0px 15px 0px;}						   

						   
.thrColHybHdr #container p {font-family: Arial, Helvetica, sans-serif;
							font-size: 14px;
						    width: 100%;
						  	background: #ffffff;}
							  
.thrColHybHdr #header {background: #ffffff;
	                   width: 830px;
					   height: 125px;
					   text-align: center;
					   margin: auto;
					   border: thin solid #000000}					  
					
.thrColHybHdr #nav{background: #3d5c7e;
				   width: 100%;
	               width: 750px;
				   text-align: center;
	               margin: 5px 0px 25px 110px;}

.thrColHybHdr #footer {font-family: Arial, Helvetica, sans-serif;
					   width: 700px;
					   height: 15px;
	                   margin: auto;}	  
 					  
.thrColHybHdr a {color: #3d5c7e;
				 font-size: 14px;
				 text-decoration:none;
				 font-weight: bold;}
				
.thrColHybHdr a:hover {color: #000000;
				       font-size: 14px;
				       text-decoration: none;
					   font-weight: bold;}
					   	
.fltrt {float: right;
	    margin: 8px 5px 5px 5px;
		word-wrap: break-word;}
	   
.fltlft {float: left;
	     margin: 8px 8px 5px 5px;
		 word-wrap: break-word;}

.important {font-family: Arial, Helvetica, sans-serif;
			width: 657px;
			font-size: 14px;
			text-align: right;
			font-style: italic;}

.pages {font-family: Arial, Helvetica, sans-serif;
        text-align: left;
		float: right;
		width: 135px;
		color: #000000;
		font-size: 15px;
		text-decoration:none;
		font-weight: bold;
		margin: 0px 10px 0px 0px;}
		
.pages1 {font-family: Arial, Helvetica, sans-serif;
         text-align: left;
		 float: right;
		 width: 100px;
		 color: #000000;				 
		 font-size: 20px;
		 margin: 85px  0px 0px 0px;}
					 
.col1 {font-family: Arial, Helvetia, sans-serif;
	   float:left;
	   width: 250px;
	   text-align: center;
	   margin: 5px 13px 5px 14px;}

.col2 {font-family: Arial, Helvetia, sans-serif;
	   float: left;
	   width: auto;
	   text-align: center;
	   margin: 5px 13px 5px 5px;}
	   
.col3 {font-family: Arial, Helvetia, sans-serif;
	   float: left;
	   width: 250px;
	   text-align: center;
	   margin: 5px 10px 5px 5px;}
	   
.col4 {font-family: Arial, Helvetia, sans-serif;
	   float: left;
	   width: 250px;
	   text-align: center;
	   margin: 5px 11px 5px 5px;}
	   
.col5 {font-family: Arial, Helvetia, sans-serif;
	   float: left;
	   width: 189px;
	   text-align: center;
	   margin: 10px 5px 5px 125px;}
	   
.col6 {font-family: Arial, Helvetia, sans-serif;
	   float:left;
	   width: 250px;
	   text-align: center;
	   margin: 5px 13px 5px 14px;}
	   
.col7 {font-family: Arial, Helvetia, sans-serif;
	   float: left;
	   width: 505px;
	   height: 350px;
	   text-align: center;
	   margin: 5px 5px 5px 5px;}
	   
.col8 {font-family: Arial, Helvetia, sans-serif;
	   float: right;
	   width: 325px;
	   text-align: center;
	   margin: 5px 5px 5px 5px;}    
 
.col10 {font-family: Arial, Helvetia, sans-serif;
	    float: left;
	    width: auto;
	    text-align: center;
	    margin: 10px 25px 0px 10px;}	     
	   
.col11 {font-family: Arial, Helvetia, sans-serif;
	    float: left;
	    width: 700px;
		height: 350px;
	    text-align: center;
	    margin: 15px 5px 5px 45px;}
		
.col12 {font-family: Arial, Helvetia, sans-serif;
	    float: left;
	    width: 600px;
	    text-align: center;
	    margin: auto;}
		   
.clearfloat {clear:both;
    		 height:0;
    		 font-size: 1px;
    		 line-height: 0px;}
			 
.img {border: none;}

h3 {font-family: Arial, Helvetia, sans-serif;
	text-align: left;
	color: #3d5c7e;}

h4 {font-family: Arial, Helvetia, sans-serif;
	text-align: center;}
	

/* NAVIGATION MENU */  
.treemenu ul{margin: 0;
 			 padding: 0;
			 list-style-type: none;}
			 
/* TOP LEVEL LIST ITEMS */
.treemenu ul li{position: relative;
				display: inline;
				float: left;
				background-color: #3d5c7e;
				color: #ffffff;}

/* TOP LEVEL MENU LINK ITEMS STYLE */
.treemenu ul li a{font-family: "Arial", Helvetica, sans-serif;
				  display: block;
				  width: auto; 
				  color: #ffffff;
				  text-decoration: none;
				  padding: 10px 10px 10px 10px;
				  border: none;
				  font-weight: normal;
				  font-size: 15px;
				  text-align: center;}
	
/* 1ST SUBL LEVEL MENU */
.treemenu ul li ul{left: 0;
				   position: absolute;
				   top: 1em; 
				   display: block;
				   visibility: hidden;}

/* SUB LEVEL MENU LIST ITEMS (UNDO STYLE FROM TOP LEVEL LIST ITEMS) */
.treemenu ul li ul li{display: list-item;
                      float: left;}
					  
/* SUB LEVEL MENU LINKS STYLE */
.treemenu ul li ul li a{font-family: "Arial", Helvetica, sans-serif;
						display: block;
						width: 135px; /*width of sub menu levels*/
						color: #ffffff;
						text-decoration: none;
						padding: 0px 5px 5px 5px;
						border: none;
						font-weight: normal;
						font-size: 15px;
						text-align: right;}
						
.treemenu ul li ul li a:hover{font-family: "Arial", Helvetica, sans-serif;
							  display: block;
							  width: 135px; /*width of sub menu levels*/
							  color: #000000;
							  text-decoration: none;
							  padding: 0px 5px 5px 5px;
							  font-weight: normal;
							  font-size: 15px;
							  text-align: right;}

.treemenu ul li a:hover{font-family: "Arial", Helvetica, sans-serif;
						display: block;
						width: auto; /*width of sub menu levels*/
						background-color: #3d5c7e;
						color: #000000;
						text-decoration: none;
						padding: 10px 10px 10px 10px;
						border: none;
						font-weight: normal;
						font-size: 15px;
						text-align: center;}

/* HOLLY HACK FOR IE */
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }