@charset "utf-8";
/* CSS Document */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#page {
	width:100%;
	margin:0 auto;
	text-align:center;
}
#pagebody {
	width: 1100px;
	text-align:center;
	margin:0 auto;
	/*background-image: url("../images/gradient_bg.jpg");
	background-position:center; 
	background-repeat: repeat-y;*/
	/*height:468px;*/
	position:relative;
}

#pagecontent {
	width: 1100px;
	margin:0 auto;
	text-align:left;	
}	

#pagecontent #header {width:1100px; height:180px;}
.fade {width:100%; height:480px; position:absolute; left:0px; bottom:125px; background-image:url(../images/intro-page/white-fade.png); background-repeat:repeat-x; z-index:-50;}
#pagecontent .text1 {opacity:0; filter:alpha(opacity=0); width:616px; height:55px; position:absolute; top:200px; left:200px; z-index:500;}
#pagecontent .text2 {opacity:0; filter:alpha(opacity=0); width:616px; height:55px; position:absolute; top:265px; left:200px; z-index:500;}
#pagecontent .intronav {opacity:0; filter:alpha(opacity=0); width:990px; height:20px; position:absolute; left:45px; top:350px; z-index:500;}

#pagecontent .skip {display:none; width:30px; position:absolute; right:4px; top:200px; z-index:1200;}
#pagecontent .skip a {font-size:11px; font-weight:normal; color:#072357; text-decoration:none; position:absolute; }
#pagecontent .enter {width:300px; height:78px; position:absolute; left:340px; top:150px; z-index:600;}
#pagecontent .enter a {font-size:11px; font-weight:normal; color:#072357; text-decoration:none; position:absolute; z-index:600;}

#header #navigation {width:870px; float:left;}
#header #navigation p {color:#072357; font-size:9px; padding:20px 0px 40px 0px;}
#header #logo {width:240px; float:right; margin-right:-15px; position:relative; z-index:1000;}

#main-body {width:1100px;}

#main-body #body-left {width:500px; float:left; margin-top:-10px; margin-right:30px; position:relative;}
#main-body #body-left h2 {color:#072357; font-size:13px; line-height:15px;}
#main-body #body-left p {color:#072357; font-size:12px; line-height:15px;}
#main-body #body-left a {color:#072357; font-size:12px; line-height:15px;}
#main-body #body-left td {color:#072357; font-size:12px; line-height:15px;}
#main-body #body-left td li {color:#072357; font-size:12px; line-height:15px;}
#main-body #body-left td.green {color:#62aa2b;}
#main-body #body-left td.lightblue {color:#00a5e4;}
#main-body #body-right {width:570px; float:right;}
#main-body #body-right p {color:#00a5e4; font-size:11px; line-height:15px; padding-right:5px; float:right;}

#footer-image {width:100%; height:500px; margin-top:-170px; background-repeat:repeat-y; background-position:center; position:relative; z-index:-100;}
#footer-image-home {width:100%; height:500px; background-repeat:repeat-x; background-position:center; position:absolute; left:0px; bottom:0px; z-index:-100;}

#footer-image .credits {position:absolute; bottom:10px; right: 10px; font-size:10px; color:#ffffff; z-index:1000;}
#footer-image .credits a:link {color:#ffffff; text-decoration:none;}
#footer-image .credits a:active {color:#ffffff; text-decoration:none;}
#footer-image .credits a:visited {color:#ffffff; text-decoration:none;}
#footer-image .credits a:hover {color:#ffffff; text-decoration:none;}

div#rotator {
	margin:0;
	padding:0;
}
div#rotator ul {
	padding:0;
	margin:0;
}
div#rotator ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */	
div#rotator ul li img {
padding: 0; margin:0; border:none;
}
div#rotator ul li.show {
z-index:500;
}

.lightblue {color:#00a5e4;}
.green {color:#62aa2b;}
.boldblue {color:#1c3067; font-weight:bold;}
.purple {color:#7f0f7e;}