@charset "UTF-8";
/* CSS Document */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
}
a img {
	border: none;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html {
	height: 100%;
}
body {
	height: 100%;
	text-align: center;
	font: 100% Arial, sans-serif;
	line-height: 18px;
	color: #333;
	border: 0px solid red;
}
/* structure */
#container {
	height: 100%;
	width: 1066px;
	margin: 0 auto;
	background: url('../img/global/ai_cap_only_EDE6DE_80.png') no-repeat 0px -38px;
	text-align: left;
	border: 0px solid blue;
}
body > #container {
	height: auto;
	min-height: 100%;
}
body#tan {
	background: #EDE6DE url('../img/global/header_png_100.png') repeat-x 0px 0px;
}
body#tanhome {
	background: #EDE6DE url('../img/global/header_png_100.png') repeat-x 0px 0px;
}
body#green {
	background: #e8ebe0 url('../img/global/header_png_100.png') repeat-x 0px 0px;
}
#fixed {
	width: 960px;
	margin: 0px auto;
	padding-top: 43px;
	padding-bottom: 150px; /* must be same height as the footer */
	border: 0px solid blue;
}
body#tan #fixed {
	background: url('../../img/projects/academic_index_big.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 0px solid blue;
}
/* top components */
#header {
	width: 100%;
	margin: 0px;
	height: 159px;
	overflow: visible;
	border: 0px solid green;
}
#logotype {
	text-align: center;
	overflow: auto;
	height: 90px;
	padding: 64px 0px 0px 0px;
	border: 0px solid #fff;
}
#picheader {
	margin: 0px 53px;
	padding: 0px;
	border: 0px solid red;
}
/* columns */
#col1 {
	float:left;
	width:14%;
	margin-right: 6px;
	border:0px solid blue;
}
#content {
	width:85%;
	float:left;
	position:relative;
	margin:0;
	overflow:auto;
	padding-bottom: 20px;
	border:0px solid #000;
}
#col3 {
	float:right;
	width:22%;
	overflow:hidden;
	padding:0;
	border: 0px solid blue;
}
/*left nav list content*/
#col1Content {
	margin:0 auto;
	padding: 0px 18px 0px 0px;
	overflow:auto;
	color: #000;
	border:0px solid blue;
}
#col1Content ul.leftnav {
	margin-left:0;
	margin-top:0px;
	padding:0px 0px 8px 0px;
	list-style: none;
	color: #333;
	border: 0px solid green;
}
#col1Content li {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 16px;
	border: 0px solid blue;
}
#col1Content a:link, #col1Content a:visited {
	color: #094f7a;
	text-decoration: none;
}
#col1Content a.first {
	font-weight: bold;
	text-decoration: none;
}
#col1Content a:hover {
	color: #50a2c4;
	text-decoration: underline;
}
#col1Content a.current {
	color: #000;
	text-decoration: none;
}
/* left nav list if green */
body#green #col1Content a:link, body#green #col1Content a:visited {
	color: #24542A;
}
/* right sidebar content*/
#sidebar {
	width: 94%;
	margin: 0 auto;
	text-align: left;
	position:relative;
	color:#7a0a17;
	font: 15px Georgia, serif;
	border: 0px solid #336699;
}
#sidebar p.quote {
	line-height: 28px;
	font-style:italic;
	padding: 22px 0px 0px 0px;
	text-indent: -5px;
}
#sidebar p.quoteno {
	line-height: 28px;
	font-style:italic;
	padding: 0;
	text-indent: 0em;
}
#sidebar p.attrib {
	font: 10px Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 20px;
	text-transform:uppercase;
	color:#7a0a17;
	text-indent: 0px;
}
/* content type styles */
#content h1 {
	margin: 0;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:#7A0A17;
	border: 0px solid green;
}
#content h1.thumb {
padding-left: 112px;
}
#content h2 {
	padding: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	color:#333;
	border: 0px solid green;
}
#content p {
	text-align: left;
	padding: 6px 6px 6px 0px;
	font-size : 14px;
	line-height: 24px;
}
#content p.block {
	text-align: left;
	width: 566px;
	padding: 6px 30px 6px 30px;
	font-size : 14px;
	line-height: 24px;
}
#content p.limit {
	width: 596px;
}
#content p.slides {
	width: 300px;
}
#content p.list {
	font-size : .8em;
	line-height: 1.6em;
}
#content p.limit1 {
	width: 740px;
}
#content ol.faqalpha {
	list-style-type: lower-alpha;
	padding: 6px 30px;
	font-size: 14px;
	line-height: 24px;
}
#content ol.faqnum {
	list-style-type: decimal;
	padding: 6px 30px;
	font-size: 14px;
	line-height: 24px;
}
/* content link styles */
#content a:link, #content a:visited {
	color: #17267C;
	text-decoration: underline;
}
#content a:hover {
	color: #50a2c4;
	text-decoration: none;
}
#content a.current {
	color: #000;
	text-decoration: none;
}

/* icon link styles */
#content #icon {
	padding-left: 94px;
	font: 17px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.sub {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#content #icon a:link, #content #icon a:visited {
	color: #000;
	text-decoration: none;
}
#content #icon a:hover {
	color: #50a2c4;
	text-decoration: underline;
}
#content #icon img {
	padding: .5em;
	background-color: #fbfbf7;
	border: 1px solid #666;
}
.awardbox {
	padding: .5em;
	background-color: #fbfbf7;
	border: 1px solid #666;
	}
/* project callout div */
.callout {
	width: 580px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #999;
}
.calloutContent {
	text-align: left;
	padding: 8px;
	overflow: auto;
	border: 0px solid #999;
}
.clearboth {
	clear: both;
}
.specs {
	float: right;
	width: 300px;
	padding: 0px 10px 0px 10px;
	margin-left: 15px;
	font:0.8em Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: .8em;
	text-transform:uppercase;
	color:#7a0a17;
	border: 0px solid orange;
}
#content p.copyright {
	color: #333;
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height: 16px;
	font-style: italic;
	text-transform: none;
}
#content p.credits {
	color: #333;
	font-size: 12px;
	line-height: 14px;
	font-style:normal;
	text-transform: none;
}
/* prettybox */
.prettybox {
	width: 640px;
	padding: 10px 20px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 0px solid #999;
	border-left: 1px solid #999;
}
/* architect, etc. credit on under construction prettybox div */
ul.creds {
	list-style: none;
}
.prettyboxlast {
	width: 640px;
	padding: 10px 20px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.prettyboxlimit {
	width: 640px;
	padding: 10px 20px;
	border: 1px solid #999;
}
.prettyboxlimitlast {
	width: 640px;
	padding: 10px 20px;
	border: 1px solid #999;
}
/* colorbox */
ul.colorbox {
	float: left;
	text-align: left;
	padding: 10px 0px 10px 70px;
	list-style: none;
	border: 0px solid green;
}
ul.colorbox li img {
	float: left;
	text-align: left;
	padding: 10px;
	background-color: #fbfbf7;
	border: 1px solid #999;
	filter: alpha(opacity=100); /* For IE8 and earlier */
  opacity: 1.0;
}
ul.colorbox h1 {
	color:#333;
	font: 76% Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:normal;
}
ul.colorbox a {
	border: 0px solid green;
}
/*img styles*/
img.smallpic {
	padding: .5em;
	background-color: #fafafa;
	border: 1px solid #666;
}
img.smallpicnoquote {
	margin-top: 20px;
	padding: .5em;
	background: #f4f1e8;
	border: 1px solid #666;
}
img.smallpiclite {
	padding: .5em;
	background: #fff;
	border: 1px solid #999;
}
img.award {
	padding: 0px;
	background: #fff;
	margin: 6px 6px 0px 0px;
	border: 1px solid #3D3D3D;
}
#content .editorialr {
	float: right;
	padding: .5em;
	margin: 8px;
	border: 1px solid #666;
}
#content .editorialr p, #content .editoriall p {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666;
}
#content img.editoriall {
	padding: .5em;
	border: 1px solid #666;
}
#content img.leftfloat {
	float: left;
	padding: 6px 10px 10px 0px;
}
#content img.rightfloat {
	float: right;
	padding: 6px 10px 10px 0px;
}
#content img.matthews {
	margin: 10px 60px;
	padding: .5em;
	border: 1px solid #666;
}
#content img.project {
	padding-top: 6px;
}
#content img.leedlogo {
	text-align: left;
}
#content .vid {
	margin: 0 auto;
	text-align: left;
	width: 510px;
	padding: 10px;
}
#content img.green {
	padding-top: 16px;
}
/* content boxes */
.tableish {
	padding: 10px;
	border: 0px solid blue;
}
.tableish td {
	padding: 6px;
	vertical-align: top;
	border: 0px solid blue;
}
.tableish td.text {
	padding: 0px 10px;
	vertical-align: top;
}
/*table on operational capacity page*/
.tableish1 {
	width: 700px;
	padding: 0px;
	border: 0px solid blue;
}
.tableish1 td {
	padding: 16px;
	border: 0px solid blue;
}
.tableish1 td.text {
	padding: 4px 0px;
	vertical-align: top;
}
.samples {
	background-color: #f7fbeb;
	padding: 10px;
	border: 1px solid #666;
}
.samples td {
	font-size: 90%;
	padding: 10px;
	border: 1px solid #666;
}
/* slideshow */
ul.slideshow {
	list-style:none;
	width:956px;
	height:648px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
	border: 1px solid #666;
}
ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}
ul.slideshow li.show {
	z-index:500;
}
ul.slideshow img {
	border:0px solid #ccc;
}
#slideshow-caption {
	width:960px;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	background:#000;
	z-index:500;
}
#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;
	z-index:1000;
}
#slideshow-caption h3 {
	margin:0;
	padding:0;
	font-size:14px;
}
#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}
/* footer */
#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
}
#footer p {
	color: #666;
	font-size: 12px;
	text-align: center;
	padding: 4px 0px 4px 0px;
	border-top: 0px solid #999;
}
blockquote {
	color:#7a0a17; 
	font-size: 96%; 
	width:596px; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-style: italic;"
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */