@charset "utf-8";
/* CSS Document */
html {
	height:101%;
	overflow: auto;
}
body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color:#98c4dd;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#ffffff;
	width:960px;
	height:auto;
	text-align: left;
}

.links { font-family:Arial, Helvetica, sans-serif;	color:#999999; font-weight:bold; font-size:10px; }
a:link{	color:#ffffff; text-decoration: none;}
a:visited{
	color: #060;
	text-decoration: none;
}
a:active{	color: #999999;	text-decoration: none;}
a:hover{ text-decoration: underline;	color: #ffffff;}

/*==========header==========*/

#headerContainer{ width: 960px; height: 155px; float:left; background-image:url(images/header_bg.jpg); z-index:1000} 
.headerTop{ width: 960px; height: 135px; float:left;}
.headerOption{ 
width: 160px; 
height: 20px; 
float:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#ffffff;
font-weight:bold;
text-align:center;
}

/*==========container==========*/

.mainContainer{
	width: 960px;
	height: auto;
	float:left;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0e3c4f;
	background-image: url(images/mainCont.gif);
	background-repeat: repeat-y;
}
#leftContainer{width: 325px; height: 300px; float:left; background-color:#e5eef6; z-index:0;}
#leftImage{width: 285px; height: 280px; margin: 20px; z-index:1;}
.rightContainerIndex{ width: 590px; height: 260px; float:left; background-color:#ffffff; margin: 20px;}
.rightContainer{ width: 590px; height: auto; float:left; background-color:#ffffff; margin: 20px;}
.rightContainer p a {
	color: #009;
}
.rightContainer img {
	border: 1px solid #333;
}
.bottomContainer{ width: 960px; height: auto; float:left; background-color:#ffffff;}
.statementOne{ width: 325px; height: 80px; float:left; background-color:#7cc576;}
.statementTwo{ width: 310px; height: 80px; float:left; background-color:#a3d39c;}
.statementThree{ width: 325px; height: 80px; float:left; background-color:#c4df9b;}
.statementText1{
width: 285px;
height: 40px;
float:left;
margin: 20px;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
.statementText2{
width: 270px;
height: 40px;
float:left;
margin: 20px;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
.h1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0e3c4f; font-weight:bold;}

/*==========footer===========*/

.footerContainer{ width: 960px; height: 20px; float:left; background-color:#0e3c4f;}
.footerTop{ width: 960px; height: 2px; float:left; background-color:#0e3c4f; font-size:1px;}
.footerTextLeft{ 
width: 460px; 
height: 15px; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
margin-left:20px;
text-align:left;
}
.footerTextRight{ 
width: 460px; 
height: 15px; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
margin-right:20px;
text-align:right;
}
/* picture css */
	.pics {  
    height:  305px;  
    width:   305px;  
    padding: 0;  
    margin:  20 0 0 20;  
} 
 
.pics img {  
    padding: 0px;  
    border:  0px solid #ccc;  
    background-color: #e5eef6;  
    width:  286px; 
    height: 260px; 
    top:  0; 
    left: 0 
} 
.textret {
	font-size: 1.3em;
	color: #060;
	background-color: #CCC;
	padding: 5px;
	height: auto;
	width: auto;
	border: 1px solid #333;
}
.superscript {
	position: relative;
	top: -3px;
}
/*Menu CSS */