﻿body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	background-image: url('images/bkg.jpg');
	background-repeat: repeat-x;
	background-color: #ffffff;
	line-height: 1.4em;
	margin: 0;
	text-align:center;
}

body, table, p, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #585858;
	line-height: 1.4em;
}

li {
	margin-bottom: 5px;
	}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #587589; }
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #A5871E; border-bottom: 1px dotted #cccccc; margin-top: 20px; }

.feature { font-family: Arial,Helvetica,Sans-serif; font-size: 12px; color: #587589; font-weight: bold; }
.small {font-size: 10px;} 
.thawte {font-size: 9px;} 
.subhead {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; color: #587589; font-weight: bold;}


#container {
	width: 760px;
	margin: 0 auto;
	}	

#container2 {
	margin: 0 auto;
	}

/* Masthead */
/* ==================== */

.wrap {
	clear: both;
	width: 760px;
	padding: 0 0px;
	margin: 0 auto;
	}
	
.wrap2 {
	clear: both;
	width: 590px;
	padding: 0 0px;
	margin: 0 auto;
	}

#masthd {
	width: 740px;
	text-align:left;
	clear: both;
	}
	
#masthd2 {
	width: 590px;
	text-align:left;
	clear: both;
	}
	
#masthdleft {
	width: 300px;
	float: left;
	text-align: left;
	}
	
#masthdright {
	width: 400px;
	float: right;
	}
	
#nav {
	width: 760px;
	height: 24px;
	clear: both;
	background: #567387;
	padding: 0; list-style-type:none; margin-left:0; margin-right:0; margin-top:-3px; margin-bottom:0px
	}
	#nav li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		display: inline;
		height:24px;
		}
		
	#nav a {
		display: block;
		overflow: hidden;
		text-align:center;
		}
	
	#nav #home { width:30px; padding-top:2px; }
	#nav #services {width: 43px; padding-top:2px;}
	#nav #about {  width: 48px; padding-top:2px;}
	#nav #fundraising {  width: 135px; padding-top:2px;}
	#nav #sponsor {  width: 88px; padding-top:2px; }
	#nav #charity {  width: 100px; padding-top:2px; }
	#nav #contact {  width: 39px; padding-top:2px; }
	#nav #account {  width: 70px; background-color:#3D5969; height:22px; padding-top:2px;}
	#nav #help {  width: 24px; background-color:#3D5969; height:22px; padding-top:2px;}
	


/* Hyperlinks */
/*************************/
a:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789 }
a:active { font-family: verdana, helvetica; text-decoration: none; color: #345789 } 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789 } 
a:hover { font-family: verdana, helvetica; text-decoration: none; color: #345789 }

a.nav:link { font-family: verdana, helvetica; font-size: 9px; text-decoration: none; color: #FFFFFF}
a.nav:active { font-family: verdana, helvetica;  font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.nav:visited { font-family: verdana, helvetica;  font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.nav:hover { font-family: verdana, helvetica;  font-size: 9px; text-decoration: none; color: #C8E9FF }

a.small:link { font-size: 11px; text-decoration: underline; color: #97282E}
a.small:active { font-size: 11px; text-decoration: underline; color: #97282E} 
a.small:visited { font-size: 11px; text-decoration: underline; color: #97282E} 
a.small:hover { font-size: 11px; text-decoration: underline; color: #A9AF00}

a.footer:link { font-size: 9px; text-decoration: none; color: #BCC8D0}
a.footer:active { font-size: 9px; text-decoration: none; color: #BCC8D0} 
a.footer:visited { font-size: 9px; text-decoration: none; color: #BCC8D0} 
a.footer:hover { font-size: 9px; text-decoration: none; color: #FFFFFF}

a.front:link { font-size: 11px; text-decoration: none; color: #3E5A6A}
a.front:active { font-size: 11px; text-decoration: none; color: #3E5A6A} 
a.front:visited { font-size: 11px; text-decoration: none; color: #3E5A6A} 
a.front:hover { font-size: 11px; text-decoration: none; color: #3E5A6A}

a.side:link { font-size: 11px; text-decoration: none; color: #585858}
a.side:active { font-size: 11px; text-decoration: none; color: #585858}
a.side:visited { font-size: 11px; text-decoration: none; color: #585858}
a.side:hover { font-size: 11px; text-decoration: none; color: #585858}

/* Main */
/* =================== */

#main {
	width: 760px;
	background: #fff url('images/right-columns-sub.gif') repeat-y top right;
	/*display:table; */
	}

#main2 {
	width: 606px;
	background-color:#FFFFFF;
	}
	
#mainleft {
	float: left;
	width: 557px;
	padding: 0 0px 0 0;
	text-align: left;
	background-color: #ffffff;
	font-size: 11px;
	line-height: 1.4;		
	}		

#mainright {
	float: right;
	width: 202px;
	/* height: 700px; */
	text-align: center;
	background-color: #E8ECEE;
	}

.small-banner { border-bottom: 0px solid #fff; }	

#crumbs {
	width: 540px;
	height: 17px;
	background-color: #D3DADF;
	padding: 3px 0px 2px 17px;
	font-size:12px;
	color:#585858;
	}
	
#crumbs2 {
	width: 540px;
	height: 17px;
	background-color: #D3DADF;
	padding: 3px 0px 2px 18px;
	font-size:11px;
	color:#585858;
	}
	
#maincontent {
	padding: 10px 20px 20px 20px;
	width: 517px;
	}
	
/* Sidebar */
/* ================= */

.side, .side2, .side4 {
	color: #666666;
	line-height: 1.4;
	padding: 10px;
	text-align: left;
	}
	
.side2 {
	background-color:#D3DADF;
	border-bottom: 4px solid #D3DADF;
	width:182px;
	}
	
.side3 {
	background-color:#E8ECEE;
	width:202px;
	text-align:center;
	}
	
.side4 {
	background-color:#E8ECEE;
	width:182px;
	}

.sidebar {
	padding: 10px 10px 10px 15px;
	border-bottom: 2px solid #ffffff;
	text-align: left;
	font-size: 11px;
	}

.side_feat_bot{
	background-color:#D3DADF;
	width:100%; 
	height:7px;
}

.sidetop {
	width: 182px;
	background-color: #D9DBC5;
	padding: 10px;
	text-align: left;
	}
	
.sidebot {
	width: 202px;
	background-color: #D3DADF;
	height: 7px
	}
	
.sidetopbot {
	width: 202px;
	background-color: #d9dbc5;
	height: 7px
	}

.li_friend{
	margin-left:0px;
	padding-left:20px;
	list-style:square;
}

/* Footer */
/* ================= */

#footer {
	width: 760px;
	height: 27px;
	clear: both;
	background-color:#587589;
	background-image:url(images/foot-bkg.gif);
	font-size: 11px;
	margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0;
	padding-bottom: 0px;
	}	
	
#footer ul, #footer li { margin: 0; padding: 0; list-style: none; }
#footer ul { margin: 0 0px; }
#footer li { float: left; display: inline; line-height: 22px; font-size: 10px; height:24px; color: #BCC8D0; text-decoration: none;  }
#footer li.end { float: right;}
#footer li.end_mid { float: right; width:182px; background-color:#3E5A6A;}
#footer a.terms {color:#FFFFFF;}
#footer a { color: #BCC8D0; text-decoration: none; }

#meta {
	width: 740px;
	background: #7096AF;
	text-align: left;
	padding: 0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom:10px
	}

#copyright, #dps, #fundraise-online {
	display: inline;
	padding: 0;
	}
#copyright {
	width: 475px;
	font-size: 10px;
	}
#dps { width: 80px; margin: 10px 15px 12px 0; }
#fundraise-online { width: 155px; margin: 12px 0;}

/*********Forms *********/

input.signin {
background-color: #E4EBCF;
border: solid 1px #808080;
width: 110px;
height: 18px;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.changedField { color:black; 
background: #D6DDE7; border: #99ABC4; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }

.grey { color:black; 
background: #FFFFFF; border: #B7B8BA; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }

.yellow { color:black; 
background: #FFFFCC; border: #B7B8BA; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }

td.line { border-bottom: 1px solid #B7B8BA; }

image.style1 {
	border: 1px solid #7096AF; 
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#D0D1D1', Positive='true'); */
	margin-right:15px;
}

/*********Fundraiser Stylesheets  *********/

.fundbox {
	background-color: #A4B66B;
	}

.dotborder { border-bottom: 1px dotted #A4B66B; }
.dotborder2 { border-bottom: 1px dotted #567387; }
.lightborder { border-bottom: 1px solid #CED9A9; }
.lightdotborder { border-bottom: 1px dotted #CED9A9; }

a.white:link { font-size: 9px; text-decoration: none; color: #FFFFFF}
a.white:active { font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.white:visited { font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.white:hover { font-size: 9px; text-decoration: underline; color: #FFFFFF}

td.botborder { border-bottom: 1px solid #99ABC4; }

textarea.search {
background-color: #EFEFCD;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt
} 

input.search {
background-color: #EFEFCD;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt
}

.navtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #556170;
}

.errormsg {
	color: #97282E;
}
.listbar {
	background-color: #D3DADF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt	;
	color: #346F96;
}
.barwhite {
	/* background-color: #E4EBCF; */
	background-color: #f5f5f5;
}
.barcolour {
	background-color: #FFFFFF;
	}
	
font.smallblack {
	font-size: 11px;
	color: #585858;
	}

font.caption {
	color: #5A730E;
	font-style: italic;
	font-size: 10px;
	}
	
font.listbartitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #97282E;
	font-weight: bold;
	}
	
.listbartitle {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; color: #587589; font-weight: bold;}

image.shadowbord {border: 1px solid #345789; margin-right:15px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#D0D1D1', Positive='true')  
}

.eventbox {
	background-color: #E4EBCF;
}
.eventboxfield {
	color: #3D5969;
}
.eventboxvalue {
	color: #3D5969; 
}
.totalfont {
	color: #585858;
}
.totalbars {
	background-color: #B8CFCC;
}
.gtotalfont {
	color: #346F96;
}
.listbarback {
	background-color: #B8CFCC;
}
.listbarfont {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt	;
	color: #587589;
}
.totalbarmid {
	background-color: #FFFFFF;
}	
	
.navbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #585858;
	border: 1px solid #587589;
	background-color: #CDDBE4;
}

#emailsent{
	width:350px; 
	border:3px #000060 solid; 
	padding:20px; 
	background-color:#FFFFFF; 
	margin:auto; 
	margin-top:10px;
	text-align:left;
}
