/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font:1.0em Verdana, arial, helvetica, sans-serif;
	color:#92999f;
	background: #2c4f91 url(assets/BGpage.jpg) center repeat-y;	
	}
	
h1, h2, h3, h4, h5, p {margin: 0px; padding: 8px 0;}
ul {margin: 5px 0 0; padding: 0px 25px;}
	
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:#2c4f91;
	font-style: italic;
}
.style11 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	color:#f9e24a;
}
.style111 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;
	color:#FFFFFF;
}
.style2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#2c4f91;
}
.style3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#aa263e;
	font-size:1.1em;
	font-style: italic;
}
.style4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#2c4f91;
	}	

input { background-color:white ! important}

#body {
	position:relative;
	width:1000px; 
	top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
	background:#fff;
	border:0px solid #fff;		
	}
#header {
	position:relative;
	top:0px;
	width:1000px;
	height:200px;
	background-color:#f9e24a;	
	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:#2c4f91; }

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

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

/* 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:111px; text-align:center;}

/* style the links for the top level */
#menu a, #menu a:visited {display:block; text-decoration:none; color:#ffffff; width:110px; height:25px; border:1px solid #3b60a4; border-width:1px 0 0px 1px; background:#2c4f91; 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:111px; w\idth:110px;}

/* 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:110px; border-top:0px solid #000;}

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

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

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

/* 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: 111px; 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:#2c4f91; color:#ffffff; height:auto; line-height:14px; padding:3px 0 3px 0px; width:110px; border: 1px solid #d0d0d2; border-width:0 1px 1px 1px;}

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

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover {color:#ffffff; background:#aa263e;}
#menu :hover > a, #menu ul ul :hover > a {color:#ffffff; background:#aa263e;}

/* 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;}					

#column-left {
	float:left;
	width:200px;
	padding: 10px 20px;	
	text-align:center;	
	border:0px solid #00ff00;	
	}	
#content {
	position:relative;
	top:0px;
	margin-left:250px;
	border:0px solid #000000;	
	}						
	#column-middle {
		float:left;
		width:498px;
		left:0px;
		top:0px;
		padding:0px 10px;	
		font:1em Verdana, Helvetica, sans-serif;				
		border:0px solid #cc0000;			
		}								
	#column-right {
		float:right;
		top:0px;
		width:200px;
		padding: 10px 20px;		
		text-align:center;
		border:0px solid #0000ff;	
		}	
		
#footer {
	clear:both;
	text-align:center;
	height:25px;
	width: 1000px;
	padding: 8px 0px;
	background-color:#aa263e;
	border-top:0px solid #2c4f91;	
	}		
#footer2 {
	position:relative;
	text-align:center;
	height:auto;
	background: url(assets/BGfooter.jpg);
	border-top:0px solid #fff;	
	}