/* CSS Cascading Style Sheet */

/* Rev002  02/10/09  Added style for pageHeadline				*/
/* Rev001  01/--/09  			 								*/
/*
  2 columns - wider main area with smaller right column	
		column names:  homeLeftCol, homeRightCol									

  2 columns - equal column widths							
		column names:  leftHalfCol, rightHalfCol							

*/

/*

#headertop {
	height: 55px;
	background: #8DA529 url(../images/headertop_gradient.gif) repeat-x;
}

#logomap {
	position: absolute;
	top: 0px;
	left: 0px;
} 

#logosign {
	position: absolute;
	top: 0px;
	left: 235px;
} 
							*/

/*
#content .gradient {
	font-size: 110%;
	font-weight: bold;
	height: 24px;
	margin: 0;
}  */




/*  margin: [TOP] [RIGHT] [BOTTOM] [LEFT]				*/


/*	color: #5F8700;  - Dark Green 						*/



/* Set all margins to zero */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 62.5%;
	background-image:url('../images/whiteBlue.jpg');
	background-repeat:repeat;

	/* background: url(../images/body_gradient.jpg); */
	/* background-repeat: repeat-x; */
}

/*  Set Liquid Font Sizes  */
/*  If a user changes his or her text size, the font sizes will remain proportional to each other. 	*/
/*  This will make sure text will be accessible to users who have different text size settings		*/

html { font-size: 100%; }

/*  CONTAINER DIV  */
/*  Set the maximum width for the page layout and positions everything inside it */
/*		auto will center the container on the page	*/
#container {
	width: 760px;
/*	height: 605px; */		
	margin: 0 auto 0 auto;
	border: 1px solid black;
	text-align: left; 
	background: #F0E9D9;
} 


/*  HEADER DIV  */
/*  background: [COLOR] [URL] [REPEAT] [POSITION]  */
/*  background:  #FFF sets a default color in case the gif does not load  */
#header {
	width: 756px;
	position: relative;
	top: 2px;
	left: 2px;
}

#logo {
	width: 756px;
	height: 82px;
}

#logopromo {
position: relative;
top: -82px; left:565px;
}


#navbar {
	height: 25px;
	background: #749046 url(../images/navbar_gradient.gif) repeat-x;
}

#pagetitle {
	height: 30px;
	background: url(../images/pagetitle_gradient.gif) repeat-x;
}

#pageTitleText {
	font-size: 200%;
	position: relative;
	top: 3px;
	left: 4px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #5F8700;
}

#content {			/* Holds the Page Content - fixed length */
	width: 756px;
	height: 445px;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}


#content120 {			/* Holds the Page Content - fixed length */
	width: 756px;
	height: 445px;
	font-size: 150%;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}


#content525 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 525px;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}


#content570 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 570px;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}

#contentLong {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 600px;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}


#content700 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 700px;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}

#content1200 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 1200px;
	position: relative;
	left: 2px;
	background: #F0E9D9;
}


#footer {
	position: relative;
	left: 2px;
	height: 35px;
	width: 756px;
	font-size: 90%;
	top: 8px;
	text-align: center;
	color: #5F8700;
}


/*
#footer {
	position: relative;
	left: 2px;
	height: 20px;
	width: 756px;
}
#footertext {
	font-size: .9em;
	position: relative;
	top: 8px;
	text-align: center;
	color: #5F8700;
}
*/


td.printHeading
	{ 
	text-align: right;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	/* font-size: 90%; */
	}
td.printData
	{ 
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	/* font-size: 90%; */
	}



/*																*/
/*		SINGLE COLUMN on a page									*/
/*																*/
/*  742 page width
/*   20px margin on left/right */

#singleCol {
	width: 736px;
	margin: 10px;
	float: left;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	/* border: 1px solid red; */
}

/* =============================================================*/
/*																*/
/*   HOME PAGE layout											*/
/*																*/
/* =============================================================*/
#homeLeftCol {
	width: 485px;
	height: 398px;
	margin: 5px;
	float: left;
	font-size: 120%;
	color: #444;
	/*  border: 1px solid black;  */
}

#homeRightCol {
	width: 250px;
	height: 398px;
	margin: 0px 2px 0px 5px;
	float: right;
	padding: 0px 0px 0px 0px;
	color: #444;
	/* border: 1px solid orange; */
}
#homeRightCol p {
	padding: 0px 0px 0px 0px;
}



/*  Allowed boxed regions in this area  */
#homeRightCol .box {
	margin-top: 3px;
	border: 1px solid #AAA;
	background: #DCDCDC;
	color: #333333;
	padding: 4px;
}



/* =============================================================*/
/*																*/
/*   COLUMNS pages with LEFT and RIGHT columns of equal size	*/
/*																*/
/* =============================================================*/
#leftHalfCol {
	width: 331px;
	height: 378px;
	margin: 0;
	float: left;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	/* border: 1px solid black; */
	padding: 5px 5px 0 5px;
}

#rightHalfCol {
	width: 331px;
	height: 378px;
	margin: 0;
	float: right;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	/* border: 1px solid red;  */
	padding: 5px 5px 5px 0px;

}

#rightHalfCol h1, h2, h3 {
	color: brown;
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #acace5;
	margin: 0;
	padding: 0;
}

#rightHalfCol .gpsH1 {
	color: brown;
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #acace5;
	margin: 0;
	padding: 0;
}

/* =========================================
			   COLUMN STYLE 3
   =========================================

   |              |                     |
   |  style3Left  |       style3Right   |					
   |              |                     |
   |------------------------------------|
   |                                    |
   |         style3Bottom               |			
   |                                    |
=============================================*/
#style3Left {
	width: 240px;
	margin: 0;
	float: left;
	text-align: left;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 5px 10px 0px 5px;
}

#style3Right {
	width: 465px;
	margin: 0;
	float: left;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 5px 5px 0px 10px;
}

#style3Bottom {
	width: 732px;
	margin: 0;
	float: left;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0px 10px 0px 5px;
}


/* =========================================

			   COLUMN STYLE 4
   =========================================

   Left and Right columns are equal width
   |                |                 |
   |   style4Left   |   style4Right   |					
   |                |                 |
   |----------------------------------|
   |                                  |
   |         style4Bottom             |			
   |                                  |
=============================================*/
#style4Container {
	margin: 0px 10px 0px 10px;
	color: #444;
	/* border: 1px solid red; */
}

#style4Left {
	width: 290px;
	margin: 0px 0px 0px 25px;
	float: left;
	text-align: left;
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 5px 10px 0px 5px;
}

#style4Right {
	width: 330px;
	margin: 0;
	float: left;
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 5px 5px 0px 10px;
}

#style4Bottom {
	margin: 0px 0px 0px 0px;
	width: 710px;
	float: left;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0px 10px 0px 5px;
}




.cmstable
{	height:20px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	/* border:1px solid #98bf21; */
}




/*	Using the clear property in CSS "cuts off" all hanging floating elements ready for a 
	full width column for all text proceeding that div										*/
.clear {
	clear: both;
}

.nomargin {
	margin: 0;
}

/*  MENU  STYLE  */

/* Use a list to display the menu  */

/* clear the default way that a browser handles lists  */
ul#menu {
	margin: 5px 0 5px 0;
	padding: 0;
}
ul#menu li {
	margin-bottom: 4px;
	list-style-type: none; /* removes the bullet point */ 
}

/*  Set the style for the <a> tag in the lists to be BLOCK  */
/*  This will set the tag so the user can just mouseover the block to activate the link  */
/*  instead of having to put the mouse on the link  */
ul#menu li a:hover {
	background-color: #7071ec;
	color: #FFF;
}



/* =============================================================*/
#content h1 {
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 2px dotted #acace5;
	color: brown;
}
#content h2 {
	font-size: 140%;
	font-weight: normal;
	border-bottom: 1px solid #acace5;
	margin: 0;
	color: brown;
}

#homeRightCol h2 {
	font-size: 130%;
	color: brown;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#content h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: brown;
}


#style3Left h2 {
	font-size: 140%;
	font-weight: normal;
	border: 0;
	color: brown;
}

#style3Right h2 {
	font-size: 140%;
	font-weight: normal;
	border: 0;
	color: brown;
}

#style3Bottom h2 {
	font-size: 140%;
	font-weight: normal;
	border: 0;
	color: brown;
}



a:link 		{ color: #73553a; }
a:visited 	{ color: #73553a; }
a:active 	{ color: #73553a; }
a:hover 	{
	color: #95022c;
	border-bottom: 1px dotted;
	text-decoration: none;
}



img.border {
	margin: 0px 5px 0px 5px;
	border-style: double;
	border: #B9B7B1 3px;
}


img.left {
	float: left;
	margin: 0 5px 0 0;
	border-style: double;
	border: #B9B7B1 3px;
}

img.right {
	float: right;
	margin: 0 0 0 5px;
	border-style: double;
	border: #B9B7B1 3px;
}

blockquote {
	margin: 0;
	padding: 0;
	margin: 10px;
	font-style: italic;
	border: #D9D785 1px dashed;
	background: #ECE29F;
	font-size: 1em;
	color: #5F8700;
}


.menuQuote {
	margin: 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-size: 100%;
	color: #5F8700;
}


/* ==========   CONTACT  US   ============== */
#contactLeft {
	font-size: 120%;
	width: 200px;
	height: 398px;
	margin: 10px 0px 0px 10px;
	float: left;
	color: #444;
	/*  border: 1px solid black;  */
}

#contactRight {
	font-size: 120%;
	width: 500px;
	height: 398px;
	margin: 10px 15px 10px 5px;
	float: right;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid orange; */
}

.errormsg {
	font-size: 120%;
	color: #444;
}

.musicDate {
	position: relative;
	left: 5px;
}
.musicTime {
	position: relative;
	left: 25px;
}

#calendar {
	margin: 0px 5px 0px 5px;
}

.calRtHeader {
	font-weight: bold;
}


/* Calendar page has two columns

	710 columns wide	480 / 230
						460 / 250
*/

#calendarLeft {
	width: 470px;
	height: 398px;
	margin: 5px 0px 0px 0px;
	float: left;
	font-size: 100%;
	color: #444;
	/*  border: 1px solid black;  */
}

#calendarRight {
	width: 260px;
	height: 398px;
	margin: 5px 0px 0px 5px;
	font-size: 100%;
	float: right;
	color: #444;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid orange; */
}

#calendarRight p {
	margin: 5px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px;
	border-bottom-color:brown;
}

.tquote {
	font-size: 1em;
	margin: 0px 0px 0px 10px;
	color: brown;
}

.tauthor {
	font-size: .9em;
	margin: 0px 0px 10px 150px;
	color: #444;
	font-style: italic;
}

.font080 { font-size: 80%; }
.font110 { font-size: 110%; }
.font120 { font-size: 120%; }
.font140 { font-size: 140%; }

.ident25 { margin-left: 25px; }


.maroon { color: #734234; }
.brown { color: brown; }
.red { color: red; }

.bold { font-weight: bold; }

#windvane {
	left: 40px;
	top: 5px;
}

#news {

position: absolute;
visibility: visible;
top: 50px;
left: 50px;
height: 100px;
width: 150px;
/* z-index: 10; */
clip: rect(0px, 100px, 60px, 0px);
border-width: 0px;
padding-top: 0px;

}


.plainHead h1 h2 h3 {
	color: maroon;
	font-size: 150%;
	font-weight: bold;
	border: 0;
	margin: 0;
	padding: 0;
}

.plainHead h2 {
	font-size: 130%;
}

.plainHead h3 {
	font-size: 100%;
}