/*
//
// primary styles
// Author: DataSetGo
// Date: 2007/03/22
//
/////////////////////////////////////// */



/* Global Styles
/////////////////////////////////////// */
body {
	font: 12px/18px arial, helvetica, sans-serif;
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}

a {
	color: #ff9700;
}

h1 {
	font: 18px/20px "Arial", "Gill Sans", Times, serif;
	color: #ff9700;
	margin-top: 0;
}

h2 {
	font: 16px/18px "Arial", "Gill Sans", Times, serif;
	font-weight: bold;
	color: #5863b3;
	margin-top: 0;
}

h3 {
	font: 14px/16px "Arial", "Gill Sans", Times, serif;
	color: #000;
	margin-top: 0;
	font-weight: bold;
}

img {
	border: 0;
}


#container {
	width: 776px;
	margin: 0 auto 0 auto;
	background: #fff url(/o/5962/images/container.gif) repeat-y;
}

#content, #contentInt {
	margin-top: -10px;
}

#header {
	height: 198px;
}

div#headerTop {
	border: 0;
	height: 79px;
        position: relative;
}

div#logo {
	margin-left: 12px;
	float: left;
}

div#banner {
	float: left;
	height: 79px;
	width: 334;
}

div#heritage {
	height: 79px;
	width: 182px;
	background: url(/o/5962/images/heritage.png) no-repeat;
	position: absolute;
        right: 18px;
}

div#headerMiddle {
	border: 0;
	height: 36px;
	margin-top: 8px;
}

/* nav elements */

#nav {
	position: relative;
	top: 0px;
	left: 7px;
	width: 398px;
	height: 36px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	position: relative;
    z-index: 5000;
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	background-image: url(/o/5962/images/nav1.png) no-repeat; /* repeated here to avoid IE6/Win flicker */
	background-repeat: no-repeat;
	}
	
#nav a {
	float: left;
	height: 36px;
	text-indent: -5000px;
	background-image: url(/o/5962/images/nav1.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #000;
	}
	
#t-mission a, #t-mission li { 
	width: 84px; 
	background-position: 0 0px; 
	}
#t-mission a:hover { background-position: 0 -36px; }

#t-donate a, #t-donate li {
	width: 69px;
	background-position: -82px 0;
	}
#t-donate a:hover { background-position: -82px -36px; }

#t-act a, #t-act li {
	width: 44px;
	background-position: -148px 0;
	}
#t-act a:hover { background-position: -148px -36px; }

#t-learn a, #t-learn li {
	width: 60px;
	background-position: -194px 0;
	}
#t-learn a:hover { background-position: -194px -36px; }

#t-press a, #t-press li {
	width: 55px;
	background-position: -260px 0;
	}
#t-press a:hover { background-position: -260px -36px; }	
	
#t-contact a, #t-contact li {
	width: 85px;
	background-position: -320px 0;	
	}
#t-contact a:hover { background-position: -320px -36px; }


/* 
Son of Suckerfish dropdowns:
http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

#nav ul {
	margin: 0;
	padding: 0;
	}
#nav li ul { /* second-level lists */
	position: absolute;
	top: 36px;
	width: 14em;
	list-style: none;
	clear: both;
    z-index: 1000;
	left: -5000px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
#nav li ul li, #nav li ul li a {
	background-image: none !important;
	clear: both;
	}
#nav li ul li a {
	text-align: left;
	width: 14em;
    height: 22px;
	padding: .20em 1em;
	text-indent: 0 !important;
    font-size: 12px;
	background: #fff;
    line-height: 2em;
    z-index: 1100;
	border: solid;
	border-width: 1px;
	border-top-color: #000;
	border-right-color: #567DC6;
	border-bottom-color: #567DC6;
	border-left-color: #567DC6;
	}

#nav li ul li a:hover {
	background: #fff;
	color: #567DC6;
	}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
    z-index: 1200;
	}

/* END nav elements */



div#stayInformed {
	position: relative;
	top: -36px;
	left: 410px;
	height: 37px;
	width: 358px;
	background: url(/o/5962/images/stayInformed.png) repeat;
}

form#signUp {
	position: absolute;
        padding: 10px 0 0 75px;

}

form#signUp input {
	border: 0;
}

form#signUp input#email {
	width: 135px;
}

form#signUp input#zip {
	width: 60px;
	margin-left: 5px;
}

form#signUp input#signUp {
	position: absolute;
	top: 6px;
	right: -70px;
	width: 67px;
	height: 25px;
}


div#headerBottom {
	border: 0;
	height: 60px;
	margin-left: 8px;
	background: url(/o/5962/images/headerBottom.png) no-repeat;
}

div#contribute {
	position: relative;
	top: 1px;
	left: 470px;
	width: 280px;
	height: 60px;
}

div#footer, div#footerInt {
	margin-top: 5px;
	margin-left: 8px;
        margin-right: 8px;
        padding: 10px 10px;
	background: #7D9AD3 url(/o/5962/images/footer.png) no-repeat;
        clear: both;
}

div#footerTxt {
	color: #fff;
        text-align: right;
}

div#footerTxt a {
	color: #fff;
}

.clear {
	clear: both;
}

 /* page-specific styles
 ////////////////////////////////////// */

/* index */

/* homepage sidebar */

div#sideBar {
	width: 280px;
	float: right;
	margin-right: 18px;
        display: inline;
}

div.sideBarBoxContent {
	padding: 10px 10px 0 10px;
	border: 0px;
}

img.sideBarImg {
	margin-right: 5px;
	margin-bottom: 5px;
	float:left;
}

#speakOut {
	background: url(/o/5962/images/sideBarBoxBg.png) repeat-y;
	margin: 0px 0 0 0;
}

div#speakButtons {
	position: relative;
	left: -3px;
	width: 285px;
	margin-top: 5px;
}


table.blogTable th {
	text-align: center;
	vertical-align: top;
	width: 20px;
}

div.blogEvenRow {
	background: url(/o/5962/images/blogEvenRow.png) repeat-y;
	padding: 0 5px;
}

div.blogOddRow {
	background: url(/o/5962/images/blogOddRow.png) repeat-y;
	padding: 0 5px;
}



/* homepage content */

div#homeLeftCol {
	margin-left: 18px;
}

div#topStory {
	background: url(/o/5962/images/homeLeftColBox.png) repeat-y;
}

div.homeLeftColBoxContent {
	width: 429px;
	padding: 10px 10px 0 10px;
	background: url(/o/5962/images/homeLeftColBox.png) repeat-y;
}

div#moreHeadlines {
	width: 449px;
	height: 26px;
	background: url(/o/5962/images/moreHeadlines.png) no-repeat;
	margin: 10px 0 0 0;
}

div#moreHeadlines span {
	display: none;
}

img#rss {
	position: relative;
	top: 5px;
	left: 370px;
	margin-bottom: 10px;
}

div#topStoryIllus {
	float: right;
	margin-left: 5px;
	width: 230px;
	font-style: italic;
	size: 9px;
	line-height: 12px;
}

div#topStoryIllus img {
	margin: 0 0 3px 0;
}

div#candidates {
	margin-top: 10px;
	background: url(/o/5962/images/homeLeftColBox.png) repeat-y;
}

div#candidates img#usMap {
	float: right;
	margin: 0 0 5px 5px;
}


/* Interior Pages */

#headerInt {
	height: 146px;
}

#headerBottomInt {
	border: 0;
	height: 13px;
	margin-left: 8px;
	background: url(/o/5962/images/intHeadShadow.png) no-repeat;
}

div#intBox {
	margin-left: 18px;
}

div#intBoxContent {
	background: url(/o/5962/images/intBox.png) repeat-y;
	padding: 10px 30px 10px 10px;
}

div#intBoxContentImg {
	float: right;
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
	width: 230px;
	margin: 0 10px 5px 5px;
}


/* Int 2-col layouts */

#contentTwoColInt {
	width: 740px;
	background-color: #dadada;
	margin-left: 18px;
}

#sideBarInt {
	background: #dadada;
	width: 184px;
	float: right;
	clear: both;
}

#sideBarInt #buttons {
	text-align: center;
	margin-top: 10px;
}

#sideBarInt #buttons img {
	margin-bottom: 4px;
}

#quote {
	font: 14px/20px;
	width: 156px;
	margin-left: 12px;
	margin-top: 10px;
}

#intLeftCol {
	width: 555px;
	background-color: #fff;
}

#intLeftColBoxContent {
	width: 525px;
}

#intLeftColContent {
	width: 525px;
	padding: 10px 10px 0 10px;
	background: url(/o/5962/images/intTwoColBox.png) repeat-y;
}

img#rssInt {
	position: relative;
	top: 5px;
	left: 470px;
	margin-bottom: 10px;
}


.clear {height: 0; line-height: 0; clear: both;}
.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

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

p.paginate {color: #fff; background: #5863b3;; padding: 5px;}
p.paginate a {color: #fff;}
p.paginatecount_1 {display: none;}

/* Archive List Formating
/////////////////////////////////////// */

table.archivelist {
	border-collapse: collapse;
	margin: 20px auto;
        width: 520px;
}

table.archivelist th {
	padding: 8px;
	background: #6b97d8;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
        text-align: left;
}

table.archivelist td {
	padding: 8px;
	vertical-align: top;
	border-bottom: 1px solid #fff;

}

table.archivelist td.odd {
	background: #dae3f4;
}

table.archivelist td.even {
	background: #F1F5FB;
}

table.archivelist td.title {
	padding-right: 10px;
}

table.archivelist td.date {
	white-space: nowrap;
}

table.archivelist td a {font-weight: bold;}

/* COMMENTS
----------------------------------------------- */

#commentCount {margin-top: 50px;}

.comment {font-size: 1em; margin: 0 0 30px 0;}
.commentOdd {}
.commentEven {}
.commentNumber {border-bottom: 1px solid #ddd; padding: 3px; color: #555; text-align: right; margin-bottom: 0;}
.commentInfo {border-top: 1px solid #ddd; padding: 3px; color: #555; margin-top: 0;}
.commentText {margin-left: 3px; margin-right: 3px; word-wrap: break-word;}
.commentText p {margin: 6px 0;}

#commentPost {}
#commentPost h3 {background:   #ff9700; color: #fff; padding: 2px 3px; text-align: left; margin-bottom: 1px; font-size: 1.1em; font-weight: bold; }
#commentPost form p {margin: 1px 0; padding: 3px; background: #fff;}
#commentPost form em {}
#commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-bottom: .1em; clear: left;}
#commentPost form input.text {width: 310px;}
#commentPost form textarea {width: 310px;}

#blog {
  margin: 0;
}

#blogroll {
  margin: 2px 8px;
}

#blogroll a {
  font-weight: bold;
}

#blogroll img {
  margin: -2px 0 5px -8px;
}

#blogroll ul {
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
  border-bottom: 2px solid #bbb;
}