@charset "UTF-8";
/* CSS Document */

body  {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #3e4159;
	background: url(images/background.gif);
}

a:focus {outline-style: none;}
a img {border: none;}

a:link{color: #2a3584;}
a:hover{color: #616583;}
a:visited{color: #2a3584;}

.clear {clear: both;}

/*================ STRUCTURE ================*/

#wrapper {
	background: url(images/header.jpg) center top no-repeat;
	height: 600px;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 280px;
	margin-bottom: 20px;
}

#leftcol {
	width: 220px;
	float: left;
}

#maincontent {
	width: 720px;
	float: right;
	font-size: .9em;
	line-height: 1.5em;
}

/*================ HEADER ================*/

#primary {
	width: 460px;
	height: 260px;
	float: left;
	margin: 20px 0 0 20px;
}

.secondary {
	width: 240px;
	height: 120px;
	float: right;
	clear: right;
	margin-top: 20px;
}

#navigation {
	width: 220px;
	float: left;
}

#logo {
	margin: 20px 0 2px 20px;
}

/*=== Navigation ===*/

#nav {
	width: 220px;
	float: left;
}

#nav a {
	display: block;
	width: 100px;
	height: 15px;
	float: left;
	clear: left;
	margin: 5px 0 0 60px;
	background: url(images/nav.png) right top no-repeat;
	text-indent: -5000px;
}

#nav #home:hover {background-position: left top;}
.home #nav #home {background-position: left bottom; cursor:default;}

#nav #about {background-position: right -15px;}
#nav #about:hover {background-position: left -15px;}
.about #nav #about {background-position: left -15px; cursor:default;}

#nav #donate {background-position: right -30px;}
#nav #donate:hover {background-position: left -30px;}
.donate #nav #donate {background-position: left -30px; cursor:default;}

#nav #shop {background-position: right -45px;}
#nav #shop:hover {background-position: left -45px;}
.shop #nav #shop {background-position: left -45px; cursor:default;}


/*================ LEFT COLUMN ================*/

/*=== Newsletter ===*/

#newsletter {
	width: 180px;
	padding: 50px 20px 20px 20px;
	background: url(images/newsletter_back.png) left top no-repeat;
}

#newsletter form {
	width: 180px;
	margin: 0;
	padding: 0;
}

#newsletter input, #searchbar input {
	float: left;
	border: 1px solid #ccc;
	height: 17px;
	margin-right: 5px;
	padding: 3px 0 0 2px;
	color: #999;
}

#newsletter #newslettersubmit {
	width: 21px;
	height: 20px;
	float: left;
	margin-right: 0;
	margin-top: -3px;
	cursor: pointer;
	border: none;
}

#volunteer, #donate-button {
	display: block;
	width: 180px;
	height: 35px;
	margin-top: 15px;
	background: url(images/volunteer.png) left top no-repeat;
	text-indent: -5000px;
}

#volunteer:hover, #donate-button:hover {
	background-position: right top;
}

#donate-button {
	background: url(images/donate.png) left top no-repeat;
}

#social {
	margin-top: 15px;
}

#social img {
	margin-right: 8px;
}

#social .right {
	margin-right: 0;
}

/*=== Index ===*/

#index {
	width: 220px;
	padding: 35px 0 0 0;
	*padding: 45px 0 0 0;
	background: url(images/index_top.png) left top no-repeat;
	color: #e9e4d7;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
}

#index a {
	color: #e9e4d7;
	text-decoration: none;
}

#index a:hover {
	text-decoration: underline;
}

#index ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}

#index li {
	margin-top: 15px;
	padding: 0 20px 0 20px;
	background: url(images/index_icon.png) left center no-repeat;
}

#index-bottom {
	height: 20px;
	background: url(images/index_bottom.png) left top no-repeat;
}

/*================ RIGHT COLUMN ================*/

/*=== Search Bar ===*/

#searchbar {
	height: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background: url(images/tools_back.png) left top no-repeat;
}

#searchbar form {
	margin: 0;
	padding: 0;
}

#searchbar select {
	float: left;
	width: 115px;
	margin-right: 5px;
	border: 1px solid #ccc;
	color: #999;
}

#searchbar #searchsubmit {
	width: 21px;
	height: 21px;
	margin-top: -3px;
	margin-right: 27px;
	float: left;
	cursor: pointer;
	border: none;
}

#searchbar a {
	display: block;
	height: 20px;
	float: right;
	margin-left: 30px;
	text-indent: -5000px;
}

#searchbar #print {
	width: 65px;
	background: url(images/searchbar_print.png) left top no-repeat;
}

#searchbar #print:hover {
	background-position: left bottom;
}

#searchbar #email {
	width: 69px;
	background: url(images/searchbar_email.png) left top no-repeat;
}

#searchbar #email:hover {
	background-position: left bottom;
}

/*=== Articles ===*/

#byline {
	height: 30px;
	color: #fff;
	font-size: .9em;
}

#byline div {
	float: left;
}

#byline-left, #byline-right {
	width: 3px;
	height: 30px;
	background: url(images/byline_left.png) left top no-repeat;
}

#byline-right {
	background: url(images/byline_right.png) left top no-repeat;
}

#byline-content {
	height: 30px;
	padding: 0 10px 0 10px;
	background: url(images/byline_tile.png);
	line-height: 30px;
}

.author {
	display: block;
	height: 30px;
	float: left;
}

.chiclets {
	float: left;
	margin-left: 20px;
}

.chiclets img {
	margin-right: 3px;
}

h1, h2 {
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.3em;
	font-weight: normal;
	color: #2a3584;
	line-height: normal;
}

h2 {
	font-size: 1.6em;
}

h3 {
	margin-top: 0;
}

.article {
	margin-bottom: 40px;
}

.articleimg {
	float: right;
	margin: 20px 0 20px 20px;
}

.article-links {
	height: 20px;
	line-height: 20px;
}

.article-links a {
	text-decoration: none;
}

.article-links a:hover {
	text-decoration: underline;
}

.readmore {
	display: block;
	width: 72px;
	height: 20px;
	float: left;
	margin-right: 15px;
	background: url(images/read_more.png) left top no-repeat;
	text-indent: -5000px;
	color: #2a3584;
}

.readmore:hover {
	background-position: left bottom;
}

/*=== Pagination ===*/

#pagination {
	margin-bottom: 40px;
}

#pagination a {
	padding: 5px;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}

#pagination a:hover, #pagination #selected {
	background: #5a6794;
	color: #e9e4d7;
}

#pagination .inactive {
	color: #aaa69b;
}

#pagination .inactive:hover {
	text-decoration: none;
	cursor: default;
	color: #aaa69b;
	background: none;
}

/*================ FOOTER ================*/

#footer {
	padding-bottom: 50px;
	color: #3e4159;
	font-size: .8em;
}

#footertop, #footerbottom {
	width: 960px;
	height: 3px;
	background: url(images/footer_top.png) left top no-repeat;
}

#footerbottom {
	background: url(images/footer_bottom.png) left top no-repeat;
}

#footercontent {
	width: 960px;
	background: url(images/footer_tile.png) left repeat-y;
}

#footerc1, #footerc2, #footerc3 {
	width: 300px;
	float: left;
	padding: 10px 0 10px 20px;
}

#footerc1 ul {
	display: block;
	float: left;
	padding: 0;
	margin: 0 40px 0 0;
	list-style: none;
}

#footerc1 li {
	margin-bottom: 10px;
}

#footer a {
	color: #3e4159;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*================ DONATIONS PAGE ================*/

label {
	float: left;
	width: 180px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

input, textarea {
	width: 180px;
	margin-bottom: 8px;
}

textarea {
	width: 250px;
	height: 150px;
}

select {
	float: left;
	margin-bottom: 8px;
}

br {
	clear: left;
}

#submit-button {
	width: 72px;
	height: 20px;
	margin-left: 190px;
	border: none;
	cursor: pointer;
}

.autowidth, .radio, .radiolabel, .cclabel, .checkbox {
	width: auto;
}

h5 {
	margin: 20px 0 15px 0;
	padding-bottom: 3px;
	color: #2a3584;
	font-size: 1.3em;
	border-bottom: 1px solid #777;
}

#donations {
	width: 720px;
	margin-bottom: 40px;
}

.radio, .checkbox {
	float: left;
}

.radiolabel {
	text-align: left;
	width: 50px;
	margin: 0 5px;
}

.cclabel {
	margin: 0 10px 0 5px;
}

ol li {
	font-size: .9em;
	line-height: normal;
	margin-bottom: 8px;
}

.longlabel {
	text-align: left;
	width: 650px;
}