@charset "utf-8";

/* CSS Document */



body {

	font-family:Verdana, Helvetica, sans-serif;

	font-size:small;

	background-attachment: fixed;

	background-image: url(images/backwash.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin: 0px;

}



table

{

/*    

border-top:thin solid #707068;

*/

}



td {

text-align:left;

vertical-align:top;

}



div.main {

width:700px;

height:auto;

margin-right:auto;

margin-left:auto;

border:1px solid gray;

background-color:white;

}



div.top {

clear:left;

}



div.bottom {

clear:left;

border-top:2px solid #9B1749;

border-bottom: 2px solid green;

background-color:#FFFFFF;

height: 20px;

}



div.left {

/*padding:1em;*/

width:120px;

float:left;

margin:0;

height:425px;

}



div.content {

/*margin-left:100px;*/

border-left:1px solid gray;

padding-left:1em;

padding-right:1em;

height:420px;

overflow:auto;

}

div.menuBox {

/*	background-color: #ccffcc; */

	float: right;

	width: 110px;

	display: none;

	visibility: hidden;

	text-align:left;

}

img.navImg {

	border-left: none;

	border-right: none;

	border-top: 1px solid #990033;

	border-bottom: 1px solid #990033;

	margin-top: 4px;

}

a.navlink {

	text-decoration: none;

/*	border-left: 2px dotted white; */

	font-size: 10pt;

	display: block;

	height: 20px;

	border-bottom: 2px solid #990033;

	margin-top: 2px;

	color: #990033;

	font-weight: bold;

}



a.navlink:hover{

	border-color: #006800;

	color: #006800;

/*	background-color:#ccff99;*/

}



a.navlink:active{

font-weight: bold;

color: white;

background-color: #006800;

}



hr.headUnder{

width: 100%;

background-color: #990033;

}



h2{

margin: 5px 10px 0px 0px;

display: block;

text-align: center;

color:#006800;

font-size: 13pt;

}



p.contentText{

display: block;

}



/* New Menu CSS */



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.suckertreemenu{

background-color: #990033;

height: 20px;

border-bottom: 2px solid green;

z-index: 20;

}



.suckertreemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

z-index: 20;

}



/*Top level list items*/

.suckertreemenu ul li{

position: relative;

display: inline;

float: left;

background-color: #990033; /*overall menu background color*/

}



/*Top level menu link items style*/

.suckertreemenu ul li a{

display: block;

width: 90px; /*Width of top level menu link items*/

padding: 1px 8px;

border-right: 1px solid black;

border-left-width: 0;

text-decoration: none;

color: white;

font-weight: bold;

}

	

/*1st sub level menu*/

.suckertreemenu ul li ul{

left: 0;

position: absolute;

top: 1em; /* no need to change, as true value set by script */

display: block;

visibility: hidden;

z-index: 2;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{ 

left: 159px; /* no need to change, as true value set by script */

top: 0;

}



/* Sub level menu links style */

.suckertreemenu ul li ul li a{

display: block;

width: 160px; /*width of sub menu levels*/

color: white;

text-decoration: none;

padding: 1px 5px;

border-right: 1px solid black;

border-bottom: 1px solid black;

border-left: 1px solid black;

}



.suckertreemenu ul li a:hover{

background-color:#669933;

color: white;

}



/*Background image for top level menu list links */

.suckertreemenu .mainfoldericon{

background: #990033;

}



/*Background image for subsequent level menu list links */

.suckertreemenu .subfoldericon{

background: #990033;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

	

/* Holly Hack for IE \*/

* html .suckertreemenu ul li { float: left; height: 1%; }

* html .suckertreemenu ul li a { height: 1%; }

/* End */





/* End New Menu CSS */

.holePicture

{

    width: 60%;

    float: left;

    height: 350px;

    margin: 20px 2% 0 0;

    border: 1px dashed green;

    z-index: 1;

	text-align: center;

}



.chooserBar

{

    width: 35%;

    float: left;

    margin: 20px 0 0 0;

    height: 350px;

    border: 1px dashed green;

    text-align: left;

}



.chooserBar img

{

    margin: 5px;

}



.content ul

{

    list-style-image: url('images/bullet.jpg');

}



.content strong

{

    color: #006600;

}



.content a

{

    color: #990033;

    text-decoration: none;

    border-bottom: 1px dashed #990033;

}



.content a:hover

{

    border-bottom: 1px solid #990033;

}



.content ul.holes li a{

display: block;

height: 18px;

width: 22px;

border: 1px solid green;

margin: 2px;

padding-left: 5px;

color: white;

background-color: #990033;

}



.content ul.holes li a:hover

{

    background-color: #006600;

}

.homeNews{

border: 1px solid #990033;

float: right;

width: 290px;

margin-top: 10px;

height: 120px;

padding: 5px;

}



.homeNews H3{

margin: 0px 0px 5px 0px;

color: #006600;

font-size: 12pt;

}

ul.committee
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

ul.committee li
{
	width: 49%;
	float: left;
	border-bottom: 1px solid #008000;
	list-style-type: none;
	height: 120px;
	margin-bottom: 15px;
	list-style-image: none;
}

ul.committee li h4
{
	color: #990033;
	margin: 0px 0px 5px 0px;
}

ul.committee li h5
{
	color: #006800;
	margin: 0 0 5px 10px;
	float: left;
	width: 220px;
}

ul.committee li img
{
	float: left;
}

ul.committee li p
{
	float: left;
	margin-left: 10px;
	margin-top:0px;
}

div.calendar ul li
{
	margin-bottom: 3px;
	list-style-image: none;
	list-style-type: none;
}

div.calendar ul li span
{
	width: 100px;
	display: block;
	float: left;
}

div.calendar h4
{
	color: #990033;
	width: 100%;
	border-bottom: 1px solid #008000;
}