/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : Kevin Klein	
Email : kevin.klein@gmail.com 
We Are : Cast Iron Conding

Description : Master Stylesheet

Created : 9/14/07
Modified : 9/19/07

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* global whitespace reset */
* { padding:0; margin:0; }

body {
	background:#fff url(images/bg-body.gif) repeat-x 0 0;
	color: #716863;
	font-family: Verdana, sans-serif;
	font-size:62.5%;
	text-align: center;
}

/*********** = structure = ***********/

.wrapper {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width:800px;
}

#content {
	padding-bottom: 12px;
}

#header {
	background: url(images/bg-header.gif) no-repeat 0 0;
	height:161px;
}

.headerImg {
	margin: 10px 0 0 0;
}

*html #header {
	overflow: hidden;
}

.sidebar {
	background: url(images/bg-sidebar-top.gif) no-repeat 0 0;
	display: inline;
	float: right;
	margin: 10px 0 0 25px;
	padding: 10px 0 0 0;
	position: relative;
	width:262px;
	zoom: 1;
}

.sidebar .inner {
	background: url(images/bg-sidebar-bottom-new.gif) no-repeat 0 100%;
	padding: 5px 15px 40px 15px;
	min-height: 100px;
}

* html .sidebar .inner {
	height: 100px;
}

.leftCol {
	margin: 0;
	padding: 0;
}

* html .leftCol {
	height: 100px;
}

.rightColContent .leftCol {
	width: 513px;
	float: left;
}

#footer {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 15px 0 15px 0;
	position: relative;
	zoom: 1;
}
*html #footer {
	height: 1%;
}


#footer .primary {
	width: 540px;
}

#footer .secondary {
	position: absolute;
	right: 0;
	top: 15px;
	width: 270px;
}

/*********** = headers = ***********/

h1 {
	height: 160px;
	width: 220px;
}

h1 a {
	display:block;
	height:160px;
	width:220px;
	text-indent:-999em;    
}

h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	color: #55a51c;
	font-size:20px;
	line-height: 20px;
	margin: 10px 0 -.4em 0;
}

h3 {
	color: #55a51c;
	font-size: 18px;
	margin: 10px 0 -.4em 0;
}

/* Quick fix for the sitemap -- some top level pages don't have subpages, and there's very little
   space between one h3 and a directly adjacent h3	
 */
h3.sitemapLevelOne + h3.sitemapLevelOne {
	margin-top:1em;
}

.sidebar h3 {
/*	border-bottom: 1px solid #ccc;*/
	color: #6e6560;
	margin: 0 0 5px 0;
	margin-bottom:-.4em;
}
.sidebar h3.bordertop {
	border-top: 1px solid #ccc;
	padding-top:10px;
}

h4 { 
	color: #999999;
	font-size:14px; 
	line-height:1em;
	margin:12px 0
}

#footer h4 {
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
}

/*********** = misc typography = ***********/

a, a:link, a:visited { 
	color:#55a51c; 
	text-decoration:none;
}

a:hover { 
	color:#000; 
	text-decoration:underline; 
}

a:active {
  outline: none;
}

.sidebar a {
	/*font-weight: bold;*/
}

.sidebar img {
	clear: both;
	float: right;
	margin: 0 0 0 10px;
}

.sidebar img.fileicon {
	float:left;
	margin:0 3px 0 0;
}

div.copy {
	color:#221e1f;
	font-size: 12px;
}

div.copy p {
	color: #716863;
	line-height: 1.6em;
	margin:12px 0 10px 0;
}

#footer .secondary p {
	color: #716863;
	font-size: 10px;
	line-height: 1.4em;
	padding: 0 0 0 37px;
}

#footer .secondary p.contact {
	background: url(images/bg-phone.gif) no-repeat 11px 0;
	color: #3389db;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 15px 0;
	padding-top: 3px;
	line-height: 1.1em;
}

#footer .secondary p.contact strong {
	color: #716863;
	display: block;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}

input, 
select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

dd.csc-textpic-caption {
	font-size:10px;
	color: #716863;
}

/*********** = misc divs and classes = ***********/

div#home-promos {
	position: relative;
	height: 157px;
	margin: 12px 0;
	width: 800px;
}

div#home-promos a#visit-sf {
	background: url(images/home-top-left.jpg) no-repeat 0 0;
	display: block;
	height: 157px;
	left: 0;
	position: absolute;
	text-indent:-9999em;
	top: 0;
	width: 395px;
}

div#home-promos a#visit-ny {
	background: url(images/home-top-right.jpg) no-repeat 0 0;
	display: block;
	height: 157px;
	position: absolute;
	right: 0;
	text-indent:-9999em;
	top: 0;
	width: 395px;
}

div#home-promos a#visit-sf:hover,
div#home-promos a#visit-ny:hover {
	background-position: 0 -157px;
}

div.columns.three {
	display: block;
	margin:25px 0;
}

div.columns.three .column {
	display:inline;
	float:left;
	margin:0px 30px 0 0px;
	width:28%;
}

div.hr {
	background: #b5af9a;
	font-size: 1px;
	height: 4px;
	line-height: 4px;
	margin: 22px 0 30px 0;
}

.copy div.hr {
	margin:12px 0 12px 0;
}


/*********** = lists = ***********/

div.copy ul {
	list-style-type: none;
	margin: 10px 0 25px 0;
	color: #716863;
}

div.copy .sidebar ul {
	color: #716863;
}

div.copy li {
	background: url(images/bg-bullet.gif) no-repeat 0 3px;
	margin:5px 0 5px 10px;
	padding: 0 0 0 17px;
	position: relative;
	zoom: 1;
	clear:both;
}

#footer ul {
	float: left;
	list-style: none;
	margin: 0 6px;
	width: 122px;
}

*html #footer ul {
	margin: 0 3px;
	position:relative;
	zoom:1;
}

/* raise lists that immediately follow paragraphs - LT 9/29/07 */
p.bodytext + ul {
	margin-top:-.7em;
}

#footer li {
	font-size: 10px;
	margin: 0 0 5px 0;
}

ul#promos {
	background: url(images/bg-home-promo.jpg) no-repeat 0 0;
	height: 165px;
	list-style-type: none;
	margin: 8px 0 0 0;
	position: relative;
	width: 800px;
}

ul#promos li {
	display: inline;
}

ul#promos a {
	display: block;
	height: 165px;
	position: absolute;
	text-indent: -9999em;
	top: 0;
}

ul#promos a#promo-shared {
	left: 0;
	width: 265px;
}

ul#promos a#promo-green {
	left: 265px;
	width: 270px;
}

ul#promos a#promo-exhibits {
	left: 535px;
	width: 265px;
}

/*********** = #primary (navs and search) = ***********/

div#primary {
	height: 28px;
	position: relative;
	width: 800px;
}


div#primary ul {
	background: url(images/bg-nav_02.gif) no-repeat 63px 0;
	list-style-type: none;
	height: 28px;
	width: 800px;    
}

div#primary ul li {
	display: inline;
}

div#primary ul li a, 
div#primary ul li a:visited {
	background-repeat: no-repeat;
	background-position: 0 0;
    display:block;
    height: 28px;
    position: absolute;
    top: 0;
    text-indent: -9999em;
}

div#primary ul li a {
	outline: none;
}

a#home {
	background-image: url(images/bg-nav_01.gif);
	left: 0;
	width: 63px;
}

a#sf {
	background-image: url(images/bg-nav_03.gif);
	left: 152px;
	width: 99px;
}

a#ny {
	background-image: url(images/bg-nav_04.gif);
	left: 251px;
	width: 80px;
}

a#shared {
	background-image: url(images/bg-nav_05.gif);
	left: 331px;
	width: 118px;
}

a#green {
	background-image: url(images/bg-nav_06.gif);
	left: 449px;
	width: 111px;
}

a#exhibits {
	background-image: url(images/bg-nav_07.gif);
	left: 560px;
	width: 156px;
}

a#about {
	background-image: url(images/bg-nav_08.gif);
	left: 716px;
	width: 84px;
}

div#primary ul li.active a,
body.sf div#primary a#sf,
body.ny div#primary a#ny,
body.shared div#primary a#shared,
body.green div#primary a#green,
body.exhibits div#primary a#exhibits,
body.about div#primary a#about,
div#primary ul li a:hover {
	background-position: 0 -28px !important;
}

div#sub {
	background: #3f93e8;
	border-bottom: 1px solid #716863;
	padding: 7px 0;
	width: 800px;
}

* html div#sub {
	height:15px;
	overflow: hidden;
}

div#sub ul {
	display: inline;
	float: right;
	list-style-type: none;
}

div#sub ul li {
	background: url(images/bg-sub.gif) no-repeat 100% 50%;
	float: left;
	padding: 0 8px;
	position: relative;
	zoom: 1;
}

div#sub ul li.last {
	background: none;
}

div#sub ul a,
div#sub ul a:visited {
	color: #fff;
	font-size: 11px;
	line-height:14px;
	text-decoration: none;
}

div#sub ul li a:hover {
	text-decoration: underline;
}

/*********** = tables = ***********/

/*********** = utility classes = ***********/

.clearfix {
	display:inline-block; /* IE 6 & 7 */
}

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

*html .clearfix {
	height:1%; /* fIE 6 */
}

.clear {
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	padding:0;
}

.clear.left {
	clear:left;
}

.clear.right {
	clear:right;
}

.center {
	text-align:center;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float:right;
}
	
.alignleft {
	float:left
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/* images */

img { border:none; }

img.pdf {
	margin:10px 0;
}

img.float-r {
	float:right;
    margin:0px 0 2px 15px;
}

img.float-l {
	float:left;
	margin:0px 15px 2px 0;
}

/* forms */

/* flexible content elements */

.twoColContent {
	margin: 0 auto;
	padding: 0;
}

.twoColContent .fceLeftCol {
	width: 49%;
	float: left;
}

.twoColContent .fceRightCol {
	width: 49%;
	float: right;
}


/* Lightbox styles */

body#lightBox .wrapper {
	position: static;
}
#lbOverlay {
	position: fixed;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	top: 0pt;
	left: 0pt;
}
* html #lbOverlay {
	position: absolute;
}
.lbTrigger {
	width: 263px;
	margin-bottom: 5px;
	margin-right: 3px;
	float: left;
}
.lbContent {
	position: absolute;
	z-index: 100;
	top: 300px;
	/*left: 117px;
	width: 565px;*/
	width: 800px;
	*margin-left: -800px;
	text-align: center;
}
* html .lbContent {
	margin: auto;	
}
.lbContentInner {
  margin: auto;
  width: 565px;
	color: #000;        
}
.lbContentInner .top {
	text-align: left;
	height: 44px;
	background-image: url('/fileadmin/templates/thoreau/images/lb_top.png');
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
* html .lbContentInner .top,
.lbGif .lbContentInner .top {
	background-image: url('/fileadmin/templates/thoreau/images/lb_top.gif');
}
.lbContentInner .top img.titleText {
	margin: 13px 0 0 30px;
}
.lbContentInner .top a.close {
	display: block;
	height: 40px;
	width: 99px;
	position: relative;
	top: -29px;
	left: 445px;
}
.lbContentInner .middle {
	position: relative;
	text-align: left;
	padding: 5px 30px 5px 30px;
	background-image: url('/fileadmin/templates/thoreau/images/lb_middle.png');
	background-repeat: repeat-y;
}
* html .lbContentInner .middle {
	top: -30px;
	background-image: url('/fileadmin/templates/thoreau/images/lb_middle.gif');
}
.lbGif .lbContentInner .middle {background-image: url('/fileadmin/templates/thoreau/images/lb_middle.gif');}
.lbContentInner .bottom {
	position: relative;
	background-image: url('/fileadmin/templates/thoreau/images/lb_bottom.png');
	height: 44px;
	background-repeat: no-repeat;
}
* html .lbContentInner .bottom {
	top: -30px;
	background-image: url('/fileadmin/templates/thoreau/images/lb_bottom.gif');
}
.lbGif .lbContentInner .bottom {background-image: url('/fileadmin/templates/thoreau/images/lb_bottom.gif');}