/* styles applicable throughgout the public facing site */

body {
 	font-family:arial;
 	font-size:11pt;
 	padding:0;
 	margin:0;
 	background-color:#ffffff;
 	background-image:url('../img/site/backgroundtransition.gif');
 	background-repeat:repeat-x;
}

#container {
	width:999px;
	margin:0 auto;
	background-color:#ffffff;
	height:520px;
}
/**** Header section **********************************/
#headersection {
	height:159px;
	width:999px;
	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 20px;
	width:210px;
	height:105px;
	text-decoration:none;
	float:left;
}
#headersection div#navigation {
	height:30px;
	clear:left;
	margin:0 0 0 0;
}

#headersection div#navigation ul {
	list-style:none;
	display:block;
	padding:0;	
	margin:13px 0 0 25px;
	float:left;
}

#headersection div#navigation ul li {
	display:inline;
	margin-right:3px;
	
}
#headersection div#navigation ul li a#tab_home2 { 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_contact2 {width:70px;}

#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;
	padding:8px 10px 0 5px;
	text-align:center;

	
	float:left;
	color:#ffffff;
	text-decoration:none;
}

#headersection div#navigation ul li a:hover, 
#headersection div#navigation ul li a:active {
	color:#000000;
}

#headersection div#navigation ul li a.selected {
	color:#cccccc;
}

div.quote {
	background-repeat:no-repeat;
	width:194px;
	height:121px;
	float:right;
	font-weight:bold;
	padding:35px 30px 0px 30px;
	overflow:hidden;
}
div.quote p {
	color:#ffffff;
	font-size:0.9em;
	line-height:1.4em;
	margin:0 0 10px 0;
}
div.quote p.author {
	color:#000000;
	font-size:0.8em;
}
div#quote1 {
}
div#quote2 {
	background-image:url('../img/site/quoteboxtwo.jpg');
	margin-top:2px;
}
div#quote3 {
	background-image:url('../img/site/quoteboxthree.jpg');
	margin-top:2px;
}
/**** Middle section **********************************/
#middlesection {
	width:745px;
	margin:0;
	padding:0;
	background-color:#ffffff;
	display:block;
	clear:left;
	float:left;
	

}
#middlesection div#maincontent {
	height:135px;
	width:685px;
	float:left;
	padding:25px 30px 0 30px;
}
#middlesection div#maincontent p {
	line-height:1.4em;
	margin:0 0 10px 0;
	font-size: 0.9em;
}
#middlesection div#footerimages {
	width:743px;
	height:156px;
	float:left;
}
#middlesection div#footerimages img {
	margin:0 0 0 2px;
	float:left;
}

#middlesection ul {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
	font-size: 0.9em;
	line-height: 1.4em;
}

#middlesection ul li {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	background-image:url('../img/site/bullet-purple.gif');
	background-repeat:no-repeat;
	background-position:0 4px;
	float:left;
	width:250px;

}

#middlesection ul li.rightcol {
	margin-left:80px;
}

#middlesection ul li a {
	color:#521d71;
}


/**** Footer section **********************************/
#footersection {
	width:999px;
	height:53px;
	float:left;
	margin-top:2px;
	background-image:url('../img/site/bg-footer.gif');
}	

#footersection ul#footer {
	list-style:none;
	padding:0;
	margin:20px 0 0 30px;
	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:#521d71;
	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:10px 0 0 0;
	width:115px;
	height:40px;
	float:right;
}
#footersection a#ubercoollink {
	display:block;
	text-decoration:none;
	margin:8px 0 0 20px;
	width:92px;
	height:32px;
	float:left;
}

#footersection a#reciperolink img {
	
}