/*
 * Copyright (C) 2008 Fjord Interactive
 * Design by Graham MacInnes
 * Development by Brad Touesnard
*/

body {
	font-family:Arial,sans-serif;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFf;
	font-size: 12px;
	background: 000000;
}

a img { border:none; }

a {
	color: #8a0000;
}

a:hover {
	color: #b50202;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

h1 {
	font-size: 1.35em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

hr {
	border: none 0;
	border-top: 1px dashed #C5C5C5;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

blockquote {
	margin-left: 20px;
	border-left: 20px solid #eee;
	padding-left: 10px;
	font-size: 0.9em;
	clear: left;
}

ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1.0em;
	font-size: 0.9em;
}

code {
	font-family: Courier New, Courier, Monospace;
	font-size: 1em;
	color: #666666;
}

acronym, abbr {
	cursor: help;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

ol li {
	margin-top:5px; margin-bottom:5px;
}


/*Important background layer*/
#wrapper {
	min-height: 1120px;
	background: url(../images/bg_body.jpg) top center;
}

#main {
	position: relative;
	width: 947px;
	margin: 0 auto;
}

#main div.body {
	background: url(img/bg-page.gif) repeat-y;
}


#main div.banner {
	border-bottom: 5px solid #febc26;
	height: 132px;
	background-repeat: no-repeat;
	background-color: #082457;
}




/* Toolbar */

#toolbar {
	position: relative;
/*	padding: 29px 9px 20px 9px;
	overflow: visible;*/
	top: 15px;
	left: 20px;
	z-index:1;
}

#toolbar ul.nav {
	overflow: hidden;
	/*width: 194px;*/
	width: 147px;
	height: 12px;
	float: right;
	margin: 7px 12px 0 0;
	/*background: url(../img/header/toolbar-nav.gif) no-repeat;*/
	background: url(../images/toolbar-nav2.gif) no-repeat;
}

#toolbar ul.nav li {
	float: left;
}

#toolbar ul.nav li a {
	display: block;
	height: 12px;
	text-indent: -5000px;
	overflow: hidden;
}

#toolbar ul.nav li a:hover {
	background: url(../images/toolbar-nav2.gif) no-repeat;
}

/*#toolbar ul.nav li a.ecard {
	width: 83px;
}

#toolbar ul.nav li a.ecard:hover {
	background-position: 0px -12px;
}*/

#toolbar ul.nav li a.login {
	width: 47px;
	background-position: -83px 0px;
}

#toolbar ul.nav li a.login:hover {
	background-position: -83px -12px;
}

/*#toolbar ul.nav li a.contact-us {
	width: 64px;
	background-position: -130px 0px;
	background-position: -83px 0px;
}*/

/*#toolbar ul.nav li a.contact-us:hover {
	background-position: -130px -12px;
	background-position: -83px -12px;
}*/


#toolbar form {
	position: absolute;
/*	height: 0px;*/
	top: -3px;
	left: 698px;
	width: 230px;
	overflow: visible;
	
/*	position:relative;
	top:0px;
	float: right;
	line-height:10px;
	color:#000000;
	padding:0;
	margin:0;
	width: 230px;*/
    height: 31px;
	background: url(../images/search_box.gif) no-repeat;
}

#toolbar #s {
  /*  
  */
 /*    background: none;*/
  	width: 160px;
     height: 20px;  
	margin: 1px 0px 0px 5px;
	border: 0;
		}
#toolbar #go {
    float: right;
    margin: -22px 33px 0 0;
	border:none;

}

/*#toolbar form input.text {
	position: absolute;
	top: 3px;
	left: 12px;
	width: 150px;
	height: 16px;
	border: 0;
	padding: 0 0 0 0;
	font-size: 12px;
}

#toolbar form input.button {
	position: absolute;
	top: 1px;
	right: 2px;
	width: 20px;
	height: 20px;
	padding: 0;
	float: left;
}

#toolbar form input.button:hover {
	background-position: bottom left;
}*/



/* Header */

#header {
	position: relative;
	width: 929px;
	height: 119px;
	margin: 0 auto;
	padding: 9px 9px 0px 9px;
	background: url(../images/bg_new.jpg);
}

#header h1 {
	margin: 0;
	width: 205px;
	position: relative;
	top: 10px;
	left: 12px;
}

#header h1 a {
	display: block;
	height: 96px;
	text-indent: -5000px;
	overflow: hidden;
}

#header ul.nav {
	position: absolute;
	top: 93px;
	left: 255px;
	width: 298px;
	overflow: hidden;
}

#header ul.nav li {
	float: left;
}

#header ul.nav li.donate {
	width: 135px;
	margin-right: 6px;
}

#header ul.nav li.home {
	width: 135px;
}

#header ul.nav li a {
	display: block;
	height: 29px;
	overflow: hidden;
	text-indent: -5000px;
}

#header ul.nav li.donate a {
	background: url(../images/button-donate.gif) no-repeat;
}

#header ul.nav li.home a {
	background: url(../images/button-home.gif) no-repeat;
}

#header ul.nav li a:hover {
	background-position: 0px -29px;
}

/* Main Navigation Bar */

#nav-main {
	height: 30px;
	width: 930px;
	background: url(../images/nav.gif) no-repeat;
	border-bottom: 4px solid black;
}

#nav-main li.level-1 {
	float: left;
	position: relative;
	z-index: 75;
}

#nav-main li.last {
	margin: 0;
}

#nav-main li a.level-1 {
	display: block;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/nav.gif) no-repeat;
}

#nav-main li a.home {
	width: 108px;
}

#nav-main li a.home:hover {
	background-position: left -30px;
}

#nav-main li.section a.home,
#nav-main li.current a.home {
	background-position: left -60px;
}

#nav-main li a.aboutus {
	width: 147px;
	background-position: -108px 0px;
}

#nav-main li a.aboutus:hover {
	background-position: -108px -30px;
}

#nav-main li.section a.aboutus,
#nav-main li.current a.aboutus {
	background-position: -108px -60px;
}

#nav-main li a.our-programs {
	width: 146px;
	background-position: -255px 0px;
}

#nav-main li a.our-programs:hover {
	background-position: -255px -30px;
}

#nav-main li.section a.our-programs,
#nav-main li.current a.our-programs {
	background-position: -255px -60px;
}

#nav-main li a.gotocamp {
	width: 183px;
	background-position: -401px 0px;
}

#nav-main li a.gotocamp:hover {
	background-position: -401px -30px;
}

#nav-main li.section a.gotocamp,
#nav-main li.current a.gotocamp {
	background-position: -401px -60px;
}

#nav-main li a.news-and-events {
	width: 174px;
	background-position: -584px 0px;
}

#nav-main li a.news-and-events:hover {
	background-position: -584px -30px;
}

#nav-main li.section a.news-and-events,
#nav-main li.current a.news-and-events {
	background-position: -584px -60px;
}

#nav-main li a.alumni {
	width: 172px;
	background-position: -758px 0px;
}

#nav-main li a.alumni:hover {
	background-position: -758px -30px;
}

#nav-main li.section a.alumni,
#nav-main li.current a.alumni {
	background-position: -758px -60px;
}

#nav-main li a.donate-form {
	width: 172px;
	background-position: -758px 0px;
	background-color: #FFFFFF;
}

#nav-main li a.donate-form:hover {
	background-position: -758px -30px;
}

#nav-main li.section a.donate-form,
#nav-main li.current a.donate-form {
	background-position: -758px -60px;
}

#nav-main ul.dropdown {
	position: absolute;
	width: 245px;
	background: url(../images/dropdown.gif) no-repeat bottom left;
	top: 30px;
	left: -5px;
	z-index: 100;
	padding: 10px 15px 20px 15px;
}

#nav-main li.last ul.dropdown {
	left: auto;
	right: -5px;
}

#nav-main ul.dropdown li {
	background: url(../images/dropdown-separator.gif) repeat-x bottom left;
	padding-bottom: 3px;
}

#nav-main ul.dropdown a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 1em;
	padding: 0.5em 5px 0.7em 5px;
}

#nav-main ul.dropdown a:hover {
	background: url(../images/dropdown-hover.png) repeat-x;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dropdown-hover.png', sizingMethod='scale'); 
}


/* Meat of the sandwich */

#body {
	overflow: hidden;
	background: url(../images/bg_dash.gif) repeat-n;
	padding: 0 9px 40px 8px;
}

#content-wrapper {
	overflow: hidden;
	padding-top: 25px;
}

#breadcrumbs a {
	white-space: nowrap;
}


/* Sidebar nav */

#sidebar {
	margin-top: 34px;
	float: left;
	width: 226px;
	margin-right: 18px;
}

#sidebar h2 {
	margin: 0;
}

#sidebar h2 a {
	display: block;
	width: 225px;
	height: 35px;
	text-indent: -5000px;
	overflow: hidden;
	/*background: url(../images/blank.gif) no-repeat;*/
}

#sidebar h2 a.donate-form {
	background-image: url(../images/blacksheep.gif);
}

#sidebar h2 a.aboutus {
	background-image: url(../images/aboutus.gif);
}

#sidebar h2 a.alumni {
	background-image: url(../images/alumni.gif);
}

#sidebar h2 a.our-programs {
	background-image: url(../images/ourprograms_header.gif);
}

#sidebar h2 a.gotocamp {
	background-image: url(../images/gotocamp_header.gif);
}

#sidebar h2 a.news-and-events {
	background-image: url(../images/news-and-events.gif);
}

#sidebar h2 a.locator {
	background-image: url(../images/Header_locator.gif);
}

#sidebar h2 a.privacy-policy {
	background-image: url(../images/privacy-policy.jpg);
}

#sidebar h2 a.search-results {
	background-image: url(../images/search-results.jpg);
}

#sidebar h2 a.terms-and-conditions {
	background-image: url(../images/terms-and-conditions.jpg);
}

#sidebar h2 a.online-donations-disclosure {
	background-image: url(../images/online-donations-disclosure.gif);
}

#sidebar ul.nav {
	margin: 15px 0 0 15px;
	width: 192px;
}

#sidebar ul.nav li a {
	color: #000;
	text-decoration: none;
}

#sidebar ul.nav li a.current,
#sidebar ul.nav li a.section,
#sidebar ul.nav li a:hover {
	color: #a00c26;
}

#sidebar ul.nav li.level-1 {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

#sidebar ul.nav li.level-1 ul {
	margin: 0.5em 0;
}

#sidebar ul.nav li.level-1 ul li.level-2
{
	padding-left: 10px;
	background: url(../images/list-arrow.gif) no-repeat 0px 2px;
}

#sidebar ul.nav li.level-1 {
	background: url(../images/divider.gif) repeat-x bottom left;
}



/* Content area */

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

#content h3 {
	margin: 0.7em 0;
	font-size: 2.4em;
	color: #8a0000;
	font-family: Arial,sans-serif;
}

#content div.top {
	padding-bottom: 3px;
}

#content div.top-has-border {
	background: url(../images/divider-horizontal.gif) repeat-x bottom left;
}

#content div.top div.bg {
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom: 0.5em;
}

#content div.intro {
	font-size: 1.8em;
	padding: 0 16px 0 0;
	margin-bottom: 1em;
}

#content div.intro p {
	margin: 0;
}

#content div.copy {
	padding: 0 16px 0 0;
	margin-bottom: 1em;
}

#content div.copy p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

#content div.copy h4 {
	font-size: 1.0em;
	color: #8a0000;
	margin: 1em 0 0.2em 0;
}

#content div.copy h4:first-child {
	margin-top: 0;
}

#content div.has-bg-image div.copy,
#content div.has-bg-image div.intro {
	width: 325px;
}

/* Gray emphasized box */

#content div.box-gray {
	padding: 10px;
	background: #f1f2e2 url(../images/divider-horizontal.gif) repeat-x bottom left;
	overflow: hidden;
	margin-bottom: 1em;
}

#content div.box-gray div.left {
	float: left;
	width: 430px;
	margin-right: 20px;
}

#content div.box-gray div.right {
	float: left;
	width: 216px;
}

#content div.box-gray h4 {
	color: #8a0000;
	font-size: 1.3em;
	margin: 1em 0 0.2em 0;
}

#content div.box-gray h4:first-child {
	margin-top: 0;
}

#content div.box-gray p {
	margin: 0 0 0.3em 0;
	line-height: 1.5em;
}

#content div.copy ul,
#content div.box-gray ul {
	list-style-type: disc;
	margin: 1em 0 1em 1.5em;
}

#content div.copy ul li,
#content div.box-gray ul li {
	margin-bottom: 0.3em;
}



/* Red and black colored boxes */

#content div.colored-box {
	background-repeat: no-repeat;
	width: 216px;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: 1em;
}

#content div.colored-box a {
	color: #fff;
	text-decoration: none;
}

#content div.colored-box a:hover {
	color: #ffcc00;
}

#content div.colored-box div.content {
	padding: 16px 16px 0 16px;
}

#content div.colored-box h4 {
	font-size: 1.1em;
	color: #fff;
	margin: 0 0 0.5em 0;
}

#content div.colored-box ul {
	list-style-type: none;
	margin: 0;
	background-repeat: repeat-x;
}

#content div.colored-box ul li {
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0.7em 0;
	margin-bottom: 0;
}

#content div.colored-box div.bottom {
	background-position: bottom left;
	height: 16px;
}

#content div.box-red,
#content div.box-red div.bottom {
	background-image: url(../images/bg-red.gif);
}

#content div.box-red ul,
#content div.box-red ul li {
	background-image: url(../images/divider-red.gif);
}

#content div.box-red ul li span {
	display: block;
	padding-left: 12px;
	background: url(../images/bullet-red.gif) no-repeat 0px 3px;
}

#content div.box-black,
#content div.box-black div.bottom {
	background-image: url(../images/bg-black.gif);
}

#content div.box-black ul,
#content div.box-black ul li {
	background-image: url(../images/divider-black.gif);
}


/* Quote callout */
#content div.callout-quote {
	margin-bottom: 1em;
}

#content div.callout-quote p.quote {
	margin: 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #8a0000;
	line-height: 1.2em;
}

#content div.callout-quote p.quote br {
	display: none;
}

#content div.callout-quote p.name {
	margin: 0;
	font-style: italic;
}


/* Stories widget */

#content div.stories {
	background-image: url(../images/separator-horizontal.gif);
	background-repeat: no-repeat;
	padding-right: 16px;
}

#content div.stories-top {
	margin-top: 25px;
	padding-bottom: 20px;
	background-position: bottom left;
}

#content div.stories-bottom {
	padding-top: 30px;
}

#content div.stories ul.nav {
	overflow: hidden;
}

#content div.stories ul.nav li {
	float: left;
	margin-right: 4px;
}

#content div.stories ul.nav li a {
	display: block;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent: -5000px;
	height: 21px;
}

#content div.stories ul.nav li.feature {
	width: 100px;
}

#content div.stories ul.nav li.feature a {
	background-image: url(../images/feature-stories.gif);
}

#content div.stories ul.nav li.personal {
	width: 100px;
}

#content div.stories ul.nav li.personal a {
	background-image: url(../images/personal-stories.gif);
}

#content div.stories ul.nav li a:hover {
	background-position: 0px -21px;
}

#content div.stories ul.nav li a.active,
#content div.stories ul.nav li.feature a.active,  /* IE6 Fix */
#content div.stories ul.nav li.personal a.active { /* IE6 Fix */
	background-position: 0px -42px;
}

#content div.stories ul.feature-stories {
	overflow: hidden;
}

#content div.stories ul.feature-stories li {
	float: left;
	width: 136px;
	padding-right: 18px;
	margin-right: 18px;
	background: url(../images/divider-feature-story.gif) no-repeat right 16px;
}

#content div.stories ul.feature-stories li.last {
	margin: 0;
	padding: 0;
	background: none;
}

#content div.stories ul.feature-stories li a {
	display: block;
	padding-top: 96px;
	text-align: center;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}

#content div.stories ul.feature-stories li a.current,
#content div.stories ul.feature-stories li a:hover {
	background-position: -136px 0px;
	color: #8a0000;
}
#content div.stories ul.feature-stories li a.current {
	font-weight: bold;
}

#content div.stories p.howto {
	font-style: italic;
}

#content div.stories ul.personal-stories {
	overflow: hidden;
}

#content div.stories ul.personal-stories li.story-list {
	float: left;
	width: 152px;
	margin-right: 20px;
}

#content div.stories ul.personal-stories li.story-list ul li {
	margin-bottom: 0.5em;
}

#content div.stories ul.personal-stories li.story-list ul li a {
	color: #000;
}

#content div.stories ul.personal-stories li.story-list ul li a:hover {
	color: #8a0000;
}

#content div.stories ul.personal-stories li.story-list ul li.current a {
	font-weight: bold;
}

#content div.stories ul.personal-stories li.story-list h4 {
	margin: 0 0 0.5em 0;
	font-size: 1.0em;
}

#content div.stories ul.personal-stories li.last {
	margin-right: 0;
}


/* List with images */
ul.list-with-image {
	list-style-type: none;
	margin: 0;
}

#content div.copy ul.list-with-image li.item {
	overflow: hidden;
	margin-bottom: 2em;
}

ul.list-with-image li.item img {
	float: left;
	margin-right: 10px;
}

ul.board-trustees {
	margin-top: 2em;
	width: 500px;
}

ul.board-trustees li.item h4 {
	margin: 0;
	text-transform: uppercase;
	color: #8a0000;
}

ul.board-trustees li.item p.title {
	font-style: italic;
	color: #8a0000;
}

ul.board-trustees li.item p {
	margin: 0 0 0.5em 0;
}

ul.scholarships li.item
{
	list-style-type: none;
}

ul.scholarships li.item div.item-image {
	width: 200px;
	text-align: center;
	float: left;
}

ul.scholarships li.item div.item-image img {
	float: none;
}

#wrapper #content ul.support li.item {
	list-style: none;
	clear: both;
}

#wrapper #content ul.support li.item h4 { 
	margin:0; 
}

ul.support li.item div.item-image {
	width: 150px;
	height: 100px;
	float:left;
}

ul.support li.item div.item-image img {
	float: none;
}

/* FAQ list */
#content div.copy ul.faq {
	list-style-type: none;
	margin: 0;
}

#content div.copy ul.blind-content {
	list-style-type: none;
}

#content div.copy ul.faq h3 {
	font-size: 1.2em;
	margin: 0;
}

#content div.copy ul.faq h3 a {
	text-decoration: none;
}

#content div.copy ul.faq h3 a span {
	text-decoration: underline;
}

#content div.copy ul.blind-content {
	margin-top: 1em;
}

#content div.copy ul.blind-content li.faq h4 {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 0;
}

#content div.copy ul.blind-content li.faq p.first {
	margin-top: 0;
}

/* Footer */

#footer

{
background-position: url(../images/footer-border.gif) repeat-x; 
color: #000000; 
font-size: 1em; 
padding: 12px 5px 0px 0px; 
overflow: hidden; 
background: url(../images/footer-border.gif) repeat-x; 
margin: 10px 9px 0px 0px; 
}


#footer div.left {
	width: 60%;
	float: left;
}

#footer div.right {
	width: 40%;
	float: right;
	text-align: right;
}

form, input  { background-color:transparent; border:none; }
select { background-color:transparent; border:1px solid #C0C0C0; }
#footer a {
	color: #95322C;
	text-decoration: none;
}

#footer a:hover {
	color: #C69538;
}

#footer p {
	margin: 0;
}

#footer div.right a.bbb {
	margin-left: 10px;
}

#footer div.left p.copyright {
	font-size: 0.8em;
	margin-top: 0.5em;
}

#footer div.left p.copyright-desc {
	font-size: 0.7em;
	margin-top: 0.5em;
	width: 520px;
}

#footer ul.links {
	float: right;
}

#footer ul.links li {
	float: left;
	padding: 0.5em 1em;
	margin-top: 34px;
}

#footer ul.links li.report {
	border: 0;
}

#footer ul.links li.bbb {
	padding: 0 0 0 0.5em;
	margin: 0;
}

#footer ul.links li.bbb a {
	display: block;
	width: 37px;
	height: 55px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/bbb.gif) no-repeat;
}


.sIFR-alternate {
	font-weight: bold;
	display:none;
}

/* Utility */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#content-widget {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

#flickr-gallery {
	margin-top:10px;
	margin-right:10px;
	color:#8A0000;
}

#flickr-gallery h4 {
	font-size:1.3em;
	color:#8A0000;
	font-weight:bold;
	margin:15px 0 15px 0;
}

#flickr-gallery p {
	margin:5px 0 10px 0;
}

.youtube-watch {
	line-height:16px;
	background:url(../images/video.gif) no-repeat 0 0;
	padding-left:20px;
	margin:10px 0;
	font-size:16px; 
}
.youtube-plugin {
	display:block;
	margin-top:5px;
}