* { margin: 0; padding: 0; }

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

body {
	font: medium/1.4 'Lucida Grande', Verdana, 'Bitstream Vera Sans', sans-serif;
	color: #FFF; background: #003 url(../i/bg.png) repeat-x;
	text-align: center;	min-width: 740px;	margin: 0 0 2em;
}

h1,h2,h3,h4,h5,h6 { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: .4em 0 .3em; 
	color: #f06; font-weight: 800;
}
h1 { font-size: 200%; }
h2 { font-size: 175%; letter-spacing: .1em; margin: 0; }
h3 { font-size: 130%; letter-spacing: 1px; }
h4 { font-size: 115%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }

br { display: none; }
p {	margin: .1em 0 .6em; }
a {	color: #F06; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: none; background: #F06; }
strong { color: #0CF; }

ul, ol {	margin: 0 0 1em 1em; }
ul li, ol li {	margin: 0 0 .3em .5em; }

dl { margin: 1em 0; }
dl dt { margin: .7em 0 .4em; font-weight: 800; font-size: 105%; }

ol.alpha { list-style-type: lower-alpha; }

img { border: 0; }

#nma-link { 
	padding: 1px 0 2px; margin: 0;
	background: #FFF; text-align: left;
}
#nma-link a {
	display: block;	text-indent: -9999px;
	background: url(../i/nma-logo.gif) no-repeat;
	width: 360px; height: 20px; margin: 0 0 0 5px; 
}
#header { margin: 0 0 1em; }
#header h1 {
	height: 70px; width: 500px;
	position: relative;
	overflow: hidden;
	margin: 5px auto 0;
}
#header h1 b {
	position: absolute;
	top:0;left:0;width:500px;height:70px;
	background: url(../i/logo.png) no-repeat;
}
#header #nav {
	margin: 15px 0 0;	border: 1px solid #FFF; border-width: 1px 0;
}	
#header #nav ul {
	text-align: center;	list-style: none;
	margin: 0; padding: 0px 0 3px;
}
#header #nav li {
	display: inline; margin: 0; padding: 6px 0 9px;
	border: 1px solid #FFF;	border-width: 0 1px 0 0;
}
#header #nav li.nav-home { border-left: 1px solid #FFF; }

#header #nav li a {
	text-transform: uppercase; text-decoration: none;
	color: #FFF;
	font: 800 13px/15px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	padding: 4px .7em 5px;
}
#header #nav li a:hover {	background: #F06; }

#home #header #nav li.nav-home a,
#climate #header #nav li.nav-climate a,
#carbon #header #nav li.nav-carbon a,
#think #header #nav li.nav-think a,
#teachers #header #nav li.nav-teachers a {
	background: #F06; cursor: default;
}
#content { position: relative; width: 740px; margin: 0 auto; font-size: 90%; }
#content.flash, #climate #content { width: auto; text-align: center; }
#flashcontent { text-align: center; height: 420px; margin-top: 10px; }
#flashcontent p { width: 500px; margin: 3em auto; border: 1px solid red; padding: 2em; }
#content .left-col, #content .right-col {	width: 350px; float: left; text-align: left; margin: 1em 0 2em; }
#content .left-col { margin-right: 40px; text-align: right; }
#content .left-col h3 { margin-top: 0; }
#content .right-col h4, #content .left-col h4 { margin-top: 0; }

/* HOME STUFF */
#home #content #speech {
	width: 695px; height: 130px;
	text-indent: -9999px; margin: 0 auto .6em;
	background: url(../i/pussnfish-home.gif) no-repeat;
}
#home #content #areas { 
	list-style: none; font-size: 87%; font-weight: 800;
	background: url(../i/area-boxes.gif) no-repeat 0 100%;
	width: 740px; margin: 0 auto;
	overflow: hidden; padding: 0 0 5px;
}
#home #content #areas li {
	float: left; margin: 4px 0 0;
	width: 249px;	height: 14.5em;
	border-top: 1px solid #fff;
	text-align: center; cursor: pointer;
}
#home #content #areas li#areas-carbon { width: 242px; }
#home #content #areas li:hover,
#home #content #areas li.hover { 
	background-image: url(../i/area-boxes.gif);
	background-repeat: no-repeat;
	background-position: -750px 0;
	color: #fff;
}
#home #content #areas li#areas-carbon:hover,
#home #content #areas li#areas-carbon.hover {
	background: url(../i/area-boxes.gif) no-repeat -999px 0;
}
#home #content #areas li#areas-think:hover,
#home #content #areas li#areas-think.hover {
	background: url(../i/area-boxes.gif) no-repeat -1241px 0;
}
#home #content #areas li h3 {	width: 200px; margin: 0 auto 0; }
#home #content #areas li h3 a {	
	display: block; width: 200px;
	background: url(../i/climate-area.gif) no-repeat 50% 0%;
	text-indent: -9999px;	padding-top: 105px;
}
#home #content #areas li#areas-carbon h3 a { 
	background: url(../i/carbon-area.gif) no-repeat 50% 0%;
	padding-top: 82px;
}
#home #content #areas li#areas-think h3 a { 
	background: url(../i/think-area.gif) no-repeat 50% 0%;
	padding-top: 82px;
}
#home #content #areas li p { margin: 0 15px; }

#climate #areas {
	height: 236px; width: 594px; margin: 1em auto 0; padding: 50px;
	background: url(../i/pussnfish-climate.gif) no-repeat;
	list-style: none; text-align: center;
}
#climate #areas li { width: 290px; padding: 0; margin: 0 auto 10px; text-align: left; }
#climate #areas li a {
	display: block;
	font: 800 110%/1.2 'Helvetica Neue', Arial, Helvetica, sans-serif;
	text-decoration: none; background: white url(../i/next-arrow-white.gif) no-repeat 0 0;
	text-align: left;	min-height: 55px;	padding: 3px 0 0 60px;
}
#climate #areas li a:hover { 
	background: white url(../i/next-arrow-white.gif) no-repeat 0 -200px;
	color: #036;
}


#carbon #footprint h3 {
	background: url(../i/foot.gif) no-repeat right top;
	padding: 115px 0 0; margin: 0 0 .3em;
}
#carbon #footprint.left-col {
	padding: 0 0 50px;
	background: url(../i/footprint-icons.gif) no-repeat right bottom;
}
#carbon #three-rs.right-col h3 {
	margin: 0 0 1em; text-indent: -9999px;
	height: 37px; width: 348px;
	background: url(../i/3Rs.gif) no-repeat;
}
#carbon #three-rs ul {
	list-style: none; margin: 0 0 0 2px;
}
#carbon #three-rs ul li {
	background: url(../i/star.gif) no-repeat 0 0;
	margin-left: 0; padding-left: 28px; min-height: 25px;
}
#carbon #download {
	display: block; width: 128px; height: 197px;
	float: right; margin: 0 0 2em 15px;
	background: url(../i/download.gif) no-repeat;
}
#carbon #download a {
	display: block; width: 128px; height: 197px;
}
#carbon #download a:hover {
	background: url(../i/download.gif) no-repeat 0 -250px;
}
#carbon #download a strong { display: none; }

#carbon #calculator-link {
	display: block; width: 128px; height: 160px;
	float: right; margin: 0 0 2em 15px;
	background: url(../i/calc-icon.jpg) no-repeat;
}
#carbon #calculator-link a {
	display: block; width: 128px; height: 160px;
}
#carbon #calculator-link a:hover { 
	background: transparent;
}
#carbon #calculator-link a strong { display: none; }

#think #content #think-fish {
	height: 130px; width: 740px;
	background: url(../i/pussnfish-think.gif) no-repeat 50% 0%;
	text-indent: -9999px;
	text-align: left;
	margin: 0 auto;
}
#think .left-col em,
#think .right-col em {	font-size: 80%; color: #fff; }
#think .left-col,
#think .right-col { margin-bottom: .2em; }
#think .left-col ul,
#think .right-col ul { margin: 0; padding: 0; list-style: none; }
#think .left-col ul li,
#think .right-col ul li {	margin: 0; padding: 0; list-style: none; }
#think .right-col ul li {	background: url(../i/pdf-icon.gif) no-repeat top left; }
#think .left-col ul li {	background: url(../i/pdf-icon.gif) no-repeat top right; }
#think .left-col ul li a,
#think .right-col ul li a { 
	display: block; min-height: 50px;
	text-decoration: none; padding: 0 50px 0 0;
}
#think .right-col ul li a { padding: 0 0 0 50px; }
#think .left-col ul li a:hover,
#think .right-col ul li a:hover,
#think .left-col ul li a:hover strong,
#think .right-col ul li a:hover strong { background: transparent; color: #fff; }

#think .left-col li strong,
#think .right-col li strong { display: block; }
#think p.note { margin-bottom: 2em; }

#think #content .left-3col, 
#think #content .right-3col,
#think #content .middle-3col {
	width: 240px;	float: left; 
	margin: .5em 0 2em;
}
#think #content .left-3col h4, 
#think #content .right-3col h4,
#think #content .middle-3col h4 { margin: 0; color: #0CF; }

#think #content .left-3col p, 
#think #content .right-3col p,
#think #content .middle-3col p { font-size: 90%; }

#think #content .left-3col { margin-right: 20px; text-align: right; width: 230px; }
#think #content .right-3col { width: 230px; text-align: left; }
#think #content .middle-3col { margin-right: 20px; text-align: center; }

#think ul#news,
#think ul#podcasts,
#think ul#interviews { 
	border-top: 1px dotted #FFF; list-style: none; 
	margin: 0 0 1em;
}
#think ul#news li { 
	border-bottom: 1px dotted #FFF; 
	margin: 0; padding: 5px 5px 8px 5px;
	background: #000F47;
	font-size: 80%; line-height: 1.2;
	overflow: hidden;
}
#think ul#news li.alt,
#think ul#podcasts li.alt,
#think ul#interviews li.alt { background: #001E5B; }
#think ul#news li strong,
#think ul#podcasts li strong,
#think ul#interviews li strong { display: block; margin: 0 0 .5em; }

#think ul#podcasts li,
#think ul#interviews li { 
	border-bottom: 1px dotted #FFF; 
	margin: 0; padding: 0;
	background: #000F47;
	font-size: 80%; line-height: 1.2;
}

#think ul#podcasts li a,
#think ul#interviews li a {
	display: block; padding: 5px; overflow: hidden;
	text-decoration: none;
}
#think ul#podcasts li img,
#think ul#interviews li img {
	float: left; margin: 0 5px 0 0;
}

#think #profiles { width: 260px; float: left; margin: 1em 30px 0 0; text-align: right; font-size: 90%; }
#think #profiles img { display: block; border: 1px solid white; margin: 0 0 0 auto; }
#think dl#questions {	width: 450px; text-align: left; float: left; margin: 1em 0; }
#think dl#questions dt { margin: 0 0 .5em 0; color: #f06; }
#think dl#questions dd { margin: 0 0 1em 0; }



#photo-gallery ul {
	list-style: none; margin: 0 0 1em 5px; padding: 0;
	overflow: hidden;
}
#photo-gallery ul li {
	display: block;
	float: left; width: 57px; height: 47px;
	margin: 0 1px 1px 0;
}
#photo-gallery ul li a {
	border: 1px solid #000;
	background: #000F47;
	height: 45px; width: 55px;
	display: block; text-decoration: none;
}
#photo-gallery ul li a:hover { border-color: #0CF; }
#photo-gallery ul li a img {display: block; }



#teachers #inner-content {
	width: 530px; min-height: 18em;
	margin:  0 0 5em 210px;
	text-align: left;
}
#teachers #teachers-nav {
	width: 190px; position: absolute; top: 2.8em; left: 0;
	text-align: right; list-style: none; margin: 0;
}
#teachers #teachers-nav li {
	margin: 0 0 .4em; color: #0CF;
	font: 800 100% 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#teachers #teachers-nav a { text-decoration: none; }

#teachers br { display: block; }
#teachers em { color: #C7E2FF; font-size: 90%; }

#teachers ul.pdfs { font-size: 90%; color:  #fff; margin: 0; padding: 0; list-style: none; }
#teachers ul.pdfs li {	margin: 0; padding: 0; list-style: none; background: url(../i/pdf-icon.gif) no-repeat top left; }
#teachers ul.pdfs li a { display: block; min-height: 50px; text-decoration: none; padding: 0 0 0 50px; }
#teachers ul.pdfs li a strong { display: block; }
#teachers ul.pdfs li a:hover,
#teachers ul.pdfs li a:hover strong { background: transparent; color: #fff; }






#content #flashcontent {
	background: url(../i/flashbg.gif) no-repeat top center;
	padding: 4px 0;
}

#facts {
	margin: 2em auto 0; width: 500px;
	background: url(../i/factsbar.gif) no-repeat;
	line-height: 1; height: 50px; overflow: hidden;
}
#facts ul {
	list-style: none; text-align: left;
	width: 310px; margin: 0 0 0 190px; min-height: 60px;
}
#facts li a {
	display: block; padding: 8px 4px 4px 10px;
	text-decoration: none; color: #003;
	font-size: 90%;
}
#facts li a:hover { background: transparent; }
#facts li strong { 
		font: 600 16px/1 'Helvetica Neue', Arial, Helvetica, sans-serif;
		color: #F06; display: block; margin: 0 0 .1em; 
}
#facts li.error { color: #f00; }

#sitemap #content { width: 500px; }
#sitemap ul { text-align: left; list-style: none; margin: .5em;}
#sitemap ul h2 { margin: 0; }
#sitemap ul h3 { margin: 0; }
#sitemap ul li { margin: 0 0 1.5em; }
#sitemap ul ul li { margin: 0 0 .2em; }


#footer { clear: both; font-size: 80%; }
#footer p { margin: 2em 0 0; line-height: 3; }
#footer a {	color: #FFF; }

/* Classes */

p.next a {
	display: block; text-decoration: none;
	font: 800 110%/50px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	background: url(../i/next-arrow.gif) no-repeat 0 0;
	min-height: 55px;
	padding: 0 0 0 60px; margin: 1em 0;
}
p.next a:hover { 
	background: url(../i/next-arrow.gif) no-repeat 0 -200px;
}

p.note { font-size: 75%; }

.clear { clear: both; }
.clear-right { clear: right; }
.hide hr { display: none; }
.hide { clear: both; }

img.right { float: right; margin: 5px; display: inline; }

/*  thickbox settings  */

#TB_overlay {
	position: absolute;	z-index:100;
	width: 100%; height: 100%;
	top: 0;	left: 0;
	min-height: 100%;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#TB_window {
	position: absolute;	z-index: 102;	display:none;
	text-align:left;
}
#TB_window img {
	display: block;
	margin: 0;
	border: 5px solid #FFF;
}
#TB_caption {
	background: #fff; color: #003;
	font-weight: 800;
	padding: 2px 5px 7px; line-height: 1;
}
#TB_caption #TB_secondLine { 
	font-size: 80%; font-weight: 200;
	margin: .5em 0 0;
}
#TB_closeWindow {
	font-size: 90%; font-weight: 200;
	position: absolute; right: 5px; bottom: 7px;
}

#TB_swfWindowTitle { display: none; }
#TB_swfContent {
	z-index: 200;
	border: 5px solid #fff;
	background: #fff;
	padding-bottom: 1.5em;
}

#TB_closeAjaxWindow { display: none;
	padding: 5px 10px 7px 0; margin-bottom: 1px;
	text-align: right; float: right;
}
#TB_ajaxWindowTitle { 
	float: left; display: none;
	padding: 7px 0 5px 10px; margin-bottom: 1px;
}

#TB_title {}

#TB_ajaxContent { clear: both; /*overflow: auto;*/ }

#TB_load {
	position: absolute;	display: none;
	height: 100px; width: 100px; z-index: 101;
}
#TB_HideSelect {
	z-index:99;	position:absolute;
	top: 0;	left: 0;
	width:100%;	height:100%;
	background-color:#fff; border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#TB_iframeContent { border:none; clear:both; }


#TB_ajaxContent h2 {
	margin: 0; color: #fff; padding: 4px 10px;
	background: url(../i/fact-header.gif) no-repeat 0% 0%;
}
#TB_ajaxContent #fact {
	background: url(../i/fact-footer.gif) no-repeat bottom left;
	color: #003; padding: 10px;
	font: 800 100% 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#TB_ajaxContent #fact p.next a { background: url(../i/next-arrow-white.gif) no-repeat 0 0; }
#TB_ajaxContent #fact a:hover {	color: #003; background: url(../i/next-arrow-white.gif) no-repeat 0 -200px; }


#TB_ajaxContent #flashcontent {
	border: 5px solid #FFF; background: red;
}