@charset "utf-8";
/* CSS Document */
<style>
#menu4 {
 width: 200px;
 margin-top: 0px;
}
 
#menu4 li a {
 text-decoration: none;
 height: 32px;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 26px;
}
 
#menu4 li a:link, #menu4 li a:visited {
 color: #000000;
 display: block;
 background: url(Graphic1.jpg);
 padding: 8px 0 0 20px;
}
 
#menu4 li a:hover {
 color: #257EB7;
 background: #000000;

}
 
#menu4 li a:active {
 color: #fff;
 background: #CC0000 0 -64px;

}

#menu4 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}


#footer {
background:url(../img/F.jpg) repeat-x;
	width:100%;
	height:50px;
	position:relative;
	text-align:center;
	bottom:0;
	left:0;
}

</style>
<style type="text/css">
.menubar {padding:0px;}
.menubar ul {padding:0px; margin:0px; line-height:30px;}
.menubar li {background-color:teal; list-style:none; float:left; position:relative;}
.menubar a {width:130px; height:30px; display:block; text-decoration:none; color:white; border:1px solid white; text-align:center; text-shadow:1px 1px 1px orange;}
.menubar ul ul {position:absolute; top:33px; visibility:hidden;}
.menubar ul li:hover ul {visibility:visible;}
.menubar a:hover {background-color:brown;}
.menubar ul li:hover ul li a:hover {background-color:blue;}
.menubar ul li {display:inline;}
 .clear {
    clear:both; 
    margin:0;
    padding:0;
 }
 .menubar ul ul ul {margin-left:120px; margin-top:-30px; padding-left:5px;}
 .menubar ul ul ul li {visibility:hidden;}
 .menubar ul li:hover ul ul ul{visibility:visible;}
.style2 {
	font-family: "A Charming Font Expanded", "A Charming Font Outline"
}

#menu123{border-top:4px solid #CC0000;}

#con { width:1024px; height:auto; margin:0 auto}
</style>

<style type="text/css">    
#menu123{border-top:4px solid #3300FF;}
#menu123{
	position:relative;
	display:block;
	height:38px;
	font-size:11px;
	font-weight:bold;
	background: #FF9900 repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
	visibility: visible;
}
#menu123 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu123 ul li{display:block;float:left;margin:0 1px 0 0;}
#menu123 ul li a{display:block;float:left;color: #FFFFFF ;text-decoration:none;padding: 10px 22px 0 22px;height:28px;}
#menu123 ul li a:hover,#menu123 ul li a.current{color:#fff;background: #CC3300 no-repeat top center;}
</style>

<style type="text/css">    


#apDiv2 {
	position:relative;
	left:0;
	top:0;
	width:200px;
	height:auto;
	z-index:1;
	background-color:;
}
#apDiv3 {
	position:relative;
	left:0;
	top:0;
	width:1024px;
	height:auto;
	

}
#apDiv1 {
	position:relative;
	left:0;
	top:0;
	width:1024px;
	height:auto;background:#990000;
	font-style:italic;
	color:#FFFFFF;
	text-transform:capitalize;

}
#apDiv4 {
	position:absolute;
	left:200px;
	top:0;
	width:815px;
	height:auto;
	z-index:2;
	background-color: #FFFF99;
	padding: 0 0 0 10px;
}


.style7 {	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	text-align:center;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
.style8 {	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#FF6600;
	
}

.style9 {	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#0000FF;
	
}

.style2{
			font-family: Georgia, "Times New Roman", Times, serif; 
			font-size: 16px;
			text-align:justify; 
			color:#CC6600; 
			font-weight: bold;
			line-height:1.8; }

p{
			font-family: Georgia, "Times New Roman", Times, serif; 
			font-size: 17px;
			text-align:justify; 
			color:#CC6600; 
			line-height:1.8; }
			
			
</style>
<style type="text/css">
.buttom{
	font-family: Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-align:center;
	font-size: 12px;
}
.buttom a{
	text-align: right;
	padding-right: 30px;
	color:#000000;}
	
	.buttom a:hover{
	text-decoration: underline;
	color:#FF0000;
}

</style>