
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html body {
  font-size:10pt; 
  font-family:Arial,Verdana;
  topmargin:0;
  margin-left:0; 
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  background-color: #999999;
  padding:0;
 
}

hr{
  color:#5A5A5A;
  height: 1px;
}






#top{
  margin: 0 auto; /* center */
  width:766px;
  background-color:#666666; 
  
}

* html #top{
}

#footer {
  
  margin-right: auto;
  margin-left: auto; 
  
  
  width:766px;
  clear:both;
  height:100px;
  background-color:#666666; 
  color: #000000;
 
}

#clearfooter{clear:both;height:50px;}

div>p {margin:0}






.mainTable {
  margin-left:0; 
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}



#contentArea{
  background-color:#7B7B7B;
  border-bottom: 1px solid #000000;
  margin-bottom:50px;
}

.footer_menu{
  font-size:10pt; 
  color: #FFFFFF;
}
.footer_menu a{
  color:#FFFFFF;
  text-decoration:none;
}

.headerAddress{
  font-size:7pt; 
  color: #DDDDDD;
  padding-right: 10px;
  padding-bottom: 5px;
}

.headerAddress a {
  text-decoration: none;
  color: #DDDDDD;
}

.headerAddress a:hover{
  color: #FFFFFF;
}


.copyright{
  font-size:8pt; 
  color: #999999;
}

.focusTextBox{
  background-color:#CCCCCC;
}

.contentPicture{
  margin-bottom: 10px;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 10px;
  border: 3px solid #FFFFFF;
 

}

.contentPictureBlack{
  margin-bottom: 10px;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 10px;
  border: 3px solid #666666;
}



.exposedLink{
  text-decoration:underline;
  color: #336699;
}



#mainNav ul {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.0;
	width: 766px; 
	height: 38px;  /* DIF */
	position: relative;
	border-bottom: 1px solid #5A5A5A;
}
#mainNav li {
	list-style: none;
	position: absolute;
	top: 0;
	text-indent: -9999px;

}
#mainNav li a { display: block; height: 38px; text-decoration: none; }				



#mainNav li#nav1 { left: 0; }
#mainNav li#nav1 a { width: 106px; background: url(img/menuItem1.gif) no-repeat; }
#mainNav li#nav1 a:hover { background: url(img/menuItem1.gif) no-repeat; } /* up */

#mainNav li#divider1 {left: 106px;}
#mainNav li#divider1 a { width: 8px; background: url(img/menuDivider.jpg) no-repeat; }


#mainNav li#nav2 { left: 114px; }
#mainNav li#nav2 a { width: 106px; background: url(img/menuItem2.jpg) no-repeat; }
#mainNav li#nav2 a:hover { background: url(img/menuItem2.jpg) no-repeat; }  /* up */

#mainNav li#divider2 {left: 220px;}
#mainNav li#divider2 a { width: 8px; background: url(img/menuDivider.jpg) no-repeat; }

#mainNav li#nav3 { left: 228px; }
#mainNav li#nav3 a { width: 106px; background: url(img/menuItem3.jpg) no-repeat; }
#mainNav li#nav3 a:hover { background: url(img/menuItem3.jpg) no-repeat; }  /* up */


#mainNav li#divider3 {left: 334px;}
#mainNav li#divider3 a { width: 8px; background: url(img/menuDivider.jpg) no-repeat; }

#mainNav li#nav4 { left: 342px; }
#mainNav li#nav4 a { width: 106px; background: url(img/menuItem4.jpg) no-repeat; }
#mainNav li#nav4 a:hover { background: url(img/menuItem4.jpg) no-repeat; }  /* up */


#mainNav li#divider4 {left: 448px;}
#mainNav li#divider4 a { width: 8px; background: url(img/menuDivider.jpg) no-repeat; }

#mainNav li#nav5 { left: 456px; }
#mainNav li#nav5 a { width: 106px; background: url(img/menuItem5.gif) no-repeat; }
#mainNav li#nav5 a:hover { background: url(img/menuItem5.gif) no-repeat; }  /* up */



#mainNav li#divider5 {left: 562px;}
#mainNav li#divider5 a { width: 8px; background: url(img/menuDivider.jpg) no-repeat; }

#mainNav li#nav6 { left: 570px; }
#mainNav li#nav6 a { width: 106px; background: url(img/menuItem6.gif) no-repeat; }
#mainNav li#nav6 a:hover { background: url(img/menuItem6.gif) no-repeat; }  /* up */






#mainNav li#menuSpacer {left: 676px;}
#mainNav li#menuSpacer a { width: 90px; background: url(img/menuSpacer.jpg) no-repeat; }


/*=css drop down menu
----------------------*/
#mainNav li ul {
	font-size: 12px; 
	display: none;
	list-style: none;
/*	line-height: 1.0;*/
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 100;
	font-weight: normal;
	background:#5D5D5D;
	padding: 0;
	margin: 0;
	border: 1px solid #000000;
	border-width: 0 1px 1px;
	width: 157px;
	width/**/:/**/157px;      
	height: auto;
	
}
/* not applied by IE Mac or PC \*/
#mainNav li>ul { top: auto; }
/* end work-around */

#mainNav li li {
/*	display: block;*/
	display:inline;
	position: relative;
	z-index: 100;
	text-indent: 0px;
	text-align: left;
	float: none;
	margin: 0 0 0 -16px;
	margin/**/:/**/0;    
	padding:0;
	/*	border-top: 1px solid #fff;*/
}

html>body #mainNav li li {
	display:block;
	}


/* MENU ITEMS */
#mainNav li#nav1 li a, #mainNav li#nav2 li a, #mainNav li#nav3 li a, #mainNav li#nav4 li a, #mainNav li#nav5 li a {
    text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	background: #999999;
	display: block;
	height: auto;
	padding: 5px 10px 6px 15px;
	width: 158px;
	border-top: 1px solid #666666; 
	width/**/:/**/132px;
	
}
html>body #mainNav li li a {
	width: auto;
	
}

/* MENU HOVER */
#mainNav li#nav1 li a:hover, #mainNav li#nav2 li a:hover, #mainNav li#nav3 li a:hover, #mainNav li#nav4 li a:hover, #mainNav li#nav5 li a:hover
{ 
  background: #336699; 

}

#mainNav li:hover ul, #mainNav li.hover ul { display: block; }

/* end css drop down stuff*/






