@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }


body {
	background: url(images_i/bg.jpg) repeat-y #996600 top center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: center;
}

div#container {
	position:relative;
	width: 900px;  /* 900 */
	margin: 0 auto;
	text-align: left;
}

p.error {
	color:#990000;
}

input.error {
	border: #990000 3px solid;
}

a {
	color:#996600;
}

table td {
	vertical-align: top;
}


/* ---------------- */
/*    Ticker     */
/* ---------------- */

div#ticker {
	height: 25px; /* 30 - 5 */
	width: 880px; /* 900 - 20 */
	background-color: #3F641F;
	padding: 3px 10px 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ACC757;
}

div#ticker div#cnnbox{
position: relative;
width: 400px;
padding: 0;
border:none;
display: inline;
}

.cnnclass a{
text-decoration: none;
color:#ACC757;
}

div#ticker div#cnnbox div.rsstitle{ /*shared class for all title elements in an RSS feed*/
width: 400px;
font-weight: normal;
font-size: 12px;
margin: 0;
display: inline;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

div#ticker div#weather {
	float: right;
}

div#ticker div#weather span {
	font-size: 12px;
}

div#ticker div#flashMusic {
	float: right;
	margin-left: 10px;
}

/* ------------------------
         Header
---------------------------*/

div#header {
	position: absolute;
	top: 30px;
	width: 900px;
	height: 282px;
	background:url(images_i/header.png) no-repeat;
	z-index:4;
}

div#header h1 {
	position:absolute;
	top: 11px;
	left: 153px;
	width: 577px;
	height: 177px;
	background: url(images_i/groves-logo.png) no-repeat;
	text-indent: -9999px;
	z-index: 5;
}

/* ------------------------------
         Main Navigation
---------------------------------*/

div#navigation {
	position: relative;
	top: 180px;
	width: 220px;
	float: left;
	background: url(images_i/col-left.jpg) no-repeat top;
	z-index: 1;
}

div#navigation ul {
	list-style-type: none;
	margin: 120px 0 0 0;
}

div#navigation li a {
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	height: 35px; /* 45 */
	color: #2F521A; /* green */
	text-align: right;
	padding: 10px 20px 0 0;
	text-decoration: none;
}

div#navigation li a:hover {
	background:url(images_i/nav-active.png) no-repeat;
}

div#navigation li a.active {
	background:url(images_i/nav-active.png) no-repeat;
	color:#fff;
}

div#navigation div#links {
	text-align:right;
	padding: 20px;
	margin-top: 30px;
}

div#navigation div#links img {
	margin-bottom: 30px;
	border: none;
}

div#navigation div#links a {
	text-decoration: none;
}

/* ------------------------
         slideshow
---------------------------*/

#myGallery, #myGallerySet {
	width: 380px;
	height: 250px;
	z-index: 1;
	border: none;
	margin: 0 -20px 20px -20px;
}

#myGallerySet {
	width: 380px;
	height: 250px;
}


/* ------------------------
         news
---------------------------*/

div#news {
	top: 180px;
	position: relative;
	width: 260px;
	padding: 80px 20px 20px 20px;
	float: left;
	background: url(images_i/col-right.jpg) no-repeat top;
	z-index: 1;
	line-height: normal;
	font-size: 14px;
	text-align: left;
}

div#news h1 {
	font-weight: bold;
	font-style: italic;
	font-size: 22px;
	color:#996600;
	letter-spacing: 1px;
	background:url(images_i/rule.png) no-repeat bottom left;
	padding: 20px 0 13px 0;
}

div#news img {
	margin: 0 0 10px 0;
}

div#news ul {
	list-style-type:none;
}

div#news ul li {
	letter-spacing: normal;
	font-size: 14px;
	line-height:normal;
}

div#news ul li span.dates, div#news h2 {
	display: block;
	font-weight: bold;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3F641F;
	letter-spacing: 1px;
	padding: 15px 0 5px 0;
}

div#news ul li span.eventTitle {
	display: block;
	font-weight: bold;
	font-size: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}



/* ------------------------
         Main Area
---------------------------*/

div#mainArea {
	position: relative;
	float:left;
	width: 340px;  /* 380 minus 20+20 */
	background: url(images_i/col-mid.jpg) no-repeat top;
	padding: 50px 20px 0 20px;
	top: 180px;
	z-index: 1;
}

div#mainArea p {
	margin: 0 0 15px 0;
}

div#mainArea h1 {
	font-weight: normal;
	font-style: italic;
	font-size: 30px;
	color:#000;
	letter-spacing: 1px;
	padding: 20px 0 20px 0;
}

div#mainArea h2 {
	font-weight: normal;
	font-style: italic;
	font-size: 22px;
	color:#2F521A;
	letter-spacing: 1px;
	padding: 20px 0 10px 0;
}

div#mainArea h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 14px;
	color: #000000;
}

div#mainArea ul {
	margin: 0 0 0 25px;
}

/* ------ Main Area Calendar list ------*/

div#mainArea div#calendar ul {
	list-style-type:none;
}

div#mainArea div#calendar ul li {
	letter-spacing: normal;
	font-size: 16px;
	line-height:normal;
}

div#mainArea div#calendar ul li span.dates, div#mainArea div#calendar h2 {
	display: block;
	font-weight: normal;
	font-style: italic;
	font-size: 25px;
	color:#000;
	letter-spacing: 1px;
	padding: 15px 0 5px 0;
}

div#mainArea div#calendar ul li span.eventTitle {
	display: block;
	font-weight: bold;
	font-size: 25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3F641F;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}

/* ------ Main Area Form ------*/

div#mainArea form { padding-top: 20px; }
div#mainArea label, div#mainContent label span { display:block; padding-bottom: 10px; }
div#mainArea label { float: left; width: 100%; font-size: 14px; }
div#mainArea label span { float: left; width: 170px; text-align: right; }
div#mainArea fieldset input { margin-left: 20px; width: 370px; height: 25px; border: 1px solid #003366; }
div#mainArea fieldset input.file { border: none; }
div#mainArea fieldset textarea { margin-left: 20px; width: 370px; height: 300px; border: 1px solid #003366; }
div#mainArea fieldset select { margin-left: 20px; width: 370px; }
div#mainArea fieldset img { margin-left: 20px; }
div#mainArea fieldset { border: none; }
div#mainArea input { margin-left: 190px; width: 120px; }
div#mainArea label a { margin-left: 20px;  }
div#mainArea fieldset input.error, div#mainArea fieldset textarea.error, div#mainArea fieldset label.error { border: 3px solid #990000; }
div#mainArea fieldset input.checkbox { margin-left: 20px; width: 20px; border: none; }

/* ------------------------
         Members
---------------------------*/

div#mainArea div#members ul {
	list-style-type: none;
	margin-left: 20px;
}

div#members ul li {
	width: 250px;
	height: 180px;
	float: left;
	padding: 15px;
	background-color: #EFF4BC;
	margin: 5px;
}

div#members ul li img {
	padding: 0 0 10px 0;
	margin: 0;
	display: block;
}

div#members span.web {
	margin-top:10px;
}

div#members ul li a {
	margin: 5px 20px 0 0;
	padding: 2px 5px;
	background-color:#996633;
	color:#FFFFFF;
	border: 1px solid #663300;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

div#members ul li a:hover {
	background-color: #999966;
}

div#members span.title {
	font-size: 18px;
	color:#996600;
}

div#members span.name {
	display: block;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

div#members span.address {
	display:block;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 15px;
}

div#memDetail img {
	display: block;
	margin-bottom: 10px;
}

div#memDetail span.phone {
	display: block;
}