/* main color: 656503 */

body {
	font: 12px/18px verdana, arial, helvetica, sans-serif;
	background-color: #fff; }

.calnav {
	background-color: #656503;
	}

div#uppernav
{
background-color: #656503;
color: #fff;
padding: 10px;
font-size: 10px;

}

div.clearer_left {clear: left; line-height: 0; height: 0;}
div.clearer_right {clear: right; line-height: 0;height: 0;}
div.clearer_both {clear: both; line-height: 0;height: 0;}


#uppernav a
{
color: #cbcd5f;
text-decoration: underline;
padding: 3px;
}

#uppernav a:hover, #uppernav a:active
{
background-color: #cbcd5f;
color: #656503;
}

.frontpage_pics { margin: 5px; text-align: center;}

/*
div#masthead
{
background: #003366;
padding: 5px 5px 0 5px;
margin: 0;
height: 120px;
}
*/


div#masthead
{
background: #CBCD5F;
color: #656503;
padding: 5px 5px 0 5px;
margin: 0;
height: 85px;
}

#masthead a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #656503; 
	background: transparent; 
	}

#masthead a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #979a03;
	background: transparent; 
	}

#masthead a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #c60;
	background: transparent;  
	}

/* setup page columns */

div#rightcol_3cols {
	float: right;
	margin: 1em 0;
	padding: 0;
	width: 20%;
	border: 0px solid yellow;
	}
	
div#leftcol_3cols {
	float:left;
	margin: 1em 0;
	padding: 0;
	width: 20%;
	border: 0px solid green;
	}
	
div#middlecol_3cols {
	margin: 1em 25%;
	padding: 0;
	border: 0px solid red;

	}
	
#middlecol_3cols h2, h3 {
	margin-top: 0;
	padding-top: 0;
	}
#rightcol_3cols h2, h3 {
	margin-top: 0;
	padding-top: 0;
	}
	
#leftcol_3cols h2, h3 {
	margin-top : 0;
	padding-top : 0;
	}

	

	
div#leftcol_2cols {
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	border: 0;
	}
	
div#middlecol_2cols {
	margin: 0em 25% 1em 1em;
	padding: 0;
	width: auto;
	border: 0;
	}
	
	




div#quotebox {background: #fc9;
padding: 0 12px 12px 12px;
margin: 0 12px 12px 12px;}


/* start basic tag styles*/


h1
	{font-size: 170%;
	color: #656503;
	margin-bottom: 0;
	
}

h2 {
	font-size: 150%;
	color: #656503;
	padding-bottom: 0;
	padding-top: 18px;
	border:0;
	margin: 0;
	
	
}
 
h3 {
	font-size: 133%;
	color: #656503;
	}
h4 {
	font-size: 125%;
	color: #656503;
	}

h5 	{
	font-size: 115%;
	color: #656503;
	}
h6 {
	font-size: 105%;
	color: #656503;
}


ul li 
{
list-style: outside square url(images/ball_green.gif);
margin-bottom: 0.5em;
}

/* end basic tag styles*/



/* begin basic classes */

.small {font-size: 90%;}
.x-small {font-size: 80%;}
.xx-small {font-size: 70%;}
.large {font-size: 120%;}
.x-large {font-size: 140%;}
.xx-large {font-size: 180%;}

.warning {
	color: red;
	}

object.lft {float:left; margin: .25em 1.5em .66em 0;}
img.pic {float: left; padding: 0.25em 1.5em 0.66em 0em;}
img.picright {float: right; margin: 0.25em 0 1em 1.5em;}
.shading {background-color: #CCCCCC;}
.emp {
	font-weight: bold;
	/*background-color: #999999;*/
}
.empcolor {
	font-weight: bold;
	color: #656503;
	}
	
div.border-text-start{
	color: #999;
	font: 9px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 12px;
	padding: 0;}
	
div.border-text-end {
	color: #999;
	font: 9px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 12px;
	padding: 0;}
	
.top-bot-border {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/* end basic classes */


/*masthead*/
div#masthead_img {
margin: 6px; 
width:120px; 
height:80px; 
z-index:5; 
float:left;
}


div#masthead h1 {font-size: 200%;
	color: #656503;
	padding: 30px;
	/*margin: 0; padding: 0 16px;*/
		}
		
div#masthead h3 {
	font-size: 150%;
	font-weight: normal;
	color:#656503;
	margin: 0; padding: 0;
	width: auto;
	text-align: left;
		}


/*begin quicklinks*/

div#quicklinks
{
font: 9px verdana, arial, helvetica, sans-serif;
color:#656503;
background-color: #cbcd5f;
padding: 0 4px 4px 0;
margin: 0;
}

/* begin content */

div#content
{
padding: 0;
margin: 0;
border: 0;
color: #000;
background: #fff;
border: 0;


}

div#middle_content {
		width: auto;
		height: auto;
		border: 0px solid #ff0066;
		padding: 0;
	}
div#explore_body
	{
	text-align:center; 
	background-color: #036735;
	}
div#explore_frame 
	{
	width: 800px;
	margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding-top:120px;
		text-align:left;
		color: #fff;
		font-size: 16px;
		background: url(images/explore/bg_explore.jpg) 0 0 no-repeat;
	}
	

#intro {
	color: #000;
		}
	
/* begin footer*/

div#footer
{
font-size: 10px;
color: #979a03;
text-align: center;
background-color: #cbcd5f;
margin: 0;
padding: 6px;
}



/*linkage from Zeldman */
a:link, a:visited {
	font-weight : bold; 
	text-decoration : underline;
	color: #656503;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #979a03;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #c60;
	background: transparent;  
	}
	

a.more:link, a.more:visited, a.more:active{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	text-decoration: underline; 
	background: transparent;
	color: #656503;
	font-weight: normal;                      /* included in the 'hover' state (as many dont).  The key is 'display: block;' */
	}
a.more:hover { 
	font-size: .8em;
	/*background: #656503;*/
	color: #323201;
	text-decoration: none;
	/*background: transparent;*/
	}


/*end linkage */

/* righthand column */
div#rightcol {
	width: 35%;
	float: right;
	height: auto;
	padding: 10px;
	margin: 0;
	border: 0;
	text-align: center;
	}

/*basic divs */

div#picright {
	margin: .25em 0 .66em 1.5em;
	padding: 0;
	float: right;
	}

div#picleft {
	margin: 1em 1.5em .66em 0;
	padding: 0;
	float: left;

	}


div#caption {
	margin: 0;
	padding:  0;
	text-align: center;
	font-size: 80%;
	font-family: verdana;
	}
	
img {
	border: 0;
	}

/*frontpage divs */

div#explore_outline {
	padding: 0; margin: 0;
	float:left;
	width: 460px;
	border: 1px solid #ccc;
	height: 221px;
	}
	
	
div#innerwrap {
	background: #fff; /*url(images/spring_summer/bb_bg.jpg) 0 0 no-repeat;*/
	}
	

.explorepic {
		padding: 0;
		}	
div#explore {
	 height: auto; width:auto; margin: 10px 10px 0 0px; padding: 5px;font-size:inherit;
	border: 0;}
	
div#media {
	float: left;
	padding-right:  10px;
	margin: 0;
	border: 0px solid blue;
	width: 325px;
	background: #fff ;
	}

	
div#upcoming_events {
	margin: 6px;
	padding: 0;
	float:right;
	border: 0px solid green;
	width:240px;
	}
	
h1.dropshadow {
	border-bottom:1px solid #ccc;
	
	-webkit-box-shadow: 0px 3px 0px 0px #cbcd5f;
-moz-box-shadow: 0px 3px 0px 0px #cbcd5f;
box-shadow: 0px 3px 0px 0px #cbcd5f; 
	}
	
#upcoming_events dl {
		width: 240px;
		margin: 0;
		padding: 0;
		background: #ccc url(images/box_bottom.gif) no-repeat bottom left;
			}

#upcoming_events	dt {
		margin: 0;
		padding: 10px;
		font-size: 130%;
		background: #ccc url(images/box_top.gif) no-repeat top left;
		}
#upcoming_events a:link , #upcoming_events a:visited, #upcoming_events a:active  /*, a.moredt:visited, a.moredt:active */
	{
	text-decoration: underline; 
	font-weight: bold;     
	color: #000;               
	}
#upcoming_events	a:hover { 
	text-decoration: underline;
	background:transparent;
	font-weight: bold;
	color: #333;
	}

 	
#upcoming_events	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 85%;
		background: url(images/arrow.gif) no-repeat 0 .6em;
		}
	
	
table#upcoming_events_frm td.required {
	color: #FF0000;
	}

div#cell_values {
	padding: 0;
	}
	
#cell_values dl {
		width: 560px;
		margin: 20px 20px 20px 0;
		padding: 0;
		background: #ccc url(images/box_bottom_560.gif) no-repeat bottom left;
		/*float: left;*/
				}

#cell_values	dt{
		margin: 0;
		padding: 10px;
		font-size: 130%;
		background: #ccc url(images/box_top_560.gif) no-repeat top left;
		}
#cell_values	a:link, #cell_values a:visited, #cell_values a:active{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	text-decoration: none; 
	background: #333;
	color: #ccc;
	font-weight: bold;                      /* included in the 'hover' state (as many dont).  The key is 'display: block;' */
	}
#cell_values	a:hover { 
	font-size: .8em;
	background: #ccc;
	color: #333;
	font-weight: bold;
	}

 	
#cell_values	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 85%;
		background: url(images/arrow.gif) no-repeat 0 3px;
		}

td {
	font: inherit;
	}

#podcasts  {
		margin: 10px;
		padding: 10px;
		background: #ccc;
		}
#podcasts_no_gray  {
		margin: 10px;
		padding: 10px;
		background: #fff;
		border-top: 1px solid #ccc;
		}
		
#summer_event {
	padding: 10px; 
	margin: 0;
	border-bottom: 1px solid #ccc;
	}
#event_fluid{
	color:#000;
	padding: 10px;
	margin: 0;
	border-top: 1px solid #ccc;
	/* background: url(images/upcoming_events/bg1_repeat300x300.jpg) 0 0 repeat; */
	}
	
#event_fluid.bg1{
	padding: 10px;
	margin: 0;
	border-top: 1px solid #ccc;
	/* background: url(images/upcoming_events/bg1_repeat300x300.jpg) 0 0 repeat; */
	}

	
.ctr {text-align:center;}

table#upcoming_events_table {
padding: 6px;
margin: 0;
border: 1px solid #ccc;
border-collapse: collapse;
background-color: #fbfb98;
}

#upcoming_events_table td { 
padding : 6px;
border: 1px solid #ccc;
}

table#rota
{
border-collapse:collapse !important;
}

table#rota th {
	background-color:#CBCD5F;
	}
table#rota th.top {
	background-color:#cbcd5f;
	color: #fff;
	font-size:1em;
	}
	
table#rota  td{
padding: 3px;
border: 1px dotted #ccc !important;
}

table#rota tr.odd {
	background-color: #d9d9d9;
	}




table#enewsletter tr.even {
	background-color: #ccc;
	}
table#enewsletter tr {
	background-color: #ccc;
	border: 1px solid #ccc;
	}	

table#generic {
	border-collapse: collapse;
	margin: 6px 6px 12px 12px;
	}

table#generic td, th {
	border: 1px solid #aaa;
	}
table#generic th {
	background:#1661B2;
	color: #fff;
	}
table#generic td {
	
	font-size: 1em;
	}
table#generic tr.odd {
	background: #ddd;
	}
table#generic.right {
	float: right;
	}
table#generic.left {
	float:left;
	}
		
	
#event {
	margin: 18px 0 0 0;
	padding: 12px;
	border-top: 1px solid #656503;
	width: 650px;
}

#event ul 
{
float:left;
width:auto;
padding-left: 1.5em; 
margin-left: 1.5em;
border: 0px solid yellow;
}


#event ul li {
	border: 0px solid blue;
	list-style: outside square url(images/ball_green.gif);
margin-bottom: 0.5em;
}

DL { font:.9em/1.3em georgia, tahoma, verdana, helvetica;}
DT {font-weight: 800;font-size: 1.1em;}
DD { margin-left: 150px; }


/* forms */
/*
input {
 background-color: #666699;
 color:#fff;
}

select {
 background-color: #666699;
 color: #ffffff;
}

textarea {
 background-color: #666699;
 color: #ffffff;
}
*/

form#community_event_form {
	border: 1px solid #cbcd5f;
	
-webkit-box-shadow: 5px 3px 3px 3px #cbcd5f;
-moz-box-shadow: 5px 3px 3px 3px #cbcd5f;
box-shadow: 5px 3px 3px 3px #cbcd5f; 

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;  
	}
	
	
form#community_event_form input {
	background-color: #d5eafd;
	border: 0;
	}

form#community_event_form select {
	background-color: #d5eafd;
	border: 0;
	}
	
form#community_event_form textarea {
	background-color: #d5eafd;
	border-collapse:collapse;
	border: 0;
	}

#community_event_form .buttons {
padding: 3px;
border: 1px solid #ccc;
  
background-image: linear-gradient(left top, #D5EAFD 17%, #3399FF 68%);
background-image: -o-linear-gradient(left top, #D5EAFD 17%, #3399FF 68%);
background-image: -moz-linear-gradient(left top, #D5EAFD 17%, #3399FF 68%);
background-image: -webkit-linear-gradient(left top, #D5EAFD 17%, #3399FF 68%);
background-image: -ms-linear-gradient(left top, #D5EAFD 17%, #3399FF 68%);

background-image: -webkit-gradient(
	linear,
	left top,
	right bottom,
	color-stop(0.17, #D5EAFD),
	color-stop(0.68, #3399FF)
);  
}
/****************next form *****/
form#upcoming_events_form {
 border: 0px solid #666699;
 padding: 5px;
 width: 540px;
}

#upcoming_events_form .texta {
 font-size: 10px;
 background-color: #CCCCCC;
 border: 1px solid #666666;
}

#upcoming_events_form .buttons {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;  
 background-color: #333333;  
 color: #FFFFFF;  
 margin-right: 6px;  
}

table#upcoming_events_frm{  
 background-color: #F9FBFD; 
 color: #000;  
 border: 0px solid #D7E5F2;  
 border-collapse: collapse; 
}   

table#upcoming_events_frm  td {  
  
 padding-left: 4px;
 padding-top: 2px;  
 border-collapse:collapse;
 border: 0;
}

table#upcoming_events_frm tr {
border-collapse: collapse;
border: 0;
}


table#upcoming_events_frm td.left {
	text-align:right;
	font-size:.9em;
	}
	
.required {
	color: #ff0000;
	}