/* Layout Styles */

body	{
	font-family: Arial, Helvetica, sans-serif;
	background: #7AC043; /* page bg */
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
}

.subabout {
    background: #4d2265; /* purple page bg for about */
}

.subgetinvolved {
    background: #007dc3; /* blue page bg for get involved */
}

.subcalendar {
    background: #ee2e24; /* red page bg for calendar */
}
	
#container {
	width: 808px;
	border: 1px solid #fff;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: #7AC043; /* default green for programs and contact */
}

#containerabout {
	width: 808px;
	border: 1px solid #fff;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: #4d2265; /* purple div bg for about */
}

#containergetinvolved {
	width: 808px;
	border: 1px solid #fff;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: #007dc3; /*blue div bg for about */
}

#containercalendar {
	width: 808px;
	border: 1px solid #fff;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: #ee2e24; /* red div bg for about */
}

/* sets background images for left nav based on section */

.about{
	background: #fff url(images/Submenu_about_bottom.gif);
	height: 342px;
	width: 230px;
	margin: 0;
	padding: 0;
}

.contact{
	background: #fff url(images/Submenu_contact_bottom.gif);
	height: 342px;
	width: 230px;
	margin: 0;
	padding: 0;
}

.calendar{
	background: #fff url(images/Submenu_calendar_bottom.gif);
	height: 342px;
	width: 230px;
	margin: 0;
	padding: 0;
}

.getinvolved{
	background: #fff url(images/Submenu_getinvolved_bottom.gif);
	height: 342px;
	width: 230px;
	margin: 0;
	padding: 0;
}

.programs{
	background: #fff url(images/Submenu_programs_bottom.gif);
	height: 342px;
	width: 230px;
	margin: 0;
	padding: 0;
}

#leftside {
	float: left;
	width: 230px;
}

#rightside {
	float: right;
	width: 573px;
}

#events {
	float: right;
	width: 252px;
	margin: 0 4px 2px 4px;
	background: #ffc324;
}

#right-side-btns {
	float: right;
	width: 252px;
	margin: 0 4px 2px 4px;
}

div.spacer {
  clear: both;
}

#banner {
	padding: 0px;
	margin: 2px 2px 0px 2px;
	background-color: #7AC043;
	width: 804px;
}

#content {
	padding: 0px;
	margin: 0 2px 2px 2px;
	background-color: #FFF;
	width: 804px;
}

#footer {
	clear: both;
	padding: 10px 4px 10px 4px;
	text-align: center;
	margin-top: 0px;
	background: #FFF;
}

#helpernav {
	background: #fff;
	width: 100%;
	text-align: right;
	font-size: 11px;
	}
	
#helpernav ul {
	list-style-type:none;
	margin:0;
	padding:2px;
}

#helpernav li {
	display:inline;
	margin: 4px;
}

/* positioning for auction thumbnails */
div.floatsmall {
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px dashed #818284;
  border-top: 0px solid #80A1B6;
  height: 140px;
  width: 140px;
  text-align: center;
}

div.dash {
	border: 1px #999 dashed;
	width: 560px;
	margin: 5px;
}

/*  Typography */
	
h1, h2, h3, h4, h5, h6	{
	font-weight: bold;
	margin-top: 10px;
	color: #1384CA;
	letter-spacing: 1px;
	}
	

h1	{
    margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
    font-size: 16px;      
    }

	
h2	{
    margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
    font-size: 14px;      
    }

h3	{
    margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
    font-size: 13px;    
    color: #7AC043;  
    }
    
p	{
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin: 10px;
	}
	
#events p	{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
    padding: 10px;
	border-bottom: 1px dotted #7AC043; 
	margin-top: 0px;
	}
	
ol {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-top: 0;
	margin-left: 30px;
	}
	
td	{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
	
#content ul {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-top: 0;
	margin-left: 20px;
	list-style: none;
	}
	
#leftnav ul {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin: 0;
	padding: 0;
}
	
#leftnav li {
	margin: 0 0 10px 20px;
	padding: 0;
}

#rightside li {
    list-style: disc;
}
	
#footer ul	{
	display: inline;
	font-size: 11px;
	}
	
#footer li	{
	display: inline;
	padding: 0 5px 0 0;
	}	
	
.cancelled {
	color: #999999;
	text-decoration: line-through;
}

.byline {
	color: #ee2e24;
	font-weight: bold;
}

.buttonspecial {
	border: 1px solid black;
	background: #FFFFCC;
	width: 200px;
	text-align: center;
}

.buttonspecialevent {
	border: 2px solid #999;
	background:  #FF0;
	width: 200px;
	padding: 20px;
	text-align: center;
	font-weight: bold;
}

.bio {
	border: 1px solid #666;
	padding: 2px;
}

.fieldlabel {
	text-align: right;
	font-weight: normal;
}

.fieldlabelreq {
	text-align: right;
	font-weight: bold;
}

.fieldlabelhd {
	text-align: left;
	font-weight: bold;
	background: #efefef;
}

/* General link coloring */
	
a:link, a:visited {
	font-weight : normal; 
	text-decoration : underline;
	color: #1384CA;
	}

a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #ee2e24;
	}

a:active {
	font-weight : normal; 
	text-decoration : underline;
	color: #1384CA;
}

/* nav links */
#leftnav a:link, #leftnav a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #fff;
	}

#leftnav a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #ffc521;
	}

#leftnav a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #fff;
}

#leftnav a.home {
	font-weight : bold; 
	text-decoration : none;
	color: #ffc521;
}
	
	
#banner a {
	text-decoration: none;
	border: 0;
	margin: 0;
	background: transparent;
}

#footer {
    	color: #1384CA;
}

a:link.nolink,a:visited.nolink,a:hover.nolink,a:active.nolink {
	text-decoration: none;
	border: 0;
}

/*  Hide */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

/*  Helpers */
	
.linewrap {
	font-weight: bold; 
	color: #c60; 
	font-size: 13px;
	}
	
.floatleft	{
	float: left;
	padding: 0;
	margin: 0px 15px 0 0;
	}
	
.floatright	{
	float: right;
	padding: 0;
	margin: 0px 0px 0 15px;
	}

/* 	special styles for dine&dart page */
h1.dinedartpage	{
    margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #ee2e24;
    font-size: 24px;      
    }	

h2.dinedartpage	{
    margin-left: 50px;
	margin-top: 5px;
	color: #1384CA;
    font-size: 18px;      
    }	

#dinedart p {
	padding: 0 50px 0 50px;
	}