@import url("reset.css");
@import url("typography.css");
@import url("grid.css");
@import url("forms.css");

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

#accessibility-links {
	display: none;
	visibility: hidden;
}

.logo-respect {
	float: right;
	margin: 8px 8px 0 0;
}

/*	Navigation
------------------------------ */

#nav {
	width: 170px;
	margin: 0 10px 0 0;
	list-style: none;
	float: left;
	color: #fff;
	font-size: 11px;
	line-height: 1.3;
	clear: both;
}

#nav a {
	color: #fff;
	display: block;
	padding: 5px;
	width: 160px;
}

#nav .nav-sgp {
	background-color: #eab413;
}

#sgp-page #nav .nav-sgp {
	background: #eab413 url(../images/nav-sgp-bg.gif) repeat-x left top;
}

#nav .nav-what {
	background-color: #f68b1e;
}

#what-page #nav .nav-what {
	background: #f68b1e url(../images/nav-what-bg.gif) repeat-x left top;
}

#nav .nav-who {
	background-color: #ed037c;
}

#who-page #nav .nav-who {
	background: #ed037c url(../images/nav-who-bg.gif) repeat-x left top;
}

#nav .nav-perfect {
	background-color: #782b90;
}

#perfect-page #nav .nav-perfect {
	background: #782b90 url(../images/nav-perfect-bg.gif) repeat-x left top;
}

#nav .nav-how {
	background-color: #007eb7;
}

#how-page #nav .nav-how {
	background: #007eb7 url(../images/nav-how-bg.gif) repeat-x left top;
}

#nav .nav-where {
	background-color: #63cadf;
}

#where-page #nav .nav-where {
	background:  #63cadf url(../images/nav-where-bg.gif) repeat-x left top;
}

#nav .nav-facts {
	background-color: #8cc63f;
}

#facts-page #nav .nav-facts {
	background:  #8cc63f url(../images/nav-facts-bg.gif) repeat-x left top;
}

#nav .nav-news {
	background-color: #90a6a6;
}

#news-page #nav .nav-news {
	background:  #90a6a6 url(../images/nav-news-bg.gif) repeat-x left top;
}

#nav .nav-donate {
	width: 170px;
	height: 98px;
	margin-top: 8px;
	background: url(../images/donate-bg.jpg) no-repeat left top;
	position: relative;
}

#nav .nav-donate a {
	width: 76px;
	height: 23px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 73px;
	top: 71px;
	text-indent: -9999px;
	background: url(../images/donate-button.gif) no-repeat left top;
	overflow: hidden;
}

/*	Content
------------------------------ */

#content-container {
	width: 600px;
	float:left;
}

#content {
	float: left;
	width: 365px;
}

/*	Sidebar
------------------------------ */

#sidebar {
	width: 213px;
	margin: 0 3px 1.5em 18px;
	float: right;
	font-size: 11px;
	line-height: 1.2;
}

#sidebar img {
	float: left;
	margin: 0 7px 0 0;
}

#article-page #sidebar img {
	float: none;
	margin-bottom: 1em;
}

/*	News listing
------------------------------ */

.news {
	width: 213px;
}

.news h3 {
	width: 106px;
	height: 14px;
	margin: 0 0 .5em 6px;
	background: url(../images/h3-news-bg.gif) no-repeat left top;
	text-indent: -9999px;
}

.news h4 {
	margin: 0;
	font-size: 100%;
}

.news p {
	margin: 0;
}

.news img {
	float: left;
	margin: 0 7px 0 0;
}

.news .archive-link {
	float: right;
}

.news .archive-link a {
	width: auto;
	padding: 0;
}

.news .archive-link a:focus,
.news .archive-link a:hover {
	background: none;
	text-decoration: underline;
}

.news ul {
	margin: 0 0 .75em 0;
	list-style: none;
	border-top: 1px solid #dde4e4;
	padding-top: 6px;
}

.news li {
	width: 213px;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #dde4e4;
	display: block;
	overflow: hidden;
}

.news a {
	width: 201px;
	padding: 0 6px 7px 6px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.news a:focus,
.news a:hover {
	text-decoration: none;
	background: url(../images/sidebar-li-hover-bg.gif) repeat-x left bottom;
}

#news-page .news {
	width: 599px;
}

#news-page .news ul {
	margin-bottom: 1.5em;
}

#news-page .news li {
	width: 599px;
}

#news-page .news img {
	margin-right: 10px;
}

#news-page .news a {
	width: 587px;
}

#news-page .news a .summary {
	color: #666;
}

#news-page .news span,
#news-page .news strong {
	display: block;
	width: 528px;
	float: right;
	font-weight: normal;
	cursor: pointer;
}

#news-page .news strong {
	display: inline;
}

/*	Contact details
------------------------------ */

#contact-page #content ul {
	list-style: none;
	margin: 0;
}

#contact-page #content li {
	width: 49%;
	float: left;
}

/*	Footer
------------------------------ */

#footer {
	width: 780px;
}

#footer ul {
	clear: both;
	margin: 0;
	padding-top: 6px;
	list-style: none;
	border-top: 1px solid #666;
	line-height: 1.2;
	overflow: hidden;
}

#footer li {
	float: left;
	margin-right: .5em;
	padding-right: .5em;
	border-right: 1px solid #999;
}

#footer .last {
	border: 0;
}

#footer a {
	color: #999;
}