﻿body {
	margin-top: 40px;
	background-color: #30586d;
}

TD#nav {
	background: url("images/index_09.jpg");
}
TD#footer {
	background: url("images/index_12.jpg");
}

TD#content {
	background-color: #FFFFFF;
	color: #00637A;
}

TD#area1 {
	width: 500px;
}


h2 {
	font-family: Arial;
	font-size: 18pt;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 15px;
	color: #00637A;
}

h3 {
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 15px;
	color: #00637A;
}
h4 {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 15px;
	color: #00637A;
}

h5 {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 15px;
	color: #FFFFFF;
}

h6 {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 15px;
	color: #000000;
}

p {
	font-family: Arial;
	font-size: 10pt;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	color: #00637A;
}

p.areas {
	font-family: Arial;
	font-size: 10pt;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	color: #FFFFFF;
}

p.areas1 {
	font-family: Arial;
	font-size: 10pt;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	color: #000000;
}

p.areas2 {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	color: #FF0000;
}

a {
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	color: #00637A;
	line-height: 20px;
	width: 100%;
}

a:hover {
	font-weight: bold;
}


#nav ul {
	padding-left: 0px;  /* AA & padding-left changed from 10 to 0px */
	margin: 0;
	list-style: none;
}


#nav {
	padding-left: 0px;  /* AA & padding-left changed from 10 to 0px */
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 100%;  /* AA & width changed from 152 to 100% */
}

li.subnav {
	margin-left: 10px;
}

.area1 {
	background-color: #9bbfc5;
}

.area1_pic {
	padding: 5px;
	background: #7ea8af;
}

.area2 {
	background-color: #b3c9be;
}

.area2_pic {
	padding: 5px;
	background: #92b3a2;
}

.area3 {
	background-color: #004c64;
}

.area3_pic {
	padding: 5px;
	background: #012c39;
}

.area4 {
	background-color: #7EA8AF;
}

.area4_pic {
	padding: 5px;
	background: #e8ede9;
}

.area5 {
	background-color: #012c39;
}

.area5_pic {
	padding: 5px;
	background: #b3c9be;
}

.area6 {
	background-color: #e8ede9;
}

.area6_pic {
	padding: 5px;
	background: #cadde1;
}

.area7 {
	background-color: #cadde1;
}

.area7_pic {
	padding: 5px;
	background: #9bbfc5;
}

.area8 {
	background-color: #92b3a2;
}

.area8_pic {
	padding: 5px;
	background: #004c64;
}
.style1 {
	font-family: Arial;
	font-size: 10pt;
}
.style1a {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
.style2 {
	color: #92b3a2;
}

.style3 {
	color: #004c64;
}

.style4 {
	color: #92b3a2;
	font-size: 8pt;
}

.style5 {
	color: #004c64;
	font-size: 8pt;
}

.style6 {
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
}

.style7 {
	font-size: 10pt;
	font-weight: bold;
}
.style8 {
	color: #ffffff;
	font-size: 10pt;
}
.style9 {
	text-align: center;
}
.style10 {
	text-align: center;
	font-size: small;
}

.style11 {
	text-align: center;
	border-color: #FFFFFF;
	border-width: 0;
}
#mainlevel-nav li {

padding-left: 0px;
list-style:none; 
margin: 0; 
font-size: 10px;
white-space: nowrap;
}

#dropmenudiv{
position:relative;
right: 25px;
line-height: 18px;
z-index:100;
padding-left: 10px;
margin-top: 10px;
}

.glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 162px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 162px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu li{
position: relative;
left: 0px;
}
.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
right: 10px;
top: 0;
width: 180px; /*WIDTH OF SUB MENU ITEMS*/
display: none;
filter:alpha(opacity=80);
-moz-opacity:1;
}

.glossymenu li a{
background: #004c64;
font: bold 9px Verdana, Helvetica, sans-serif;  /* AA & font changed to 10px */
color: #b3c9be;  /* AA & color changed to #b3c9be */
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;  /* AA & padding-left changed from 5 to 15px */
text-decoration: none;
}
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: #004c64;
}
.glossymenu li a:visited{  /* Split out by AA & color changed to #b3c9be */
color: #b3c9be;
}
.glossymenu li a:active{  /* Split out by AA */
color: white;
}
.glossymenu li a:hover{color: white;
background: #016982;  /* Split out by AA & color changed to #016982 */
width: 100%;
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


.ScrollingDIV
{
    height: 300px;
    width: 500px;
    overflow: auto;
    border: 1px solid #666666;
    padding: 8px 8px 8px 8px;
}
