/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font:1.0em Verdana, arial, helvetica, sans-serif;
	color:#92999f;
	background:#646e7a;			
	}
	
h1, h2, h3, h4, h5, p {margin: 0px; padding: 8px 0;}
	
a:link { color:#cc6666; text-decoration:none; }
a:visited { color:#cc6666; text-decoration:none; }
a:hover { color:#646e7a; text-decoration:none; } 
	
.style1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	font-style: italic;
}
.style2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#ffffff;
}
.style3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fecd6c;
	font-size:1.2em;
	font-style: italic;
}
.style4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight: bold;
	font-style: italic;
	color:#fecd6c;
	}	
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #646e7a;
}
.style6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#646e7a;
	font-style: italic;
}
.style7 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#646e7a;
	font-size:1.2em;
	font-style: italic;
}
.style8 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#646e7a;
	font-size:1.0em;
}
.style9 {
	color:#cc6666;
	}

input { background-color:white ! important}
	
#bodyH {
	position:relative;
	width:1000px; 
	top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
	border:0px solid #fff;		
	}
	#bodyH a:link {
	color:#fecd6c;
	}
	#bodyH a:visited {
	color:#fecd6c;
	}
	#bodyH a:hover {
	color:#646e7a;
	}	
#headerH {
	position:relative;
	width:1000px;
	height:400px;
	background:#99a6b7 url(images/logo5.jpg) top left no-repeat;	
	border-bottom:0px solid #fff;	
	}		
#headermenu {
	position:absolute;
	left:800px;
	top:80px;
	width:200px;
	text-align:center;
	font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;		
	}			
#contentH {
	position:relative;
	top:0px;
	width:940px;
	padding:10px 30px;
	background:#99a6b7 url(images/BGcontent1.jpg) repeat-y top left;
	}	
#footerH {
	position:relative;
	text-align:center;
	height:auto;
	background:#99a6b7;	
	border-top:0px solid #fff;	
	}		
				

#body {
	position:relative;
	width:1000px; 
	top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
	background:#ffe2a9;
	border:0px solid #fff;		
	}
#header {
	position:relative;
	top:0px;
	width:1000px;
	height:200px;
	background:#99a6b7;	
	border-bottom:0px solid #fff;	
	}

/* ================================================================ 
The original version of the menu stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {position:relative; z-index:10; width:1000px; height:25px; margin:0; padding:0; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; background-color:#8898ac;}

	/* hack to correct IE5.5 faulty box model */
	* html #menu {width:1001px; w\idth:1000px; height:23px; heig\ht:25px; background-color: #8898ac;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {list-style-type:none; padding:0; margin:0; left:3px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li { float:left; position:relative; width:142px; text-align:center;}


/* style the links for the top level */
#menu a, #menu a:visited {display:block; text-decoration:none; color:#fecd6c; width:141px; height:25px; border:1px solid #646e7a; border-width:0px 0 0px 1px; background:#8898ac; padding-left:0px; line-height:20px;}

	/* a hack so that IE5.5 faulty box model is corrected */
	* html #menu a, * html #menu a:visited {width:142px; w\idth:141px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden; position:absolute; z-index:10; height:0; top:25px; left:0; width:141px; border-top:0px solid #000;}

	/* another hack for IE5.5 */
	* html #menu ul ul {top:24px; t\op:25px;}
	
#menu ul ul {width:142;}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#8898ac;}

/* style the second level hover */
#menu ul ul a.drop:hover {background:#646e7a;}
#menu ul ul :hover > a.drop {background:#646e7a;}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; z-index:10; width: 142px; margin:-2px 0 0 -51px; m\argin:0; border-collapse:collapse;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background:#8898ac; color:#fecd6c; height:auto; line-height:14px; padding:3px 0 3px 0px; width:141px; border: 1px solid #646e7a; border-width:0 1px 1px 1px;}

	/* another hack for IE5.5 */
	* html #menu ul ul a, * html #menu ul ul a:visited {width:142px; w\idth:141px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover {color:#f9a94e; background:#646e7a;}
#menu :hover > a, #menu ul ul :hover > a {color:#f9a94e; background:#646e7a;}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible;}					

#content {
	position:relative;
	top:10px;
	width:900px;
	padding: 10px 50px;
	background:#ffe2a9;
	}						
		
#footer {
	position:relative;
	text-align:center;
	height:auto;
	background:#ffe2a9;	
	border-top:0px solid #fff;	
	}