/* CSS Document */

.main {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font-family:Verdana;
}
.left_float {
	float: left;
	width: 540px;
	height: 600px;
	text-align:left;
	
	/*	background-image: url(../images/content.jpg); */
}
.float1 {
	float: left;
	width: 270px;
	height: 600px;
	background-color:#036;
	
}

.menu_float {
	width: 270px;
	height: 470px;
	
}
.menu_center
{
    padding-left:400px;
    text-align:center;
}
.float2 {
float: left;
width: 170px;
height: 600px;
background-color:#036;
}

.content_header{
float: left;
width: 270px;

background-color:#002042;	
}

.main_content{
float: left;
width: 710px;
min-height:850px;

background-color:#FFCCFF;
font-family:Verdana;
}
.main_content h1
{
    font-size:26px;
    text-align:center;
}
.main_content h2
{
    font-size:24px;
    text-align:center;
}
.main_content h5
{
    font-size:22px;
    text-align:left;
}
.main_content h3
{
    font-size:20px;
    font-family:Verdana;
}
.main_content h4
{
    font-size:18px;
    font-family:Verdana;
    font-weight:bold;
}
.main_content h5
{
 font-size:16px;
    font-family:Verdana;
}

.main_content p
{
    font-family:Verdana;
    font-size:15px;
    text-align:justify;
    line-height:28px;
    text-align:justify;
    padding-left:40px;
}
.main_content td
{
    font-family:Verdana;
    font-size:15px;
    text-align:justify;
    line-height:28px;
    padding-left:10px;
    vertical-align:top;
}
.main_content ul
{
    margin:0px;
    padding-left:70px;
    padding-right:20px;
    font-size:15px;
    line-height:28px;
    text-align:justify;
}
.small_header{
width: 270px;
height: 150px;
background-color: #87CEEB;	
}

.main_content_all{
	width: 980px;
	height: auto;
    background-color:#002042;	
}
.footer {
	background-color: #006699;
	height: 30px;
	width: 980px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}
.header {
	height: 150px;
	width: 980px;
	background-color: #8AE8FF;
}
.images {
	background-color: #F66;
	height: 180px;
	width: 980px;
	text-align: left;
	float: left;
}
.images1 {
	background-color: #F66;
	height: 330px;
	width: 505px;
	text-align: left;
	float: left;
}
.middle {
	background-position: center;
}
.left {
	background-position:left;
}
.glossymenu{
	border-left:0px solid #9A9A9A; border-right:0px solid #9A9A9A; border-top:0px solid #9A9A9A; border-bottom:0px solid #9A9A9A; margin:0px 0; padding:0; width: 270px; /*width of menu*/
	
}

.glossymenu a.menuitem{
background: black url('../images/glossyback.gif') repeat-x bottom left;
color:White;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:normal; font-size:15px; font-family:arial; padding-right:0; padding-top:8px; padding-bottom:8px
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url('../images/glossyback2.gif');
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#F0F0F0;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CCC;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "arial";
color: black;
text-decoration: none;
padding: 4px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover
{
   background-image: url('../images/glossyback2.gif');
    
color: white;
}