@charset "utf-8";

/* CSS Document */
div#left-nav ul li ul{
	margin:4px 0 15px 10px;
}

.plainContent p{
margin:0px 20px 10px 10px;
color:#616161;
font-size:10px;
}

.rightContent p{
margin:10px;	
}

.infoSections{
width: 510px;
margin:10px 0px 0px 0px;
}

.projSections{
float: left;
width: 534px;
height: 450px;
margin:10px 0px 0px 0px;
}

.projhdrbkg {
background:#FFFFFF url("../img/hdr-background.png") no-repeat center right;
height:40px;
width: 520px;
}

.projhdrbkg p {
padding: 7px 0px 0px 20px;
}

.projContent {
width: 500px;
}

.projContent p{
margin:0px 20px 10px 10px;
color:#616161;
font-size:10px;
}

.projleft {
border-right:#CCC dashed 1px;
width: 245px;
float:left;
}

.projright {
width: 250px;
float:left;
}

div.relatedFP {
border-left:1px solid #D9D9D9;
float:left;
margin-top:10px;
padding-left:5px;
width:239px;
}

.cosLeft {
float:left;
width: 525px;
height: 870px;
}

.cosRight {
border: solid #000 1px;
float:left;
width: 240px;
height: 870px;
}

a.backtoall {
background:transparent url(../img/icon-arrow-grey-left.gif) no-repeat scroll left 0.4em;
color: #666;
font-size:10px;
font-weight:normal;
text-decoration:underline;
padding-right:6px;
}

.undersolid {
border-top: solid #CCC 1px;
Width:	765px;
margin: 10px;
}


.smallSections{
background:#FFFFFF url("../img/bkg_body_fade.png") repeat-x bottom;
float:left;
width:235px;
height: 130px;
margin:20px 10px 0px 10px;
}

.smallSections p{
margin:0px 10px 10px 0px;
line-height:15px;
color:#616161;
font-size:10px;
}

img#infoImages{
	float:left;
	margin:0px 15px 10px 10px;
}

img#infoImages2 {
	float:left;
	margin:0px 5px 10px 10px;
}

.learnbtn{
margin:0 0 0 -5px;
}


div#paperdoll-container{
	margin:12px 0 0 15px;
}

div.paperdoll-thumb {
display:inline;
float:left;
margin:0 7px 20px 0;
padding:8px 8px 3px;
width:140px;
}

.paperdoll-thumb p {
margin:2px 0 0 5px;
}

.plainContent ul li {
background:transparent url("../img/list-arrow-left.png") no-repeat scroll left center;
background-position: 0 .4em;
padding-left: 2em;
padding-top:.2em;
text-decoration:underline;
margin:0px 0px 1px 10px;
height:20px;
}

.reddot ul li {
background:transparent url("../img/list-bullet-red.gif") no-repeat scroll left top;
background-position: 0 .6em;
padding-left: 2em;
padding-top:.2em;
text-decoration:none;
margin:0px 20px 10px 10px;
}

.reddotDash ul li {
background:transparent url("../img/list-bullet-red.gif") no-repeat scroll left top;
background-position: 0 .6em;
padding-left: 2em;
padding-top:.2em;
padding-bottom: .4em;
text-decoration:none;
margin:0px 0px 3px 1px;
}
.reddotDash li {
border-bottom:#CCC dashed 1px;
}

.dot {
background:transparent url("../img/list-bullet-red.gif") no-repeat scroll left top;
background-position: 0 .6em;
padding-left: 1em;
padding-top:.2em;
text-decoration:none;
margin:0px 20px 10px 10px;
border:solid 0px;
width:5px;
}

.inmenu ul li {
background:transparent url("../img/list-bullet-red.gif") no-repeat scroll left top;
display:block;
background-position: 0 .6em;
padding-left: 2em;
padding-top:.2em;
text-decoration:none;
margin:0px 20px 10px 10px;
}

.dash {
border-bottom:#CCC dashed 1px;
}

.dashFP {
border-bottom:#CCC dashed 1px; 
width:220px; 
margin-left:10px;
}

.hdrbackground {
background:#FFFFFF url("../img/hdr-background.png") no-repeat center right;
height:40px;
width: 500px;
}

.hdrbackground p {
padding: 7px 0px 0px 20px;
}

.dashedborder {
border-bottom:dashed #666 1px;	
}

div.emailform input.text{

	margin:8px 0 0 10px;
	width:155px;

}

div.print-content{
	float:right;
	width: 500px;
	height: 20px;
}

div.print-content p.links {
margin-bottom:7px;
margin-top:10px;
text-align:right;
}

div.print-content img{
	margin:0 0 -1px 5px;
}

div.print-content p.links a {
background:transparent url(../img/icon-sm-arrow.gif) no-repeat scroll right 0.4em;
margin:0 20px 0 2px;
color:#52351D;
padding-right:6px;
}

div.print-content p.links a:hover {
text-decoration:underline;
}

.furtherInfo {
border-top:#CCC solid 1px;
padding:10px 0px 0px 0px;
margin:30px 0 0 10px;
text-align:center;
font-size:10px;
width: 480px;
}


hdrbackground{

}

.smallinfoBox {
background: url(../img/bkg_body_fade.png) repeat-x scroll center bottom;
width: 280px;
height: 130px;
padding-top: 10px;
float:left;

}

.smallvidBox {
width: 160px;
height: 160px;
padding-top: 10px;
padding-left:10px;
float:left;
}

.smalllessonBox {
width: 280px;
padding-top: 10px;
padding-left:10px;
float:left;
}

.smallmaterialBox {
width: 235px;
height:315px;
padding-top: 10px;
padding-left:10px;
float:left;
}

.smallmaterialBox2 {
width: 235px;
height:230px;
padding-top: 10px;
padding-left:10px;
float:left;
}

.materialBox {
width: 480px;
padding-top: 10px;
padding-left:10px;
float:left;
}

input.embed {
margin:0px 0px 0px 0px;
width:400px;
}

input.friend {
margin:10px 0 10px 0px;
width:125px;
}

input.email {
margin:10px 0 10px 0px;
width:125px;
}

input.regfield {
margin:10px 0 10px 0px;
width:175px;
}

input.regtext {
color:#999999;
font-size:11px;
height:16px;
padding:2px 0 0 11px;
}

input.vidtext {
color:#999999;
font-size:11px;
height:16px;
padding:2px 0 0 11px;
}

.regform {
background:#FFFFFF url("../img/bkg-reg-form.gif") no-repeat center right;
height: 322px;
width:497px;
padding:5px 0 0 7px;
}

.regform p {
padding:60px 0 0 28px;
}

#smallred {
font-size:9px;
color:#990000;
height:20px;
padding:60px 0 0 28px;
}

.mchartsHeader {
background:#FFFFFF url("../img/bg-charts-header.jpg") repeat-x scroll center bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
height:31px;
}

table.charttable td
{
    border-color: #CCC;
    border-style: solid;
}

table.charttable
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	font-size:9px;
}

.charttable td
{
    margin: 0px;
    padding: 0px;
	border-width:1px;
}

.hrdata {
padding:60px 0 0 28px;

}

table.w486 
{
    width: 486px;
}
table.simpletable 
{
    border-width: 0 0 0px 0px;
    border-spacing: 0;
    border-collapse: collapse;
	font-size:11px;
	color: #616161;
}
table.simpletable thead th 
{
    width: 10%;
    height: 31px;
    color: #474747;
    font-size: 15px;
    background: url('../img/bg-table-head.gif') repeat-x;
    border:solid 1px #e1e1e1;
    border-bottom: solid 1px #d6c8a1;
}
table.simpletable tbody th 
{
    padding: 10px;
    font-weight:bold;
    background: #fffefb;
    border:solid 1px #d6d4cf;
}
table.simpletable tbody td 
{
    text-align: center;
    padding: 10px 2px 10px 2px;
    border:solid 1px #d6d4cf;
}
table.simpletable thead.tight th 
{
    font-size: 9px;
}
table.simpletable tbody.tight th 
{
    padding: 10px 4px 10px 4px;
}
table.simpletable tbody.tight td 
{
    padding: 10px 2px 10px 2px;
}





.chartspace p{
color:#616161;
padding:9px 4px 6px 11px;
}


/* /////////// Accordion Styles //////////////// */
	.accContent { width: 510px; }
	.accordion { list-style-type: none; padding: 0; margin: 0 0 0 10px; border-top: none; border-left: none; }
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { background: #fff; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
	.accordion li.active>a { background: url('../img/list-arrow-down.png') no-repeat center left; text-decoration: none; font-weight:bold; color:#666;}
	.accordion li div { padding:10px 0 10px 30px; background: #fff; display: block; clear: both; float: left; width: 440px;}
	.accordion a { text-decoration: underline; color:#999; font-weight:bold; padding:0 0 6px 21px; display: block; background: url('../img/list-arrow-left.png') no-repeat center left; outline: none;}
	
	.accordionsteps { list-style-type: none; padding: 0; margin: 0 0 30px; border-top: none; border-left: none; }
	.accordionsteps ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordionsteps li { list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
	.accordionsteps li.active>a { background: url('../img/bg-long-arrow-up.png') no-repeat center left; text-decoration: none;}
	.accordionsteps li div { padding:10px 0 10px 15px; background: #fff; display: block; clear: both; float: left; width: 480px;}
	.accordionsteps a { text-decoration: none; padding:0; display: block; background: url('../img/bg-long-arrow-down.png') no-repeat center left; outline: none; height:30px;}
		

	.accordioncharts { width: 500px; }
	.accordioncharts { list-style-type: none; padding: 0; margin: 0 0 0 10px; border-top: none; border-left: none; }
	.accordioncharts ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordioncharts li { background: #fff; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
	.accordioncharts li.active>a { background: url('../img/list-arrow-down.png') no-repeat center left; text-decoration: none; font-weight:bold; color:#666;}
	.accordioncharts li div { padding:2px 0 20px 6px; background: #fff; display: block; clear: both; float: left; width: 440px;}
	.accordioncharts a { text-decoration: underline; color:#999; font-weight:bold; padding:0 0 6px 21px; display: block; background: url('../img/list-arrow-left.png') no-repeat center left; outline: none;}

	.innerlinks a {
	text-decoration:none;
	display: inline;
	background-image:none;
	padding:0;
	
		}
		
	#under {
	color:#616161;
	text-decoration:underline;
	display: inline;
	background-image:none;
	padding:0;
	
		}
		
	.innerlinks p {
	color:#616161;
	padding:16px 0px 0px 0px;
	
		}
/* /////////////////////////// */

.sectionedContent 
{
   
}

.sectionedContent p 
{
    border-bottom: solid 1px #e0ddd2;
    padding: 0px 0px 10px 0px;
    margin: 10px 10px 0px 260px;
}
.sectionedContent p a
{
    text-decoration: underline;
    color: #616161;
}
.sectionedContent p img
{
    vertical-align: bottom;
}


/* //////////////////////////// */

.projstep 
{
    position: relative;
    margin: 15px 0px 15px 0px;
}

.projstep .instructionalimage 
{
    position: absolute;
    left: 260px;
    top: 5px;
}

.projstep p
{
    margin:5px 20px 5px 10px;
}



.projleft h3
{
    margin:40px 20px 5px 10px;
     font-family:Helvetica,Arial,Sans serif;
     color: #a61000;
     font-size:16px;
     width: auto;
}

h3.projectname 
{
    font-family:Helvetica,Arial,Sans serif;
     color: #a61000;
     font-size:22px;
}

/* ////////// ADDED 06/15/09 ////////// */
table.w486 
{
    width: 486px;
}
table.simpletable2 
{
    border-width: 0 0 0px 0px;
    border-spacing: 0;
    border-collapse: collapse;
	font-size:11px;
	color: #616161;
}
table.simpletable2 thead th 
{
    height: 31px;
    color: #474747;
    font-size: 14px;
    background: url('../img/bg-table-head.gif') repeat-x;
    border:solid 1px #e1e1e1;
    border-bottom: solid 1px #d6c8a1;
}
table.simpletable2 tbody th 
{
    padding: 0px;
    font-weight:bold;
    background: #fffefb;
    border:solid 1px #d6d4cf;
}
table.simpletable2 tbody td 
{
    padding: 10px 2px 10px 6px;
    border:solid 1px #d6d4cf;
}
table.simpletable2 thead.tight th 
{
    font-size: 9px;
}
table.simpletable2 tbody.tight th 
{
    padding: 10px 4px 10px 4px;
}
table.simpletable2 tbody.tight td 
{
    padding: 10px 2px 10px 2px;
}


/* ////////// ADDED 06/22/09 ////////// */
.smallmaterialBox3 {
width: 235px;
padding-top: 10px;
padding-left:10px;
float:left;
}

/* ////////// ADDED 06/23/09 ////////// */
h3.projectname2 
{
    font-family:Helvetica,Arial,Sans serif;
     color: #a61000;
     font-size:16px;
	 margin:20px 20px 5px 0px;
}

.poppic{
position: relative;
z-index: 0;
}

.poppic:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.poppic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.poppic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.poppic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* ////////// ADDED 06/24/09 ////////// */ 

.furtherInfo2 {
border-top:1px solid #CCCCCC;
font-size:10px;
margin:30px 0 0 25px;
padding:10px 0 0;
text-align:center;
width:480px;
}

/* ////////// ADDED 06/26/09 ////////// */ 



#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



/*Image Title Styling*/
#thumbs 
{
    position: relative;
}
#preview{
    position:absolute;
    border:1px solid #000;
    background:#fff;
    display:none;
    width: 468px;
    z-index:10;
    top:0px;
    left: 0px;
}

#preview h2 {
	font-size:14px;
	padding:0;
	margin:0;
    margin:12px 0 0 18px;
}

#preview img{
    margin:12px 0 0 18px;
}

#preview p.content
{
    margin: 0px;
    margin:0px 18px 18px 18px;
}