/* ========== Reset ========== */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td

{
		margin:0; 
		padding:0; 
		border:0; 
		outline:0; 
		outline:none; 
		background:transparent;
		
}

/* ========== General ========== */
body
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #fff;
	font-size: 0.875em;
	line-height: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-image: url(../images/bg.jpg);
	background-position:center; 
}


a { text-decoration: none; color: #5e8e0f; margin:0 0 0 0; } 
a:hover { text-decoration: none; color: #5e8e0f; }

p {   margin: 10px 0 10px 0px; }


h1, h2, h3, h4, h5 { margin: 0; padding: 0 }
h1 span, h2 span, h3 span, h4 span, h5 span { display: none; }
h1 { color:#771701; font-size: 1.5em; padding: 0 0 15px; }



#pageWidth
{
	position: relative;
	width: 1020px;
	text-align: left;
	margin: 0px auto;
	background-color: #fff;
	border: 0px solid #cc0000;
}

/* ------- Header /  -------- */
#header
{
	position: relative;
	width: 1020px;
	height: 89px;
	margin: 0px auto;
	border: 0px solid #cc0000;
	background-image: url(../images/toms-river-kiwanis-gray-bar.jpg);
	background-repeat: no-repeat;
}
#header span { display: none; }

/* ------- Top Menu -------- */
#nav
{

position: relative;
width: 1020px; 
height:23px;
margin: 2px auto 0px;
border: 0px solid #cc0000; 
z-index:600;

}




/* #menucont {  margin-top: 10px;  } */
/* #menucont a { text-decoration: none; color: #fff; margin: 0 20px 0 20px; } */
/* #menucont a:hover { text-decoration: none; color: #ccc; } */

/* ------- Green Header /  -------- */

#green-header
{
	position: relative;
	width: 1020px;
	height: 89px;
	margin: 0px auto;
	border: 0px solid #cc0000;
	background-image: url(../images/toms-river-kiwanis-green-bar.jpg);
	background-repeat: no-repeat;
}

#greenbarh3 { 
	position: relative;
	float: left;
	width: 350px;
	height: 40px;
	margin: 20px 0px 0px 40px;
	border: 0px solid #cc0000;
	font-family:arial;
	font-size: 28px;
    line-height: 40px;
	color:#fff;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}


/* ------- home page  -------- */

#green-header-hp
{
	position: relative;
	width: 1020px;
	height: 288px;
	margin: 0px auto;
	border: 0px solid #cc0000;
	background-image: url(../images/toms-river-kiwanis-hp-green-bar.jpg);
	background-repeat: no-repeat;
}

#greenbar-photo { 
	position: relative;
	float: right;
	width: 578px;
	height: 245px;
	margin: 20px 40px 0px 0px;
	border: 0px solid #cc0000;

}



#greenbar-copy { 
	position: relative;
	float: left;
	width: 319px;
	height: 150px;
	margin: 95px 0px 0px 60px;
	border: 0px solid #cc0000;
	font-family:arial;
	font-size: 20px;
    line-height: 22px;
	color:#fff;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}
#content-hp
{
	position: relative;
	width: 1020px;
	text-align: left;
	margin: 5px auto;
	background-color: #fff;
	border: 0px solid #cc0000;
}

#events-hp {   

	position: relative;
	width: 951px;
	height: 90px;
	margin:5px auto;
	text-align:left;
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;

}

#events-singles-hp {   

	position: relative;
	float: left;
	width: 220px;
	height: 35px;
	margin: 10px 0px 0px 10px;
	border: 0px solid #d7d7d7;
	border-left-color: #7dc2df;
	border-left-width: 1px;
}

#events-singles-hp-title { margin: 2px 0 0 5px; height: 12px;  font-size : 11px; font-weight:bold; border: 0px solid #d7d7d7; }
#events-singles-hp-date  {  margin: 0 0 0 5px; height: 12px; font-size: 9px; border: 0px solid #d7d7d7; }




#events-hp-title { 
	position: relative;
	float: left;
	width: 930px;
	height: 20px;
	margin: 5px 0px 0px 10px;
	border: 0px solid #cc0000;
	font-family:Georgia,serif;
	font-size: 14px;
    line-height: 18px;
	color:#6ebcdd;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}


/* ------- internal page content -------- */

#content
{
	position: relative;
	width: 1020px;
	text-align: left;
	margin: 5px auto;
	background-color: #fff;
	border: 0px solid #cc0000;
}

#col-1 { 

	position: relative;
	float: left;
	width: 107px;
	min-height: 400px;
	border: 0px solid #cc0000;

}

#col-1-calendar { 

	position: relative;
	float: left;
	width: 75px;
	min-height: 400px;
	border: 0px solid #cc0000;

}

#col-2 {  

	position: relative;
	float: left;
	width: 563px;
	min-height: 400px;
	border: 0px solid #cc0000;
}

#col-2-main-graphic { 

	position: relative;
	float: left;
	width: 563px;
	height: 156px;
	border: 0px solid #cc0000;

}

#col-2-main-graphic img { border: 0px solid #cc0000;  }

#col-2-main-copy { 

	position: relative;
	float: left;
	width: 563px;
	min-height: 200px;
	margin: 10px 0px 0px 0px;
	font-size: 0.875em;
	line-height: 1.5em;
	border: 0px solid #cc0000;
}

#col-2-main-copy	ul					{margin:5px 0 20px 20px; list-style:square;}
#col-2-main-copy	li					{padding:2px 0 2px 0;}


#col-2-main-calendar { 

	position: relative;
	float: left;
	width: 880px;
	min-height: 350px;
	margin: 10px 0px 0px 0px;
	font-size: 0.875em;
	line-height: 1.5em;
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
}

#col-2-main-calendar	ul					{margin:5px 0 20px 20px; list-style:square;}
#col-2-main-calendar	li					{padding:2px 0 2px 0;}


#events-calendar {   

	position: relative;
	float: left;
	width: 400px;
	margin: 10px 0px 0px 10px;
	height: 50px;
	border-bottom: 1px solid #d7d7d7;
	

}
#events-calendar-title { font-weight:bold;  }
#events-calendar-date {  font-size: 9px; }


#col-3 { 

	position: relative;
	float: left;
	width: 96px;
	min-height: 400px;
	border: 0px solid #cc0000;
}

#logos {   

	margin: 50px 0px 0px 10px;
	border: 0px solid #cc0000;

}


#events {   

	position: relative;
	float: left;
	width: 219px;
	min-height : 300px;
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;

}

#eventsh3 { 
	position: relative;
	float: left;
	width: 200px;
	height: 30px;
	margin: 0px 0px 0px 10px;
	border: 0px solid #cc0000;
	font-family:Georgia,serif;
	font-size: 22px;
    line-height: 40px;
	color:#6ebcdd;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}

#events-singles {   

	position: relative;
	float: left;
	width: 200px;
	margin: 10px 0px 0px 10px;
	height: 50px;
	border: 0px solid #d7d7d7;

}
#events-singles-title { font-weight:bold;  }
#events-singles-date {  font-size: 9px; }
/* ------- internal page content -------- */

#events-singles  a:link, #events-singles a:visited
{
	line-height: 11px;
	color: #333  !important;
	text-decoration: none;
}
#events-singles  a:hover { color: #333; text-decoration: underline }


/* ------- internal page adblocks -------- */
#bottom-blocks
{
	position: relative;
	float: left;
	width: 1020px;
	height: 124px;
	margin:5px auto;
	text-align:left;
	border: 0px solid #cc0000;
}

#bottom-blocks1
{
	position: relative;
	float: left;
	width: 311px;
	height: 124px;
	margin: 0px 10px 0px 35px;
	border: 0px solid #cc0000;
}

#bottom-blocks2
{
	position: relative;
	float: left;
	width: 311px;
	height: 124px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #cc0000;
}


#bottom-blocks3
{
	position: relative;
	float: left;
	width: 311px;
	height: 124px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #cc0000;
}
/* ------- internal page adblocks -------- */



/* ------- Race Divs -------- */


#race-left
{
	position: relative;
	float: left;
	width: 270px;
	margin: 0 0 20px 0;
	border: 0px solid #cc0000;
}
#race-right
{
	position: relative;
	float: left;
	width: 270px;
	margin: 0 0 20px 20px;
	border: 0px solid #cc0000;
}



/* ------- Race Divs -------- */



/* ------- footer bars -------- */
#block-spacer
{
	position: relative;
	float: left;
	width: 1020px;
	height: 13px;
	margin: 0px auto;
	border: 0px solid #cc0000;
}

#bottom-gray-bar
{
	position: relative;
	float: left;
	width: 1020px;
	height: 6px;
	margin: 0px auto;
	background-color: #cbcac9;
	border-bottom: 1px solid white;
}

#bottom-gray-bar-legal {  
	position: relative;
	float: left;
	width: 400px;
	height: 15px;
	font-size:  	0.75em;
	color: #fff;
	margin: 10px 0px 0px 35px;
	border: 0px solid #cc0000;
}

#bottom-gray-bar-links {  
	position: relative;
	float: right;
	width: 400px;
	height: 15px;
	font-size:  	0.75em;
	color: #fff;
	text-align: right;
	margin: 10px 30px 0px 0px;
	border: 0px solid #cc0000;
}

#bottom-gray-bar-links  a:link, #bottom-gray-bar-links a:visited
{
	line-height: 11px;
	color: #5f900d  !important;
	text-decoration: none;
}
#bottom-gray-bar-links  a:hover { color: #5f900d; text-decoration: underline }





#bottom-footer-bar
{
	position: relative;
	float: left;
	width: 1020px;
	height: 36px;
	margin: 0px auto;
	background-color: #3e3e3e;
	border: 0px solid #cc0000;
}



/* ------- footer bars -------- */


#bottom-footer-logo
{
	position: relative;
	float: left;
	width: 1020px;
	height: 57px;
	text-align: center;
	margin: 20px auto 0px;
	border: 0px solid #cc0000;
}





#toolbar ul {
float:left;
margin:0 10px 0 0;
position:relative;
width:450px;
border: 0px solid #ccc;
}
#toolbar ul li {
line-height:15.2px;
list-style-type:square;
margin:0 0 0 20px;
text-transform:lowercase;
}


#toolbar-fname { float:left;  width: 125px; margin: 0 0 20px 0; border: 0px solid #ccc; }
#toolbar-lname { float:left; width: 150px;  margin: 0 0 20px 0; border: 0px solid #ccc;}
#toolbar-foundation { float:left; width: 250px; margin: 0 0 20px 0;  border: 0px solid #ccc; }











.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


.errors { color: red; font-size: 10px; line-height: 12px; }
.hidden{display:none;}