/* styles applicable throughgout the public facing site */

body {
 	font-family:arial;
 	font-size:11pt;
 	padding:0;
 	margin:0;
 	
 	background-image:url('../img/site/bg-body.gif');
}

#container {
	width:1000px;
	margin:0 auto;
	
}

/**** Header section **********************************/
#headersection {
	height:149px;
	
	width:1000px;
	float:left;
	background-image:url('../img/site/bg-header.jpg');
	background-repeat:no-repeat;
	position:relative;
	
}

#headersection a#homelink {
	display:block;
	margin:10px 0 0 30px;
	width:350px;
	height:65px;
	text-decoration:none;
	
}

#headersection a#sponsorlink {
	display:block;
	margin:12px 30px 0 30px;
	width:130px;
	height:85px;
	text-decoration:none;
	float:right;
	
}
#headersection div#navigation {
	height:50px;
	width:1000px;
	margin:24px 0 0 0;
	background-image:url('../img/site/bg-backgroundfade.jpg');
}

#headersection div#navigation ul {
	list-style:none;
	display:block;
	padding:0;
	background-image:url('../img/site/bg-navbackground.gif');
	background-repeat:no-repeat;
	margin:0 0 0 40px;
	display:inline;
	
	float:left;
}

#headersection div#navigation ul li {
	display:inline;
	margin-right:3px;
	
}

#headersection div#navigation ul li a#tab_home { width:70px;}
#headersection div#navigation ul li a#tab_donation {width:117px;}
#headersection div#navigation ul li a#tab_corporate {width:137px;}
#headersection div#navigation ul li a#tab_advice {width:137px;}
#headersection div#navigation ul li a#tab_contact {width:112px;}

#headersection div#navigation ul li a, 
#headersection div#navigation ul li a:link,
#headersection div#navigation ul li a:visited {
	display:block;
	margin:0;
	font-size:0.8em;
	margin-right:1px;

	text-align:center;
	line-height:50px;
	
	height:50px;
	float:left;
	color:#000000;
	text-decoration:none;
}

#headersection div#navigation ul li a:hover, 
#headersection div#navigation ul li a:active, 
#headersection div#navigation ul li a.selected {
	background-image:url('../img/site/navarrow.gif');
	background-repeat:no-repeat;
	background-position:center top;
	color:#008db1;
}



/**** Middle section **********************************/
#middlesection {
	width:928px;
	margin:0;
	background-image:url('../img/site/bg-backgroundfade.jpg');
	display:block;
	clear:left;
	float:left;
	padding:20px 20px 0 50px;

}


/**** Global page classes ************************/
h1,h2 {
	color:#008db1;
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 5px 0;
}
p {
	font-size:0.9em;
}

.blue {
	color:#008db1;
}
div.leftpanel {
	float:left;
}
div.leftpanel img {
	display:block;
	margin-bottom:20px;
	
}
div.rightpanel {
	float:right;
	position:absolute;
	top:-70px;
	right:0;
	
	width:360px;
}

div.rightpanel img{
	display:block;
	margin:0 auto;
}

div.rightpanel div#textpanel h3 {
	margin:12px 0 0 15px;
	font-weight:normal;
	font-size:1.2em;
}

div.rightpanel div#textpanel p {
	color:#008db1;
	font-size:0.8em;
	margin:10px 20px 0 20px;
	line-height:17px;
}

div.rightpanel div#textpanel ul {
	list-style:none;
}
div.rightpanel div#textpanel ul li {
	color:#008db1;
	font-size:0.9em;
	margin:0 10px 15px 0;
}

div#maincontent {
	float:left;
	width:360px;
	margin:0 15px 0 15px;
}

div#home,div#donation,div#corporate,div#advice,div#contact  {
	position:relative;
}


/**** Home page **********************************/
div#home {
	height:390px;
}


div#home div#textpanel {
	background-image:url('../img/home/textpanel.jpg');
	width:360px;
	height:198px;
	border:solid 1px white;
}

div#home div#maincontent div.textsection {
	float:left;
	border-bottom:dotted 1px #008db1;
	padding:0;
}

div#home div#maincontent div.textsection p{
	margin:0;
}

div#home div#maincontent div.textsection a.golink {
	
	
	margin:0 0 5px 0;
	float:right;
}
/**** Donation page **********************************/
div#donation {
	height:365px;
}
div#donation div#textpanel {
	background-image:url('../img/donation/publicStepsBackground_withNumbers.gif');
	width:360px;
	height:198px;
	border:solid 1px white;
	
}



/**** Corporate page **********************************/
div#corporate {
	height:400px;
}
div#corporate div#textpanel {
	background-image:url('../img/corporate/corporateStepsBackground.gif');
	width:358px;
	height:247px;
	border:solid 1px white;
}

/**** Advice page **********************************/
div#advice {
	height:380px;
}


/**** Contact page **********************************/
div#contact {

}

div#contact img.mainimage {
	position:absolute;
	top:-70px;
	right:0;
	margin:0;
	
}

div#contact ul {
	width:270px;
	margin:0 0 0 0;
	padding:50px 0 0 0;
	list-style:none;
	font-size:0.9em;
	float:left;
}
div#contact ul li {
	background-image:url('../img/contact/bullet-blue.gif');
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:20px;
	margin:0 0 20px 20px;
	line-height:20px;
}

div#contact form#contactform {
	
	float:left;
	width:630px;
	margin:50px 0 0 20px;
	
}

div#contact form#contactform p {
	margin:0 0 8px 0;
}

div#contact form#contactform label {
	display:block;
	width:110px;
	float:left;
	color:#008db1;
}

div#contact form#contactform input {
	border:solid 1px #000000;
	width:215px;
	
}
div#contact form#contactform textarea {
	border:solid 1px #000000;
	overflow:auto;
	width:500px;
	height:88px;
}
div#contact form#contactform input.submit {
	background-color:#008db1;
	border:solid 1px #008db1;
	color:#ffffff;
	width:55px;
	cursor:pointer;
}
/**** Footer section **********************************/
#footersection {
	width:1000px;
	height:70px;
	float:left;
	
	background-image:url('../img/site/bg-footer.jpg');
}	

#footersection ul#footer {
	list-style:none;
	padding:0;
	margin:20px 0 0 165px;
	font-size:0.9em;
	
}

#footersection ul#footer li {
	display:inline;
	padding:0 10px 0 10px;
	border-right:solid 1px #000000;
}
#footersection ul#footer li.last {
	border-right:none;
}

#footersection ul#footer li a {
	color:#000000;
	text-decoration:none;
}

#footersection ul#footer li a:active, 
#footersection ul#footer li a:hover {
	text-decoration:underline;
}

#footersection a#reciperolink {
	display:block;
	text-decoration:none;
	margin:4px 40px 0 0;
	width:110px;
	height:40px;
	float:right;
	cursor:pointer;
}
#footersection a#reciperolinkstart {
	display:block;
	text-decoration:none;
	margin:4px 0 0 40px;
	width:110px;
	height:40px;
	float:left;
	cursor:pointer;
}