html, body {
	height: 100%;	
}

body { 
	text-align:center;
	margin: 0;
	padding: 0;
	background: #515151;	
}

hr {
	border: 0;
	color: #CED7DE;
	background-color: #CED7DE;
	height: 1px;
}

li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	font-weight: normal;
}
.main2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0f3d5e;
	font-weight: bold;
}
.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0f3d5e}

A:link{
	color: #4088b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
A:active{color: #4088b8; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
A:visited{color: #4088b8; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
A:hover{color: #FF0000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}

a.sublink:link{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
a.sublink:active{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
a.sublink:visited{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
a.sublink:hover{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0F3D5E;
}

a.sublinksml:link{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
a.sublinksml:active{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
a.sublinksml:visited{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
a.sublinksml:hover{color: #ff6600; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}



a.footerlink:link{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

a.footerlink:active{
    color: #000000; 
    text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
}

a.footerlink:visited{
    color: #000000; 
    text-decoration: underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold
}

a.footerlink:hover {
    color: #FF0000; text-decoration: none; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
}

a.relatedlink:link{
	color: #4088b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

a.relatedlink:active{
    color: #4088b8; 
    text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
}

a.relatedlink:visited{
    color: #4088b8; 
    text-decoration: underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold
}

a.relatedlink:hover {
    color: #FF0000; text-decoration: none; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
}


/* H1 should be similar to title class */
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0f3d5e}


/* H2 should be similar to main class */
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0f3d5e;
	font-weight: bold;
}

/* H3 should be similar to main class */
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0f3d5e;
	font-weight: bold;
	font-style: italic;
}


/* specific divs */
#container {
	width: 779px;
	padding: 0px 0px 0px;
	margin: 0 auto;
	height: auto;
	text-align: left;
	border-left: 0px solid #a7b87b;
	border-right: 0px solid #a7b87b;
	background: #FFF;	
}

#topmenu {
	width: auto;
	height: 30px;
	background-color: #515151;
}

#topleft {
	float: left;
	width: 237px;
	height: 26px;	
}

#topright {
	float: right;
	width: 227px;
	height: 26px;	
}

#toproundedcorners {
	width: 779px;
	height: auto;
	background: url("../images/tlbg.gif") repeat top;
}

#toprightcorner {
	background: url("../images/trc.gif") no-repeat top right; 
	
}

#bottomroundedcorners {
	width: 100%;
	height: 5px;
	background: url("../images/blbg.gif") repeat top;	
}

#bottomrightcorner {
	background: url("../images/brc.gif") no-repeat top right; 
	
}

img.topleftcorner {
   width: 4px;
   height: 5px;
   border: none;
   display: block !important;
}

img.bottomleftcorner {
   width: 4px;
   height: 5px;
   border: none;
   display: block !important;
}

#banner {
	background-color: #cbe192;
	border-top: 0px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	width: 771px;
	height: auto;
}

#banner img.banner {
	background-color: #cbe192;
	border-bottom: 4px solid #a7b87b;
	
}


#content {
	background-color: #FFFFFF;
	border-top: 4px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	padding: 0px 0px 0px 5px;
	height: auto;
	
}

#content_homepage {
	background-color: #FFFFFF;
	border-top: 4px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	padding: 10px 30px 10px 30px;
	height: 675px;	
}

#content_with_scroll {
	background-color: #FFFFFF;
	border-top: 4px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	padding: 10px 30px 10px 30px;
	height: 397px;
	overflow: scroll;
}

#content_no_scroll {
	background-color: #FFFFFF;
	border-top: 4px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	padding: 10px 30px 10px 30px;
	/*height: 397px;*/
	/*overflow: scroll;*/
}

#footer1 {
	background-color: #cbe192;
	border-top: 4px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	padding: 2px 20px 0px 20px;
	width: auto;
	height: 15px;	
}

#footer2 {
	background-color: #cbe192;
	border-top: 0px solid #a7b87b;
	border-right: 4px solid #a7b87b;
	border-left: 4px solid #a7b87b;
	border-bottom: 0px solid #a7b87b;
	padding: 0px 20px 2px 20px;
	width: auto;
	height: 15px;	
}

#footerleft {
	float: left;	
}

#footerright {
	float: right;	
}

#bottompadding {
	width: auto;
	height: auto;
	padding: 10 0 0 0;
	margin: 0 0 0 0;
	background-color: #515151;
}


.homepagebottom {
	float: left;
	width: 340px;
	height: 590px;
	padding: 0px;
	margin: 0;	
}

.homeouterlayer {
	background-image: url(../images/bg_vertical2.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 575px;
}

.outerlayer {
	background-image: url(../images/bg_horizontal.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.innerlayer {
	padding: 15px;
}

.homethumbnail {
	float: left;
	width: 66px;
	padding: 0;
	margin: 5px 0 7px 0;	
}

.homethumbtext {
	width: 233px;
	float: left;
	line-height: 13px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 7px;
	font-size: 91%;
}

.homeproducttitle {
	color: #2F5983;
	font-size: 120%;
}

.clr {
	clear: both;	
}

.homepagevertsep { 
	float: left;
	width: 30px;
	height: 600px;
	margin: 0;	
}





/******** sidebar ********/
#sidebar{
	float:right;
	width:150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sidebar ul{
	list-style:none;
	font-size:0.9em;
	margin:0;
	padding:0 0 15px 10px;
}


#sidebar h2{
	margin:0px 0px 8px 0px;
}

.left_photo{
	float: left;
	border:2px solid #4088B8;
	padding:6px;
	background-color:#ffffff;
	margin-top: 6px;
	margin-right: 18px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

.lefty{float:left; margin:0 15px 4px 0;}

#left {
	float: left;
	
}

#right {
	float: right;
}
.volunteeringname {


	font-size:16px;
	color:#ff9933;
	padding:0 2px 2px 5px;
	margin:0 0 10px 0;
	letter-spacing:normal;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #dadada;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.eventname {


	font-size:16px;
	color:#4088b8;
	padding:0 2px 2px 5px;
	margin:0 0 10px 0;
	letter-spacing:normal;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dadada;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.fundraisingname {

	float: left;
	font-size:18px;
	color:#4088b8;
	padding:0 2px 2px 5px;
	margin:0 0 10px 0;
	letter-spacing:normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#event_top {

	padding: 0px 0px 15px 0px;
	width: auto;
	height: 15px;
}
#event_content {


	width:535px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}
.event {

	font-size:11px;
	color:#4088b8;
	letter-spacing:normal;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dadada;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 7px;
}
