body {background: url(../resources/background_texture/bg28.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	color: #333333;
	text-align: center;}/* NOTE: needed to center whole page */

div#outer1 {
	margin: 0 auto; /* NOTE: needed to center whole page */
	border: 2px #996633 solid;
	padding: 0px;
	width: 890px; /* = banner width */
	background-color: #003366;
	text-align: left;}/* NOTE: reverses body text center */

div#outer2 {margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #003366;}

div#head {
	margin: 0px;
	border: 0px;
	padding: 0px;
	z-index: 1001;
	background-color: #003366; /*needs bg color due to IE bug*/}
	
div#banner {
	margin: 0px;
	border-bottom: 1px #CC9966 solid;
	padding: 0px;}
	
img.logoimg {margin: 0px;	
	border-bottom: 0px #CC9966 solid;
	padding: 0px;}

div#menu {/* encloses dropdown menu box */
	margin: 0px;
	border-top: 0px #CC9966 solid;
	border-right: 0px #CC9966 solid;
	border-bottom: 0px #996633 solid;
	border-left: 0px #CC9966 solid;
	padding: 5px 0px 5px 0px; /*Pad sets dd menu to approx center*/
	background-color: #003366;
	width: 100%;
	float: left;
	clear: both;
	z-index: 1005;}

div#main1 {/* encloses events + h1 + content areas. */
	margin: 0px;
	border-top: 2px #996633 solid;
	border-bottom: 2px #996633 solid;
	padding: 0px;
	background-color: #FFFFFF;
	width: 100%;
	float: right;}
    
div#main2 {margin: 0px;
	padding: 0px;
	border: 0px #000000 solid;}

div#footer1 {margin: 0px;
	border-top: 0px #CC9966 solid;
	border-right: 0px #CC9966 solid;
	border-bottom: 0px #996633 solid;
	border-left: 0px #CC9966 solid;
	padding: 5px 0px 5px 0px;
	width: 100%;
	background-color: #CDB38B;
	font-size:12px;
	text-align: left;
	color: #000000;}

div#footer2 {margin: 0px;
	border: 0px solid black;
	padding: 0px;
}

div#fadeshow1 {z-index: 100;
}

div#dropmenu4 {z-index: 2000;
}

div#dropmenu5 {z-index: 2001;
}

div#dropmenu6 {z-index: 2002;
}

div#dropmenu7 {z-index: 2003;
}


div.events1 {/* NOTE: events1 gives border, events2 specifies width; apply to Events sidebar */
	margin: 0px 2px 0px 0px;
	border-top: 0px #996633 solid; 
	border-right: 2px #996633 solid; 
	border-bottom: 2px #996633 solid; 
	border-left: 0px #CC9966 solid; 
	padding: 20px 3px 0px 2px;
	background-color: #EED8AE;
	color: #000000;
	font-size:0.85em;/*within body em*/
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	float: left;
	clear: left;}

div.events2 {padding: 0px;
	margin: 0px;
	width: 150px;
	background-color: #EED8AE;}

div.eventbox_item {padding: 0px;
	margin: 0px 2px 3px 3px;}

h3.eventbox_h3 {text-align:center;
	margin: 0px 2px 4px 2px;
	color: #003366;
	font-weight: bold;	
	font-size: 14px;}

hr.eventbox_hr {height:1px;
		border-width:0;
		color:#CC9966;
		background-color:#CC9966;
		}

div.calendar_sidebar1 {/* Just like divs for events1, events2 */
	margin: 0px 2px 0px 0px;
	border-top: 0px #996633 solid; 
	border-right: 2px #996633 solid; 
	border-bottom: 2px #996633 solid; 
	border-left: 0px #CC9966 solid; 
	padding: 20px 3px 0px 2px;
	background-color: #EDEDED;
	color: #000000;
	font-size:0.9em;/*within body em*/
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	float: left;
	clear: left;}

div.calendar_sidebar2 {padding: 0px;
	margin: 0px;
	width: 150px;
	background-color: #EDEDED;
	text-align:center;}

div#h1_area {
	margin: 0px auto;          /*This centers*/
	border: 0px;
	padding: 20px 0px 15px 0px; /*sets pad above/below h1 text*/
	width: 720px;
	text-align:center;
    float: left;}
	
div#all {/*encloses all content */
	margin: 0px auto; 
	border: 1px;
	padding: 0px;
	width: 720px;
    	float: left;}
	
div#all_alt {margin: 0px auto; /*for pages w/o Events box*/
	border: 0px;
	padding: 0px;
	width: 880px;}
	
div.fullcolumn{/*for pages w/single text area */
	margin: 0px auto; 
	border: 0px #000000 solid;
	padding: 0px;
    float: left;}
	
div.box1 {margin: 0; /*text box, v. light gray */
	padding: 10px;
	font-size: inherit;
	line-height: inherit;
	background-color: #EDEDED;}
	
div.box2 {margin: 0; /*text box, matches Events*/
	padding: 10px 3px 10px 3px;
	border: 2px #996633 solid;
	background-color: #EED8AE;
	color: #000000;}

div.box3 {margin: 0; /*black backgound for slideshows */
	padding: 10px;
	font-size: inherit;
	line-height: inherit;
	background-color: #000000;}
		
div.box2right {margin: 0; /*text box, matches Events*/
	padding: 10px 3px 10px 3px;
	border: 2px #996633 solid;
	background-color: #EED8AE;
	color: #000000;
	float: right;
	width: 300px;}
	
div.box3 {margin: 0; /*invisible block around photos */
	padding: 10px 3px 10px 3px;
	border: 0px;
	background-color: #ffffff;}
    
div.biobox {/*dark gray background*/
	padding: 10px 10px 10px 10px;
    margin: 10px 30px 10px 30px;
	border: 2px #996633 solid;
	background-color: #CCCCCC;
	color: #000000;}

table.content{  /*encloses content */
	margin: 0px auto;    
	vertical-align: top;
	width: 96%;}
td.left{
	padding: 3px;
	vertical-align: top;
	width: 56%;}
td.right{
	padding: 3px;
	width: 44%;  /*x(720-2)px = 316px minus 6px pad */
	vertical-align: top;}
	
table.content2{ /*50/50 table around content */
	margin: 0px auto;    
	vertical-align: top;
	width: 100%;}
td.left2{
	padding: 3px;
	vertical-align: top;
	width: 50%;}
td.right2{
	padding: 3px;
	width: 50%;
	vertical-align: top;}
	
p.center{/*Centered paragraph*/
		text-align: center;}

body a {color: #996633; /*light rust*/
	text-decoration: underline; 
	background:inherit;}

body a:visited {color: #663300;} /*dark rust*/

body a:hover {color: #663300;} /*dark rust*/

a.no_underline { color: #996633;
	text-decoration: none; 
	background:inherit;}
	
a.bright { color: #CC3300;
	text-decoration: underline;
	background:inherit;}
	
a:visited.bright { color: #CC3300;
	text-decoration: underline;
	background:inherit;}

a.nobr {color: #996633; /*light rust*/
	text-decoration: underline;
	font-size: inherit;
	font-weight: inherit;
	background:inherit;
	white-space: nowrap;}
	
body img {/* turns off auto pad browsers put around images */
	margin: 0;
	border: 0;
	padding: 0;}

body h1 {
	text-align:center;
	margin: 2px;
	color: #003366;
	font-weight: bold;
	font-size: 30px;}

body h2 {text-align:center;
	margin: 2px;
	color: #003366;
	font-weight: bold;
	font-size: 20px;}
	
h2.bl_center {text-align:center;
	margin: 2px;
	color: #000000;
	font-weight: bold;
	font-size: 20px;}

h2.bl_left {text-align:left;
	margin: 2px 2px 10px 2px;
	color: #000000;
	font-weight: bold;
	font-size: 20px;}

body h3 {text-align:center;
	margin: 2px;
	color: #003366;
	font-weight: bold;	
	font-size: 16px;}
	
h2.newsheader {text-align:center;
	margin: 2px 2px 10px 2px;
	color: #CC3300;
	font-weight: bold;	
	font-size: 20px;}
h3.newsitem {text-align:left;
	margin: 2px 2px 0px 2px;
	color: #003366;
	font-weight: bold;	
	font-size: 16px;}
h3.compact {text-align:center;
	margin: 0px;
	color: #003366;
	font-weight: bold;	
	font-size: 16px;}

body h4 {  /*h4 = centered blue, size inherited*/
	text-align:center;
	margin: 2px;
	color: #003366;
	font-weight: bold;
	font-size: inherit;}

.left {text-align:left;}/*align any header to left*/
	
h4.bl_center {text-align:center;
	margin: 2px;
	color: #333333;
	font-weight: bold;
	font-size: inherit;}

.uppercase{    text-transform:uppercase;}

body h5 {margin: 7px 0px 2px 0px; /*h5 = centered black, size inherited*/
	text-align:center;
	font-weight: bold;
	font-size: inherit;
	padding: 0px;}	
	
img.normal {
    display: block;
	margin-left: auto;          /*Centered*/
	margin-right: auto;
	padding: 0;
	border: 3px #333333 solid;}
	
img.normal2 {
    display: block;
	margin-left: auto;          /*Centered*/
	margin-right: auto;
	padding: 0;
	border: 0px;}
	
div.rightblock{float: right;/*To work in IE, width required*/
	display: inline;
	width: 320px;
	padding: 5px 5px 0px 5px;
	background-color:  #EDEDED;
	border: 0px;
}

div.rightblock2{float: right;
	display: inline;
	margin-right: 0;
	padding: 5px 5px 5px 5px;
	background-color:  inherit;
	border: 0px;
}

div.leftblock{float: left;
	display: inline;
	padding: 5px 5px 5px 5px;
	background-color:  inherit;
	border: 0px #333333 solid;
}
	
img.rightalign {
	margin-left: 8px;
	float: right; 
	border: 3px #333333 solid;}
	
img.rightalign2 {
	margin-left: 8px;
	float: right; 
	border: 0px;}
	
img.leftalign {
	margin-right: 8px;
	float: left; 
	border: 3px #333333 solid;}
	
img.leftalign2 {
	margin-right: 8px;
	float: left; 
	border: 0px;}

img.border {
	border: 3px #333333 solid;}
	
p.caption {	font-size: 12px;
	}
	
body.table{	font-size: inherit;
	font-style:normal;
	font-weight:normal;
	line-height: inherit;
	color: inherit;}

table.normal{	font-size: inherit;
	font-style:normal;
	font-weight:normal;
		line-height: inherit;}
	
table.about_us{border: 4px #996633 solid;
	padding: 0;
	border-collapse: collapse;
	background-color:  #EDEDED;}
	
	.about_us td{border: 1px #996633 solid;
		padding: 4px;
		vertical-align: middle;
		color: #333333;}
	
table.table2{border: 0px; /*guide pages*/
	padding: 0;
	border-collapse: collapse;
	background-color:  #CBCEB5;}
	
	.table2 td{border-bottom: 2px #ffffff solid;
		padding: 4px;
		vertical-align: middle;}
	
table.table3{border: 0px;/*wildflower pages*/
	padding: 0;
	border-collapse: collapse;
	background-color:  #EDEDED;}
	
	.table3 td{border-bottom: 2px #ffffff solid;
		padding: 4px;
		vertical-align: middle;}
	
table.table4{border: 0px;/*bird pages; lt turq.*/
	padding: 0;
		margin: 0px auto;
	border-collapse: collapse;
	background-color: #96CDCD;}
	
	.table4 td{border-bottom: 3px #ffffff solid;
		padding: 6px;
		vertical-align: middle;}
	
table.table5{border: 0px;/*WBN; lt green*/
	padding: 0;
	margin: 0px auto;
	border-collapse: collapse;
		background-color: #D3E8BB;}
		
	.table5 td{border-bottom: 3px #ffffff solid;
		padding: 6px;
		vertical-align: middle;}

ul.bod{margin: 8px; /*style for lists in about_us table*/
	padding: 8px;
	}
	.bod li{
	}
        
.spaced{ /*list w/more space between items*/
	}
		.spaced li{padding: 5px 2px 5px 2px;
		}

.spaced2{ /*list w/more space, less left indent*/
	margin: 0px;
	padding: 0px;}
		.spaced2 li {padding: 5px 0px 5px 0px;
				margin-left:20px;} 
	
table.payment_buttons{color: #003366;
	margin: 0px auto 0px auto;
	border: 0px #003366 solid;
	padding: 0px;
	width: 375px}
	.payment_buttons td {margin: 0px;
		border: 0px;
		padding: 0px;
		width: 50%;}
	
table.payment_buttons2{color: #003366;
	margin: 0px auto 0px auto;
	border: 0px #003366 solid;
	padding: 0px 0px 0px 0px;
		width: 100%}
	.payment_buttons2 td {margin: 0px;
		border: 0px #003366 solid;
		padding: 0px;
		width: 32%;}


span.brown {color: #663300;
	font-size: inherit;
	font-weight: inherit;}	

span.orange {color: #CC3300;/*dk orange to match newsheader*/
	font-size: inherit;
	font-weight: inherit;}
	
span.orange2 {color: #FF6600;
	font-size: inherit;
	font-weight: inherit;}

span.yellow {color: #FFFF00;
	font-size: inherit;
	font-weight: inherit;}
	
span.yellow2 {color: #CC9900;
	font-size: inherit;
	font-weight: inherit;}

span.blue {color: #003366;/*matches headers*/
	font-size: inherit;
	font-weight: inherit;}
	
span.blue2 {color: #3333FF;
	font-size: inherit;
	font-weight: inherit;}

span.green {color: #006633;
	font-size: inherit;
	font-weight: inherit;}

span.red {color: #FF0000;
	font-size: inherit;
	font-weight: inherit;}

span.gray {color: #666666;
	font-size: inherit;
	font-weight: inherit;}
	
span.purple {color: #6600CC;
	font-size: inherit;
	font-weight: inherit;}
	
span.smalltext{color: inherit;
		font-weight: inherit;
		font-size: 10px;}
		
span.large{color: inherit;
		font-weight: inherit;
		font-size: 16px;}
		
span.largeital{color: inherit;
		font-weight: inherit;
		font-size: 16px;
		font-style : italic;}
	
p.center{color: inherit;
	font-size: inherit;
		font-weight: inherit;
		text-align: center;}
		
span.center{color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-align: center;
	padding: 0px;
	border: 0px;}

iframe.calendar {margin: 0px;
	border: 0px;
	padding: 0px;}


td.newsRSS {        
	}
	
	.newsRSS img {
	float: right; 
	margin: 0px 0px 0px 5px;
	}

/********** STYLES FOR BUTTONS *************/

.button {
  background: #666; /*gray; visible on some browsers*/
  color: #FFF; /*text color, inactive link*/
  border-radius: 20px;  /*how much roundedness*/
  font-family: Arial, sans-serif;
  display: inline-block;
  line-height: 2em; /*line-h and padding control button size*/
  padding: 0 1em;
  text-decoration: none; 
  font-size: 14px;
  font-weight:normal;
  border: 0px #000 solid; 
}

.green.button {/*dark background, light inset shadow, gray outset shadow*/
	background:#007502;
	box-shadow: inset 0 8px 8px #00D404, 0px 2px 2px 1px #666;
/*box-shadow: inset h-shadow v-shadow blurradius, horiz vert blurradius spreaddist*/
}

.red.button {
  	background: #B20808;
	box-shadow: inset 0 8px 8px #FC1A1A, 0px 2px 2px 1px #666;
}

.blue.button {
	background:#003366;
	box-shadow: inset 0 8px 8px #007AF3, 0px 2px 2px 1px #666;
}

.orange.button {
	background:#CC3300;
	box-shadow: inset 0 8px 8px #FC8200, 0px 2px 2px 1px #666;
}

.small {
  line-height: 1.75em;
  padding: 0 1em; 
  font-size: 11px;
}

.large {
  line-height: 2.5em;
  padding: 0 1.5em; 
  font-size: 14px;
}

.jumbo {
  line-height: 3.5em;
  padding: 0 2em; 
    font-size: 16px;
}

.button:visited { box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 1.5em 1em rgba(0,0,0,0.3); 
  color: #FFF;}

.button:hover { box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 1.5em 1em rgba(255,255,255,0.3);
  color: #FFF; }

.button:active { box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 1.5em 1em rgba(0,0,0,0.3); 
  color: #FFF;}
  

	

/**********STYLES FOR DD MENU*************/

.ddcolortabs{
margin: 0;
padding: 0 0 0 16px; /*tweek to ~center menu*/
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;}

.ddcolortabs ul{
font: normal 16px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;}




.rega{ 
float:left;
background: #025071; /*button color*/
margin:0 2px 0 0;/*separation b/w buttons*/
padding:0px;
text-decoration:none;
border: 0px #000000 solid;
letter-spacing: 1px;}
.regspan{
float:none;
display:block;
color: #D1B994;/*text color*/
background: transparent /*url(media/color_tabs_right.gif) no-repeat right top*/;
padding: 4px 11px 2px 8px;
}/*pad between text and edge of button*/



.twa{ 
float:left;
background: #561659; /*button color 561659*/
margin:0 2px 0 0;/*separation b/w buttons*/
padding:0px;
text-decoration:none;
border: 0px #000000 solid;
letter-spacing: 1px;}
.twspan{
float:left;
display:block;
color: #5abd04;/*text color aaed70*/
background: transparent /*url(media/color_tabs_right.gif) no-repeat right top*/;
padding: 4px 11px 2px 8px;}/*pad between text and edge of button*/




.ddcolortabs a:hover{
background-color: #003366;/*hover bg color for top menu items*/
text-decoration: none;}

.ddcolortabs a:hover span{
background-color: #003366;/*hover bg color for top menu items*/
text-decoration: none;}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ 
						/*currently selected tab - match to button color*/
background-color: #025071;}

/* ######### Style for Bar Under Tabs ######### */

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 0px;  /*Was originally 8*/
line-height: 6px;  /*Was originally 6*/
background: #003366;
border-top: 0px solid #CCCC99;} /*Zero to remove border between bar and tabs*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid #663300; /*color of side/top border around dropdown items*/
border-top-width: 0px; /*Top border width. Must match ht of .ddcolortabsline above*/
border-bottom-width: 0;
line-height:18px;
background-color: #EED8AE; /*bg color of dd menu*/
width: 210px;
visibility: hidden;}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #003366;
border-bottom: 1px solid #663300; /*lines b/w drop items*/
padding: 2px 0px;
font:normal 14px Arial;
text-decoration: none;
color: #663300; /*text of dropdown items*/}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;}

.dropmenudiv_a a:hover{ 
background-color: #025071; /*hover color for dropdown items*/
color: #D1B994;}/*hover text color*/

.silhouette {
position: absolute; top: 0; right: 0;
}