html, body {margin-top: 10px; padding: 0; }



body {font-family: Verdana, Helvetica, Arial,  Sans-serif; font-size: 12px; color: #000000; background-color:#5d88ba; text-align: center; }

img {border: 0px none;}

#page-container {width: 790px; margin: auto; text-align: left; background-color: #ffffff;    background-image: url('images/background/background.gif')
}
#page-container #galleryback {width: 790px; margin: auto; text-align: left; background-color: #ffffff;}

#main-nav { height: 30px; }
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px; }
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	}
#main-nav dt a:hover {
	background-position: 0 -30px;
}
#main-nav dt#home,
#main-nav dt#home a { width: 133px; background-image: url('images/nav/home.gif'); }

#main-nav dt#about,
#main-nav dt#about a { width: 133px; background-image: url('images/nav/about.gif'); }

#main-nav dt#meets,
#main-nav dt#meets a { width: 133px; background-image: url('images/nav/meets.gif'); }

#main-nav dt#clubmatters,
#main-nav dt#clubmatters a { width: 133px; background-image: url('images/nav/club_matters.gif'); }


#main-nav dt#howtojoin,
#main-nav dt#howtojoin a { width: 133px; background-image: url('images/nav/join.gif'); }

#main-nav dt#goodpractice,
#main-nav dt#goodpractice a { width: 133px; background-image: url('images/nav/good_practice.gif'); }

#main-nav dt#gallery,
#main-nav dt#gallery a { width: 133px; background-image: url('images/nav/gallery.gif'); }

#main-nav dt#memberssection,
#main-nav dt#memberssection a { width: 133px; background-image: url('images/nav/members.gif'); }

#main-nav dt#clubarticles,
#main-nav dt#clubarticles a { width: 133px; background-image: url('images/nav/club_articles.gif'); }

#main-nav dt#links,
#main-nav dt#links a { width: 133px; background-image: url('images/nav/links.gif'); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 133px; background-image: url('images/nav/contact.gif'); }

body.home dt#home,
body.home dt#home a,
body.about dt#about,
body.about dt#about a,
body.meets dt#meets,
body.meets dt#meets a,
body.clubmatters dt#clubmatters,
body.clubmatters dt#clubmatters a,
body.howtojoin dt#howtojoin,
body.howtojoin dt#howtojoin a,
body.goodpractice dt#goodpractice,
body.goodpractice dt#goodpractice a,
body.gallery dt#gallery,
body.gallery dt#gallery a,
body.memberssection dt#memberssection,
body.memberssection dt#memberssection a,
body.clubarticles dt#clubarticles,
body.clubarticles dt#clubarticles a,
body.links dt#links,
body.links dt#links a,
body.contact dt#contact,
body.contact dt#contact a

 {
	background-position: 0 -60px;
}



#content {margin-right: 150px; margin-left: 150px; line-height: 18px;}

#content-gal {clear: both;  }

#content .padding {padding:25px 25px 25px 25px;}

#content .padding-meets {padding: 25px 5px 25px 5px;}

h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	font-size: 17px;
	color: #934871;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
}


#content h3 {margin: 0; padding: 0;  font-size: 14px; color: #934871; }

#content p {margin: 0; padding: 0;  padding-bottom: 15px;}

#content a {color: #779e93; text-decoration: none; font-weight: bold;}

#content a:hover {color: #eec280;}


#sidebar-a {width:133px; float: left; line-height: 28px; }

#sidebar-b {width: 120px; float: right; } 



#sidebar-gal {width: 650px; float: right; padding-top: 5px; padding-bottom: 7px;}

#sidebar-gal h2 {margin: 0; padding: 5px;  font-size: 17px; color: #934871; text-align: left; display: inline;}



h1 {margin: 0; padding: 0; float: right; margin-top: 50px;}

.no-border td  {border-style: none;}

.no-border table {border-style: none;}

.no-border th {border-style: none;}


table, td, th
{ border-color: #cccccc; border-style: solid; font-size: 12px;}

table{ border-width: 0 0 1px 1px;  border-collapse: collapse; margin-right: auto; margin-left: auto;}

td, th {margin: 0; padding:5px; border-width: 1px 1px 0 0; text-align: left;}

#approach {color: #333333; font-size: 10px; text-decoration: none; padding: 10px; }

#footer {clear: both;  }

#footer a {color: #888888; text-decoration: none;}

#footer a:hover {color: #db6d16;}

#footer #altnav { float: right; text-align: right; background-color: #cccccc; }


div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

#gal {width:768px; height:470px; padding:10px; border:1px solid #333; background: #888; position:relative; }
#gal b.default {
	position:absolute;
	left:65px;
	top:11px;
	width:419px;
	height:380px;
	text-align:center;
}
#gal b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gal b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gal ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gal ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gal ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gal ul li a span {display:none;}
#gal ul li a img {display:block; width:50px; height:50px; border:0;}
#gal ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gal ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:20;}
#gal ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gal ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gal ul li a:active, #gal ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gal ul li a:active b, #gal ul li a:focus b {position:absolute; left:65px; top:11; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gal ul li a:active span, #gal ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gal ul li a:active img, #gal ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}