body{
margin:0;
padding:0;
background-color: #336699;
}

/*-----------------------------------------*/

.hidden_site_title{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*-----------------------------------------*/

#banner{
position: absolute;
top: 20px;
left: 50%; /*middle of page*/
margin-left: -470px; /* setting margin to 1/2 of div's width */
height: 169px; /*Height of top section*/
width: 960px;

background-image: url('../images/banner.jpg'); background-repeat: no-repeat; background-position: left bottom;

/*border-style:solid;
border-width: 1px;
border-color: #00FF66;*/

z-index: 2;
}

/*-----------------------------------------*/

#main{
position: absolute;
top: 170px;
left: 50%; /*middle of page*/
margin-left: -470px; /* setting margin to 1/2 of div's width */
height: auto;
width: 960px;

background-color: #ffffff;
background-image: url('../images/repeater_right.jpg'); 
background-repeat: repeat-y; 
background-position: right top;

/*border-style:solid;
border-width: 1px;
border-color: #FF00FF;*/

z-index: 1
}

/*-----------------------------------------*/

#hmenu{

position: relative;
top: 22px;
left: 35%;
margin-left: -309px;
margin-bottom: 25px;
height: 16px;
width: 880px;

font-family: verdana,arial; 
font-size: 0.9em; 
color: #ffffff;

text-align: center;

border-style:solid;
border-width: 1px;
border-color: #cccccc;

background-color: #003366;

padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;

z-index: 30;

}

#hmenu A:link {text-decoration: none; color: #ffffff;}
#hmenu A:visited {text-decoration: none; color: #F5F5F5;}
#hmenu A:hover {text-decoration: underline; color: #00ffff;}

/*-----------------------------------------*/

#content{
position: relative;
/*top: 22px;*/
left: 50%;
margin-left: -332px;
height: auto;
width: 758px;

font-family: verdana,arial; 
font-size: 0.9em; 
color: #003366;

border-style:solid;
border-width: 1px;
border-color: #cccccc;

background-color: #F8F7EF;

padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;

z-index: 3;
}

#content A:link {text-decoration: underline; color: #0033cc; font-weight: bold;}
#content A:visited {text-decoration: underline; color: #0066cc; font-weight: bold;}
#content A:hover {text-decoration: none; color: #990000; font-weight: bold;}

/*-----------------------------------------*/

#viewing_page{
border-style:none;
border-width: 1px;
border-color: #000000;
z-index: 30;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: right;
}

/*-----------------------------------------*/

#menu_sub1{
position: absolute;
top: 59px;
left: 50%;
margin-left: -452px;
height: auto;
width: 110px;

border-top-style:solid;
border-right-style:none;
border-bottom-style:solid;
border-left-style:solid;
border-width: 1px;
border-color: #cccccc;

background-color: #F8F7EF;

font-family: verdana,arial; 
font-size: 0.8em; 
font-weight: bold;
color: #003366;

padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

z-index: 4;
}

#menu_sub2{
position: absolute;
top: 120px;
left: 50%;
margin-left: -452px;
height: auto;
width: 100px;

/*border-style:solid;
border-width: 1px;
border-color: #cccccc;*/

font-family: verdana,arial; 
font-size: .9em;
font-weight: bold;

padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

z-index: 4;
}

.menu_sub2_selected{
font-weight: bold;
color: #990000;
}

#menu_sub1 A:link {text-decoration: none; color: #003366;}
#menu_sub1 A:visited {text-decoration: none; color: #0066CC;}
#menu_sub1 A:hover {text-decoration: underline; color: #990000;}

#menu_sub2 A:link {text-decoration: none; color: #003366;}
#menu_sub2 A:visited {text-decoration: none; color: #003366;}
#menu_sub2 A:hover {text-decoration: underline; color: #990000;}

/*-----------------------------------------*/

#footer{
position: relative;

left: 50%;
margin-left: -480px;
height: 53px;
width: 960px;
background-image: url('../images/footer.jpg'); background-repeat: no-repeat; background-position: left bottom;

/*border-style:solid;
border-width: 1px;
border-color: #00FF66;*/

font-family: verdana,arial; 
font-size: 0.8em; 
color: #525252;

padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

text-align: center;

z-index: 10;

}

/*-----------------------------------------*/

#banner_text{
position: absolute;
top: 30px;
left: 50%;
margin-left: 148px;
height: auto;
width: 400px;

font-family: verdana,arial; 
font-size: 0.8em; 
color: #525252;

z-index: 11;
}

#banner_text A:link {text-decoration: underline; color: #525252;}
#banner_text A:visited {text-decoration: underline; color: #808080;}
#banner_text A:hover {text-decoration: none; color: #0033cc;}

/*-----------------------------------------*/

hr {color: #003366; height: 1px; width:100%}

.hmenu_active
{
color: #00ffff;
font-weight: bold;
}

.underline_1{
text-decoration: underline;
}

.pic3{
float: left;
border: none;
margin-right: 10px;
margin-bottom: 10px;
}

.arrow_down{
border: none;
}

/*-----------------------------------------*/
/* for mailing list module */

#mailinglist{

	margin-left: 10px;

	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

	border-style:solid;
	border-width: 1px;
	border-color: #808080;

	background: #ECF2F2;

	width: 50%;
	
}
