/* CSS Document */
.style2 {font-size: x-small}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#0055a5;
	font-size:16px;
	}
h1 {
font-size:1.8em;
color:#0055a5;
}
h2 {
font-size:1.5em;
color:#0055a5;
}
h2.areatitle {
text-align:left;
}
h3 {
font-size:1.2em;
color:#0055a5;
	text-align:center;
	}

h4 {
font-size:1.1em;
}

h5 {
font-size:1.1em;
}
h6 {
font-weight:normal;
font-size:1em;
}

a {
color:#0055a5;
}
a:hover {
color:#0055a5;
}
.style4 {
text-align:left;
}
td {
text-align:center;
color:#000000;
font-size:12px;
vertical-align:middle;
}
table {
width:687px;
}

#container {
	width:955px;
	height:auto;
	top:00px;
	left:0px;
	position:absolute;
	}

#topcontent {
	padding:0px;
	height:111px;
	top:0px;
	left:0px;
	}
#toprightimage {
	position:absolute;
	top:10px;
	left:529px;
	width:400px;
height:100px;
	text-align:center;
}
	
#maincontent {
	width:955px;
	top:0px;
	padding-bottom:0px;
padding-left:00px;
margin-top:0px;
}
* html #maincontent {
margin-top:-3px;
}
	
#content {
	width:774px;	
	padding:10px;
	background-color:#ffffff;
	overflow:auto;
margin-left:41px;
float:left;
}
* html #content{
margin-left:1px;
}

.contenttext p{


}
.content h2 {
	margin-top:0px
}
.leftcontent {
top:111px;
left:0px;
margin-left:-35px;
	height:410px;
	width:130px;
	text-align:center;
float:left;
}

.leftcontent p {
	margin-left:45px;
text-align:center;
	}

#navlistleft
{
margin-left: 0px;
font-size:16px;
font-weight: bold;
font-style:italic;
width: 129px;
height:50px;
}

#navlistleft li
{
list-style: none;
margin: 0px;
text-align: center;
}

#navlistleft li a
{
display: block;
width:129px;
height:36px;
line-height:36px;
background-image:url(images/button.gif);
text-decoration: none;
}
#navlistleft li a:link { color: #0055a5; }
#navlistleft li a:visited { color: #0055a5; }

#navlistleft li a:hover
{
color: #0055a5;
background-image:url(images/button_f2.gif);
}
#navlistleft li#ym a:hover
{
color: #0055a5;
background-image:url(images/Youth_move.gif);
}
#leftbottom {
margin-top:250px;
}
* html #leftbottom {
margin-top:0px;
}


td {
	border: solid 1px #0055a5;
	height:23px;
}

.blank table{
border: 0px
}
.blank td{
border: 0px
}
#nav ul li{
display:inline;
padding-right:5px;
text-align:center;
}
#nav {
width:500px;
padding-right:40px;
}
#Layer2 {
text-align:center;
margin-left:140px;
margin-top:120px;
}


#Layer2 p {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.1em;
}
#Layer2 h6 {
margin:0;
padding:0;
font-size:0.9em;
}
#leftfloat {
float:left;
padding-left:10px;
padding-right:10px;
}
#right {
margin-left:270px;
padding-top:20px;
}
#righttext {
margin-left:30px;
}
.alignleft {
text-align:left;
}
.topselect {
text-align:center;
}
.topselect ul {
text-align:center;
}
.topselect li {
	text-align:center;
	float:left;
	line-height:25px;
	width:230px;


	list-style-type: none;
	text-transform: uppercase;
}
.topselect a{
	display: block;
	width:230px;
	height:40px;
	line-height:40px;
	background-image:url(images/topbutton.gif);
	text-decoration: none;
	font-weight:bold;
	font-size: 14px;
		color:#ffffff;
}
.topselect a:hover{
color: #ffffff;
background-image:url(images/topbutton_f2.gif);

}
.areatitle {
cursor: hand;
cursor: pointer;
}

#dhtmltooltip{
position: absolute;
text-align:center;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 5px;
padding-bottom:10px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmltooltip h3{
font-size:1.1em;
padding:0px;
padding-bottom:5px;
margin:0px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.noborder img{
border:0px solid #000000;

}

.red {
	color:#ff0000;	
}
.blue {
	color:#0055a5;
}
.pink {
	color:#e0007d;
}