/*******************************************************************************

main.css

This is the main CSS file that defines the default behavior site-wide.

*******************************************************************************/

body {
	background: url("../images/misc/bg_site.gif") transparent repeat-x;
	color: #000;
	font: 11px arial,sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}
#bg-stripes {														/* stripes background */
	background: url("../images/misc/bg_stripes.gif") transparent repeat-y bottom left;
	margin: 0;
}
#bg-stripes-bot {													/* stripes bot background */
	background: url("../images/misc/bg_stripes_bot.gif") transparent bottom left;
}
#bg-stripes-top {													/* stripes top background */
	background: url("../images/misc/bg_stripes_top.gif") transparent top left no-repeat;
}
#bg-splash {														/* splash background */
	background: url("../images/misc/bg_splash.gif") transparent no-repeat;
	height: 950px;
	width: 768px;
	margin: 0;
} 



/**************************
Generic styles
**************************/
.clear { clear: both; }
.empty { margin: 0; padding: 0; }
.float-left { float: left; }
.float-right { float: right; }
.nobg { background: none; }


/* backgrounds, borders, height, padding */
.bg-white { background: #fff; }

.border1 { border-top: 1px solid #f7931d; }

.divider-nobg {
	background: #f09a25;
	height: 6px;
}
.height1 { height: 257px !important; height: 260px; }
.height2 { height: 240px; }
.height3 { height: 125px; }

.padding1 { padding: 6px 0 3px 6px !important; padding: 6px 0 6px 6px; }


/**************************
Ad styles
**************************/
.ad-167 {
	margin: 5px 0 0 10px;
}
.ad-180 {
	float: right;
	margin: 0 5px 5px 0;
	padding: 0;
}
.ad-300 {
	clear: both;
	width: 300px;
	float: left;
	vertical-align: top;
	margin:0;
	padding: 8px 8px 8px 0;
}
.banner1 {
	position: relative;
	top: 12px;
	left: 4px;
}
.bg-banner {
	background: url("../images/misc/bg_banner.gif") transparent no-repeat top left;
	width: 764px;
	height: 114px;
}
.skyscrapper {
	background: #fff;
	margin: 0 1px 0 0;
}




/**************************
Content styles
**************************/
#content {
	background: #fff;
}
#content .content {
	width: 565px;
	color: #000;
	font: normal 11px arial,sans-serif;
	margin: 0;
	padding: 0;
}
#content .content a {
	color: #cf7428;
}
#content .content h1 {
	background: none;
	color: #000;
	font: bold 18px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0 0 8px 0;
}
#content .content h2 {
	color: #000;
	font: bold 22px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0 0 10px 7px;
}
#content .content .photo, 
#content .photo {
	float: left;
	vertical-align: top;
	margin: 0 7px 7px 0;
	padding: 0;
}
#content .story {
	color: #000;
	font: normal 12px arial,sans-serif;
	margin: 0;
	padding: 6px 8px 6px 6px;
}
#content .story a {
	color: #000;
}



/**************************
Footer styles
**************************/
#footer {															/* footer container */
	background: url("../images/misc/bg_boilerplate.gif") transparent no-repeat top left;
	width: 574px;
	height: 49px;
	color: #fff;
	font: bold 11px/18px arial,sans-serif;
	text-align: left;
	margin: 10px 0 0 20px;
	padding: 0;
}
#footer a {															/* footer link */
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer img {														/* footer image style */
	clear: both;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 15px;
	margin: 0 30px 0 0;
	padding: 0;
}
#footer p {
	padding: 15px 0 0 0;
}




/**************************
Masthead styles
**************************/
#masthead {															/* masthead container */
	background: url("../images/misc/bg_masthead.gif") transparent no-repeat top left;
	width: 970px;
	height: 118px;
	color: #fff;
	font: normal 11px arial,sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}
#masthead a {
	color: #fff;
}
#masthead .espanol {												/* espanol link */
	color: #d32027;
	font: bold 11px arial,sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
}
#masthead .espanol a {
	color: #d32027;
}
#masthead .logo-box {												/* logo container */
	clear: both;
	float: left;
	width: 600px;
	height: 70px;
	position: relative;
	top: 25px;
	left: 30px;
}
#masthead .logo-text {												/* logo text style */
	float: right;
	background: url("../images/logo/logo_text.gif") transparent no-repeat;
	width: 200px;
	height: 70px;
	color: #fff;
	font: bold 11px arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
}
#masthead .logo-text p {
	margin: 0;
	padding: 22px 25px 0 0;
}
#masthead .partners-border	{										/* partners border */
	border-left: 1px solid #ede825;
	border-right: 1px solid #ede825;
	margin: 0;
	padding: 0 5px;
}
#masthead .partners {												/* partners form style */
	color: #fff;
	font: bold 11px arial,sans-serif;
	margin: 0;
	padding: 0;
}
#masthead .search-table {											/* search table */
	float: left;
	position: relative;
	top: 21px;
	left: 35px;
	margin: 0;
	padding: 0;
}
#masthead .search {													/* search form style */
	color: #fff;
	font: bold 11px arial,sans-serif;
	margin: 0;
	padding: 0 5px 0 0;
}
#masthead .search input {											/* search form input style */
	border: 1px solid #fff;
	color: #000;
	font: normal 11px arial,sans-serif;
}




/**************************
Modules styles
**************************/
#modules {																/* modules container */
	color: #000;
	font: normal 11px arial,sans-serif;
	text-align: left;
	text-transform: normal;
	margin: 0;
	padding: 0;
}


/* arrows */
#modules .arrow1,
#modules a.arrow1,
#modules h2.arrow1 {													/* arrow1 */
	background: url("../images/misc/arrow1.gif") transparent no-repeat 0 4px;
	color: #04a1bb;
	font: bold 13px arial,sans-serif;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 12px;
}
#modules .arrow2,
#modules a.arrow2,
#modules h2.arrow2 {													/* arrow2 */
	background: url("../images/misc/arrow2.gif") transparent no-repeat 0 14px;
	color: #fff;
	font: bold 13px arial,sans-serif;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 11px 0 0 12px;
}


/* backgrounds */
#modules .bg1_187 {														/* background1 187px */
	background: url("../images/modules/bg1_187.gif") transparent top left;
}
#modules .bg1_193 {														/* background1 193px */
	background: url("../images/modules/bg1_193.gif") transparent top left;
}
#modules .bg1_565 {														/* background1 565px */
	background: url("../images/modules/bg1_565.gif") transparent top left;
}
#modules .bg1_571 {														/* background1 571px */
	background: url("../images/modules/bg1_571.gif") transparent top left;
}


/* digests */
#modules .digest1 {														/* digest1 */
	color: #fff;
	font: normal 11px arial,sans-serif;
	text-transform: none;
	margin: 0;
	padding: 0;
}
#modules .digest1 a {
	color: #fff;
}
#modules .digest1 p.listings {
	margin: 0;
	padding: 0 0 5px 0;
}
#modules .digest2 {														/* digest2 */
	color: #000;
	font: normal 11px arial,sans-serif;
	text-transform: none;
	margin: 0;
	padding: 6px 0 0 68px;
}
#modules .digest3 {														/* digest3 */
	color: #000;
	font: normal 11px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0;
}
#modules .digest3 a {
	color: #d17304;
	font-weight: bold;
}
#modules .digest3 p.qa {												/* question_answer padding */
	margin: 0;
	padding: 0 0 8px 0;
}
#modules .digest3 p.section {											/* section digest padding */
	margin: 0;
	padding: 0 25px 13px 0;
}
#modules .digest3 p.section-indent {									/* section digest indent */
	margin: 0;
	padding: 0 25px 13px 72px;
}


/* footers */
#modules .footer1_187 {													/* footer1 187px */
	background: url("../images/modules/footer1_187.gif") transparent no-repeat;
	width: 187px;
	height: 25px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#modules .footer1_193 {													/* footer1 193px */
	background: url("../images/modules/footer1_193.gif") transparent no-repeat;
	width: 193px;
	height: 25px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#modules .footer1_571 {													/* footer1 571px */
	background: url("../images/modules/footer1_571.gif") transparent no-repeat;
	width: 571px;
	height: 25px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#modules .footer2_187 {													/* footer2 187px */
	background: url("../images/modules/footer2_187.gif") transparent no-repeat;
	width: 187px;
	height: 25px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#modules .footer2_571 {													/* footer2 571px */
	background: url("../images/modules/footer2_571.gif") transparent no-repeat;
	width: 571px;
	height: 25px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}


/* headers */
#modules .header1_187 {													/* header1 187px */
	background: url("../images/modules/header1_187.gif") transparent no-repeat;
	width: 187px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#modules .header2_187 {													/* header2 187px */
	background: url("../images/modules/header2_187.gif") transparent no-repeat;
	width: 187px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#modules .header1_372 {													/* header1 372px */
	background: url("../images/modules/header1_372.gif") transparent no-repeat;
	height: 30px;
	margin: 0;
	padding: 0;
}
#modules .header1_571 {													/* header1 571px */
	background: url("../images/modules/header1_571.gif") transparent no-repeat;
	height: 30px;
	margin: 0;
	padding: 0;
}
#modules .header2_571 {													/* header2 571px */
	background: url("../images/modules/header2_571.gif") transparent no-repeat;
	height: 25px;
	margin: 0;
	padding: 0;
}
#modules .header3_571 {													/* header3 571px */
	background: url("../images/modules/header3_571.gif") transparent no-repeat;
	vertical-align: top;
	margin: 0;
	padding: 0;
}



/* images */
#modules img.issues {													/* issues image */
	vertical-align: top;
	margin: 6px 6px 7px 6px;
	padding: 0;
}
#modules img.publications {												/* publication logo image */
	float: left;
	vertical-align: top;
	margin: 4px 0 0 3px;
	padding: 0;
}
#modules img.section {													/* section image */
	float: left;
	vertical-align: top;
	margin: 0 8px 0 0;
	padding: 0;
}
#modules img.story {													/* story images */
	float: left;
	vertical-align: top;
	margin: 0 4px 4px 0;
	padding: 0;
}
#modules img.story-select {												/* story images selected */
	float: left;
	vertical-align: top;
	border: 4px solid #d67d2c;
	margin: 0 4px 4px 0;
	padding: 0;
}


/* page elements */
#modules .breadcrumbs {													/* breadcrumbs */
	color: #797878;
	font: normal 11px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0;
}
#modules .breadcrumbs a {
	color: #797878;
}
#modules .story-photos {												/* story photos */
	color: #000;
	font: normal 11px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 6px;
}
#modules .story-photos img {
	vertical-align: top;
	margin: 0 0 6px 0;
	padding: 0;
}
#modules .timestamp {													/* timestamp */
	color: #000;
	font: bold 10px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0;
}
#modules .timestamp p {
	margin: 0;
	padding: 15px 0 8px 0;
}
#modules .upload {														/* upload photos */
	float: right;
	margin: 0;
	padding: 10px 25px 0 0;
}
#modules .upload a {
	color: #fff;
}
#modules .upload img {
	margin: 0 4px 0 0;
}


/* secondary text */
#modules .text1 { color: #04a1bb; }
#modules .text1 a { color: #04a1bb; }




/**************************
Story styles
**************************/
#content .story h1 {													/* secondary headline */
	clear: both;
	background: none;
	color: #000;
	font: bold 18px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0 0 10px 5px;
}
#content .story h2 {													/* story headline */
	clear: both;
	background: none;
	color: #000;
	font: bold 20px arial,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 0 0 10px 5px;
}
#content .story p {
	margin: 0;
	padding: 0 0 12px 5px;
}
#content .story .photo {												/* story body images style */
	border: 1px solid #000;
	float: left;
	vertical-align: top;
	margin: 0 7px 6px 0;
}
	



/**************************
Weather styles
**************************/
.weather {																/* weather container */
	background: url("../images/modules/bg2_187.gif") transparent no-repeat;
	height: 56px;
	margin: 6px 0 0 0;
	padding: 5px 0 0 5px;
}
.weather a {
	color: #d17304;
}
.weather img {															/* weater image */
	float: left;
	display: block;
	margin: 0 6px 0 0;
	padding: 0;
}
.weather-deg {															/* weather degree */
	float: left;
	color: #000;
	font: bold 26px arial,sans-serif;
	text-transform: none;
	margin: 0;
	padding: 0 6px 0 0;
}
.weather-forecast {														/* weather forecast */
	clear: both;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}
.weather-text {															/* weather text */
	color: #000;
	font: normal 11px arial,sans-serif;
	text-transform: none;
	marign: 0;
	padding: 0;
}