body								{ background:#A89A78 url('../images/bg.jpg') top left; color:#FFF; font-family:Arial, Verdana; font-size:14px; }
a									{ color:#00539B; text-decoration:underline; }
a:hover								{ text-decoration:none; }
a.btn								{ display:block; float:left; padding:3px 8px; margin-right:5px; color:#FFF; background:#00539b; text-decoration:none; }
a.btn:hover							{ background:#FFF; color:#00539b; }
a.png_btn							{ margin-left:-6px; text-decoration:none; border:none; }
ul									{ margin:0px 20px 14px; }
ol									{ margin:0px 20px 14px; }
ul li								{ list-style:disc; padding-left:20px; }
ol li								{ list-style:decimal; padding-left:20px; }
h2 a								{ text-decoration:none;}

#tree								{ background:transparent url('../images/tree_bg.png') 0px 0px no-repeat; min-height: 1300px; }
#header								{ width:100%;}
#header_container 			{ width:980px; height:104px; margin:0px auto; position: relative; }
#header_logos					{ position:relative; top:23px; right:0px; float:right; }
#header_nav				{ clear: left; position:relative; top:1px; left:4px; float:left; }
#header_nav a 						{ color: #fff; display:block; float:left; height:36px; background-position:0px 0px; background-repeat:no-repeat; cursor:pointer; }
#header_nav a:hover					{ background-position:0px -36px; }
#header_nav a.current,			
#header_nav a.current:hover			{ background-position:0px -72px; }
#header_nav a#home_btn				{ width:51px;  background-image:url('../images/home_btn.png'); }
#header_nav a#info_btn				{ width:43px;  background-image:url('../images/info_btn.png'); }
#header_nav a#volunteer_btn			{ width:86px;  background-image:url('../images/volunteer_btn.png'); }
#header_nav a#pastprojects_btn                  { width:111px; background-image:url('../images/pastprojects_btn.png'); }
#header_nav a#newprojects_btn                   { width:138px; background-image:url('../images/newprojects_btn.png'); }
#header_nav a#media_btn				{ width:54px;  background-image:url('../images/media_btn.png'); }
#header_nav a#feedback_btn				{ width:79px;  background-image:url('../images/feedback_btn.png'); }
#header_nav a#gallery_btn				{ width:68px;  background-image:url('../images/gallery_btn.png'); }
#header_nav a#myaccount_btn			{ width:71px;  background-image:url('../images/myaccount_btn.png'); }
#header_nav a#faq_btn				{ width:47px;  background-image:url('../images/faq_btn.png'); }
#header_nav a#contact_btn			{ width:85px;  background-image:url('../images/contact_btn.png'); }
#navigation					{ width: 100%;  height: 35px;background: transparent url(/images/line.png) repeat-x top left;  }

#nav_container                                  { width:980px; display: block;  margin: 0px auto; position: relative;  }

#login								{ position: absolute; left: 0px; top: 0px; }
#login_open_1						{ float: left; width: 318px; height:64px; background: transparent url(/images/login_open_1.png); margin-right: 1px; }
#loginemail							{ color: #333; padding: 2px; border: 1px solid #fff; background-color: #fff; position: absolute; top: 7px; left: 100px; height: 10px; font-size: 10px; width: 150px; }
#loginpassword						{ color: #333; padding: 2px; border: 1px solid #fff; background-color: #fff; position: absolute; top: 32px; left: 100px; height: 10px; font-size: 10px; width: 150px; }
#loginsubmit						{ position: absolute; top: 31px; left: 270px; }
.login_open_2						{ float: left; width: 100px; height:64px; background: transparent url(/images/login_open_2.png); margin-right: 1px; }
.login_open_2 p						{ padding: 5px 10px 10px 15px; }
.login_open_2 a						{ color: #fff; text-decoration: none; font-size: 75%; }
#login_closed						{ width: 141px; height:39px; background: transparent url(/images/login_closed.png); }
#login_closed a						{ width: 141px; height:39px; display: block; text-indent: -9999px; }
#logout								{ width: 216px; height:42px; background: transparent url(/images/logout.png); }
#logout a#loginprofile				{ float: left; width: 110px; height:20px; display: block; margin: 8px 20px 0 15px; color: #fff; text-decoration: none; font-size: 90%; }
#logout a#loginlogout				{ float: left; width: 65px; height:20px; display: block; margin: 8px 0; color: #C2E3AE; text-decoration: none; font-size: 90%; }

#slideshow							{ width:980px; height:347px; margin:0px auto;  }
#slideshow img						{ display:block; }

.shell								{ width:980px; margin:0px auto; }
.volImg                                         { background: transparent url(/images/volunteer_bg.png) no-repeat bottom right; min-height: 630px; margin-bottom: -29px;}

.content							{ margin:50px 25px 20px; }
.content2							{ margin:0 0 10px 0; }
.content h1, .content2 h1			{ font-size:30px; letter-spacing:1px; color:#00529B; font-weight:normal; }
.content h2, .content2 h2			{ font-size:25px; letter-spacing:1px; color:#60553B; font-weight:normal; line-height:30px; margin-bottom: 10px; }
.content h3, .content2 h3			{ font-size:18px; letter-spacing:1px; color:#60553B; font-weight:normal; }
.content h4, .content2 h4			{ font-size:14px; letter-spacing:1px; color:#00529B; font-weight:bold; }
.content h4.formgroup				{ color:#60553B; }
.content h5, .content2 h5			{ font-size:18px; letter-spacing:1px; color:#60553B; font-weight:normal; }
.content p,  .content2 p 			{ margin-bottom:14px; }

.content h4.mediaicon					{ height: 30px; padding:5px 35px 10px 0; background: url(/images/media.png) no-repeat top right; }
.content h4.newsicon					{ height: 30px; padding:5px 35px 10px 0; background: url(/images/news.png) no-repeat top right; }
.content h4.eventsicon				{ height: 30px; padding:5px 35px 10px 0; background: url(/images/events.png) no-repeat top right; }

/* home page */
#home_col1							{ float:left; padding: 0 0 10px 0; width:200px; }
	#counterDiv							{ padding: 20px 10px 20px 10px; background: url(/images/panel.png) repeat-x top left; text-align: center; }
	#counterDiv h4						{ color: #60553B; }
	img.counter							{ margin: 10px 2px 10px 0; }
	#project_in_mind					{ width:180px; margin-top:0; text-align:center; padding:10px 10px 10px 10px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background: url(/images/panel.png) repeat-x top left; }
	#project_in_mind h2					{ text-align:center; line-height:30px; }
	#project_in_mind p					{ line-height: 1.3em; margin-top:5px; }
	#home_logos							{ text-align:center; width:180px; margin-top:0; padding:10px 10px 0 10px; background: url(/images/panel.png) repeat-x top left; }
#home_col2							{ background: url(/images/bracket.png) no-repeat top left; float:left; width:416px; padding:25px 20px 0 20px;}
#home_col2 big, #home_col2 h5		{ color: #463D27; }
#home_col3							{ float:left; width:300px; padding:25px 0 0 20px; }
	#home_col3 h2						{ color: #463D27; }
#home_col3 .project					{ margin-bottom:20px; }
#home_col3 .project a				{ text-decoration:none; }
#home_col3 .project img				{ border:1px solid #FFF; margin-bottom:10px; }
#home_col3 #latestmedia				{ background: url(/images/panel.png) repeat-x top left; padding: 15px 20px; border-top:1px solid #FFF; }
#home_col3 #latestmedia h3			{ color: #fff; padding-bottom: 7px; }
#home_col3 .media					{ line-height: 1.2em; font-weight: bold; margin-bottom:10px; font-size: 0.9em; }
#home_col3 .media a					{ text-decoration: none; color: #463D27; }
#home_col3 .media .readmore			{ color: #fff; }

#barometerText						{ padding-right:30px; margin-top:10px; color:#00539b; font-style:italic; text-align:center; font-size:10px; }

#slideshow 							{ position:relative; height:347px; }
#slideshow img 						{ position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active 				{ z-index:10; }
#slideshow img.last-active 			{ z-index:9; }

/* info page */
#info_barometers					{ float:left; width:190px; }
#info_content						{ float:left; width:710px; }
div.barometer						{ text-align: center; text-transform: uppercase; letter-spacing: -0.5px; font-size: 90%; }

#info_content	#maintitle {
    margin-left: 0px;
}

/* volunteer page */
#volunteer_pic						{ float:left; width:200px; position:relative; top:0px; }
#volunteer_pic img					{ border: 1px solid #fff; }
#volunteer_content					{ float:left; width:500px; height: 600px; padding-right: 200px; }

#volunteer_content #maintitle { margin-left: 0;}
.gallery2 #maintitle { margin-left: 0 !important}

/* media page */
.articles							{ }
.articles .article					{ margin:20px 0 20px 0; }
.articles .article h2				{ margin-bottom: 10px; }
.articles .article h2 a				{ color: #60553B; }
.articles .article h4				{ margin-top: 10px; font-size: 90%; }
.articles .article h4.nomargintop   { margin-top:0px; }
.articles .article p				{ margin-bottom: 10px; }
.articles .article .left			{ float:left; width:175px; padding-right:25px; text-align:right; }
.articles .article .left h4.media	{ height: 30px; padding:5px 35px 0; background: url(/images/media.png) no-repeat top right; }
.articles .article .left h4.news	{ height: 30px; padding:5px 35px 0; background: url(/images/news.png) no-repeat top right; }
.articles .article .left h4.events	{ height: 30px; padding:5px 35px 0; background: url(/images/events.png) no-repeat top right; }
.articles .article .left img		{ border:1px solid #fff; }
.articles .article .right		{ float:left; width:700px; padding-left:25px; border-left:1px solid #FFF; min-height: 150px;}
.articles .article .moreinfo		{ clear: left; padding-top: 10px; color: #00539B; font-weight: bold; font-size: 90%; text-decoration: none; } 
a.title								{ text-decoration:none; cursor:pointer; }

#article							{ margin-bottom:30px; }
#article h2							{ float:left; }
#article .date						{ float:right; font-size:10px; margin-top:16px; color:#00539b; }
#article p							{  }

div#comments						{  }

table#comments						{ margin-bottom:30px; }
table#comments td					{ vertical-align:top; }
table#comments .user				{ font-weight:bold; width:175px; color:#00539b; text-align:right; padding-right:20px; border-right:1px solid #FFF; }
table#comments .comment				{ padding-left:20px; }
table#comments .date				{ font-size:10px; width:80px; text-align:right; color:#00539b; }
table#comments .reply				{ color: #463D27; }
table#comments .reply .date			{ color: #463D27; }

/* projects pages elements */
.content							{  }
.content #maintitle                             { margin-left: 225px; margin-bottom: 0; line-height: 1em; }
.feedback #maintitle				{ margin-left: 190px; margin-bottom: 0; line-height: 1em; }
.content .contleft				{ float:left; width:175px; padding-right:25px; text-align:right;  clear:left; }
.content .contleft select			{ width: 180px; margin-bottom: 10px;}
.content .contright				{ float:left; width:700px; padding-left:25px; border-left:1px solid #FFF; }
.content .contright	 p			{ margin-bottom: 10px; }
.content .contright	 p.last			{ margin-bottom: 0px;}

.projects							{  }
.projects .project					{ margin:20px 0 20px 0; }
.projects .project h2				{ margin-bottom: 10px; color: #60553B; }
.projects .project h4				{ margin-top: 10px; }
.projects .project h4.nomargintop   { margin-top:0px; }
.projects .project p				{ margin-bottom: 10px; }
.projects .project .bubble			{ float:right; width:175px; height:70px; background-image:url('../images/bubble.png'); background-position:top left; background-repeat:no-repeat; color:#00539b; }
.projects .project .bubble .txt		{ margin:12px 0px 0px 10px; width:140px; text-align:center; font-weight:bold; }
.projects .project .bubble2			{ float:right; width:175px; height:70px; background-image:url('../images/bubble2.png'); background-position:top left; background-repeat:no-repeat; color:#00539b; }
.projects .project .bubble2 .txt	{ margin:12px 0px 0px 10px; width:140px; text-align:center; font-weight:bold; }
.projects .project .left			{ float:left; width:175px; padding-right:25px; border-right:1px solid #FFF; text-align:right; }
.projects .project .right			{ float:left; width:700px; padding-left:25px; }
.projects .project .right h2 a		{ color: #60553B; }
.projects .project #photo			{ float:left; width:640px; height:330px; }
.projects .project #photo img		{ border:1px solid #FFF; }
.projects .project img.map			{ float: right; margin:0 0 0 10px; }
.projects .project #map				{ float:left; width:265px; height:300px; border:1px solid #FFF; color:#000; }
.projects .project .moreinfo		{ clear: left; padding-top: 10px; color: #00529B; font-weight: bold; font-size: 90%; text-decoration: none; } 

#gallery_table						{ border-collapse:collapse; margin-top: 0; }
#gallery_table tr td {vertical-align: top;}
#gallery_table #gallery_img			{ border:1px solid #FFF; }
#gallery_table_inner				{ border-collapse:collapse;margin-left: 28px;  }
#gallery_table_inner td				{ padding:0px 5px; width:86px; height:109px; padding-right: 0px; }
#gallery_table_inner img			{ border:1px solid #FFF; width: 82px; height: 82px; margin: 0 !important; padding: 0 !important;}
#gallery_caption					{  /*background: transparent url(/images/caption.png) no-repeat top left; */float:left; width:596px; }
#gallery_caption h3 span                        { font-style: italic; font-size: 80%;}
#gallery_pagination					{  float:right; margin-right: 20px;  width:300px;   text-decoration: none; color: white;  }
	#prev							{ float: left; padding-right: 55px; text-align:left; text-decoration: none;}
	#next							{  text-decoration: none; padding-left: 50px;}
#gallery_thumbs						{ margin-left:5px; }
#gallery_pagination a, #prev a, #next a {
    text-decoration: none;
}
#gallery_pagination #prev{
    text-align: left;
    float: left;
}
#gallery_pagination #next{
    text-align: right;
    float:right;
}
.right2 p a { text-decoration: none !important;}

/* buttons */
#addcomment							{ background: transparent url(/images/commentbutton.gif); display: block; width: 116px; height: 35px; text-indent: -9999px; }
#uploadphoto						{ background: transparent url(/images/upload_btn.gif); display: block; width: 116px; height: 35px; text-indent: -9999px; }
#addeventbutton						{ background: transparent url(/images/addeventbutton.gif); display: block; width: 180px; height: 27px; text-indent: -9999px; }
.vacanciescont						{ float: right; width: 236px; margin-top: 10px; }
.joinvacancies						{ background: transparent url(/images/joinbutton.gif); display: block; width: 236px; height: 35px; line-height: 35px; text-align: center; text-decoration: none; }
.vacancies							{ float: left; padding-left: 10px; }
.join								{ float: right; padding-right: 20px; }
#gotoproject, .gotoproject, .gotomedia			{ text-decoration: none; float: left; background: transparent url(/images/gotoprojectbutton.gif) no-repeat top left; display: block; width: 116px; height: 35px; text-indent: -9999px; }
#editdetailsbtn						{ background: transparent url(/images/edit_details_btn.png); display: block; width: 180px; height: 27px; text-indent: -9999px; }


#faqs								{  }
#faqs dt							{ display:block; font-weight:normal; font-size:16px; margin:0px 0px 5px; padding:0px; cursor:pointer; color:#60553B; }
#faqs dd							{ margin-bottom:30px; }
#faqs dt, #faqs dd, #faqs dt p, #faqs dd p		{ margin-left: 0; padding-left: 0; }

/* form elements */
.formtable td						{ padding:3px; vertical-align:top; }
.formtable td.leftColumn			{ color:#fff; }
.formtable th.leftColumn			{ color:#fff; text-align: right; width: 175px; padding-top: 5px; padding-right:20px; border-right: 1px solid #fff; vertical-align: top; }
.formtable td.rightColumn			{ color:#FFF; padding-left: 20px; }
#recaptcha_widget .formtable td.rightColumn			{ padding-left: 0px; }
.formtable td.rightAlign                        { text-align: right; padding-right: 40px; }
.formtable td.errorColumn			{ color:#F00; }
form input							{ padding:2px; }
form .wide							{ width:200px; }
form .wider							{ width:265px; }
form textarea.big					{ width:550px; height:70px; }

.inlinetable td						{ padding:0px; vertical-align:top; }

/* my account page */
.projectlist						{ width:auto; }
.projectname						{ float:left; width:750px; }
.projectremove						{ float:right; width:150px; text-align:right; font-size:10px; }
#logintable th						{ color:#fff; width: 175px; padding-top: 5px; padding-right:20px; border-right: 1px solid #fff; vertical-align: top; }
#logintable td						{ color:#FFF; padding-left: 20px;  }

#footer								{ width:100%; height:106px; }
#footer a 							{ color:#FFF; text-decoration:none; }
#footer a:hover						{ background:#FFF; color:#72BF44; }
#footer_container					{ width:980px; height:28px; margin:0px auto; }
#footer_text						{ position:relative; top:30px; left:360px; text-align:right; width:600px; text-transform:uppercase; font-size:10px; }
#footer_line						{ position:relative; top: 0px; }

.line								{ display:block; width:100%; height:1px; line-height:0px; font-size:0px; background:#FFF; overflow:hidden; }
.line2								{ width: 100%; background: transparent url(/images/line.png) repeat-x top left; height: 2px; }

.floatLeft							{ float:left; }
.floatRight							{ float:right; }
.clearBoth							{ clear:both; height:1px; line-height:1px; }

.alignCenter                                                    { text-align:center; }
.alignLeft							{ text-align:left; }
.alignRight							{ text-align:right; }

.blue								{ color:#00539b; }
.brown								{ color:#60553B; }

.nopadding							{ padding:0px; }
.nomargin							{ margin:0px; }
.nomargintop                                                    { margin-top:0px; }
.noborder							{ border-width:0px; }
.borderleft							{ border-left:1px solid #fff; }

.bold								{ font-weight:bold; }
.italics							{ font-style:italic; }
.small								{ font-size:10px; }

.feedbackRight { margin-left: 190px;}
.feedbackRight table tbody tr td a { color: #fff; }
.feedbackRight table tbody tr td .right2 a { color: #00539B; }
.feedbackRight table tbody tr td.user { color: #463d27;                  }
.feedbackRight table tbody tr td.user span.date { font-style: italic; font-size: 80%; }
.feedbackRight table tbody tr td.odd { padding-bottom:15px; text-align: right;  }
.feedbackRight table tbody tr td.odd .gotoproject { float: right;}

.feedbackRight table tbody tr td.comment {
    background: transparent url(/images/line.png) repeat-x top left;
    padding-top: 15px;
    margin-top: 15px;
}

.quoteBox {
    padding: 10px 15px 10px;
    width: 280px;
    color: #463d27;
    font-size: 100%;
    background: url('../images/quote-box.png') no-repeat;
    background-position: bottom center;
    font-style: italic;
}

.quoteBox .leftQ {
    background: url('../images/leftQ.png') no-repeat;
    background-position: top left;
    padding-top: 20px;
}

.quoteBox .rightQ {
    background: url('../images/rightQ.png') no-repeat;
    background-position: bottom right;
}


.quoteBox p.auth {
    color: #fff;
    margin-left: 30px;
}
.quoteBox p.comm{
    min-height: 50px;
}

.imageBox {
    color: #463d27;
    margin-bottom: 0px;
    font-size: 100%;
}

.imageBox img {
        border: 1px solid white;
}

.youtube-player {
    margin-top: 15px;
}

.spcr {
    margin-top: 20px;
}