body { margin: 0; padding: 0; color: #799144; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
p { color: #799144; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td  { color: #799144; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

#footer { color: #333; text-align: center; padding: 15px 0;}

/***  left menu  ***/
#nmenu { border-top: 5px solid #D3D067; border-bottom: 5px solid #D3D067; float: left; background: #D3D067; }

#nmenu ul, #nmenu li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

#nmenu ul{
position: relative; 
left: 0;
top: 0;
background: transparent url(../media/nav/nav.gif) top left no-repeat; /* general background for the menu */
width: 167px; height: 148px;
text-align: center;
overflow: hidden;
}

#nmenu li {
display: inline; /* correction for IE5 et IE5.5 */
}

#nmenu li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 18px;
width: 167px;
line-height: 20px;  /* height of line to avoind paddings */
color: #333;
text-decoration: none;
}

#nmenu li a:hover {
background:  url(../media/nav/nav.gif) top left no-repeat;
border: none;
}

#nmenu li span { display: none; }
								 /* move of background for each button */
#nmenu a#nav-about:hover { background-position: 0% -148px;}
#nmenu a#nav-membership:hover { background-position: 0% -166px;}
#nmenu a#nav-calendar:hover {background-position: 0% -184px;}
#nmenu a#nav-board:hover {background-position: 0% -202px;}
#nmenu a#nav-news:hover {background-position: 0% -220px;}
#nmenu a#nav-form:hover {background-position: 0% -238px;}
#nmenu a#nav-links:hover {background-position: 0% -256px;}
#nmenu a#nav-contact:hover {background-position: 0% -274px;}

#aboutus #nmenu a#nav-about, #aboutus #nmenu a#nav-about:hover {
background: url(../media/nav/nav.gif) 0% -148px no-repeat; }
#membership #nmenu a#nav-membership, #membership #nmenu a#nav-membership:hover {
background: url(../media/nav/nav.gif)  0% -166px no-repeat; }
#calendar #nmenu a#nav-calendar, #calendar #nmenu a#nav-calendar:hover {
background: url(../media/nav/nav.gif) 0% -184px no-repeat; }
#board #nmenu a#nav-board, #board #nmenu a#nav-board:hover {
background: url(../media/nav/nav.gif) 0% -202px no-repeat; }
#news #nmenu a#nav-news, #board #news a#nav-news:hover {
background: url(../media/nav/nav.gif) 0% -220px no-repeat; }
#form #nmenu a#nav-form, #form #nmenu a#nav-form:hover {
background: url(../media/nav/nav.gif) 0% -238px no-repeat; }
#links #nmenu a#nav-links, #links #nmenu a#nav-links:hover {
background: url(../media/nav/nav.gif) 0% -256px no-repeat; }
#contact #nmenu a#nav-contact, #contact #nmenu a#nav-contact:hover {
background: url(../media/nav/nav.gif) 0% -274px no-repeat; }

/* eof nav */

.card {
	float: left;   
	width: 148px;
	height: 112px;
	padding: 2px 0;
	text-align: center;	
    overflow: hidden;
	}
.card A IMG { border: 2px solid #238CBF; }
.card A:hover IMG {border: 2px solid #D3D067;}	

.card .card-title {
	margin: 0 0 3px 0;
	font-size: 130%;
	color: #003399;
	}

.card IMG{
	margin:0 auto; padding:0;
	}

.card .card-desc {
	margin: 5px 10px; padding:0;
	text-align: left;
	font-size: 100%;
	}



.detail { width: 580px;
	float: left;
	text-align: center;
	margin: 5px;
	padding: 0;
	line-height: 1.5em;
	}

	

.detail .card-title {
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #238CBF;
	}

.detail IMG{
	margin:0 auto; padding:0;
	border: 2px solid #238CBF;
	}

.detail .card-desc {
	margin: 5px 0; padding:0;
	text-align: left;
	font-size: 100%;
	color: black;
	}

.gnav { width: 520px; color: #238CBF; padding-bottom: 2px; font-weight: bold; text-transform: uppercase;}
.gnav A, .gnav A:visited { text-decoration: none; color: #238CBF; font-weight: bold;}
.gnav A:hover { text-decoration: underline; color: #799144; }

#gleft { float: left;}
#gright { float: right; }

.gfooter { text-align: center;  color: #238CBF; font-size: 10px; padding-bottom: 2px; font-weight: bold; text-transform: uppercase; }

.pgheader {  color: #238CBF; font-size: 15px; padding-bottom: 2px; font-weight: bold; text-transform: uppercase; }
.titles { color: #238CBF; font-size: 12px; }

.update { color: #7E7F80 }

.black { color: #000000 }
.blue { color: #238CBF }
.gray { color: #929292 }

.input_submit  { color: #203068; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; border: solid 1px white }
.input_login { color: #606060; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #D0CFCF; border: solid 1px #D0CFCF }

.input { color: #242424; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #DEDB7A; border: solid 1px white }
.input_email { color: #606060; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; border: solid 1px #D0CFCF }

.disc { color: #999999; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


/* links */

a:link { color: #799144; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a:visited { color: #799144; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a:hover { color: #799144; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

a.gray:link { color: #929292; }
a.gray:visited { color: #929292; }
a.gray:hover { color: #929292; }


a.black:link { color: #000000; text-decoration: none; }
a.black:visited { color: #000000; text-decoration: none; }
a.black:hover { color: #000000; text-decoration: underline; }

a.blue:link  { color: #238cbf; font-weight: bold }
a.blue:visited  { color: #238cbf; font-weight: bold }
a.blue:hover  { color: #238cbf; font-weight: bold }

a.disc:link { color: #999999; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.disc:visited { color: #999999; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.disc:hover { color: #999999; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

.navbuttons {border:none; padding-top:10px; padding-bottom:10px; padding-left:3; padding-right:3px;}