@charset "utf-8";
/* CSS Document */

*	{
	margin:0;
	padding:0;
	/*border:#00CC00 thin dashed;*/
	}

body{
	background-image:url(../images/blueFadeBg2.jpg);
	background-color:#d8d1d1;/*color matches last pixels of gradient background image*/
	background-repeat:repeat-x;
	
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
h1{
	/*text-shadow:#333333;*/
	margin:15px 0px 0px 0px;
	font-size:150%;
	}
h2{
	/*border: #99FF00 thin solid;*/
	margin:15px 0px 0px 0px;
	font-size:150%;
	}
h3{
	margin:15px 0px 0px 0px;
	}
h4{
	margin:20px 0px 0px 0px;
	}
h6{
	/*use h6 for photo captions*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:75%
	}
p{
	/*border: #00FF00 thin solid;*/
	margin:5px 0px 5px 0px;
	line-height:1.3em;
	}
	
li{
	margin-left:3.5em;
	margin-bottom:.4em;
	}

hr{
	color:#FF0000;
	}
	
img{
	border:none;
	}
	
/*sideheader refers to right sidebox in the header section*/	
#sideheader{
	width:15.5em;
	height:10.1em;
	border:#993333 1px solid;
	float:right;
	background-color:#333333;
	margin:.7em .7em 0px 0px;
	}
	

/* allcontent is the "wrapper" for all page elements
 * positioned absolutely and centered on the page*/
#allcontent{
	width:70em;
	position:absolute;
	top:2em;
	left:50%;
	margin-left:-35em;
	background-color:#FFFFFF;
	}

#pagehead{
	position:absolute;
	top:0;
	left:0;
	}
	
/*header div lives inside the pagehead div along with the
 *sideheader div and the navbar div*/
#header{
	/*background-image:url(../images/cross.png);*/
	/*background-image:url(../images/ScottsHeader2.jpg);*/
	/*background-repeat:no-repeat;*/
	/*does not zoom correctly in safari with above code
	 *need to use an img tag in the html set to width:100%
	 *see next selector*/
	
	background-color:red;
	height:9.3em;
	width:52.9em;
	margin-right:17em;
	margin-bottom:0;
	overflow:hidden;
	}
	
#header img{
	width:100%;
	}

/*main refers to the content area between the pagehead and the footer divs*/	
#main{
	border-top:red 1px solid;
	padding-bottom:.5em;
	margin-top:11.6em;
	}
	
/*div.paneldiv{
	padding: 1.5em;
	}*/
	
	
/*navbar div is inside pagehead div below the header div and left of the
 *sideheader div*/
#navbar{
	height:2.3em;
	width:52.9em;
	background-image:url(../images/navbg.jpg);
	background-repeat:repeat-x;
	margin-right: 17em;
	}
	
#sidebar{
	width:15em;
	background-color:#333333;
	margin-right:.75em;
	margin-top:.75em;
	float:right;
	padding:.75em;
	font-size:80%;
	color:#FFFFFF;
	}
	
#centerPic{
	float:right;
	
	margin-left:.7em;
	background-color:#DDDDDD;
	border:#666666 thin solid;
	
	/*text looks funny in ie using code below and
	 *setting img width to 100%.  Not using it the
	 *element doesn't zoom ideally in safari*/  
	/*width:23.33em;
	height:23.33em;*/
	}
	
#footer{
	clear:both;
	border-top: 1px solid red;
	padding-top: .5em;
	padding-bottom:.75em;
	font-size:75%;
	text-align:center;
	color:#666666;
	width:100%;
	line-height:1.7em;
	}

#footer a{
	color:#666666;
	text-decoration:none;
	}
	
.subtitle1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
	
/*General sizing styles for images*/	
.thumb1 img{
	height:5.5em;
	width:5.5em;
	}
.image1 img{
	height:16.8em;
	width:16.8em;
	}
.image2 img{
	height:11.5em;
	width:11.5em;
	}
	
/*make sure all included content is a minimum height...
 *this keeps the footer from appearing too close to the
 *header if there is very little on the page*/	
.include{
	min-height:30em;
	padding: .7em .7em .7em 1.5em;
	/*border: #CC00CC 2px solid;*/
	}

/*General-use style rules for foating an image left or right*/	
.rt{
	float:right;
	margin:10px 0 10px 10px;
	}
	
.lt {
	float:left;
	margin:10px 10px 10px 0px;
	}
.cntr{
	text-align:center;
	}
	
	
	
/*******************************************************************************
Page Specific Styles
********************************************************************************/

#logosvr{
	float:none;
	clear:both;
	border:none;/*#000000 solid thin;*/
	margin: 20px 10px 10px 10px;
	width:100%;
	text-align:center;
	}
#logosvr p{
	margin-top:1em;
	}
#logosvr img{
	margin:1em;
	}

/*styles for donation button and it's div*/	
#sidepanelBR form{
	width:150px;
	position:relative;
	left:65px;
	}	
#sidepanelBR{
	width:280px;
	margin: 1em 0 .7em .7em;
	float:right;
	clear:right;
	border:#333333 thin solid;
	padding: 10px;
	font-size:80%;
	}	
#sidepanelBR p, #sidepanelBR h2{
	text-align:center;
	}
#sidepanelBR h2{
	font-size:16px;
	}