@charset "UTF-8";

/* GLOBAL STYLES */

body {
	font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
	font-size: 13px;
	color:#222;
	background: #005130; 	
	}
	
p {
	padding:5px 0;
	line-height: 21px;
	}
	
.clearfix:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
	}		
	
.clear {
	clear:both;
	}	
	
.floatRight {
	float:right;
	margin:10px;
	display: inline;
	}
	
.imgRight {
	float:right;
	margin:10px;
	border: 2px solid #DEDEDE;
	display: inline;
	}
	
.floatLeft {
	float:left;
	margin:10px;
	display: inline;
	}		
	
.floatRight {
	float:right;
	margin:10px;
	display: inline;
	}		
	
.floatLeftLogin {
	float:left;
	margin:15px 15px 15px 0;
	display: inline;
	}	
	
.center {
	text-align:center;
	}	
	
iframe {
	border:2px solid #CCC;
	width:97%;
	height:575px;
	margin: 10px 0;
	}	

.tall {
  	background: #EFE1C6 url(/images/production/home/bgContainer.jpg) repeat-x;
	}
	
.short {
  	background: #EFE1C6 url(/images/production/inside/bgContainer.jpg) repeat-x;
	}			

#wrapper {
	width:980px;
	margin:0 auto;
	}		
		
/* HEADER STYLES */	
	
#header {
	height:135px;
	background:url(/images/production/global/bgHeader.jpg) no-repeat top left;
	}	
	
#header h1 a {
	display:block;
	height:130px;
	width:290px;
	text-indent:-9000px;
	float:left;
	}		
	
#header #nav {
	float:right;
	display: inline;
	width:670px;
	color:#50582F;
	font-size:12px;
	text-align:center;
	background:url(/images/production/global/bgNav.png) repeat-x top left;
	height: 23px;
	padding: 7px;
	margin-bottom: 75px;
	}
	
#header #nav li {
	display:inline;
	margin:0 3px;
	}	
	
#header #nav li a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#header #nav li a:hover {
	color:#FFF;
	text-decoration:underline;
	}	
	
#header #subNav {
	float:right;
	display: inline;
	width:425px;
	color: #00512E;
	font-weight:bold;
	font-size:11px;
	text-align:right;
	}
	
#header #subNav li {
	display:inline;
	margin:0 0 0 5px;
	}
	
#header #subNav li a {
	color: #00512E; 
	text-decoration: none;
	}	
	
#header #subNav li a:hover { 
	text-decoration: underline;
	}		
	
#header #subNav .focus {
	background: #CC0000 url(/images/production/global/bgFocus.jpg) repeat-x top left; 
	border: 1px dotted #CCC;
	padding: 10px;
	}
	
#header #subNav .focus a {
	color: #FFF;
	}											

#header .social {
	float: right;
	width: 52px;
	margin-left: 10px;
	margin-top: -8px;
	}

/* HOME STYLES */	

.home {
	background: url(/images/production/home/bgContent.jpg) repeat-y top center;
	}
	
#columnNews {
	float: left;
	width: 275px;
	background: url(/images/production/home/news.jpg) no-repeat top center;
	padding: 75px 15px 15px 15px;
	margin: -20px 0 0 -20px;
	}
	
#columnFeatured {
	float: left;
	width: 336px;
	background: url(/images/production/home/featured.jpg) no-repeat top center;
	padding: 75px 15px 15px 15px;
	margin: -20px 2px 0 2px;
	}
	
#columnResources {
	float: right;
	width: 305px;
	margin: -20px -20px 0 0;
	}		
	
#breaking {
	background: #C1181B;
	border: 2px solid #A11315;
	text-align: center;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	margin: 2px 0;
	}
	
#breaking a {
	color: #FFF;
	text-decoration: none;
	}	
	
#breaking a:hover {
	text-decoration: underline;
	}				

/* INSIDE STYLES */	
	
.inside {
	background: url(/images/production/inside/bgContent.jpg) repeat-y top center;
	}	
	
.fullPage {
	background: #E9D9B7;
	}			
	
#bannerInside {
  	height: 150px;;
	}	
	
#content {
	padding: 20px;
	}	
	
#content p  a {
	color: #333;
	text-decoration: underline;
	}		
	
#content p a:hover {
	color: #555;
	}	
	
#content h2 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	background: url(/images/production/inside/bgHeader.png) no-repeat top left;
	padding: 30px 0 10px 0;
	}
	
#content h3 {
	font-size: 18px;
	font-weight: bold;
	color: #222;
	margin: 20px 0 5px 0;
	line-height: 18px;
	}
	
#content h4 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #222;
	margin: 10px 0 0px 0;
	}	
	
#content h5 {
	font-size: 14px;
	font-weight: bold;
	color: #222;
	margin: 10px 0 0px 0;
	}		
				
#content h6 {
	font-size: 13px;
	font-weight: bold;
	margin: 12px 0 2px 0;
	color: #B7002A;
	}
		
#column {
	float: left;
	width: 600px;
	padding: 0 20px 0 0;
	}
	
#columnThin {
	float: right;
	width: 280px;
	padding: 0 0 0 20px;
	font-size: 12px;
	}
	
.subColumn {
	float: left;
	width: 275px;
	margin: 0 10px;
	}
	
.subColumnWide {
	float: left;
	width: 400px;
	margin: 0 10px;
	}		
	
.date {
  	color: #000;
  	padding-bottom: 20px;
  	font-size: 12px;
	}	
	
.quote {
	color: #4C4634;
	font-size: 14px;
	line-height: 21px;
	}	
	
.company {
	color: #968A66;
	font-style: italic;
	}		
	
.headshot {
  	width: 80px;
  	float: right;
  	margin: 5px 0 15px 15px;
	}
	
#wrapperServices {
	width: 450px;
	float: left;
	display: inline;
	margin-top: 35px;
	}
	
#wrapperServicesAlt {
	width: 450px;
	float: right;
	display: inline;
	margin-top: 35px;
	}	
	
#wrapperServices, #wrapperServicesAlt {
 	font-size: 12px;
 	line-height: 16px;
	} 				
	
.caseStudy {
	float: left;
	width: 275px;
	margin: 0 15px;
	height: 350px;
	}	
	
.answer {
	background: #EFEFEF;
	border: 1px dotted #DEDEDE;
	padding: 5px 15px;
	margin: 20px 0;
	font-size: 14px;
	}	

/* PRODUCT STYLES */

#products {
	padding: 0 40px;
	}	

.product {
	margin: 0px -40px;
	padding: 20px 40px;
	border-bottom: 1px dotted #CCC;
	background: #FFF url(/images/production/inside/bgProducts.jpg) repeat-y top left;
	}
	
.productName {
	float: left;
	display: inline;
	width: 150px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0 2px 0;
	color: #FFF;
	}
	
.productDesc {
	float: left;
	display: inline;
	width: 250px;
	}	
	
.productSpecs {
	float: right;
	display: inline;
	width: 200px;
	margin-left: 20px;	
	padding-top: 4px;
	line-height: 18px;
	}	
	
.productPreview {
	float: left;
	display: inline;
	width: 250px;
	margin-left: 20px;
	}				

/* LIST STYLES */

#columnNews ul { margin:10px 0 10px 25px; }				
#columnNews ul li { list-style:square; margin:0 0 5px 0; line-height:18px; }	
	
.listSquare {
	margin:10px 0 10px 25px;
	}
	
.listSquare li {
	list-style:square;
	margin:0 0 5px 0;
	line-height:18px;
	}
	
.list {
	margin:5px 0 15px 0;
	font-size: 11px;
	}
	
.list li {
	margin:0 0 3px 0;
	list-style:none;
	line-height: 15px;
	letter-spacing: 1px;
	}

.listNone {
	margin:0 0 0 5px;
	font-size: 12px;
	}
	
.listNone li {
	margin:0 0 3px 0;
	list-style:none;
	}	
	
.listInline {
	line-height:20px;
	margin:0;
	text-align: center;
	}
	
.listInline li {
	margin:0 25px 0 0;
	list-style:none;
	display:inline;
	}
	
.listLogos {
	margin:20px;
	}
	
.listLogos li {
	margin:0 25px 0 0;
	display:inline;
	}	
	
.listGallery {
	line-height:20px;
	margin:20px;
	}
	
.listGallery li {
	margin:0 5px 0 0;
	list-style:none;
	display:inline;
	}	
	
.listGallery li img {
	width: 170px;
	border: 2px solid #EFEFEF;
	}				
	
.buffer {
	padding-top: 8px;
	}	
	
.buffer2 {
	margin-top: 15px;
	}	
	
/* DISCLAIMER STYLES */				
		
#disclaimer {
	background:url(/images/production/global/bgFooter.jpg) repeat-x top center;
	}	
	
#disclaimerWrapper {
	clear:both;
	margin: 0 auto;	
	width:940px;
	padding-top: 7px;
	height: 160px;
	color: #EDE0C5;
	font-size: 11px;
	background:url(/images/production/global/bgFooterWrapper.jpg) no-repeat top right;
	}				
	
#disclaimer #left  {
	padding: 7px 0 0 0;
	width: 500px;
	float: left;
	display: inline;
	}

#disclaimer #left li {
	display: inline;
	}
	
#disclaimer #left li  a {
	color: #EDE0C5;
	text-decoration: none;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #EDE0C5;
	}		
	
#disclaimer #left li a:hover {
	color: #FFF3D5;
	border-bottom: 1px dotted #FFF3D5;
	}	
	
/* LOG IN STYLES */	

#loginContainer {
	width:980px;
	height: 135px;
	margin:0 auto;
	}
	
#loginContainer input {
	display:none;
	}
	
#loginWrapper {
	border:10px solid #006641;
	padding:10px 40px 10px 40px;
	background:#005130;
	height: 135px;
	}

#loginWelcome {
	font-size: 14px;
	padding:7px;
	color:#FFF;
	text-align:center;
	margin:0 0 15px 0;
	}			

#loginWrapper label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:100px;
	float:left;
	color: #FFF;
	}

#loginWrapper .small {
	color:#FFF;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100px;
	}

#loginWrapper input {
  	display: block;
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #DEDEDE;
	width:250px;
	margin:2px 0 5px 10px;
	}

#loginWrapper .button {
	width:100px;
	background:#CCC;
	border: 2px solid #DEDEDE;
	text-align:center;
	padding: 3px 0;
	font-size:10px;
	font-weight:bold;
	float: left;
	}	

#help {
	border-top:1px dashed #CCC;
	margin:40px 0 0 0;
	padding:20px 0 0 0;
	}

#help a {
	color: #333;
	}							
	
/* REGISTRATION FORMS*/

.registrationWrapper {
	float:;
	width:190px;
	margin: 5px;
	}
	
.editUserWrapper {
  	float:;
	width:190px;
	margin: 5px;
	}
	
.editUserWrapper p {
	font-size: 16px;
	font-weight: bold;
	}
	
.registrationWrapper p {
	font-size: 16px;
	font-weight: bold;
	}	

.inputRegistration {
	font-size:14px;
	padding:6px 4px;
	border:solid 1px #CCC;
	width:175px;
	}
	
.buttonRegistration {
	clear:both;
	margin: 20px 0 0 0;
	width:100px;
	background:#CCC;
	border: 2px solid #DEDEDE;
	text-align:center;
	padding: 5px 0;
	font-size:14px;
	font-weight:bold;
	}	

#errorExplanation h2 {
	font-size: 14px;
	margin: 20px 0;
	}	
	
#errorExplanation ul {
	margin:10px 0 10px 25px;
	}
	
#errorExplanation ul li {
	list-style:square;
	margin:0 0 5px 0;
	line-height:18px;
	}	
	
/* RESOURCES STYLES */	

.resource {
	background: #FFF;
	}

#resourceNav {
	line-height:20px;
	margin:0;
	text-align: center;
	float: right;
	background: #DEDEDE;
	border: 2px dotted #CCC;
	padding: 3px 10px;
	margin-top: -5px;
	font-size: 11px;
	}
	
#resourceNav li {
	margin:0 3px 0 0;
	list-style:none;
	display:inline;
	}	
	
#resourceNav li a {
	color: #111;
	text-decoration: none;
	font-weight: bold;
	}	
	
#resourceNav li a:hover {
	color: #B7002A;
	text-decoration: underline;
	}		
	
/* UNIVERISTY STYLES */		
	
#universityDetail {
	line-height: 16px;
	}	
		
#universityDetail tr {
	padding: 10px;
	}	
	
#universityDetail td {
	padding: 10px 0;
	}			
	
/* EMAIL TEMPLATE STYLES */	

#letter_submit {
	text-transform:uppercase;
	font-size:225%;
	padding:5px;
	width:200px;
	}

#letter_title{
	width:300px;
	}
	
.errorExplanation {
	color: #FFF;
	font-size:11px;
	}
	
.fieldWithErrors {
	display:inline;
	color:red;
	text-tranform: uppercase;
	border-color:;
	font-style:italic;
	}

/* FOOTER STYLES */

/* TABLE STYLES */

table.news { width: 100%; }
	table.news th { text-align: left; font-size: 14px; border-bottom: 1px solid #666;  }
	table.news tr { height: 30px; line-height: 30px; }
	table.news tr.odd { background-color: #e5e5e5; }