/* CSS Document */


body {background-color:#FFFFFF;
   color:#000066;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center; font-size:12px;}
h1 {font-size:16px; font-weight:700; }
h2 {font:Verdana, Arial, Helvetica, sans-serif; font-size:40px; font-weight:500; color:#0033FF;  }
h3 {font-size:15px; font-weight:500; color:#0000CC;}
p {font-size:12px; text-align:justify;}
.back1 {padding-left:6px; padding-left:6px; background-color:#0000FF; }

.mainbox  {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	top:4px;
	height:640px;
	text-align:left;
	width:763px;
	background-color:#ffffff;
	
}
.topbox {
	position:absolute;
	width:743px;
	height:auto;
	z-index: 6;
	left: 0px;
	top: 0px;
}
.leftboxback {
	position:absolute;
	background-color:#242164;
	left:0px;
	top:150px;
	width:187px;
	height:454px;
	text-align:left;
	z-index: 4;
}
.leftbox {
	position:absolute;
	background-color:#242164;
	left:2px;
	top:173px;
	width:179px;
	height:263px;
	padding-top:14px;
	padding-right:6px;
	text-align:left;
	z-index: 8;
}
#leftnav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #000066;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;	
}
#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0px 3px 10px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration: none;	
}

#sectionLinks a:hover{
	border-bottom: 1px solid #F89F2A;
	color:#F89F2A;
	background-color:#0033CC;
	text-decoration: none;
	font-size:12px;
	text-decoration: none;
}
#Layer1 {
	position:absolute;
	color:#000066;
	width:543px;
	height:411px;
	z-index:5;
	left: 200px;
	top: 179px;
	padding:8px;
	background-image: url(banners/compass1.jpg);
}
#Layer2 {
	position:absolute;
	color:#000066;
	border:#000066 1px solid;
	width:185px;
	height:396px;
	z-index:6;
	left: 559px;
	top: 169px;
	padding:8px;
}
.floatleft {float:left;}
.bigtext {font-size:18px; letter-spacing:1px;}
.bigt2 {font-size:18px; letter-spacing:2px;}
#Layer3 {
	position:absolute;
	background-color:#242164;
	width:763px;
	height:21px;
	z-index:7;
	left: 0px;
	top: 582px;
	text-align:center;
	color:#FFFFFF;
	font-size:9px;
	padding-top:5px;
}
#Layer4 {
	position:absolute;
	width:187px;
	height:114px;
	z-index:1;
	left: 8px;
	top: 30px;
}
#Layer5 {
	position:absolute;
	width:179px;
	height:242px;
	z-index:1;
	left: 11px;
	top: 156px;
	text-align:justify;
}
#Layer6 {
	position:absolute;
	width:59px;
	height:17px;
	z-index:1;
	left: 115px;
	top: 183px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF6633;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.fade1  {
    filter:alpha(opacity=60);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.fade2  {
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}  
#back1 {
	position:absolute;
	background-color:#000099;
	width:34px;
	height:17px;
	z-index:1;
	left: 726px;
	top: 165px;
}