/***** Difference in styles for display with handheld computers, "HANDHELD" *****/


/***** Order of styles: BODY, BANNER, SITENAV, PAGENAV, CONTENT, FOOTER, AREACONT *****/


/***** Colors included:
*			 000000   black text
*			 b0b0b0   gray update copyright stats
*			 e5e5e5   gray page background
*      5d7cba   blue h1 h2 h4
*			 8b9bba   grayblue navbars
*      ffc77f   peach borders h3 h5
*			 fff1df   beige navbars banner
*****/





/***** Begin general styles *****/


/* Most general styles, *, BODY */

* { }

body {
  color: #000000;
  background-color: #ffffff;
}


/* PARAGRAPH styles */

p { margin: 15px 0;}

p#firstpar {
	padding: 0px 0 0 0;
}


/* LINK styles */

a { }

#content a:hover { }

#content a:active {
	border-bottom: 1px solid #ffc77f;
}

.skiplink { display: none; }


/* HEADING styles */

h1 {
  display: block;
}

h2 {
  margin: 0 0 .4em 0;
}

h3 {
  margin: 0 0 .4em 0;
}

h4 {
  margin: 0 0 .4em 0;
}

h5 {
  margin: 0 0 .4em 0;
}

#content img {
  margin: 15px 0px 10px 0px;
	float: left;
}


/* LIST styles */

ul {
  margin: 0 0 0px 0;
}

ul ul {
  padding: 0 0 0 15px;
}

ul ul ul {
  padding: 0 0 0 15px;
}

ol {
  margin: 0 0 0px 0;
}

ol ol {
  padding: 0 0 0 15px;
}

ol ol ol {
  padding: 0 0 0 15px;
}

li {
  margin: 0 0 0 1.5em;
}

/***** End general styles *****/




/***** Begin "BANNER" styles *****/

div#banner {
  left: 0px;
  top: 0px;
	color: #5d7cba;
  background-color: #fff1df;
	margin: 0 0px 0 0;
	padding: 0px 0px 0px 0px;
}

div#banner2 {
  display: none;
}

/***** End "BANNER" styles *****/





/***** Begin "SITENAV" styles *****/

div#sitenavcont {
  position: relative;
  left: 0px;
  top: 15px;
	padding: 15px 0px 0 0;
  clear: none;
	color: #fff1df;
	background-color: #ffffff;
}

#sitenavcont ul {
  padding: 0;
  margin: 0 0 20px 0;
  color: #fff1df;
  background-color: #8b9bba;
  float: left;
  width: 100%;
  font-family: Verdana, Arial, Sans-serif;
}

#sitenavcont ul li {
  display: block;
	margin: 0 0 0 0px;
}

#sitenavcont ul li a {
  padding: 5px 0px 5px 5px;
  margin-left: 0px;
	border-top: none;
	border-bottom: 1px solid #ffc77f;
	border-right: 1px solid #ffc77f;
}

#sitenavcont ul li a.firstlink {     /* Adds left border and indentation to align with right of PAGENAV */
  margin-left: 0px;
	border-top: 1px solid #ffc77f;
	border-left: 0px solid #ffc77f;
}

#sitenavcont ul li a.currentpage { }

/***** End "SITENAV" styles *****/





/***** Begin "PAGENAV" styles *****/

div#pagenavcont {
  width: 100%;
  height: auto;
  position: relative;
  left: 0px;
  top: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: 600;
  float: left;
	color: #fff1df;
  background-color: #ffffff;
  z-index: 10;
}

#pagenav {
  color: #8b9bba;
	background-color: #fff1df;
}

ul#pagenav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #ffc77f;
}

ul#pagenav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#pagenav li a { 
  display: block;
  padding: 5px 0 5px 15px;
  color: #8b9bba;
  background-color: #fff1df;
  text-decoration: none;
  overflow: hidden;
	border-bottom: 1px solid #ffc77f;
}

ul#pagenav li a {
  width:auto;
}

ul#pagenav li a:hover {
  color: #fff1df;
  background-color: #8b9bba;
}

ul#pagenav li.title {     /* Name of a group of links */
	padding: 5px 0 0px 15px;
	border-top: 0px solid #fff1df;
	margin-bottom: 0px;
}

ul#pagenav li.titlefirst a {     /* First link under group name */
	margin-top: 5px;
	border-top: 1px solid #ffc77f;
}

ul#pagenav ul ul{     /* Applies same styles as PAGENAV, plus 15px more indent */
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	font-size: 100%;
}

/***** End "PAGENAV" styles *****/





/***** Begin "CONTENT" styles *****/

div#content {
  width: 100%;
  margin: 15px 0px 10px 0px;     /* Keep text out from behind scrollbar, and have a nice margin without it */
  padding: 0 0px 5px 0px;
  position: relative;
  left: 0px;
  top: auto;
}

/***** End "CONTENT" styles *****/





/***** Begin "FOOTER" styles *****/

div#footer {
  width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	color: inherit;
	background-color: inherit;
	border-top: 2px dashed #8b9bba;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer ul {
  list-style-type: none;
}

#footer a {
  font-weight: 600;
	text-align: center;
}

#footer li {
  display: inline;
	border-left: 1px solid #000000;
	padding: 0 5px 0 5px;
	margin: 0;
}

#footer li#firstfootlink {     /* Adds border on left of first link */
  border-left: 0px solid #cccccc;
}

#footer a:link {
  text-decoration: none;
}

#footer a:hover {
  text-decoration: none;
	border-bottom: 1px solid #ffc77f;
}

#footer a:active {
  text-decoration: none;
	border-bottom: 1px solid #ffc77f;
}

#footer a:visited {
  text-decoration: none;
}

#footer img {     /* The W3C validator pictures should be the only ones here */
  vertical-align: middle;
	width: 80px;
	height: 15px;
}

p#copyright {
  color: #b0b0b0;     /* Makes it subtle, but visible */
	background-color: inherit;
  text-align: center;
}

p#lastupdate {
  color: #b0b0b0;     /* Makes it subtle, but visible */
	background-color: inherit;
	text-align: center;
}

/***** End "FOOTER" styles *****/





/***** Begin "STATS" styles *****/

div#stats {
  text-align: center;
  width: 100%;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	color: #b0b0b0;
	background-color: inherit;
	border-top: 0px dashed #8b9bba;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***** End "STATS" styles *****/





/***** Begin "AREACONT" styles *****/

div.areacont {
  width:100%;
	min-width: 90%;
	height: auto;
	position: relative;
	top: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/***** End "AREACONT" styles *****/