* {margin:0;padding:0;} 

body {
font-family: Helvetica, Verdana, Sans-serif;
font-size: 14px;
color:#999898;
text-align: center;
background:url(images/bg_body.gif);
}
#wrap {margin: 0;padding:0;}
#main { margin: auto; margin: 0;padding:0;}
#content { width: 1000px; padding: 20px 0 0 0; margin: auto; text-align: left; }
#header {margin: auto; background: #efefef; height: 34px;}
#nav {margin: auto; width: 1000px; height: 22px; text-align: left; padding: 10px 0 0 0; font-family: Helvetica, Tahoma, Sans-serif; font-size: 14px; color: #6b6b6b;}

#nav li { display:inline; padding:.2em; }

#nav a, a:visited { text-decoration: none; color: #6b6b6b; }

#nav a:hover { text-decoration: underline; font-weight: bold; color: #004712; }

.green { font-weight: bold; color: #004712;}

/* Fonts/Headers */

.title { font: 30px helvetica, serif; font-weight: bold; }

.subtitle { font: 25px helvetica, serif; }

.topblurb { font: 15px helvetica, serif; line-height: 20px; color: #999898;}

p {font: 14px helvetica, serif;color:#999898; padding: 10px 0 0 0;}

a.more {
color: #003910;
font-size: 14px;
font-weight: bold;
text-decoration: none;
font-family: Helvetica,Times,serif;
}

a:hover.more {
color: #003910;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
font-family: Helvetica,Times,serif;
}

/* Content Elements */

#homepage { width: 1000px; float: left; padding: 0; margin:0; background:url(images/bg_green.gif); }

.co1 { width: 288px; float: left; padding: 0; margin: 0;}
.col2 { width: 238px; float: left; padding: 0; margin: 0; }
.col3 { width: 470px; height: 320px; float: left; padding: 0; margin: 0; }
.col4 { width: 248px; float: left; padding: 0; margin: 0; }
.col5 { width: 269px; float: left; padding: 0; margin: 0; }
.col6 { width: 470px; float: left; padding: 0; margin: 0; }
.col7 { width: 990px; float: left; padding: 0; margin: 0;}
.col8 { width: 960px; height: 75px; float: left; padding: 0; margin: 0;}

.subcol1 { float: left; height: 185px; padding: 0; margin: 0; }
.subcol2 { float: left; padding: 0; margin: 0; }

.stage1 { width: 221px; height: 202px; padding: 86px 0 0 25px; }
.stage2 { width: 236px; height: 186px; padding: 3px 0 0 0; }
.stage3 { width: 225px; height: 185px; position: relative; top: -65px; }
.stage4 { width: 190px; height: 246px; position: relative; top: -110px; left: 40px; }
.stage5 { width: 180px; height: 253px; position: relative; top: -10px; left: 15px; padding: 0; margin: 0;}
.stage6 {width: 232px; height: 237px; position: relative; top: -40px; left: 0px; padding: 0; margin: 0; }

.stage7 { width: 238px; height: 207px; position: relative; top: 50px; left: 130px; padding: 0; margin: 0; }

.logo { width:241px; height:183px; position: relative; top: -85px; left: 100px; padding: 0; margin: 0; }

/* .btmlogo { position: relative; top: 0px; padding: 0 0 0 856px; margin: 0;}*/
.btmlogo { position: absolute; top: 650px; padding: 0 0 0 856px; margin: 0;}
.btmlogo2 { padding: 10px 0 0 800px; margin: 0;}



/* stagerollovers */
#rollover_stage1 { display: block; width: 220px; height: 201px; background: url("images/stage1_ro.png") no-repeat 0 0;}
#rollover_stage1:hover { background-position: 0 -201px; }

#rollover_stage2 { display: block; width: 229px; height: 183px; background: url("images/stage2_ro.png") no-repeat 0 0;}
#rollover_stage2:hover { background-position: 0 -183px; }

#rollover_stage3 { display: block; width: 226px; height: 178px; background: url("images/stage3_ro.png") no-repeat 0 0;}
#rollover_stage3:hover { background-position: 0 -178px; }

#rollover_stage4 { display: block; width: 188px; height: 244px; background: url("images/stage4_ro.png") no-repeat 0 0;}
#rollover_stage4:hover { background-position: 0 -244px; }

#rollover_stage5 { display: block; width: 178px; height: 250px; background: url("images/stage5_ro.png") no-repeat 0 0;}
#rollover_stage5:hover { background-position: 0 -250px; }

#rollover_stage6 { display: block; width: 277px; height: 235px; background: url("images/stage6_ro.png") no-repeat 0 0;}
#rollover_stage6:hover { background-position: 0 -235px; }

#rollover_stage7 { display: block; width: 261px; height: 224px; background: url("images/stage7_ro.png") no-repeat 0 0;}
#rollover_stage7:hover { background-position: 0 -223px; }

#rollover_stage1 span, #rollover_stage2 span, #rollover_stage3 span, #rollover_stage4 span, #rollover_stage5 span, #rollover_stage6 span,#rollover_stage7 span  { display: none; }

/* stagerollovers */

/* Content Elements */

/* SubContent Elements */
/*#subpage { width: 976px; height: 695px; position: relative; top: -70px; padding: 0; background:url(images/bg_sub.gif);}*/

#subpage { width: 976px; height: 695px; position: absolute; top: 38px; padding: 0; background:url(images/bg_sub.gif); z-index: -1; }

#main_content {width:895px; padding: 141px 0 0 38px; }
#scrollbox{ height: 440px; padding: 0; overflow: auto; z-index: 1;}

.subtitleLn {border-bottom: 2px solid #c7f054; width: 864px;color: #6b6b6b; font-size: 18px; margin: 25px 0 10px 0;}

a.arrow {background:url(images/arrow_sm.gif) 0px 2px no-repeat; padding: 0 0 0 20px;  color: #003910; text-decoration: none; font-weight: bold;}
a:hover.arrow {background:url(images/arrow_sm2.gif) 0px 2px no-repeat; padding: 0 0 0 20px; color: #003910; text-decoration: underline;font-weight: bold;}

ul.links li {list-style-type:none; padding: 0 0 5px 0px;}

.imagecol {float: left;width:290px;margin:0 0 10px 0;}
.imagecol2 {float: left;width:435px;margin:0 0 10px 0;}

.clear {clear:both;}
.img {float: left; padding: 0 15px 0 0;}

.introtext {z-index: 1;}
/* SubContent Elements */


/* the overlayed element */
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(images/box.png);
	
	/* dimensions after the growing animation finishes  */
	width:502px;
	height:268px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:20px;
	text-align: left;

}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.gif);
	position:absolute;
	right:18px;
	top:10px;
	cursor:pointer;
	height:17px;
	width:16px;
}



#stage1, #stage2, #stage3, #stage4, #stage5, #stage6, #stage7 {
	background-image:url(images/box.png);
	color:#ccc;
}


/* the overlayed element */

/* the overlayed inner style */

.poplayer { width: 490px; height: 260px; margin: 5px 15px 0 5px; }
.videolayer { padding: 25px 0 0 35px; margin: 0px; }
.learnmore { background:url(images/arrow.gif) no-repeat; padding: 11px 0 0 50px; margin: 0; height: 40px; }
.alignright {float: right;}
p.popblurb {padding: 15px 0 15px 0;line-height: 19px;color:#999898;}
/* the overlayed inner style */