/* CSS Document */

/* divs */
.head {
	position:absolute;
	width:900px;
	height:100px;
	z-index:1;
	left: 5px;
	top: 5px;
	background-repeat:repeat-x;
	background-color:#2863DC;
	background-image:url(../../images/top/headbg.png);
	background-repeat:repeat-x;
	border:#CCCCCC 1px solid;
	
}


.head1 {
	position:absolute;
	width:900px;
	height:100px;
	z-index:1;
	left: 5px;
	top: 5px;
	background-repeat:repeat-x;
	background-image:url(../../images/top/bg.png);
	background-repeat:repeat;
	
	
}

.headcontent {
	position:absolute;
	width:657px;
	height:100px;
	z-index:2;
	left: 244px;
	
}

.slogan {
	position:absolute;
	width:446px;
	height:26px;
	z-index:2;
	left: 242px;
	top:56px; 
	
}

.body {
	position:absolute;
	width:900px;
	height:835px;
	z-index:2;
	left: 5px;
	top: 111px;
	
}

.bodyheader {
	position:absolute;
	width:900px;
	height:46px;
	z-index:2;
	left: 0px;
	top: 1px;
	background-image:url(../../images/top/topbg.gif);
	background-repeat:repeat-x;
	
}

.bodyheader1 {
	position:absolute;
	width:900px;
	height:46px;
	z-index:2;
	left: 0px;
	top: 1px;
	background-color:#2863DC;
	
	
}

.headertext {
	position:absolute;
	width:900px;
	height:25px;
	z-index:2;
	left: 0px;
	top: 10px;
	text-align:center;
	
	
}	

.footer {
	position:absolute;
	width:902px;
	height:25px;
	z-index:3;
	left: 6px;
	top: 951px;
}

.bodyleft {
	position:absolute;
	width:316px;
	height:688px;
	z-index:3;
	left: 0px;
	top: 143px;
	background-image:url(../../images/left/girltyping.jpg);	
	background-position:top;
	background-repeat:no-repeat;
	background-color:#EBEBEB;
}

.bodytop {
	position:absolute;
	width:896px;
	height:71px;
	z-index:4;
	left: 2px;
	top: 55px;
	background-repeat:repeat-x;
	
	
}

.body_main1 {
	position:absolute;
	width:573px;
	height:280px;
	z-index:5;
	left: 326px;
	top: 144px;
	background-color:#EBEBEB;
	
}

.body_main2 {
	position:absolute;
	width:570px;
	height:400px;
	z-index:6;
	left: 328px;
	top: 430px;
	background-image:url(../../images/body/fishwriting.gif);
	background-position:right;
	background-repeat:no-repeat;
}


	
#container {
	width: 90%;
	margin: auto;
	position:centre;

	
}

.body1top {
	position:absolute;
	width:213px;
	height:80px;
	z-index:1;
	left: 6px;
	top: 14px;

}

.body2top {
	position:absolute;
	width:336px;
	height:255px;
	z-index:1;
	top: 13px;
	left: 231px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
}

.body3top {
	position:absolute;
	width:213px;
	height:148px;
	z-index:1;
	left: 7px;
	top: 123px;
	
}

.form {
	position:absolute;
	width:305px;
	height:115px;
	z-index:1;
	left: 6px;
	top: 285px;
}

.leftbottom {
	position:absolute;
	width:247px;
	height:112px;
	z-index:1;
	left: 9px;
	top: 514px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	background-color:#FFFFFF;
	border:#999999 1px solid;
	padding:25px;
}


/* fonts */
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
}

.style2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
}
.style3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003399;
}

.style4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003399;
}

.style5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.style6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003399;
}

.center { text-align: center; }

.imgCenter { margin-left: auto; margin-right: auto; }


.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.5;
}





a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #708ECE;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}