/* CSS Document */

html, body, ul, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	text-align:left;
	color:#F60;
}

li{
	color:#333;
}

body{
background-color:#FFFFFF;
}


#Layer1 {
	position:absolute;
	height:200px;
	width:800px;
	z-index:1;
	left: 0px;
	top: 0px;
	visibility: visible;
	background-image:url(../banner.jpg);
}
#Layer2 {
	position:absolute;
	width:200px;
	height:2900px;
	z-index:2;
	top: 233px;
	left: 0px;
	background-color:#333333;
	/*background-image: url(../images/MenuBar.jpg);*/
	visibility: visible;
}

a.nav, a.nav:link, a.nav:visited {
	display:block;
	width:150px;
	height:25px;
	margin-left:20px;
	background:#333;
	border:1px solid #FFFFFF;
	margin-top:20px;
	text-align:center;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#F60;
	line-height:25px;
	overflow:hidden;
}

a.nav:hover {
	color:#fff; 
	background:#FF6600;
}

a.nav:active {
	color:#F60;
	background-color: #333;
} 


#Layer3 {
	position:absolute;
	height:385px;
	z-index:3;
	left: 211px;
	top: 259px;
	visibility: visible;
	width: 531px;
}
#Layer4 {
	position:absolute;
	width:680px;
	height:350px;
	z-index:4;
	left: -563px;
	top: 284px;
}
#Layer5 {
	position:absolute;
	height:24px;
	z-index:4;
	left: 0px;
	top: 205px;
	visibility: visible;
	width: 800px;
	background-color:#333333;	/*background: url(../images/topBar.png);*/
	color: #6A6363;
}

#Layer5 a{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:middle;
}


#Layer5 a:link { 
	color: #FFFFFF;
	text-decoration: none;
}
#Layer5 a:visited { 
	color: #FFFFFF;
	text-decoration: none;
}
#Layer5 a:hover { 
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
#Layer5 a:active { 
	color: #333333;
	text-decoration: none;
}



.style2 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.style3 {font-family: Arial, Helvetica, sans-serif}

#Layer6 {
	position:absolute;
	width:200px;
	height:2500px;
	z-index:1;
	left: 522px;
	top: -287px;
	visibility: visible;
}

#Layer7 {
	position:absolute;
	width:552px;
	height:520px;
	z-index:5;
	left: 246px;
	top: 277px;
}
#MainText {
	position:absolute;
	width:464px;
	height:385px;
	z-index:5;
	left: 220px;
	top: 255px;
}

#Layer8 {
	position:absolute;
	width:500px;
	height:317px;
	z-index:5;
	left: 235px;
	top: 272px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333;
}



#Layer8 h2{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
/*font-size:small; */
font-weight:bold;
font-size-adjust:180%;
margin-bottom:1em;
}

#Layer8 h3{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
/*font-size:small; */
font-weight:bold;
font-size-adjust:150%;
margin-bottom:1em;
}

#Layer8 h4{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:small; */
font-weight:bold;
	font-size-adjust:110%;
	margin-bottom:1em;
	color: #666;
}

#Layer8 p{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	margin-bottom:1em;
	color: #333;
}

#Layer8 a:{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
margin-bottom:1em;
}

#Layer8 a:link {
	color:#333;
	text-decoration: none;
	}
#Layer8 a:visited {
	color: #333;
	text-decoration: none;
	}
#Layer8 a:hover { 
	color:#CC3300;
	text-decoration: none;
	}
#Layer8 a:active { 
	color: #333333;
	text-decoration: none;
	}

#Layer8 table {
	/*font: 11px/24px Verdana, Arial, Helvetica, sans-serif;*/
	text-align:left;
	border-collapse: collapse;
	width: 100%;
	}

#Layer8 th {
	padding: 0 0.5em;
	text-align:left;
	}

#Layer8 td {
    vertical-align:top;
	padding: 0 0.5em;
}



#wrapper {
background-color:#FFFFFF;
	width:770px;
	margin-top:10px;  
	margin-left:auto;
	margin-right:auto;
	text-align:left; 
	z-index:4;
}


#logoDiv {
	width:224px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-size-adjust:60%;
	z-index:5;
}

#searchBoxDiv{
	width:500px;
	float:right;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:right;
	font-size-adjust:60%;
	z-index:6;
}

#picBannerDiv {
	width:770px;
	z-index:400;
}



/*#content td:first-child {
	width: 190px;
	}
*/
/*
#content td+td {
	border-left: 1px solid #CCC;
	}	
*/

#footerDiv{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
}

/* Begin CSS Popout Menu */


#menuh-container
	{
	margin-left:3px;
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0em;
	/*margin-top: 1em;*/
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	border: 1px solid #666666;
	white-space:nowrap;
	margin:0;
	padding: 0.2em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #FFFFFF;
	background-color: #666666;
	}	
			
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:109px;               /* width:9em;	 width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    /* min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    /* vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */
#Layer8 ul ul ul li {
	color: #333;
}