body{
background: #8EA0AE;
font: 12px Arial, Helvetica, sans-serif;
color: #333;
}

img{
border:0;
}

table {
border-collapse: collapse;
}

.watermark_top{
background: url(/images/top_shadow.jpg);
float:left;
width: 419px;
vertical-align:bottom;
height: 37px;
}

.header_top{
height:70px;
}

.left_glow{
background: url(/images/left_shadow.jpg) repeat-y;
width:19px;
}

.right_glow{
background: url(/images/right_shadow.jpg) repeat-y;
width:19px;
}

.logo{
text-align:left;
background:#fff;
height: 70px;
}

.logo a {
float: left;
width: 360px;
height: 60px;
padding: 10px 0 0 20px;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
}

.logo a h1 {
font: bold 18px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

.logo form {
margin: 0;
padding: 2px 0;
}

.header_right{
text-align: right;
background: #fff;
}

#imageContainer {
    width:802px;
    height:248px;
    overflow:hidden
}

.main_nav{
background: url(/images/nav_repeat.jpg) repeat-x;
}

.main_nav img{
margin: 0 19px 0 19px;
float: left;
}

.main_content{
background: #fff;
width: 760px;
padding:20px;
}

.latest_news{
float: left; 
width: 170px; 
padding:10px 10px 10px 0; 
font: 11px Arial, Helvetica, sans-serif; 
color:#999999;
}

.latest_news a{
color:#009786;
}

.latest_news a:hover{
text-decoration: none;
}

.events{
float: left; width: 170px; 
padding:10px 10px 10px 0;
font: 11px Arial, Helvetica, sans-serif; 
color:#999999;
}

.events a{
color: #0046C7;
}

.events a:hover{
text-decoration: none;
}

a.b_link {
color: #4f6f88;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

a.b_link:hover {
text-decoration: none;
}

#holder {
	width: 145px;
 	height: 100px;
 	overflow: hidden;
}

#homeRotatorContainer{
	width: 802px;
 	height: 248px;
 	overflow: hidden;

}

#homeRotatorContainer img {
	width: 802px;
 	height: 248px;
}

.rhsBox{
float: left; 
width: 170px; 
padding:10px;

}

.rhsBoxHeader{
border: 1px solid #B5B5AD;
background:#ccc;
text-align:center;
}

.rhsBoxText{
border: solid #B5B5AD;
border-width: 0 1px 1px 1px;
padding:10px;
font: 11px arial;
}

.rhsBoxText a{
color: #4F6F88;
text-decoration: underline;
}

.rhsBoxText a:hover{
color: #4F6F88;
text-decoration: underline;
}

.quicklinks{
padding:10px; 
background:#eeeeee;
}

.quicklinks a{
color:#0046C7;
text-decoration: underline;
}

.quicklinks a:hover{
text-decoration: none;
}


#sub_contents{
	float: left;
	background-color: #fff;
	width: 580px;
	min-height: 275px;
	height: auto !important;
	height: 275px;
	padding: 15px;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
                line-height: 1.4;
	color: #080808;
}

#sub_contents h1{
	font: bold 16px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

#sub_contents a {
	text-decoration: none;
	color: #4f6f88;
}

.footer, 
.footer a:hover{
font: 12px arial;
color: #fff;
text-decoration:none;
text-align: center;
}
.footer a{
text-decoration: underline;
color: #fff;
}

hr{
border: 2px solid #DAD7EC;
margin: 23px 0 0px 0;
}

/*Form Styles */

input{
font: 11px arial;
color: #666;
border: solid 1px #ccc;
}

#txt1, input.textbox {
font: 11px arial;
color: #666;
width: 110px;
border: solid 1px #ccc;
padding: 1px 3px;
}

#submit1, input.button{
padding: 2px 2px 2px 4px;
vertical-align: middle;
border: 0px;
}



h3, p.title{
font: bold 12px arial;
border: solid #DAD7EC;
border-width: 0 0 2px 0;
padding:0px;
margin:10px 0px;
}

p.title {
font-weight: normal;
}


.address{
font:11px arial;
color: #666;}

.dropHome{
width:147px;
font: 11px arial;
color:#444;
}

.dropMember{
width:300px;
font: 12px arial;
}

#homeForm{
padding:0 0 10px 0;}
/**** MENU AREA ****/
#menu_box{
	float: left;
	width: 190px;
	min-height: 275px;
	height: auto !important;
	height: 275px;
}

#menu {
	padding: 0 0 15px 15px;
	width: 160px;
}

#menu h2 {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
}

#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	padding: 5px 0 5px 0;	
}

#menu ul li a {
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin-left: 20px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}


/**** LHS MENU CLASSES ****/
#menu span.red, span.orange, span.blue, span.green, span.yellow {
	display: none;
}

#menu span.sky {
	display: block;
}

/**** REDorBLUE#1 *****/
td.line_red{
	background-color: #000099;
}
div.red{
	background: url(/images/menu_bg/bg_red.gif) repeat-x top left;
}
#menu ul.red li {
	background: url(/images/icons/b_red.gif) no-repeat left;
}



/**** ORANGEorGREEN ****/
td.line_orange{
	background-color: #00fe34;
}
div.orange{
	background: url(/images/menu_bg/bg_orange.gif) repeat-x top left;
}
#menu ul.orange li {
	background: url(/images/icons/b_orange.gif) no-repeat left;
}


/**** BLUEorBLUE#2 ****/
td.line_blue{
	background-color: #0046c7;
}
div.blue{
	background: url(/images/menu_bg/bg_blue.gif) repeat-x top left;
}
#menu ul.blue li {
	background: url(/images/icons/b_blue.gif) no-repeat left;
}


/**** GREENorTEAL ****/
td.line_green{
	background-color: #009786;
}
div.green{
	background: url(/images/menu_bg/bg_green.gif) repeat-x top left;
}
#menu ul.green li {
	background: url(/images/icons/b_green.gif) no-repeat left;
}


/**** YELLOWorNEWYELLOW ****/
td.line_yellow{
	background-color: #95ff01;
}
div.yellow{
	background: url(/images/menu_bg/bg_yellow.gif) repeat-x top left;
}
#menu ul.yellow li {
	background: url(/images/icons/b_yellow.gif) no-repeat left;
}

/**** SKY ****/
td.line_sky{
	background-color: #07C;
}
div.sky{
	background: url(/images/menu_bg/bg_sky.gif) repeat-x top left;
}
#menu ul.sky li {
	background: url(/images/icons/b_sky.gif) no-repeat left;
}

li.menu2 a{
     font: 11px arial;
     padding: 0px;
     margin: 0px;
}

li.menu2current{
     font: 11px arial;
     padding: 0px;
     margin: 0px;
}

#menu ul li.menu2{
padding:0px;
}

#menu ul li.menu2current{
padding:0px;
}

.current{
text-decoration: underline;
}

#menu ul.blue li.menu2{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
}

#menu ul.blue li.menu2current{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
      text-decoration: underline;
}



#menu ul.red li.menu2{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
}

#menu ul.red li.menu2current{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
      text-decoration: underline;
}


#menu ul.orange li.menu2{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
}

#menu ul.orange li.menu2current{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
      text-decoration: underline;
}

#menu ul.green li.menu2{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
}

#menu ul.green li.menu2current{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
      text-decoration: underline;
}
#menu ul.yellow li.menu2{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
}

#menu ul.yellow li.menu2current{
      background: none;
      margin-left: 15px;
      padding-left: 0px;
      text-decoration: underline;
}

/*SITE MAP*/


.sitemenu1{
text-transform: uppercase;
list-style-type: none;
font-weight: bold;
}

.sitemenu2{
list-style-type: circle;
margin: 2px 10px 2px 20px;
}

.sitemenu3{
list-style-type: square;
margin: 2px 10px 2px 40px;
}

.sitemenu4{
list-style-type: square;
margin: 2px 10px 2px 60px;
}

.sitemenu5{
list-style-type: square;
margin: 2px 10px 2px 80px;
}

.sitemenu6{
list-style-type: square;
margin: 2px 10px 2px 100px;
}

.sitemenu7{
list-style-type: square;
margin: 2px 10px 2px 120px;
}
.sitemenu8{
list-style-type: square;
margin: 2px 10px 2px 140px;
}



/* PAYMENT STYLES*/

.paynow hr{
border: 1px solid #DAD7EC;
margin: 0 0 5px 0;
}

.paynow h2{
margin:15px 0 0 0px;
font: bold 14px arial;
}

.newMember{
padding: 20px 0 0px 0;}

form input#txt2{
width:111px;
}


/* BOARD OF DIRECTORS STYLES*/

table.boardDirectors td {
padding:5px 0;
border-bottom:1px solid #000;
}
