body {
	margin: 0px 0px;
	padding: 0px;
	min-width: 800px; /*N6 Fix if viewport is made less than width */
	background-color:#fff;
	color: #000;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

img.newsPage {
    align: right;
    padding: 3px;
}

div.clear {  /* to add 'something' to a container with a floated element */
	clear: both;
}


/*  layout
----------------------------------- */

#wrapper {
	width:800px;	
}

#branding {
	top:0px;
	width: 800px;
    height: 40px;	    
}

#mainNav {
	width: 800px;
	height: 25px;	
}

#colorBand {
    position: absolute;
    top: 55px;
    width: 800px;
    height: 130px;
    z-index: 0;
}

#contentContainer {
    width: 800px;  
}

#columnContent {
    position: relative;
	width: 550px;
	float: right;	
}

#columnSecondaryContent {
    position: relative;
	width: 250px;
	float: left;  	
}

#columnSubNav {
    position: relative;
    min-height: 100px;
}

#bannerPhotos {
    position: relative;
    width: 550px;
    padding-top: 30px;
}

#footer {
	clear: both;
	padding-top: 10px;
}




/* color band across top of page
   identified by the category name
----------------------------------- */

#colorBand.home {
    background: #8da526;    
}

#colorBand.place {
    background: #c63;    
}

#colorBand.program {
    background: #457d86;    
}

#colorBand.resource {
    background: #b25364;    
}

#colorBand.community {
    background: #8da526;    
}

#colorBand.contact {
    background: #777193;    
}

#colorBand.support {
    background: #fc3;    
}




/* character formatting
----------------------------------- */

#mainNav span.text { 
    position: absolute;
    top: 65px;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 20px 0px 20px;
}

#mainNav span.spacer { /* spacers between each piece of nav text */
    padding-right: 67px;
}

#contentText {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	padding-left: 20px;
	padding-right: 20px;	
}

#footer p {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 270px;
}

ul.secondaryNav li {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	margin-left: -20px;
    list-style: none;   
}

.pageTitle {
    padding-top: 40px;
    padding-left: 20px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;  
	color: #fff;
}

div.nameList { /*format for a list of names*/
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;    
}

div.classScheduleGroup {
    border: 1px dotted #c63;
    padding: 5px;

}

p.instructorDescription {
    font: italic 11px/18px Verdana, Arial, Helvetica, sans-serif;;

}

h1 {
    padding-top: 80px;
    padding-left: 20px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;  
	color: #fff;
}

h2 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-top: 20px;
}

h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -7px;
	text-transform: uppercase;
	color: #000;
}

h4 {
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

h5 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	color: #000;
	margin-bottom: -7px;
}





/* links
----------------------------------- */

a:link, a:visited		{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;	
}

a:hover, a:active {
	color: #c63;
	text-decoration: none;
	border-bottom: 1px dotted #c63;
}

ul.secondaryNav a:link, ul.secondaryNav a:visited		{
	color: #000;
	text-decoration: none;
	border-bottom: 0px;
	
}

ul.secondaryNav a:hover, ul.secondaryNav  a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

ul.secondaryNav a:link.currentPage, ul.secondaryNav a:visited.currentPage, ul.secondaryNav a:hover.currentPage, ul.secondaryNav a:active.currentPage		{
    font-weight: bold;
    color: #c63;
	text-decoration: none;
	border-bottom: 0;    
    
}

#mainNav a:link, #mainNav a:visited {
    color: #000;
    text-decoration: none;
	border-bottom: 0px;    
}

#mainNav a:hover, #mainNav a:active {
    color: #fff;
    text-decoration: none;
	border-bottom: 0px;	    
}

#mainNav a:link.currentPage, #mainNav a:visited.currentPage, #mainNav a:hover.currentPage, #mainNav a:active.currentPage		{
    color: #fff;
	text-decoration: none;
	border-bottom: 0;    
    
}

/* so the border doesn't show up on image links for certain browsers */
a:link.img, a:visited.img, a:hover.img, a:active.img {
	border-bottom: 0px;
}