/* CSS Document */

/* The body of the html document */
body{
margin:auto;
width:760px;
background-color:#000066;
margin-top:20px;
margin-bottom:20px;
}

/*The blue bar above the image */
#upper{
background-color:#5A5B9C;
width:760px;
border-color:#FFFFFF;
border:1px solid;
border-bottom:0px !important;
color:#FFFFFF;
}

/* The header image */
#head{
background-image:url(../images/header.jpg);
width:760px;
height:126px;
border:1px solid;
border-color:#FFFFFF;
}

/* Where the blue bar sits below the header image */
#down{
width:760px;
height:20px;
background-image:url(../images/bar.jpg);
border-top:0px !important;
border:1px solid;
border-color:#FFFFFF;
}

/* Where the content goes */
#main{
background: url(../images/backimage.jpg) no-repeat;
background-color:#FFFFFF !important;
width:760px;
height:770px;
border-top:0px !important;
border:1px solid;
border-color:#FFFFFF;
text-align:center;
}

/* The menu system */
#navleft{
float:left;
width:139px;
height:300px;
clear:left;
background: url(../images/side.jpg) no-repeat;
}


/* The copyright and footer */
#footer{
width:760px;
text-align:center;
border:1px solid;
border-color:#FFFFFF;
border-top:0px !important;
background:url(../images/bar.jpg);
}

#footer span{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:100;
font-size:14px;
}

#content{
width:550px;
float:right;
margin-right:20px;
}

#leftimg{
height:550px;
width:150px;
float:left;
background:url(../images/side2.jpg) no-repeat;
}

* html #leftimg{
height:485px !important;
width:150px;
float:left;
background:url(../images/side.jpg) no-repeat !important;
}

#under{
width:573px;
float:right;
}

div.menu a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:14px;
	padding-left:15px;
	line-height:30px;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
}

/*Menu Rollover*/

.menu1 a {
        height: 30px;
		display: block;
        background:url(../menu/button1.jpg);
		margin-bottom:2px;
        }

.menu1 a:hover {
        background:url(../menu/button1_r.jpg);
        }
		
/*-----------------------------------------------*/
.menu2 a {
        height: 30px;
		display: block;
        background:url(../menu/button2.jpg);
		margin-bottom:2px;
        }


.menu2 a:hover {
        background:url(../menu/button2_r.jpg);
        }
		
/*-----------------------------------------------*/
.menu3 a {
        height: 30px;
		display: block;
        background:url(../menu/button3.jpg);
		margin-bottom:2px;
        }


.menu3 a:hover {
        background:url(../menu/button3_r.jpg);
        }
		
/*-----------------------------------------------*/
.menu4 a {
        height: 30px;
		display: block;
        background:url(../menu/button4.jpg);
		margin-bottom:2px;
        }


.menu4 a:hover {
        background:url(../menu/button4_r.jpg);
        }
		
/*-----------------------------------------------*/
.menu5 a {
        height: 30px;
		display: block;
        background:url(../menu/button5.jpg);
		margin-bottom:2px;
        }


.menu5 a:hover {
        background:url(../menu/button5_r.jpg);
        }

/*-----------------------------------------------*/
.menu6 a {
        height: 30px;
		display: block;
        background:url(../menu/button6.jpg);
		margin-bottom:2px;
        }


.menu6 a:hover {
        background:url(../menu/button6_r.jpg);
        }



/* Different Fot and title styles */

.style1 {font-family: Arial, Helvetica, sans-serif; text-align:left;}

.style2 {font-family:font-family: Verdana, Arial, Helvetica, sans-serif; color:#9966CC; font-size:36px;}

.style3{font-family:"Times New Roman", Times, serif; text-align:left; color:#9966CC;}

.style4{font-family:"Times New Roman", Times, serif; font-size:36px; color:#9966CC; text-align:left;}

.style5 {font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:left;}

.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #7b7bd5;}

/*----------------------------
---------Boxes----------
----------------------------*/

#bottom1 { 
		float:left;
		width: 210px; 
		margin-left: 50; 
		background: #FFF 
}

#bottom1 h2 { 
	color: #FFF; 
	border-bottom: 1px solid #f0f0f0; 
	font-size: 0.9em;
	padding-left: 8px;
	line-height: 20px;  
	background: #a1a1a1 url(images2/rh2.jpg) no-repeat top center;
	margin-bottom: 5px
}

#bottom2 { 
		float:left;
		width: 210px; 
		margin: 0; 
		background: #FFF;
		position:relative;
		left:35px;
}

#bottom2 h2 { 
	color: #FFF; 
	border-bottom: 1px solid #f0f0f0; 
	font-size: 0.9em;
	padding-left: 8px;
	line-height: 20px;  
	background: #a1a1a1 url(images2/rh2.jpg) no-repeat top center;
	margin-bottom: 5px
}

#bottom3 { 
		float:right;
		width: 210px; 
		margin: 0; 
		background: #FFF 
}

#bottom3 h2 { 
	color: #FFF; 
	border-bottom: 1px solid #f0f0f0; 
	font-size: 0.9em;
	padding-left: 8px;
	line-height: 20px;  
	background: #a1a1a1 url(images2/rh2.jpg) no-repeat top center;
	margin-bottom: 5px
}

#bottom .box1 .box2 .box3 { border: none; padding: 0px 0 10px 0; margin: 0 0 1em 0; background: #f5f5f5 url(images2/rbot.jpg) no-repeat bottom center }
#bottom .box1 .box2 .box3 ul { padding-left: 8px }
#bottom .box1 .box2 .box3 li a { text-decoration: none; font-size: 0.9em }

.extra {
		height:20px !important;
		float:left !important;
		width:700px !important;
		}

span.hov{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
}
		
.hov a{
width:300px;
height:30px;
display:block;
border:1px solid;
color:#000000;
background-color:#A1A0E2;
text-decoration:none;
}

.hov a:hover{
width:300px;
height:30px;
display:block;
color:#000000;
background-color:#FF9933;
}

/*div right */

.divright{
float:left;
}

a{ color:#000567; text-decoration:none;}

a:hover{background-color:#FFCC66; text-decoration:none;}