/* -- BASE -------------------- */

html {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	width: auto;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	right: 0px;
	background-color: #000000;
	height: 100%;
}
body {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

img {
	border-width: 0px;
}

.textheadings {
	font-family: Goudy, Goudy Old Style, Helvetica, Arial, sans-serif;
}

.skip {
  visibility: hidden;
}

.error {
	color: red;
}

.remove {
  display: none;
  visibility: hidden;
  display: block;
  width: 0px;
  overflow: hidden;
}

.download {
	color: #cf8c00; 
	text-decoration: none;	
}

/* -- STRUCTURE -------------------- */


.wrapper {
	max-width: 949px;
	min-width: 750px;
	margin: 29px auto 0 auto;
	padding: 0px;
}

#maincol {
	margin-left: 159px;
	position: absolute;
	top: 0px;
	margin-top: 29px;
	width: 611px;
}
#maincol2 {
	padding-left: 159px;
	position: relative;
	margin-top: 0px;
	width: 611px;
}


/* -- TITLE LOGO -------------------- */

#title {
	padding: 0px;
	width: 87px;
	height: 126px;
	overflow: hidden;
	margin-left: 20px;
	display: block;
}

#title a {
	padding: 0px;
	background-image:url(/data/credfoundation/images/onblack/cred_logo.gif);
	width: 87px;
	height: 126px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
}
#title a span{
	visibility: hidden;
	overflow: hidden;
	display: block;
	width: 87px;
	height: 126px;
}


/* -- NAVIGATION -------------------- */

#toplevelnav {
	padding: 0px;
	margin: 0px;
	margin-left: 29px;
}
#toplevelnav li{
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-right: 18px;
}
#toplevelnav li span{
	height: 22px;
	overflow: hidden;
	display: block;
	visibility: hidden;
}

#toplevelnav li ul{
	padding: 0px;
	margin: 0px;
}

#toplevelnav li ul li{
	margin-right: 0px;
	overflow: hidden;
	height: 18px;
	position: relative;
}
#toplevelnav li ul li a{
	display: block;
	overflow: hidden;
	height: 18px;
	text-decoration: none;
	position: relative;
}
#toplevelnav li ul li a span {
	visibility: hidden;
	position: relative;
	background-image:url(/data/credfoundation/images/onblack/spacer.gif);
	z-index: 1;
	display: block;
}


#toplevelnav li, #toplevelnav div {
	background-repeat: no-repeat;
}

#toplevelnav li.aboutus {
	width: 106px;
	background-image:url(/data/credfoundation/images/onblack/nav_t_aboutus.gif);
}
#toplevelnav li.aboutus ul li div{
	width: 106px;
}

#toplevelnav li.projects {
	width: 108px;
	background-image:url(/data/credfoundation/images/onblack/nav_t_projects.gif);
}
#toplevelnav li.projects ul li div{
	width: 108px;
}

#toplevelnav li.getinvolved {
	width: 133px;
	background-image:url(/data/credfoundation/images/onblack/nav_t_getinvolved.gif);
}
#toplevelnav li.getinvolved ul li div{
	width: 133px;
}

#toplevelnav li.geteducated {
	width: 136px;
	background-image:url(/data/credfoundation/images/onblack/nav_t_geteducated.gif);
}
#toplevelnav li.geteducated ul li div{
	width: 136px;
}

#toplevelnav li.news {
	width: 92px;
	background-image:url(/data/credfoundation/images/onblack/nav_t_news.gif);
}
#toplevelnav li.news ul li div{
	width: 92px;
}


#toplevelnav li div{
	visibility: visible;
}


#toplevelnav li.home div{
	background-image:url(/data/credfoundation/images/onblack/nav_home.gif);

}
#toplevelnav li.ourstory div{
	background-image:url(/data/credfoundation/images/onblack/nav_ourstory.gif);

}
#toplevelnav li.contact div{
	background-image:url(/data/credfoundation/images/onblack/nav_contact.gif);
}

#toplevelnav li.education div{
	background-image:url(/data/credfoundation/images/onblack/nav_education.gif);

}
#toplevelnav li.employment div{
	background-image:url(/data/credfoundation/images/onblack/nav_employment.gif);

}
#toplevelnav li.environmental div{
	background-image:url(/data/credfoundation/images/onblack/nav_environmental.gif);

}
#toplevelnav li.communities div{
	background-image:url(/data/credfoundation/images/onblack/nav_communities.gif);
}
#toplevelnav li.thezone div{
	background-image:url(/data/credfoundation/images/onblack/nav_thezone.gif);
}
#toplevelnav li.credteamtrips div{
	background-image:url(/data/credfoundation/images/onwhite/nav_credteamtrips.png);
}


#toplevelnav li.campaign div{
	background-image:url(/data/credfoundation/images/onblack/nav_campaign.gif);

}
#toplevelnav li.donate div{
	background-image:url(/data/credfoundation/images/onblack/nav_donate.gif);

}
#toplevelnav li.fundraise div{
	background-image:url(/data/credfoundation/images/onblack/nav_fundraise.gif);

}
#toplevelnav li.events div{
	background-image:url(/data/credfoundation/images/onblack/nav_events.gif);
}
#toplevelnav li.myaccount div{
	background-image:url(/data/credfoundation/images/onblack/nav_myaccount.gif);	
}
#toplevelnav li.basket div{
	background-image:url(/data/credfoundation/images/onblack/nav_basket.gif);	
}

#toplevelnav li.schools div{
	background-image:url(/data/credfoundation/images/onblack/nav_schools.gif);
}
#toplevelnav li.churches div{
	background-image:url(/data/credfoundation/images/onblack/nav_churches.gif);
}
#toplevelnav li.research div{
	background-image:url(/data/credfoundation/images/onblack/nav_research.gif);
}
#toplevelnav li.links div{
	background-image:url(/data/credfoundation/images/onblack/nav_links.gif);
}
#toplevelnav li.ebulletin div{
	background-image:url(/data/credfoundation/images/onblack/nav_ebulletin.gif);
}


#toplevelnav li.pressclippings div{
	background-image:url(/data/credfoundation/images/onblack/nav_pressclippings.gif);
}
#toplevelnav li.mediacentre div{
	background-image:url(/data/credfoundation/images/onblack/nav_mediacentre.gif);
}
#toplevelnav li.movies div{
	background-image:url(/data/credfoundation/images/onblack/nav_movies.gif);
}



/* -- MAIN CONTENT -------------------- */

#content a {
	color: #CF8B00;
	text-decoration: none;
}


#content {
	margin: 0px;
	padding: 0px;
	margin-left: 29px;
	width: 580px;
	clear: both;
}

#content h3 {
	font-size: 1.5em;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

#content h2 {
	background-repeat: no-repeat;
	width: 452px;
	font-size: 2.6em;
	overflow: hidden;
	display: block;

	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

#content h2.pageHeading span{
	display: none;
}

#homepageHeadingOuter {
	position: relative;
	height: 285px;
}

#homepageHeading {
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	margin-bottom: 40px;
	width: 386px;
	height: 275px;
	position: absolute;
	left: -30px;
}

#homepageHeading span{
	display: none;
}
#homepageDiv {
	margin-top: 295px;
}

#content p {
	line-height: 1.7em;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}

#content li {
	line-height: 1.4em;
	padding-bottom: .5em;
}

#content .donate {
	clear: left;
	position: relative;
}

#content .donateColLeft {
	width: 311px;
	float: left;
	margin-bottom: 35px;
	position: relative;
}

#content .donateColRight {
	float: left;
	width: 200px;
	margin-left: 23px;
	font-size: 0.9em;
	margin-bottom: 35px;
}

#content .donateColRight select{
	font-size: 1em;
}
#content .donateColRight input{
	font-size: 1em;
}
#content .donateColRight .formButtons{
	line-height: 0.8em;
}

#content .standardCol {
	position: relative;
	width: 560px;
}

#content .thumbnail{
	display: block;
	position: absolute;
	left: -200px;
	width: 200px;
	margin-top: 3px;
}
#content .thumbnail img{
	position: absolute;
	right: 0px;
}

#content .standardCol p {
	margin-bottom: 2em;
}

#content h4 {
	padding: 0px;
	margin: 0px;
	margin-bottom: .3em;
	font-size: 1.2em;
}

#content a {
	color: #875012;
	text-decoration: none;
}

#content input {	
	font-size: 0.9em;
}

#page_images_outer {
	position: relative;	
	overflow: hidden;
	width: 100%;
}

#page_images_centre {
	position: relative;	
	max-width: 949px;
	min-width: 750px;
	margin: 0 auto 0 auto;
}

#page_images_inner {
	position: relative;	
	max-width: 949px;
	min-width: 750px;
	padding-left: 159px;
	margin-left: 29px;
}

#page_images_inner #left_page_image {
	position: absolute;
	left: -95px;
	bottom: 0px;	
}

#page_images_inner #centre_page_image {
	line-height: 1.6em;
	width: 631px;
}

#page_images_inner #right_page_image {
	position: absolute;
	left: 613px;
	bottom: 0px;
}

#detailImageCol {
	float: right;
	margin-left: 25px;
}

#detailContentCol {
	
}


/* -- FOOTER -------------------- */

#footer {
	margin-left: 29px;
	padding-bottom: 50px;
	margin-top: 40px;
}

#footer div {
	clear: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

#footer div.donationbutton a{
	height: 30px;
	padding-bottom: 10px;
}

#footer span, #footer a{
	height: 13px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	overflow: hidden;
}
#footer span span, #footer a span{
	visibility: hidden;
}

#footer #copyCred, #footer #privacyPolicy, #footer #accesibility, #footer #values, #footer #designBy, #footer #developedBy {
	display: block;
}

#footer #copyCred{
	background-image:url(/data/credfoundation/images/onblack/footer_cred.gif);
	width: 65px;
}
#footer #privacyPolicy a{
	background-image:url(/data/credfoundation/images/onblack/footer_pp.gif);
	width: 73px;
}
#footer #accesibility a{
	background-image:url(/data/credfoundation/images/onblack/footer_access.gif);
	width: 67px;
}

#footer #values a{
	background-image:url(/data/credfoundation/images/onblack/footer_values.gif);
	width: 40px;
}

#footer #designBy a{
	background-image:url(/data/credfoundation/images/onblack/footer_design_by.gif);
	width: 124px;
}
#footer #developedBy a{
	background-image:url(/data/credfoundation/images/onblack/footer_dev_by.gif); 
	width: 120px;
}


/* -- FORMS STYLES -------------------- */

form {
	margin:0;
	padding:0;
}

fieldset { 
	margin:0;
	margin-top:20px;
	padding:0;
	border: none;
}

fieldset div {
	clear: left;
	margin-bottom: 0.5em;
}

fieldset label {
	width: 25%;
	display: block;
	float: left;
	text-align: left;
	margin-bottom: 0.5em;
}

fieldset .eloginFormButtons {
	margin-left: 25%;
	padding-left: 0.5em;
}

input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
textarea {
	height: 80px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	width: 180px;
}

/* -- SHOP -------------------- */

.shopCheckoutTable {
	width: 300px;
}

.shopCheckoutTable label {
	
}