/*Nations Together CSS
Date:February 2008
Author: Matthew Hunt
Company:Mhunt Design
URL:http://mhuntdesign.com
Email:matt@mhuntdesign.com
*/

/*Colors
#770f00 red
#ffe885 yellow
#f5d980 gold
#562212 brown
#746c2b green
#e6b851 light tan bg
*/


/*Reset CSS*/
html, body, div, span,
object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, em, font, 
img, small, strong, sub, sup, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	text-align: left;
	vertical-align: baseline; }
	
a {outline:none;}

a {color:#770f00; text-decoration:underline;}
a:visited {color:#770f00;}
a:hover { color:#000;}
#content p a:hover {background:#fff;}

a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*For IE6*/* html div#navigation-wrapper {width:511px; height:32px; left:-188px; position:relative; margin-top:30px; }
/*For IE7*/*:first-child+html div#navigation-wrapper {width:511px; height:32px; left:-184px; position:relative; }

body{ font-family:Verdana, Arial, Helvetica, sans-serif; position:relative;}
div#faux_body { background:#e6b851 url(../images/background.jpg) 0 0 fixed no-repeat; }
p {font-size: 12px; margin:1em 0; line-height:1.3; }
ul li {font-size: 12px; margin:1em 0; line-height:1.3;}
#content ul li {list-style-type:square; list-style-position:inside;}
img.left {float:left; margin:0 0 0.5em 0.5em; border:1px #000 solid;}
img.right {float:right; margin:0 0.5em 0.5em 0; border:1px #000 solid;}
br.clear {clear:both;}
div.clear {clear:both;}

/*Trebuchet*/
h2, span.view_all a, ul.bottom nav  {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}

/*Headers*/
h2 {font-size:26px; font-weight:normal; width:90%;}
h2.butterfly {
	position: relative;
	margin-top:.3em;
	}	
h2.butterfly span {
	position: absolute;
	top:-.3em;
	display: block;
	height:20px;
	width:19px; }
	
div#content_left h2.butterfly span  {background: url(../images/h2_butterfly_red.gif) 100% 0 no-repeat; left:4em;}
div#news h2.butterfly span { background:url(../images/h2_butterfly_red_sky.gif) 100% 0 no-repeat; left:2.4em;}
div#events h2.butterfly span { background:url(../images/h2_butterfly_red_sky.gif) 100% 0 no-repeat; left:8.4em;}
div#photo_gallery h2.butterfly span {background:url(../images/h2_butterfly_red_bg.gif) 100% 0 no-repeat; left:6.2em;}

/*To get the butterfly to position correctly, wrap the h2 in a span class with the name of the title and adjust the left placement*/
div#content_left span.about-tanzania h2.butterfly span  {left:6.75em;}
div#content_left span.sponsorships h2.butterfly span {left:5.25em;}
div#content_left span.one-off-sponsorships h2.butterfly span  {left:9.5em;}
div#content_left span.volunteer-packages h2.butterfly span  {left:6em;}
div#content_left span.contact-us h2.butterfly span  {left:5.25em;}
div#content_left span.about-light-in-africa h2.butterfly span  {left:9.55em;}
div#content_left span.terms-conditions h2.butterfly span  {left:9.7em;}
div#content_left span.disclaimer h2.butterfly span  {left:4.7em;}
div#content_left span.thankyou-donation h2.butterfly span  {left:12.4em;}
div#content_left span.thankyou-email h2.butterfly span  {left:11.4em;}
div#content_left span.thankyou-confirmation h2.butterfly span  {left:13.7em;}
div#content_left span.email h2.butterfly span  {left:2.7em;}
div#content_left span.post h2.butterfly span  {left:2.2em;}
div#content_left span.phone h2.butterfly span  {left:3em;}
div#content_left span.volunteer-experiences h2.butterfly span  {left:10.3em;}






/*Header*/


div#header strong {text-indent:-9999px; display:block;}
div#header h1 a {width:586px; height:70px; display:block; text-indent:-9999px; position:relative;}

div#header { 
height:200px; 
width:1000px; 
background-position: 0 0; 
background-repeat:no-repeat;
background-image: url(../images/nations_together_logo2.png);
position:static; 
}

/*Anchors*/
a.arrow_up {text-indent:-9999px; display:block; width:36px; height:22px; position:absolute;  left:-36px; background: url(../images/arrow_up.png) 0 0 no-repeat;}
div#anchors {position:absolute;  width:36px; /*height:220px;*/ height:auto; top:20px; left:-37px; }

div#anchors a { position:absolute; width:36px;  display:block; text-indent:-9999px;}

a.anchor-aboutus { background: url(../images/anchor_aboutus.png) 0 0 no-repeat; top:0; left:0; height:106px;}
a.anchor-ouraims { background: url(../images/anchor_ouraims.png) 0 0 no-repeat; top:116px; left:0; height:106px;}

a.anchor-sponsorship { background: url(../images/anchor_sponsorship.png) 0 0 no-repeat; top:0; left:0; height:122px;}
a.anchor-one-off-sponsorships { background: url(../images/anchor_one_off_sponsorships.png) 0 0 no-repeat; top:132px; left:0; height:192px;}

a.anchor-contactus { background: url(../images/anchor-contactus.png) 0 0 no-repeat; top:0; left:0; height:122px;}
a.anchor-light-in-africa { background: url(../images/anchor-light-in-africa.png) 0 0 no-repeat; top:132px; left:0; height:133px;}

a.anchor-volunteer-packages { background: url(../images/anchor-volunteer-packages.png) 0 0 no-repeat; top:0; left:0; height:175px;}
a.anchor-projects { background: url(../images/anchor-projects.png) 0 0 no-repeat; top:185px; left:0; height:91px;}

a.anchor-about-tanzania { background: url(../images/anchor-about-tanzania.png) 0 0 no-repeat; top:0; left:0; height:143px;}

/*Containers*/
div#wrapper {position:relative; width:1000px; margin:0 auto; text-align:center; }
* html div#wrapper {width:1010px;}

div#content_left { 
display:inline; 
position:relative; 
padding-bottom:20px; 
background: url(../images/repeat_content_left5.jpg) 0 0 repeat-y; 
width:598px; 
margin-left:60px; 
border-right:1px #000 solid; 
border-left:1px #000 solid; 
border-bottom:1px #000 solid; 
float:left; 
}






/*flash*/
div#flash_content {
	position:static;
	padding:20px;
	background: url(../images/flash_content.jpg) 0 0 no-repeat;
	width:558px;
	height:214px;
	
}
div#flashbox {width:487px; height:0px; background:#fff; position:static;}

div#content {width:558px; padding:0 20px;} 

div#content_right {
	display:inline;
	position:relative;
	width:300px;
	float:right;
	padding:20px;
	margin: 0;
	height: 1%;
}

div#content_left h2 {color:#770f00; margin-bottom:20px;}
div#content_right h2 {color:#770f00; margin-bottom:10px;}



/*News*/
div#news {
	width:300px;
	margin-top: 10px;
}
div#news h3 {width:295px; padding:2px 0 2px 2px; background-color:#770f00; color:#fff; font-size:14px; font-weight:normal; margin-top:20px;}
div#news p {color:#000; background:url(../images/repeat_content_left.jpg) repeat-y; border:1px #000 solid; padding:1em;}

/*Events*/
div#events {
	width:300px;
	margin-top: 10px;
}
div#events h3 {width:295px; padding:2px 0 2px 2px; background-color:#770f00; color:#fff; font-size:14px; font-weight:normal; margin-top:20px;}
div#events p {color:#000; background:url(../images/repeat_content_left.jpg) repeat-y; border:1px #000 solid; padding:1em;}


/*Subscribe*/
div#subscribe {
	width:300px;
	margin-top: 10px;
}
div#subscribe h3 {width:295px;background-color:#770f00; color:#fff; font-size:14px; font-weight:normal}
div#subscribe p {color:#000; background:url(../images/repeat_content_left.jpg) repeat-y; border:1px #000 solid; padding:em;}

/*Application Sidebar*/
div#application {
	width:300px;
	margin-top: 10px;
}
div#application h3 {width:295px;background-color:#770f00; color:#fff; font-size:14px; font-weight:normal}
div#application p {color:#000; background:url(../images/repeat_content_left.jpg) repeat-y; border:1px #000 solid; padding:em;}

/*Gallery*/

div#photo_gallery {width:300px; margin-top:30px;}
div#photo_gallery h2 {color:#770f00;}

ul.thumbnails a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
ul.thumbnails a {
  width: 80px;
  margin-right: 8px;
  margin-bottom: 10px;
}
ul.thumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #ff6000;
}

ul.thumbnails {
  width:300px;
  margin: 10px 0 10px 0;
  padding: 0;
  float:left;
  display:block;
  text-align: center;
  line-height: 1em;
  list-style: none;
}
ul.thumbnails li {
  display: inline;
  margin: 0;
  padding: 0;
}

/*Gallery Link*/
span.view_all {float:right;}
span.view_all a { color:#770f00; font-size:15px; font-weight:bold;}
span.view_all a:hover {color:#ff6000;}

/*Painting*/
div#painting {
	background: url(../images/africa.gif) 0 0 no-repeat;
	width:398px;
	height:360px;
	position:absolute;
	top:0;
	left:585px;
	z-index:80;
}

	
div#painting a  {display:block;  width:185px; height:25px; padding-bottom:2px; position:absolute; z-index:81; top:310px; left:135px;}
div#painting a:hover {border-bottom:1px dotted #fff;}
div#painting a span {display:none;}
	
/*Footer*/
div#footer {height:100px; /*background:#746c2b* url(../images/bg_footer.gif) 0 0 repeat-x;*/}

div#bottom_nav { margin-top:100px; position:absolute; left:660px; bottom:0; height:235px; width:100px; /*background: url(../images/bg_bottom_nav2.png) 0 0 no-repeat;*/}

/*ul.bottom_nav {margin-top:80px; text-align:right;}
ul.bottom_nav li a {margin:10px 0; color:#770f00; padding:4px; font-size:13px; text-decoration:none; text-align:right; display:block;}
* html ul.bottom_nav li a {margin:0; }
ul.bottom_nav li a:hover {background:#770f00; color:#f5d980;}*/
div#bottom_navigation { margin-left:50px;}
ul.bottom_nav {text-align:right;}
ul.bottom_nav li { float:left; display:inline; }
ul.bottom_nav li a {margin:10px; color:#770f00; padding:4px; font-size:13px; text-decoration:none; text-align:right;}
* html ul.bottom_nav li a {margin:0 10px; }
ul.bottom_nav li a:hover {background:#770f00; color:#f5d980;}

body#home ul.bottom_nav li.home a,
body#tanzania ul.bottom_nav li.tanzania a,
body#volunteers ul.bottom_nav li.volunteers a,
body#sponsorship ul.bottom_nav li.sponsorship a,
body#contact ul.bottom_nav li.contact a,
body#stories ul.bottom_nav li.stories a,
body#legal ul.bottom_nav li.legal a,
{background:#770f00; color:#f5d980;}

div#copyright {margin:0 auto; text-align:center; width:1000px; color:#770f00; font:16px normal Verdana, Arial, Helvetica, sans-serif;}
div#copyright_note { float:left; margin-left:60px; margin-top:20px;}



/*Navigation*/

div#navigation-wrapper {width:511px; height:32px; left:60px; position:relative; margin-top:30px; }


ul.nav_top {display:block; width:511px; height:32px; position:relative; top:1px;}
ul.nav_top li {display:inline;}
ul.nav_top li a {height:32px; display:block; top:0; background-repeat:no-repeat; position:absolute; top:0; background-position: 0 0; text-indent:-9999px;}
ul.nav_top li a:hover {background-position: 0 -32px; height:32px; top:0;}

ul.nav_top li.home a {left:0; width:78px; background-image: url(../images/home.jpg); z-index:71;}
ul.nav_top li.tanzania a {left:83px; width:100px; background-image: url(../images/tanzania.jpg); z-index:72;}
ul.nav_top li.sponsorship a {left:188px; width:118px; background-image: url(../images/sponsorship.jpg); z-index:73;}
ul.nav_top li.volunteers a {left:311px; width:112px; background-image: url(../images/volunteers.jpg); z-index:74;}
ul.nav_top li.stories a {left:428px; width:79px; background-image: url(../images/stories.jpg); z-index:76;}
ul.nav_top li.contact a {left:512px; width:79px; background-image: url(../images/contact.jpg); z-index:75;}


body#home ul.nav_top li.home a,
body#tanzania ul.nav_top li.tanzania a,
body#sponsorship ul.nav_top li.sponsorship a,
body#volunteers ul.nav_top li.volunteers a,
body#contact ul.nav_top li.contact a,
body#stories ul.nav_top li.stories a,


{ background-position: 0 -32px; }