/* CSS Cascading Style Sheet */

/*	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;
} 
#containerPlain {
	width: 760px;
	margin: 0 auto 0 auto;
	border: 1px solid black;
	text-align: left; 
	background: white;
} 


/*  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;
	float: left;
	top: 3px;
	left: 4px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #5F8700;
}

#pageTitle2 {
	padding: 5px 0px 5px 0px;
	font-size: 130%;
	font-weight: bold;
	color: brown;
}

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


#contentCms {
	font-size: 140%;
	padding: 20px;
}


#contentSize150 {			/* Holds the Page Content - fixed length */
	width: 756px;
	height: 445px;
	position: relative;
	left: 5px;
	font-size: 140%;
}

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

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

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

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

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

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

#content730 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 730px;
	position: relative;
	left: 2px;
}

#content750 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 750px;
	position: relative;
	left: 2px;
}

#content800 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 800px;
	position: relative;
	left: 2px;
}

#content900 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	height: 900px;
	position: relative;
	left: 2px;
}

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

#contentFlex {			/* Holds the Page Content - adjustable length */
	width: 756px;
	position: relative;
	left: 2px;
}

#contentFlex140 {			/* Holds the Page Content - adjustable length */
	width: 756px;
	position: relative;
	left: 2px;
	font-size: 140%;
}

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


/*  USER AUTHENTICATION BOXES */
#loginBox {
	text-align: left; font-family:tahoma, sans-serif; font-size:12px; 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px; 	/* padding keeps the content of the div away from the edges */
	/* remember that PADDING is the space inside  the div box     order:  top  right  bottom  left  
	             and MARGIN  is the space outside the div box 
	*/
	}
	
#loginBox h1   {text-decoration:none; text-align:left;  
				font-size:14px; font-weight:bold; font-family:arial}
				
#loginBox h2   {text-decoration:none; text-align:left;  
				font-size:10px; font-weight:bold; font-family:arial}
				
#loginBox .greyBox       
	{width:250px; 
	 text-align:left;  background:#EEEEEE;
	 padding:5px 0px 0px 0px; /* margin:0px 0px 0px 0px; */ 
	 border:1px solid #000000;   
}               




.linkedPhoto { border: none; }


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

/* Regular Sticky Note 
#stickyNote {
	position: relative;
	left: 0px;
	top: 0px;
	height: 213px;
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 110%;
	text-align: center;
	color: black;
	background-image: url('../images/stickynote.png');
}
*/

/* Christmas Sticky Note */ 
#stickyNote {
	position: relative;
	vertical-align: top;
	float: none;
	left: 0px;
	top: 0px;
	height: 282px;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 110%;
	text-align: center;
	color: black;
	background-image: url('../images/stickynoteLong.png');
}

#stickyNote h1 {
	vertical-align: top;
	margin: 0px 0px 6px 0px;
	padding: 10px 5px 0px 5px;
	font-size: 110%;
	text-align: center;
	color: brown;
}

#stickyNote p { 
	margin: 0px 17px 0px 17px;
	padding: 0px 00px 0px 0px; 
}

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


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.noborder {
	border: 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;
}

img.shadow {
	background: url(images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

img.double-border {
	margin: 2px 4px 2px 4px;
	border: 1px solid #B9B7B1;
	padding: 2px; 		/*Inner border size*/
	background: #fff; 	/*Inner border color*/
}

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: 700px;
	/* height: 398px; */
	/* color: #444; */
	/*  border: 1px solid black;  */
	margin: 5px 0px 0px 0px;
	float: left;
	font-size: 130%;
	color: black;
}

#calendarLeft h2 {
	font-size: 140%;
	font-weight: normal;
	border: 0;
	border-bottom: 1px solid #acace5;
	color: brown;
}


.promoHeading {
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #acace5;
	color: brown;
}

.eventHeading {
	font-size: 110%;
	font-weight: normal;
	border: 0;
	border-bottom: 1px solid #acace5;
	color: brown;
}


.eventFooter {
	padding: 0; margin: 0;
	font-weight: normal;
	border-bottom: 1px solid #acace5;
	color: brown;
}

#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;
}

.crumb { 
	font-size: 80%; 
	color: brown;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menuIndent { padding-left: 30px; }

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

.content140pad20 { 
	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%;
}