/*
 *  Bonner Gaylord
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Begin text */

body {
	font-size: 87.5%;  /* Reset base size to 14px */
	line-height: 1.43em;
	color: #005847;
	}

body, input, textarea, select, label {
	font-family: "Trebuchet MS", Arial, sans-serif;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
    padding-bottom: 1.43em;
	}
	
a:link, a:visited {
    color: #e6aa0c;
    text-decoration: none;
	}	
a:focus, a:hover, a:active {
    color: #e6aa0c;
    text-decoration: underline;
	}

h1 {
    font-size: 1.86em;
    line-height: 1.54em;
    font-weight: bold;
    margin-bottom: 0.77em;
	}
h1 span {
    padding-bottom: 0.19em;
    border-bottom: 0.077em solid #cfe297;
	}
	
h2 {
    font-size: 1.43em;
    text-transform: uppercase;
    padding: 0.5em 0;
	}
	
h3 {
    font-size: 1.29em;
    padding: 0.55em 0;
	}
	
h4 {
    font-size: 1.14em;
	}

blockquote {
    font-size: 1.14em;
    font-style: italic;
    padding: 1.43em;
    }
blockquote p {
    padding: 0;
    }

label {
	font-size: 1em;
	}

input, textarea, select {
	font-size: 1em;
	}

input[type=text], textarea, .textbox {
    background: #f9fcef;
    color: #478771;
    border: 1px solid #478771;
    padding: 1px 2px;
	}

input[type=submit], input[type=button], button {
    
	}

img {
	-ms-interpolation-mode: bicubic;  /* Fixes IE6 scaling ugliness */
	}

.readMore {
	font-size: 0.857em;
	text-transform: uppercase;
	}

.alert {
	color: #c01313;
	}

.left {
	float: left;
	}
img.left {
	margin-right: 1em;
	}
.right {
	float: right;
	text-align: right;
	}
img.right {
	margin-left: 1em;
	}
	
.clear {
	clear: both;
	}

/* End text */ 


/* Begin page styles */

body {
    background: #005847;
	}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	}

/* End hide from IE Mac */

/* End page */


/* Begin header styles */

#header {
    overflow: hidden;
    background: #005847 url(../images/skyline.png) no-repeat right bottom;
    }

#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#logo { padding: 0; }
#logo a {
    float: left;
    width: 370px;
    height: 180px;
    background: url(../images/logo.png) no-repeat;
    text-indent: -9999px;
	}

#nav {
	width: 959px;
	float: left;
	background: #cfe295;
	border-bottom: 1px solid #fdfff8;
	font-size: 1.5em;
	font-weight: bold;
	}
#nav li {
	float: left;
	position: relative;
	z-index: 10;
	text-align: center;
	padding: 0.7em 0;
	border-left: 1px solid #fdfff8;
	}
#nav li.active { background: #cfe295 url(../images/nav-active.png) no-repeat center bottom; }
#nav li a {
	color: #005847;
	padding: 0 1.2em;
	line-height: 1.4em;
	}
#nav li a:hover { color: #007f66; text-decoration: none; }

#nav li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	width: 250px;
	z-index: 300;
	border: none;
	padding: 1em;
	background: #cfe295;
	font-size: 0.86em;
	line-height: 1.25em;
	}
#nav li ul li {
	display: block;
	float: none;
	padding: 0.25em 0.85em;
	border-left: none;
	text-align: left;
	}
#nav li ul li a {
	padding: 0;
	}
	
/* End header */


/* Begin body styles */

#content-wrapper {
	background: #fdfff8;
	border-top: 1px solid #fdfff8;
	float: left;
	}

#content {
	float: left;
	width: 680px;
	padding: 2.14em 10px 0.71em 20px;
	}

#content ul {
    list-style-type: disc;
    list-style-position: inside;
    padding: 0 0 1.43em 1em;
    }
#content ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0 0 1.43em 1em;
    }
#content #section-list { list-style-type: none; }
#content li {
    }

#paginationLinks{ margin: 0; list-style: none; }
#paginationLinks li{ float: left; }
#paginationLinks li a{ display: block; padding: 0 6px; line-height: 24px; font-size: 12px; }
#paginationLinks li a.current{ margin: 0 3px; background: #005847; color: #fdfff8; text-decoration: none; }

#sidebar {
	float: right;
	width: 219px;
	margin-right: 1px;
	min-height: 450px;
	padding: 10px;
	background: url(../images/sidebar-bg.png) repeat-x 0 0;
	}

#sidebar #actionCenter { margin-bottom: 0.72em; }
#sidebar #actionCenter li { margin-bottom: 10px; }
#sidebar #actionCenter a {
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/btn-actions.png) no-repeat;
	text-align: center;
	font-size: 1.57em;
	line-height: 50px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffc426;
	text-shadow: -1px -1px 2px rgba(0,0,0,0.2);
	}

#sidebar #signup {
	padding-bottom: 1em;
	margin: 0 -5px 1.43em 0;
	border-bottom: 1px solid #fdfff8;
	}
#sidebar #signup input {
	float: left;
	width: 101px;
	margin: 0 5px 5px 0;
	padding: 2px;
	}
#sidebar #signup input#email { width: 128px; }
#sidebar #signup input.button { width: 80px; padding: 0; }


.date{
	float: left;
	clear: left; 
	width: 40px;
	padding: 5px 5px 3px;
	margin-bottom: 10px;
	background: #e5f0c5;
	border-top: 3px solid #478771;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	}
.date .month { font-size: 16px; }
.date .day { margin-left: -4px; font-size: 34px; line-height: 28px; letter-spacing: -3px; }
.date .year { font-size: 14px; line-height: 2px; }
#sidebar #upcoming .story { float: left; width: 159px; margin-left: 10px; }
#section-list .story { float: left; width: 620px; margin-left: 10px; }
.story p { padding: 0; }

#pagination-links { clear: both; }
#pagination-links li { list-style: none; display: block; float: left; padding: 2px 5px; margin: 0 2px 0 0; border: 1px solid #478771; background: #e5f0c5; }
#pagination-links li a { color: #478771; text-decoration: underline; }
#pagination-links li a.current { font-weight: bold; text-decoration: none; }

/* End body */


/* Begin footer styles */

#footer {
    clear: both;
	overflow: hidden;
	padding: 14px 10px 20px;
    color: #fdfff8;
	}

#footer #credits {
	float: left; 
	font-size: 0.86em; 
	font-weight: bold; 
	text-transform: uppercase; 
	}
#footer #credits p { 
	padding: 0; 
	line-height: 18px; 
	}

#footer #social { float: right; position: relative; z-index: 100; font-size: 1.14em; }
#footer #social p { float: left; width: 8em; text-align: right; line-height: 16px; }
#footer #social ul { float: left; margin-left: 0.5em; }
#footer #social ul li { display: inline; margin-left: 0.625em; line-height: 40px; }

/* End footer */


/* Begin Homepage */

.home #featurePhotos {
	position: relative;
	float: left;
	display: inline;
	z-index: 1;
	width: 700px;
	margin: 0 0 0 1px;
	padding: 10px 9px 0;
	background: url(../images/sidebar-bg.png) repeat-x 0 0;
	}
.home #featurePhotos li { width: 700px; height: 460px; }
.home #featurePhotos li img { display: block; }
.home #featurePhotos li .caption {
	position: absolute;
	bottom: 0;
	width: 530px;
	padding: 15px 140px 15px 30px;
	background: #011a15;
	opacity: 0.75;
	filter: alpha(opacity=75);
	color: #fdfff8;
	font-size: 1.28em;
	}
.home #featurePhotos #featureSelector {
	position: absolute;
	right: 30px;
	bottom: 18px;
	opacity: 0.75;
	z-index: 10;
	}
.home #featurePhotos #featureSelector a {
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 10px;
	background: url(../images/feature-selector.png) no-repeat -15px 0;
	text-indent: -9999px;
	}
.home #featurePhotos #featureSelector a.activeSlide { background-position: 0 0; }

.home #news {
	float: left;
	width: 600px;
	margin: 10px -10px 0 10px;
	}
.home #news h2 a { color: #005847; }
.home #news .col {
	float: left;
	width: 280px;
	margin-right: 20px;
	}

.home #wordOut {
	float: right;
	position: relative;
	width: 340px;
	padding: 10px;
	margin-top: 15px;
	background: #e5f0c5;
	}
.home #wordOut h2, .home #wordOut p { padding: 0; }
.home #wordOut .spacer1 { float: right; width: 120px; height: 70px; }
.home #wordOut .spacer2 { float: right; clear: right; width: 150px; height: 120px; }
.home #wordOut img {
	position: absolute;
	display: block;
	right: 0;
	bottom: -22px;
	}

/* End Homepage */