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

body{
background:url(images/bg.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

a {
	color: #CCCCCC;
	text-decoration:none;
}
a:hover{
text-decoration:underline;
}
li{
	margin-left: -22px;
	margin-top: -1px;
}
ul{
	padding-top:-4px;
}

.commh3{
font-size:11px;
color:#2f8bce;
}
.pasth3{
font-size:11px;
color:#d93eb1;
}
.presenth3{
font-size:11px;
color:#55d645;
}
.futureh3{
font-size:11px;
color:#ebfe67;
}
.futurea{
color:#ebfe67;
text-decoration:none;
}
.futurea:hover{
text-decoration:underline;
}
#header{
background:url(images/logo.png);
background-repeat:no-repeat;
width:250px;
height:70px;
position:absolute;
margin-top:32px;
margin-left:11px;
}


#maincontainer{
position:absolute;
width:975px; 
height: 537px;
margin-top:100px;
margin-left:18px;
}

#leftcontent {
background:url(images/main.png);
background-repeat:no-repeat;
position: relative;
float:left;
left:1px;
top:1px;
width:640px;
height:314px;
	}
	
#rightcontent {
background:url(images/community.png);
background-repeat:no-repeat;
position: relative;
float:right;
top:1px;
width:315px;
height:316px;
right:7px;
	}
	
#communitytext{
position: absolute;
width:309px;
height:277px;
margin-top:31px;
margin-left:10px;
text-align:left;
}
	
.row2box{
position: absolute;
width:309px;
height:162px;
top:31px;
margin-left:10px;
vertical-align:text-top;
text-align:left;
}	
	
#leftcontent2 {
background:url(images/past.png);
background-repeat:no-repeat;
position: relative;
left:1px;
top:327px;
width:314px;
height:200px;
	}
	
#centercontent {
background:url(images/present.png);
background-repeat:no-repeat;
position: relative;
width:314px;
height: 200px;
left:327px;
top:127px;

voice-family: "\"}\"";
voice-family: inherit;

	}

	
#rightcontent2 {
background:url(images/future.png);
background-repeat:no-repeat;
position: relative;
float:right;
right:5px;
top:-73px;
width:317px;
height:203px;

	}
	
#carousel{
background:url(images/carousel-bg.png);
background-repeat:no-repeat;
width:967px;
height:128px;
position:absolute;
margin-top:638px;
margin-left:18px;
padding-top:23px;
}

#footer{
width:968px;
height:25px;
position:absolute;
margin-top:785px;
margin-left:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2384cb;
}

.foota{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2384cb;
}
.foota:hover{
text-decoration:underline;

}

.carouselimg{
border:1px solid #686868;

}

/* carousel styles */

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 962px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 3px; /*margin around each panel*/
width: 76px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}