/* colors
green: #6DB33F
yellow: #C2CD23
orange: #fdb813
blue: #174A7C
*/

body {
}

body, div, table, tr, th, td, form, img {
	border: 0;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
}
h1, h3, h5 {
	color: #FDB813;
}
h2, h4, h6 {
	color: #6DB33F;
}

h1 {
	font-size: 110%;
}
h2 {
	font-size: 105%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0;
	padding: 15px 0 0 0;
	text-transform: uppercase;
}
h3 {
	font-size: 100%;
	margin: 10px 0 0 0;
	padding: 0;
}
h4 {
	font-size: 95%;
}
h5 {
	font-size: 90%;
}
h6 {
	font-size: 85%;
}


h2 img {
	float: right;
	padding-bottom: 5px;
}

a {
	color: #174A7C;
	text-decoration: underline;
}
a:visited {
}

.error, .required {
	color: #990000;
}

p {
	font-size: 90%;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: left;
}

ul li {
	color: #6DB33F;
	font-size: small;
}


/*****************/
/* layout styles */
/*****************/

#page {
	height: auto;
}

#page, #header, #main, #footer {
	width: 848px;
}

/* header styles */

#header {
	background-image: url(../images/header/header_green_temp_bg.jpg);
	background-repeat: repeat-x;
	text-align: right;
}

/* this is the random image div */
#headerImage {
	position: relative; 
	top: -152px; 
	background-image: url(../content/random/resized/Pict_01.jpg); 
	border: 1px solid #C2CD23; 
	height: 105px; 
	margin: 0 20px -90px 384px; 
	width: 442px; /* 848px (total) - 384px (left margin) - 20px (right margin) */
}

#header_top {
}
#header_bottom {
}

/* this is the scrolling text div */
#scroller {
	position: relative;  /* don't change this - needed to keep cross browser display correct */
	top: -65px;  /* don't change this - needed to keep cross browser display correct */
	height: 40px; /* don't change this - needed to keep cross browser display correct */
	margin: 0 0 -45px 0;  /* don't change this - needed to keep cross browser display correct */
	padding: 0 20px 0 288px; /* don't change this - needed to keep cross browser display correct */
	text-align: right;
	width: 540px; /* 848px (total) - 288px (left padding) - 20px (right padding) */  /* don't change this - needed to keep cross browser display correct */
}

/* main styles */

#main {
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: left;
}

#main, #main table {
	height: auto;
}


#menu {
	background-color: #174A7C;
	width: 209px; /* 848px (main width) - 639px (content width) */
}

#sideMenu {
	background-color: #FFFFFF;
}
.menu{
	padding:0 0 0 16px;
	background-image:url(../images/strip.gif);
	background-position:-21px top;
	background-repeat:repeat-y;
	vertical-align:top;
	width: 169px;
}
.menu_spacer {
	background-color: #FFFFFF;
}

#content {
	background-color: #FFFFFF;
	height: auto;
	padding: 0 0 0 20px;
}
#content, #home_content {
	min-height: 669px; /* don't change this - needed to keep cross browser display correct */
	width: 619px; /* 639px [848px (main width) - 209px (menu width)] - 20px (left padding) */
}

.SideBar_Header {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	letter-spacing: 1px;
	margin: 0px;
}
.SideBar_Text {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.4em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	margin: 0px;
	padding-right: 20px;
	padding-left: 23px;
}
.Table_Repeat {
	background-repeat: no-repeat;
}

/* footer styles */

#footer {
	height: 50px;
	width: 848px;
}

#webdevelopment {
	padding-top: 5px;
	text-align: right;
	width: 848px;
}
#webdevelopment a {
	font-size: 10px;
	text-decoration: none;
}

/******************************/
/* begin of component styling */
/******************************/

/* general component styling */

.components {
	background-color: #E2D18C; 
	border-top: 1px solid #B68A63;
	height: 220px;
	padding: 10px;
}

/* random images component styles */

#component_random {
	float: right;
	width: 444px;
}
#component_random #random_image {
	background-image: url('../images/header_right.gif'); 
	background-repeat: no-repeat;
	background-position: left;
	height: 120px; 
	width: 444px;
}
#tagline {
	position: relative;
	top: 95px;
	right: 2px;
	bottom: 0;
	font-size: 10px;
	text-align: right;
}
#component_random, #tagline {
	color: #6DB33F;
}	

/* slideshow component styles */

#component_slideshow { 	
	background-color: #FFFDE7;
	border-bottom: 1px solid #B68A63;
	height: 263px;
	width: 321px;
}

#component_slideshow #home_photo img {
	border: 0;
	margin: 0;
	padding: 0;
	height: 216px;
	width: 321px;
}

/* gallery preview component styles */

#gallerypreview {
	border: 1px solid #C2CD23;
	padding: 2px;
}
.gallery_image {
	border: 1px solid #C2CD23;
	padding: 2px;
}

/* search component styles */

#component_search {
	background-color: #F9B766;
	padding: 10px;
	text-align: left;
	width: 321px;
}

#component_search a {
	color: #6DB33F;
}

/* news component styles */

#component_news {
	background-color: #DBDBDB;
	text-align: left;
	height: 190px;
	width: 444px;
}

.news_article {
	margin: 10px 0 0 0;
}
.news_date {
	font-style: italic;
}

/* upcoming event component styles */

#component_events {
	clear: both;
	float: left; 	
	text-align: left;
	width: 321px;
}

.event_listing {
	margin: 10px 0 0 0;
}
.event_date {
	font-style: italic;
}

#calendar, #calendar td, #mini_calendar, #mini_calendar td {
	border: 1px solid #FFFFFF;
	color: #666666;
}
#calendar a{
	color: #174A7C;
}

/* calendar */

.calendar table#calendar th {
	background-color: #6DB33F;
	color: #FFFFFF;
	height: 20px;

}
.calendar table#calendar td {
	color: #666666;
	height: 70px;
	text-align: center;
	width: 84px;
}

/* minicalendar */

#component_minicalendar {
	background-color: #FFFFFF;
	float: left;
	text-align: left;
	width: 244px;
}

#minicalender {
}

#minicalendar table.calendar {
	border: 1px solid #C2CD23;
}
#minicalendar table.calendar th {
	background-color: #ffffff;
}


#minicalendar table.calendar h4, #minicalendar #mini_calendar td {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#minicalendar table.calendar a {
	color: #174A7C;
	font-size: 13px;
	font-weight: bold;
}
#minicalendar table.calendar table#mini_calendar {
	height: 162px; /* don't change this - needed to keep cross browser display correct */
	margin: 0;
	padding: 0;
	width: 207px;
}

#minicalendar table.calendar table#mini_calendar th {
	background-color: #6DB33F;
	color: #FFFFFF;
	font-size: 12px;
	height: 12px; /* don't change this - needed to keep cross browser display correct */
}
table#mini_calendar td, table#calendar td {
	color: #666666;
	font-size: 12px;
}

.minicalendarCell, .calendarCell {
	background-color: #D6D3C6;
}

#today {
	background-color: #C2CD23;
}

#minicalendar table.calendar h4 a {
	text-decoration: none;
}

table#mini_calendar td, table#calendar td, #today, .minicalendarCell, .calendarCell {
	font-weight: normal; 
	text-align: center;
	margin: 0; /* don't change this - needed to keep cross browser display correct */
	padding: 0; /* don't change this - needed to keep cross browser display correct */
}

table#mini_calendar td, table#mini_calendar td#today, .minicalendarCell {
	font-size: 11px;  /* don't change this - needed to keep cross browser display correct */
	height: 26px; /* don't change this - needed to keep cross browser display correct */
	line-height: 18px; /* don't change this - needed to keep cross browser display correct */
	width: 21px; /* don't change this - needed to keep cross browser display correct */
}

table#calendar td, table#calendar td#today, .calendarCell {
	font-size: 12px;  /* don't change this - needed to keep cross browser display correct */
}

/* weather component styles */

#component_weather {
	background-color: #F9B766;
	float: right;
	width: 200px;
}

/****************************/
/* end of component styling */
/****************************/

/* custom styles */


a.admin, a.admin #edit, .error {
	color: #990000;
}

/************************/
/************************/
/* backend page styles */
/************************/
/************************/

/****************/
/* admin styles */
/****************/


#admin_content, #admin_content table, #admin_content td, #admin_content p, #admin_content div {
	color: #666666;
	font-size: 12px;
}
#admin_content h1 {
	font-size: 150%;
}
#admin_content h2 {
	font-size: 140%;
}
#admin_content h3 {
	font-size: 130%;
	font-weight: bold;
}
#admin_content h4 {
	font-size: 120%;
}
#admin_content h5 {
	font-size: 110%;
}
#admin_content h6 {
	font-size: 100%;
}

#admin_content #tagline {
	font-size:10px;
}

#admin_content input{
	font-size:12px;
}
#admin_content h2.line {
	border-bottom: 0;
}

#admin_content #main_table #content h2.line {
	border-bottom: 2px solid #6DB33F;
}

#admin_content h2.line span.backgr {
	padding: 0;
}
body.admin {
	background-color: #DBDBDB;
	margin: 0;
	padding: 0;
}

body.admin p {
	font-size: 10px;
}

body.admin a {
	color: #fdb813;
}

body.admin img {
	border: 0;
}

#admin_header {
	background-color: #8BC265;
	border-bottom:solid 2px #6DB33F;
	color: #FFFFFF;
	padding:5px 10px 0 10px;
}
#admin_header a {
	color: #FFFFFF;
}

#admin_content {
	background-color: #FFFFFF;
}
#admin_content, body.admin #admin_content p {
	padding:10px;
}
#admin_content table.menus, #admin_content table.menus th, #admin_content table.menus td {
	font-size: 10px;
}

#admin_content a {
	color: #6DB33F;
}

#admin_footer {
	background-color: #DBDBDB;
	color: #FFFFFF;
	padding:5px 10px 0 10px;
	border-top:solid 2px #6DB33F;
	font-size: 10px;
}
#admin_footer a {
	color: #174A7C;
}

#admin_content h1 {
	border: 0;
	color: #6DB33F;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	padding: 0 10px 0 10px;
}
#admin_content h3, #admin_content h3 a {
	color: #174A7C;
}

table.menus td {
	border: 1px solid #fdb813;
	padding: 0 3px 0;
}
.left {
	float:left;
	width:25%;
}
.right {
	float:left;
	width:50%;
	padding:10px;
}
.farright {
	float:right;
	width:15%;
}
table.admin {
	border: 1px solid #6DB33F;
}
table.admin td {
	padding:3px;
	color:#CC0000;
}
.admin tr#main td {
	border-bottom: 1px solid #6DB33F;
	background-color: #F3E6D5;
	font-size:130%;
	padding:5px;
	color:#FFFFFF;
}
tr#main td a {
	color: #6DB33F;
}
tr#main td span#red {
	font-weight:normal;
}
tr#highlight td {
	background-color:#A8A7A3;
	font-weight:bold;
	color:#004A94;
}

table.eventFormTable {
	width: 600px;
}

table.list {
	border: 1px solid #6DB33F;
}
table.list th, table.list td {
	padding:3px 10px 3px 10px;
}
table.list td {
}
tr.highlight th, tr.highlight td {
	background-color: #fdb813;
	font-weight: bold;
	border-bottom: 1px solid #6DB33F;
	font-size:130%;
	text-align: left;
}

.images td {	
	font-size:9px;
}

.teasers {
	border-right: 1px solid #6DB33F;
	border-left: 1px solid #6DB33F;
	border-bottom: 1px solid #6DB33F;
}
.teaser {
	text-align:center;
	border-top: 1px solid #6DB33F;
}
.teaser a:hover {
	text-decoration:none;
	color: #6DB33F;
}

tr#greyrow {
	background-color:#8ECADA;
}

.red, #red {
	color:#990000;
}
a.red, a#red {
	color:#990000;
}


/* tiny mce */

.tablestyle_grey{
	border-collapse:collapse;
	border:1px solid #9B9A98;
	margin:0;
	padding:0;
}
.tablestyle_grey td{
	border:1px solid #9B9A98;
	padding: 2px 5px 2px 5px;
}
.tablestyle_grey thead{
	background-color:#9B9A98;
	color:#B68A63;
	font-size:130%;
	font-weight:bold;
}
.tablestyle_grey thead td{
	padding:3px;
	margin:0;
	border:1px solid #F3E6D5;
}
.tablestyle_grey tfoot{
	background-color:#9B9A98;
	color:#B68A63;
	font-size:90%;
	font-weight:bold;
}
.tablestyle_grey tfoot td{
	padding:3px;
	margin:0;
}
.tablestyle_grey table td{
	border:0;
}

.picturetable{
	border:0;
	font-size:smaller;
}
.picturetable td{
	background-color:#C0C0BD;
	text-align:center;
	font-style:italic;
	padding:3px;
	margin:3px;
}

.greyrow{
	background-color: #C6BEBD;
}

/* sitemap styles */

.sitemap {
	margin: 0;
}

.sitemap_top {
	margin: 5px 0 5px 10px;
}

.sitemap_level {
	margin: 5px 0 5px 20px;
}

/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}


textarea.mceEditor {
	width: 586px;
}

/* left column logos */
#sidelogos {
	background-color:#fff; 
	margin:0px;  
	width:209px;
	}
	
#sidelogos img {
	margin:5px 0 5px 0;
	}
#sidelogos h1 {
	font-size:18px;
	padding-top:20px;
	vertical-align: top;
	margin-top:-20px;
	}
.yellow_txt{
	color:#FDB813;
}