
/*BODY */
body{
	background: #d88028;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: .9em;
	}		
				
/*BODY TEXT */
		
p {
	color: #333;
	font: .85em Verdana, Arial, sans-serif;
	line-height: 1.4em;
	padding:0;
	margin:.3em 0 1.5em 0;
	}
	
		
p.small {
	color: #333;
	font: .735em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	line-height:1.45em;
	}
			
		/* IE6 Only */ 
		* html p.small {font: .75em Verdana, Geneva, Arial, Helvetica, sans-serif;}
			
		/* IE7 Only */
		*:first-child+html p.small {font: .75em Verdana, Geneva, Arial, Helvetica, sans-serif;}
		
		
p.small_reverse {
	color: #FFF;
	font: .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.03em;
	padding:0;
	margin:0;
	}			
		
p.medium {
	color: #333;
	font: .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Georgia, Arial;
	}
	
p.large {
	color: #333;
	font-size: 1.03em;
	font-family: "Trebuchet MS", Georgia, Arial;
	padding:1em;
	margin:0;
	margin-top:1em;	
	}
	

	.small{	font: normal .75em verdana,arial,sans-serif; }
				
	.bodytext {
	color: #333;
	font-family: verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}
		
	
/* FORM ELEMENTS */

input, select, checkbox, textarea {
	color: #000066;
	background: #FAFAD2;
	border: thin solid #ccc;
	padding-left: .33em;
	}
	
label {display: block;}

.button {background: #CCC;}

input:focus, select:focus, checkbox:focus, textarea:focus {
	color: #252525;
	background-color: #ff9;
	padding-left: .33em;
	}

input{
	color: #333;
	font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: #FFF;
	width:400px;	
	height:22px;
	margin-top:9px;
	}	

input.city {
	color: #333;
	font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: #FFF;
	width:200px;	
	}	

input.phone{
	color: #333;
	font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: #FFF;
	width:300px;	
	}		
			
			
textarea {
	color: #333;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: #FFF;
	width:400px;	
	}


form{
		font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
		margin: 0;
		padding: 0;
		}

fieldset {
	color: #252525;
	background: none;
	border: 0px solid #ccc;
	margin-bottom: 1.5em;
	padding: 1.5em;}
	
legend {
	font-size: 1.2em;
	font-weight: bold;
	padding:.33em;	}

input:focus {	background-color: #ff9;	}

.topalign  {	vertical-align:top;	}

.error {	color: #cc0000;	font-weight:bold; }

.form-error-description {
	color: #cc0000;
	font-weight:bold;
	font-size:.9em;
	padding-bottom:1.5em;}

.form-value-error, .error input, .error select {
	border-color: #cc0000;
	color: #000;
	border: 2px #cc0000 solid;
	background-color: #f4eaea;
	 }

.form-guidelines {
	font-size: .85em;
	margin-left:1.4em;
	margin-top:-.5em;
	 }


/* LINKS */

a{
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
	}

a:visited{
		background-color: transparent;
		color: #666666;
		}		
		
	
/* NAVIGATION */

a.mainnav{
		background-color: transparent;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline; }

a.mainnav:visited, 
a.mainnav:link {
		background-color: transparent;
		color: #000; }
		
a.nav:link, 
a.nav:visited {
		background-color: transparent;
		color: #000; }
		
a:link,
a:visited{
		background-color: transparent;
		color: #fff; }	
		
a:hover {
		background-color: transparent;
		color: #fff;
		text-decoration:none;}			


a:active{
		background-color: transparent;
		color: #fff; }	

a.mainnav:hover{
		background: #000;
		color: #FFF; }

a.mainnavon{
		background-color: transparent;
		color: #660000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none; }

a.mainnavon:link, a.mainnavon:visited, a.navon:link, a.navon:visited {
		background-color: transparent;
		color: #660000; }

a.mainnavon:hover, a.navon:hover {
		background: transparent;
		color: #660000; }

a.nav{
		background-color: transparent;
		color: #000000;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none; }

a.navon{
		background-color: transparent;
		color: #660000;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none; }

.mainmenu{
		background: transparent;
		color: #000000;
		font: normal bold 10pt verdana,Arial,sans-serif;
		text-decoration: underline; }

.search {
		background-color: #FFFFFF;
		border: 1px inset ButtonShadow;
		color: #333333;
		height: 22px;
		padding: 3px;
		}
					
	
/* box */

.box {
	text-align: left;
	border: 1px solid #ccc;
	font-size: .85em;
	width:366px;
	margin: 0 7px 12px 7px;
	padding: 10px 12px 1px 12px;
	}
	
	
	/* IE6 Only */ 
	* html .box {width:400px;margin: 0 0 12px 0;padding: 10px 20px 1px 20px;}
			
	/* IE7 Only */
	*:first-child+html .box {width:400px;margin: 0 0 12px 0;padding: 10px 20px 1px 20px;}
		
	

.box th {margin: 0;padding:.3em;}	
.box td {line-height:.9em;}	
.box td p {font-size: .8em;}

.box p {font-size: .85em; color:#252525;line-height:1.5em;}
	
.box h2 {
	font-size: .95em;
	border-bottom: 1px solid #ccc;
	margin: .3em 0 1em 0;
	color:#fff;
	background-color: #b06010;
	padding:.3em;
	}

.box h3 {	
	margin: 0px 0px 1px 0px;
	background-color: #EEEEEE;
    border-bottom: 0 none;
    color: #B06010;
    font: bold 0.8em verdana,sans-serif;
    padding: 3px;
	}

.box h4 {
	font-size: .9em;
	border-bottom: 0px; margin: 0;
	}


.box h5{
	font-size: .8em;
	border-bottom: 0px; margin: 0;
	margin: 12px 0 0 0;
	padding:0;
	}


.box ul li {font-size:.75em; line-height:1.5em;}

.box-featured {  
  border-color: #ccc;
  color: #333;
  background: #eeeeee;
  }


.box-greenbox{
		border-top: 1px solid #99CC99;
		color: #000000;
		font-size: .8em;
		font-weight: normal;
		background-color: #DBDEB6;
		}	
			
		
/*HR */
	
hr {
		border-top: 1px solid #E8E8E8;
		height: 1px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
		}
		
hr.dashed {
		border-top: 1px dashed #CCCCCC;
		height: 1px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%; }		
	
		
/*LISTS */
	
ul{
		list-style-type: square;
		margin: 0;
		padding: 5px 3px 20px 15px;
	
		}
		
ul.small{
		list-style-type: square;
		margin: 2px 0 0 0;
		margin-left:15px;
		padding:0;
		padding-right:15px;
		font-size:.6em;
		}	
	
li{
		color: #000;
		font: .9em Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-weight:normal;
		line-height:1.3em;		
		}

li.small{
		font: .7em;
		padding-top:2px;
		padding-bottom:2px;
		}
	
ol {
		font: .8em Verdana,Geneva,Arial,Helvetica,sans-serif;
		margin: 0 0 10px 8px;
		padding: 0 0 20px 15px;}
	
	
		
		
/* H1, h2, h3, and other head ers */

.pagetitle{
		color: #00a28b;
		font-family: arial, verdana, sans-serif;
		font-size: 25px;
		font-weight: bold; 
		line-height: 25px;
		margin: auto;
		padding: 40px 0px 20px 0px;  }

h1 {
		color: #999999;
		font: bold 15px Arial,verdana,sans-serif;
		margin: 27px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

h2 {
		color: #b06010;
		font: bold 1.1em verdana,Arial,verdana,sans-serif;
		margin: 1em 0 .7em 0;
		padding: 0;}	

	.h2:visited, .h2, .h2:link {
		color: #52b5e7;
		font: bold verdana,Arial,verdana,sans-serif;
		margin:0 0 20px 0;
		padding:0; }

	.h2:hover{
		color: #52b5e7;
		font: bold verdana,Arial,verdana,sans-serif;
		margin: 0 0 20px 0;
		padding: 0; }
		
	h2.reverse {
		color: #00A38B;
		font: bold .8em verdana,Arial,verdana,sans-serif;
		margin: 3px 0px;
		padding: 4px; 
		background-color: #bce0db;
		width:366px;
		}		
				
	
	/* IE6 Only */ 
	* html h2.reverse  {width:400px;}
			
	/* IE7 Only */
	*:first-child+html h2.reverse  {width:400px;}	
	
h2.news {
		color: #b06010;
		font: bold 1em verdana,Arial,verdana,sans-serif;
		margin: 1em 0 1px 12px;
		padding: 0;
		}	
	
		
h2.homesection {
		color: #252525;
		font-size: .85em;
		font-weight: bold;
		padding: 0;
		border-bottom: 2px solid #CC0000;
		font-family: "Trebuchet MS";
		text-transform: uppercase;
		}		
	
	
h3 {
		color: #00A28C;
		font:Verdana, Geneva, sans-serif bold; 
		margin: 0 0 8px 0;
		padding: 0;
		font-size:1em;
		}

h4 {
		color: #666;
		font: bold 11px verdana,verdana,sans-serif;
		margin: 0px 0px 3px 0px;
		padding: 0px;
		}
		
		
h5 {
		color: #b06010;
		font: bold 10.5px verdana,verdana,sans-serif;
		margin: 0px 0px 1px 0px;
		padding: 0px;
		}
		
		
		
/*BREADCRUMBS */

.here{
	background: #FFFFCC;
	font: .75em Verdana,Geneva,Arial,Helvetica,sans-serif;
	}

.highlight{
	background: #FFFFCC;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	}


	
/* SIDE NAVIGATION */

#navlist {
margin-left: 0;
margin-bottom:.6em;
padding-left: 0;
list-style: none;
font-size:.8em
}

#navlist li  {
padding-left: 10px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
font-size:.8em;
padding-bottom:.7em;
padding-left:1.4em;
}



#navlist-home {
margin-left: 0;
margin-bottom:.6em;
padding-left: 0;
list-style: none;
}

#navlist-home li 
{
padding-left: 10px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
font-size:1em;
padding-bottom:.7em;
padding-left:1.4em;
}


#navcontainer-home {
	background-color: #f6f4e5;
	color: #000000;
	padding: 10PX 2px 10PX 10px;
	text-align: left;
	border: 1px solid #DBCD4C;
	margin-top:11em;
	}


#navcontainer {
	background-color: #f6f4e5;
	color: #000000;
	padding: 10PX 2px 10PX 10px;
	text-align: left;
	border: 1px solid #DBCD4C;
	margin-top:7.5em;
	margin: 4em 0 0 0;
	}
	
#navcontainer h3 {
	font: .8em;	
	font-weight:bold;
	border-bottom: 1px solid #DBCD4C;	
	}	
	


#navcontainer ul li a, 
#navcontainer ul li a:visited {text-decoration:none; color:#252525;}
#navcontainer ul li a:hover {text-decoration:underline; color:#252525;}
#navcontainer ul li a:active {text-decoration:none; color:#000;}

#navcontainer-home h3 {
	font: .8em;	
	font-weight:bold;
	border-bottom: 1px solid #DBCD4C;	
	}	


.homesubhd {color: #18736B;	font: bold 10pt Arial,verdana,sans-serif;}

.sidenav_home {
	background-color: #f6f4e5;
	color: #000000;
	font: .85em verdana,arial,helvetica,sans-serif;
	padding: 3PX 2px 3PX 10px;
	text-align: left;
	border: 1px solid #DBCD4C;
	margin: 35px 0 0 0;	
	}
	
	.sidenav_home p {font-size:.8em;}

.sidenav_body{
	background-color: #f6f4e5;
	color: #000000;
	font: .75em verdana,arial,helvetica,sans-serif;
	padding: 10PX 2px 10PX 10px;
	text-align: left;
	border: 1px solid #DBCD4C;
	margin: -100px 0 0 0;	
	}

	
.sidenav_body h2 {
	color: #333333;
	font-family: verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-top:.5em;
	}
	
.sidenav_body h3 {
	color: #333333;
	font-family: verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d88028;
	}

.sidenav_header{
	background: #333333;
	color: #ffffff;
	font: bold .75em verdana,arial,helvetica,sans-serif;
	padding: 10PX 2px 10PX 10px;
	text-align: left;
	border: 0px;
	}


	.sidenavheader{
	color: #333333;
	font-family: verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	}


.sidenavsub{
	color: #3071A7;
	font: bold 10px verdana,Arial,sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

.sidenavtext{
	color: #1C5572;
	font: normal 10px verdana,Arial,sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}	
		
.subtext{
	color: #333333;
	font: .75em/13px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 15px;
	}		
		
		
/*NOT SURE */	
		
	.list-items a:hover,
	.list-items-green a:hover{
		background: #FFF;}	


	
	
/* CSS Document */
/***********************************************
* Forms With Style -  Design Melt Down (www.designmeltdown.com)
* This notice MUST stay intact for legal use
* Visit Design Melt Down at http://www.designmeltdown.com/ 
***********************************************/

form fieldset{
	background-color:#e9f9ac;	
	border-width:2px 2px 2px 10px;
	border-style:solid;
	border-color:#cee574;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;		
	margin:20px 0px 20px 20px;
	/*width:350px; */
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;}

form fieldset legend{	
	background-color:#ecefcb;	
	border-width:1px 1px 1px 10px;
	border-color:#ff9900;
	border-style:solid;
	
	color:#5c71a2;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
		
	width:186px;
	padding:3px 5px;
	margin:0px 0px 10px -40px;
	position:relative;
	top: -14px;
	}
	 


label{
	color:#5c71a2;
	font-size:90%;
	font-weight:bold;	
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:9px 5px 0 0;}


.button{
	  background-color: green;
    background-image: none;
    border-color: #809431 #809431 #999999;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    margin: 0 0 0 20px;
    padding: 2px;
    width: 380px;
	}
	
	
	
table.data {
	padding:0px;
	margin:0px;
	font-size:.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	width:98%;
	}
	
	
table.data tr.year {
	border-bottom: 1px #cccccc solid;
	vertical-align:top;
	padding:.5em;
	font-size:1.1em;
	background-color:#F8F7EF;
	margin:3px 0 0 0;
	font-weight:bold;	
	}
	
		
table.data td {
	border-bottom: 1px #cccccc solid;
	vertical-align:top;
	padding:.5em;
	font-size:.95em;
	}


table.data caption {
	background-color: #00A28C;
	color:#fff;
	font-family: verdana;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.5em;
	text-align: left;
	margin:12px 0 0 0;
	padding:3px 0 3px 3px ;
		}

table.data th{
	border-bottom: 1px #cccccc solid;
	background-color:#ddd;
	height:10px; 
	text-align:left;
	padding: 0;
	padding-left:.3em;
	margin:0;
	font-size:.9em;
	font-weight:bold;
	}	
	
	
	
	
table.affiliations {
	padding:0px;
	margin:0px;
	font-size:.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	width:98%;
	}
	
	
	
table.affiliations td {
	border-bottom: 1px #cccccc solid;
	vertical-align:top;
	padding:.5em;
	font-size:.95em;
	}


table.affiliations caption {
	background-color: #00A28C;
	color:#fff;
	font-family: verdana;
	font-size: .95em;
	font-weight: bold;
	line-height:1.5em;
	text-align: left;
	margin:12px 0 0 0;
	padding:3px 0 3px 3px ;
		}

table.affiliations th{
	border-bottom: 1px #cccccc solid;
	background-color:#ddd;
	height:10px; 
	text-align:left;
	padding: 0;
	padding-left:.3em;
	margin:0;
	font-size:.9em;
	font-weight:bold;
	}	
	
	
		
table.affiliations  a:link,
table.affiliations  a:visited{
		background-color: transparent;
		color: #333; }	
		
table.affiliations  a:hover {
		background-color: transparent;
		color: #333;
		text-decoration:none;}			


table.affiliations  a:active{
		background-color: transparent;
		color: #333; }	


 table.affiliations  a{
	background-color: transparent;
	color: #333;
	text-decoration: underline;
	}
	
	
		
a.onlightbackground:link,
a.onlightbackground:visited{
		background-color: transparent;
		color: #333; }	
		
a.onlightbackground:hover {
		background-color: transparent;
		color: #333;
		text-decoration:none;}			


a.onlightbackground:active{
		background-color: transparent;
		color: #333; }	


a.onlightbackground{
	background-color: transparent;
	color: #333;
	text-decoration: underline;
	}	


	
.classes {width:980px; border:1px solid red;}	


/*------------------------------------------------------------------
[10. Case Studies]
*/
	  
	 .classes {
		width: 500px;	
		margin:6px 0pt 12px 0;
		padding: .5em .2em 1em .2em;
		FLOAT: left;
		border-bottom:1px solid #999; 
		clear:both;	
		color: #333;	
		line-height:2em;	
		border:1px solid #e98851;
		border-bottom:2px solid #e98851;
		background-color:#fff;
		}
		
		.classes .col1 {width:300px;float:left;clear:none;border:1px solid red;}
		.classes .col2 {width:300px;float:left;clear:none;border:1px solid green;}
		
		
		
	 
	 .classes h1 {
	 font-size:18px;font-weight:normal;
	 background-color:#d0662a; 
	 color:#fff;
	 margin:0 0 0 3px;
	 padding:3px 0 3px 3px;
	 font-size:1.3em; 
	 } 
	 
	.classes h2 {
	border-bottom:1px solid;
	color:#D6733B;
	font-size:1.3em;
	margin:12px 6px 0pt 200px;padding:0;
	}
	
	.classes h2 a:, .classes h2 a:link, .classes h2 a:visited, .classes h2 a:hover, .classes h2 a:active  {		
	color: #000;
	text-decoration:underline;
	
	}
		.classes .floatboxleft_notextwrap {float: left;width:100px;}
		.classes .floatboxleft_notextwrap img {border:1px solid #ddd;display:block; margin: 12px 0 12px 3px; width:100px;height:100px;padding:0 0 1em 0;float: left;clear:both;} 
	
	
	 * html .classes  p { /* IE 3px jog hack*/ height: 1%;}
	.classes p {
	font-size:.9em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.3em;
	padding:0pt 6px 0 0;
	}
	
		
	/* float an image to left and not have the text wrap on the right- similar to 2 col with image in left col and text in right col*/
	.imgLeftTxtRight_NoWrap {padding:0;FLOAT: left;MARGIN: 0px;border-bottom:1px solid #999; width:500px}
	 .imgLeftTxtRight_NoWrap h1 {font-size:18px;font-weight:normal;margin:0px 0px 3px;padding:0px;} 
	 .imgLeftTxtRight_NoWrap .floatboxleft_notextwrap { float: left;width: 140px;}
	 .imgLeftTxtRight_NoWrap .floatboxleft_notextwrap img { border:1px solid #CFD3D4;display:block; margin: 12px 0;}
	 * html .imgLeftTxtRight_NoWrap p { /* IE 3px jog hack*/ height: 1%;}
	 .imgLeftTxtRight_NoWrap p {margin: 18px 0 18px 146px;}
	 
	
	/* float an image to right and not have the text wrap - similar to 2 col with text in left col and image in right col*/
	.imgRightTxtLeft_NoWrap {padding:0;FLOAT: left;MARGIN: 0px;border-bottom:1px solid #999;}
	 .imgRightTxtLeft_NoWrap h1 {font-size:18px;font-weight:normal;margin:0px 0px 3px;padding:0px;}
	 .imgRightTxtLeft_NoWrap .floatboxright_notextwrap {float: right; width:120px;}
	 .imgRightTxtLeft_NoWrap .floatboxright_notextwrap img {  border:1px solid #CFD3D4;display:block; margin-bottom:9px;}
	 .imgRightTxtLeft_NoWrap p {margin-top: 0;width:300px;}	

