
body {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: small;
	color: #50697b;
	background: #d9e6ed url(../images/bodyBG.jpg) repeat-x top left;
	text-align: left;
}

A:link, A:visited
{
	color: #9C0e0C;
	text-decoration: none;
}
A:hover
{
	color: #D5BF4F;
	text-decoration: none;
}

hr 
{
	border: none 0; 
	border-top: 1px dashed #808080;/*the border*/
	width: 90%;
	height: 1px;
	
}

h1
{
	text-decoration:none;
	font: bold x-large Helvetica, Arial, sans-serif;
	//font-variant: small-caps;
	letter-spacing: 0.1px;
	//margin-top: 5px;
	margin-bottom: 2px;
	color: #50697b;
	text-align: left;
}
h2
{
	text-decoration:none;
	font: bolder large Helvetica, Arial, sans-serif;
	//font-variant: small-caps;
	letter-spacing: 0.1px;
	//margin-top: 5px;
	margin-bottom: 2px;
	text-align: left;
}
h3
{
	text-decoration:none;
	font: bolder medium Helvetica, Arial, sans-serif;
	//font-variant: small-caps;
	letter-spacing: 0.1px;
	//margin-top: 5px;
	margin: 0px;
	text-align: left;
}

/*Error*/
div.error
{
   color: #000000;
   text-align: center;
   margin: 0 auto;
   font-size: small; 
   font-family: tahoma, serif; 
   border: thin solid #de3c10; 
   width: 400px; 
   height: 50px; 
   background-color: #ffebef; 
   padding: 0.5cm;
}
div.success
{
   color: #020065;
   text-align: center;
   font-size: small; 
   font-family: tahoma, serif; 
   border: thin solid #020065; 
   width: 400px; 
   height: 50px; 
   background-color: #d6dfe7; 
   padding: 0.5cm;
}

#pagewrap
{
	width: 760px;
	margin: 2px auto;
	border-left: solid 10px #a1bbc8;
    	border-right: solid 10px #a1bbc8;
    	border-bottom: solid 10px #a1bbc8;
    	background: #acc2ce;
	
}

#header
{
	width: 760px;
	height: 125px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/header.jpg) no-repeat top left;
	border-left: solid 10px #708b9c;
    border-right: solid 10px #708b9c;
}

#login
{
	position:absolute;
	right: 5px;
	bottom: 5px;
	font-size: x-small; 
	font-family: tahoma, serif; 
	text-align: left;
	color: #ffffff;
}

#nav 					
{ 
	float:left;    
	position:relative;
    	overflow:hidden;
	margin:0; 
	padding:0;
	background-color:#9bb1be;
	width: 760px;
	border-bottom: solid 1px #708b9c;

	
}

#nav li 				
{	
	display:inline; 
	padding:0;margin:0;		
}

#nav a:link,
#nav a:visited 
{
	color:#50697b;
	background:#9bb1be;
	padding:10px;
	float:left;
	width:auto;
	/*border-right:1px solid #fff;*/
	border-bottom: solid 5px #9bb1be;
	text-decoration:none;
	font: bold 13px Helvetica, Arial, sans-serif;
	letter-spacing: 0.1px;
	
}

#nav a:hover 
{
	color:#fff;
	background:#1a00ac;
	border-bottom: solid 5px #fff;
}

#home #nav-home a,
#about #nav-about a,
#events #nav-events a,
#news #nav-news a,
#members #nav-members a,
#resources #nav-resources a, 
#results #nav-results a, 
#classifieds a #nav-classifieds a 
{
	background:#e35a00;
	color:#fff;
	border-bottom: solid 5px #9C0e0C;
	
}

#home #nav-home a:hover,
#about #nav-about a:hover,
#events #nav-events a:hover,
#news #nav-news a:hover,
#members #nav-members a:hover,
#resources #nav-resources a:hover,
#results #nav-results a:hover,
#classifieds #nav-classifieds a:hover
{
	background:#e35a00;
}

#nav a:active 
{
	background:#e35a00;
	color:#fff;
	border-bottom: solid 5px #708b9c;
}

#sliderwrap
{
    float:left;
    width:760px;        
    
    overflow:hidden;
    position:relative;
    left: 7px;
    right: 7px;
}

#memwrap5 {
	clear:left;
	float:left;
	width:760px;
	overflow:hidden;	 	
	background:#9bb1be;	/* column 5 background colour */

}
#memwrap4 {
	clear:left;
	float:left;
	width:760px;
	position:relative;
	right:20%;
	background:#9bb1be; /* column 4 background colour */
	border-right: 1px dashed #808080;
}
#memwrap3 {
	clear:left;
	float:left;
	width:760px;
	position:relative;
	right:20%;
	background:#9bb1be; /* column 3 background colour */
	border-right: 1px dashed #808080;
}
#memwrap2 {
	clear:left;
	float:left;
	width:760px;
	position:relative;
	right:20%;
	background:#9bb1be; /* column 2 background colour */
	border-right: 1px dashed #808080;
}
#memwrap1 {
	float:left;
	width:760px;
	position:relative;
	right:20%;
	background:#9bb1be; /* column 1 background colour */
	border-right: 1px dashed #808080;
}
#mem1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
	font-size: x-small;
}
#mem2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
	font-size: x-small;
}
#mem3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
	font-size: x-small;
}
#mem4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
	font-size: x-small;
}
#mem5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
	font-size: x-small;
}

#content {

	background:#9bb1be;
	width: 760px;
}

td.heading
{
	background-color: #e2e7ff;
	color: #000066;
	text-align: left;
	font-variant: small-caps;
	font-style: oblique;
	font-weight: bolder;
 	font-family: arial, sans-serif;
}
td.heading2
{
	background-color: #d7e3ef;
	color: #000066;
	text-align: left;
	font-variant: small-caps;
	font-style: oblique;
	font-weight: bolder;
 	font-family: arial, sans-serif;
}
td.titlerow
{
 color: #50697b;
 font-variant: small-caps;
 font-size: x-large;
 font-weight: bolder;
 font-family: arial, sans-serif;
 text-align: left;
 border-bottom: thin solid #50697b;
}
td.date
{
	color: #000066;
	text-align: right;
	font-size: xx-small;
	font-style: oblique;
	font-family: arial, sans-serif;
}
td.reports
{
 font-size: medium;
 font-family: arial, sans-serif;
 text-align: left;
 padding: 5px;
}

span.date
{
	color: #000066;
	text-align: right;
	font-size: xx-small;
	font-style: oblique;
	font-family: arial, sans-serif;
}

#footer {

	background:#000;
	color: #FFF;
	width: 760px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-variant: small-caps;
    font-size: small;
    font-weight: bold;
}

#headwrap3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#9bb1be; /* column 3 background colour */
}
#headwrap2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
	background:#9bb1be; /* column 2 background colour */
	border-right: 1px dashed #808080;
}
#headwrap1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	background:#9bb1be; /* column 1 background colour */
	border-right: 1px dashed #808080;
}
#head1 {
	float:left;
	width:29.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
}
#head2 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
}
#head3 {
	float:left;
	width:29.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
}


