/* 
==============================================================================
Created for:	TadTas.
Date: 			April '07.
Created by: 	greenskin Media  |  www.greenskinmedia.com.
Hosted by:		OzVox Design, a divisioon of OzVox Media.
Maintained by:	OzVox Design, a divisioon of OzVox Media.
==============================================================================
*/





/************ default styles **************/

body {
	background: #01142d;
	margin: 0;
	font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; 
	}

a:link {color: #b56115; text-decoration:none;}
a:hover {color: #333333; text-decoration:underline;}
a:active {color: #b56115; text-decoration:none;}
a:active:hover {color: #333333; text-decoration:underline;}
a:visited {color: #2066c9; text-decoration:none;}
a:visited:hover {background-color: #ccc; text-decoration: none;}



/************ containers **************/

#header {
	background: url(../images/Isobel.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerAbout {
	background: url(../images/about.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerServices {
	background: url(../images/services.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerNews {
	background: url(../images/news.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerVolunteers {
	background: url(../images/volunteers.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerDonations {
	background: url(../images/handrail.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerContact {
	background: url(../images/contact.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerLinks {
	background: url(../images/links.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerSitemap {
	background: url(../images/sitemap.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerPrivacy {
	background: url(../images/privacy.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}
	
#headerDisclaimer {
	background: url(../images/disclaimer.jpg) no-repeat #e1e8f2 top left;
	width: 660px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}

#wrap {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: #103466 1px solid;
	background: url(../images/bg2.gif);
	}

#outer {
	background: url(../images/bg2.gif);
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	}

#container {width: 548px;}



/************ main navigation **************/

#navcontainer {
	background: transparent;
	margin-top: -293px;
	margin-bottom: 20px;
	}

#navlist li {
	background: transparent;
	list-style-type: none;
	text-align: left;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 0px;
	line-height: 28px;
	color: #666666;
	width: 150px;
	margin-left: -20px;
	padding-right: 6px;
	}

#navlist li a:link {color: #f2f2f2; text-decoration: none;}
#navlist li a:visited {color: #f2f2f2; text-decoration: none;}
#navlist li a:hover {color: #a3b8d6; text-decoration: none; background-color: transparent;}

.active {border-left: #fff inset 0.6em; border-left-style: solid; margin-left: -20px; color: #a3b8d6;}



/************ content styles **************/

#title {
	background: #e1e8f2;
	text-align: right;
	padding: 2px 8px 2px 2px;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #103466;
	}

h3 {
	font-size: 22px;
	font-weight: bold;
	color: #103466;
	letter-spacing: -2px;
	}

.content {
	background: #e1e8f2;
	padding: 21px;
	text-align: left;
	font: 11pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #666666;
	}
	
.content a {color: #2066C9; text-decoration: none; border-bottom: #2066C9 0.1em dotted;}
.content a:hover {background-color: #ccc;}

.content img {padding: 2px; border: #ccdcf3 6px solid; margin-top: 6px; margin-bottom: 6px; float: right;}
.content hover img a:hover {border: #01142d 6px solid;}
#imageA {float: none; padding-bottom: 80px; margin-top: 0px;}
#imageB {float: none; padding-left: 0px; margin-top: 0px; margin-bottom: -150px;}
#imageC {float: none; padding-left: 0px; margin-top: 0px; padding-bottom: 235px}

.spacer {top: 960px}

.content .quoteSmallIsobel {
	float: right; 
	margin-top: 5px; 
	margin-left: 210px; 
	font-size: 11px;
	letter-spacing: -1px;
	color: #999; 
	line-height: 0px; 
	text-align: left; 
	padding: 0px; margin-bottom: 20px
	}
	
.content .quoteSmallBathstep {
	float: right; 
	margin-top: 5px; 
	margin-right: 210px; 
	font-size: 11px; 
	letter-spacing: -1px;
	color: #999; 
	line-height: 0px; 
	text-align: left; 
	padding-left: 55px; 
	margin-bottom: 20px
	}

.pullquote {
	width: 175px;
	float: right;
	height: 780px;
	margin-top: -7px;
	margin-bottom: 160px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 24px;
	line-height: 20px;
	letter-spacing: -3px;
	text-align: right;
	color: #b56115;
	border-left: #ccc 0.1em dotted;
	}

.quoteSmall {
	font-size: 12px;
	letter-spacing: 0px;
	color: #999;
	line-height: 0px;
	text-align: left;
	padding-left: 0px;
	}
	
.pullquoteSub {
	width: 185px;
	float: right;
	height: 375px;
	margin-top: 24px;
	margin-bottom: 140px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: -2px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}
	
.pullquoteAddress {
	width: 175px;
	float: right;
	height: 310px;
	margin-top: 10px;
	margin-bottom: 140px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -1px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}
	
.pullquoteAbout {
	width: 175px;
	float: right;
	height: 600px;
	margin-top: 10px;
	margin-bottom: 150px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -1px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}
	
.pullquoteServices{
	width: 175px;
	float: right;
	height: 580px;
	margin-top: 10px;
	margin-bottom: 100px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -1px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}
	
.pullquoteVolunteers {
	width: 175px;
	float: right;
	height: 530px;
	margin-top: 10px;
	margin-bottom: 100px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -1px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}
	
.pullquoteSitemap {
	width: 175px;
	float: right;
	height: 340px;
	margin-top: 10px;
	margin-bottom: 100px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -1px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}
	
.pullquoteThankyou {
	width: 175px;
	float: right;
	height: 210px;
	margin-top: 10px;
	margin-bottom: 140px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -1px;
	text-align: right;
	color: #dfa478;
	border-left: #ccc 0.1em dotted;
	}

.sponsors {position: relative; font-size: 18px; top: -5px;}
.sitemap {color: #aaa;}
.inactive {color: #2066c9;}



/************ footer **************/

#footer {
	background: #ccdcf3;
	padding: 9px;
	text-align: center;
	font: 8pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #666;
	border-top: #bbb 0.1em dotted;
	}
	
#footer a {color: #2066C9; text-decoration: none;}
#footer a:hover {color: #2066C9; text-decoration: none; border-bottom: #2066C9 0.1em dotted;}

#footernav {
	background: transparent;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-left: -45px;
	text-align: center;
	}

#footerlist li {
	list-style-type: none;
	display: inline;
	text-align: left;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;}

#footerlist li a:link {color: #2066C9; text-decoration: none;}
#footerlist li a:visited {color: #2066C9; text-decoration: none;}
#footerlist li a:hover {background-color: #ccc;}



/************ contact form *******************/	  

input {width: 12%;}

textarea {width: 50%;}

input, textarea {
	padding: 1px 3px;
	margin: 3px 0;
	font: 1em verdana, arial, sans-serif;
	color: #eee;
	background-color: #103466;
	border: 1px solid #999;
	}

input:hover, input:focus, textarea:hover, textarea:focus {
	color: #fff;
	background-color: #2066C9;
	border: 1px solid #eee;
	}

.contact {width: 55%;}
.message {width: 55%; height: 15%;}
.light {color: #103466; padding-left: 2px; font-size: 13px}