body { /* center page, green background, sets font to san serif */
  font-family: Arial, Helvetica, sans-serif;
	text-align: center;
  margin: 0;
	padding: 0;
	background-color: #53813B; 
	color: #000000;
}

.popup { /* body class changes background to yellow for popup pages */ 
	margin: 15px auto;
	background-color: #FEF492;
  vertical-align: middle; 
}
  
#container { /* div id - adds white page in center of green background */
	overflow: hidden;
	margin: 15px auto;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #00FFFFFF;
	padding: 0px;
	width: 850px;
}

#header { /* banner div id - displays top banner graphic */
	background:url(img/banner.png) no-repeat center;
	min-height: 155px;
	background-color: #53813B;
	margin-bottom: 0px;
	padding: 15px;
	
		height: 160px; /*for ie5 */
}

#header a { /* banner - make whole banner clickable */
  position: absolute;
  display: block;
  width: 100%;
  height: 155px;
}

#navbar { /* nav div id - adds red background under banner, outer padding for text */
	min-height: 30px;
	background-color: #831618;
	margin-bottom: 15px;
	padding: 8px;
}

#navbar ul { /* nav - orange text items centered with no spaces between lines */
	margin: 0;
	padding: 0;
	list-style-type: disc;
  text-align: center;
	color: #E59833;
}      

#navbar ul li { /* nav - bold orange text items list inline */
  display: inline;
	padding: .2em 1em; 
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E59833;
}

#navbar a { /* nav link - no underline, no color change */
  text-decoration: none;
  color: #E59833;
}

#navbar a:link { /* nav link - no underline, no color change */
  text-decoration: none;
  color: #E59833;
}

#navbar a:visited { /* nav link - no underline, no color change */
  text-decoration: none;
  color: #E59833;
}

#navbar a:hover { /* nav link - on hover change color to white to highlight, no underline  */
  text-decoration: none;
  color: #FFFFFF;
}

#navbar a.highlight { /* nav link class - highlight link in white to indicate current page being viewed */
	color: #FFFFFF;
}

#navbar a.highlight:hover { /* nav link class - highlighted link turns orange when pointed to */
	color: #FEF492;
}

#navbar p { /* nav - paragraph produces white dots across the length of the navigation bar */
	margin: 8px;
	padding: 0;
	text-align:center;
	border-bottom: 3px dotted #FFFFFF;
}

#binder { /* div id - needed to make columns end together at the bottom of the page */
	overflow: hidden;
}

#content { /* main column div id - leaves room for left and right column */
	padding: 0 15px 15px 15px;
	font-size: 15px;
	line-height: 140%;
	margin-left: 180px;
	margin-right: 180px;
}

#content h2 { /* main column - green title text, no line space before or after */
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #53813B;
	margin: 0;
	padding: 0;
}

#content h3 { /* main column - green paragraph heading text, no line space before or after */
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #53813B;
	margin: 0;
	padding: 0;
}

#content h4 { /* main column - black heading, no line space before or after */
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #000000;
	margin: 0;
	padding: 0;
}

#content p { /* main column - normal text with a line space after the paragraph */
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#content ul { /* main column - lists have a line space after them */
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

#content ul li { /* main column - list items are green and have a line space after each */
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
}

a { /* main column link - bold red text, no underline */
  text-decoration: none;
  font-weight: bold;	
	color: #831618;
}

a:link { /* main column link - no color change, no underline */
  text-decoration: none;
  font-weight: bold;	
	color: #831618;
}

a:visited { /* main column link - no color change, no underline */
  text-decoration: none;
  font-weight: bold;	
	color: #831618;
}

a:hover { /* main column link - on hover underline the text, no color change */
  text-decoration: underline;
  font-weight: bold;	
	color: #831618;
}

a.nav { /* main column and left column link class - green text */
 	color: #53813B;
 }

img {border-style: none;} /* remove all borders for all images */

.emphasis { /* main column span class - bold green text */
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.direction { /* main column span or p class - green text */
	color: #000000;
}

.red { /* main column span class - bold red text */
	color: #831618;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

table { /*  main column table - no border, green text, yellow background */
  border-collapse: collapse;
  border: 0px;
  font: normal 12px arial, helvetica, sans-serif;
  color: #53813B;
  background: #FEF492;
  width: 95%;
  }

td, th { /* main column table - make cell text center justified, pad cells */
  padding: .4em;
  text-align: center;
  }

#content td a { /* main column table link - green text, dashed underline */
  text-decoration: none;
  font: normal 12px arial, helvetica, sans-serif;
  text-align: left;
  color: #53813B;
  border-color: #53813B;
  border-bottom-width: 2px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: dotted;
  }

#content td a:hover { /* main column table link - on hover change to solid underline */
  text-decoration: none;
  font: normal 12px arial, helvetica, sans-serif;
  text-align: left;
  color: #53813B;
  border-color: #53813B;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  }
 
.odd { /* main column table tr class - change row background to cream  */
  background: #FEFBD3;
  }
  
.section { /* main column table th class - change cell background to white and text to red */
  background: #FFFFFF;
  color: #831618;
}

.left { /* main column table td class - make cell left justified */
  text-align: left;
}

label { /* main column - indented text of fixed width to align item to the right of it */
  float: left;
  width: 120px;
  font-weight: normal;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}

.boxes { /* main column input class - fixed width box with slight space below */
  width: 300px;
  margin-bottom: 5px;
}

#register { /* main column input button id - large size button with large bold text */
  margin: 15px 0 0 15px;
  width: 150px;
  height: 40px;
	font: bold 18px arial, helvetica, sans-serif;
}

#fFaceLyr { /* needed for programming */
background-color: #3399CC;
visibility: hidden;
}

#fSizeLyr { /*  needed for programming */
background-color: #3399CC;
visibility: hidden;
}

.styleNote { /* needed for programming */
	font-size: x-small;
	font-family:verdana;
	color: #831618;
}

#leftsidebar { /* div - left text column, vertical dot divider */
	border-right: 3px dotted #831618;
	margin: 0 15px -5000px 0;
	padding: 0px 15px 5000px 15px;
	float: left;
	width: 150px;
	text-align: center;
	font: 12px Verdana;
	line-height: 140%;
	color: #53813B;
}

#leftsidebar p { /* left column - bold red text with line space and dot divided after */
	font-weight: bold;
	border-bottom: 3px dotted #831618;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

#leftsidebar h3 { /* left column - red section title */
	font-family: Arial, Helvetica, sans-serif;
  color: #831618;
  margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

#rightsidebar { /* div - right column, vertical dot divider */
	border-left: 3px dotted #831618;
	margin: 0 0 -5000px 15px;
	padding: 0px 15px 5000px 15px;
	float: right;
	width: 150px;
	text-align: center;
	font: 12px Verdana;
	line-height: 140%;
	color: #53813B;
}

#footer { /* div - bottom of page, add curved corners, navigation and credits*/
	background:url(img/bottom.gif) no-repeat top;
	clear: both;
	border-top: 0px solid #FFFFFF;
	background-color: #53813B;
	padding: 25px;
	text-align: center;
	font: 12px Verdana;
	color: #FFFFFF;
	margin-top: 0px;
}

#footer ul { /* footer - center list */
	margin: 0;
	padding: 0;
 	text-align: center;
}      

#footer ul li { /* footer - orange text items list inline */
 	display: inline;
	padding: .2em .2em; 
	font: 12px Verdana;
	color: #E59833;
}
#footer a { /* footer link - yellow text, no underline */
  text-decoration: none;
	color: #FEF492;
	font-weight: normal;
} 

#footer a:link { /* footer link - no color change, no underline */
  text-decoration: none;
	color: #FEF492;
  font-weight: normal;
} 

#footer a:visited { /* footer link - no color change, no underline */
  text-decoration: none;
	color: #FEF492;
	font-weight: normal;
}

#footer a:hover { /* footer link - on haver change color to cream, no underline */
  text-decoration: none;
	color: #FEFBD3;
	font-weight: normal;
}