/***** Styles for display with standard computers, "SCREEN" *****/


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


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





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


/* Most general styles, *, BODY */

* {     /* A catchall just in case */
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

body {
  color: #000000;
  background-color: #e5e5e5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1em;
  text-align: left;
  margin: 0 0 5px 0;
}


/* PARAGRAPH styles */

p { margin: 15px 0;}

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

#content p:first-letter {
  font-size: 1.25em;
  font-weight: 600;
}


/* LINK styles */

a {
  color: #5d7cba;
  background-color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #5d7cba;
}

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

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

.skiplink { display: none; }


/* HEADING styles */

h1 {     /* This should be the only H1 on each page */
  color: #5d7cba;
  background-color: inherit;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2em;
  /*font-size: 3em;*/     /* Old size in case I want to go back */
  font-weight: 900;
  margin: 0 0 0 0;
  display: table-cell;     /* Containing <div> must be declared display:table for this to work */
  vertical-align: middle;
  text-decoration: none;
}

h2 {
  color: #5d7cba;
  background-color: inherit;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 700;
  margin: .5em 0 .5em 0;
  text-decoration: none;
}

h3 {
  color: #5d7cba;
  background-color: inherit;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  margin: .5em 0 .5em 0;
  text-decoration: none;
}

h4 {
  color: #5d7cba;
  background-color: inherit;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.15em;
  font-weight: 500;
  margin: .5em 0 .5em 0;
  text-decoration: underline;
}

h5 {
  color: #5d7cba;
  background-color: inherit;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  font-style: italic;
  margin: .5em 0 .5em 0;
  text-decoration: none;
}

#content img {
  border: none;
  margin: 5px 10px 10px 5px;
  float: right;
}

#content img.screenshot {
  float: none;
  margin: 0 0 0 0;
}

/* LIST styles */

ul {
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  list-style-type: disc;
}

ul ul { list-style-type: circle; }

ul ul ul { list-style-type: square; }

ol {
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  list-style-type: decimal;
}

ol ol { list-style-type: lower-alpha; }

ol ol ol { list-style-type: lower-roman; }

li {
  margin: 0 0 0 3em;
  padding: 0 0 0 0;
}


/* SWF styles */

div.swfcont {
  margin-left: 0px;
  padding-top: 25px;
}


/* RESUME styles */

span.resumejobtitle { text-decoration: underline; }
span.resumeemployer { font-weight: 800; }
span.resumelocation { font-style: italic; }


/* Special text styles */
.nonenglish {font-style: italic; }

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




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

div#banner {
  position: relative;
  left: 10px;     /* For page margin */
  top: 5px;     /* For page margin */
  height: auto;
  width: 100%;
  min-width: 550px;     /* Prevent the banner from overflowing onto the body text */
  overflow: hidden;
  display: table;     /* Will allow vertical centering of the contained <h1> */
  color: #5d7cba;
  background-color: #fff1df;
  margin: 0 0px 0 0;
  padding: 10px 0px 10px 10px;
}

div#banner2 {
  position: relative;
  left: 0px;     /* For page margin */
  top: 0px;     /* For page margin */
  height: auto;
  width: 100%;
  min-width: 550px;     /* Prevent the banner from overflowing onto the body text */
  overflow: hidden;
  display: none;     /* Will hide while on screen. To be shown while printed */
  color: #5d7cba;
  background-color: #ffffff;
  margin: 0 0px 0 0;
  padding: 0px 0px 0px 0px;
}

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





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

div#sitenavcont {
  width: 100%;     /* Same as banner */
  height: auto;
  position: relative;
  left: 10px;     /* Left white space */
  top: auto;
  margin:  0 0 0 0;
  overflow: hidden;
  padding: 0 10px 0 0;
  font-weight: 800;
  float: left;
  clear: none;
  color: #fff1df;
  background-color: #5d7cba;
  z-index: 15;
}

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

#sitenavcont ul li {
  display: inline;
}

#sitenavcont ul li a {
  padding: 7px 15px;
  color: #fff1df;
  background-color: #5d7cba;
  text-decoration: none;
  float: left;
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #ffc77f;
}

#sitenavcont ul li a:hover {
  color: #5d7cba;
  background-color: #fff1df;
}

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

#sitenavcont ul li a.currentpage {     /* Highlights current location */
  color: #5d7cba;
  background-color: #fff1df;
}

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





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

div#pagenavcont {
  width: 200px;     /* SITENAV indent same as this */
  height: auto;
  position: relative;
  left: 10px;     /* Left white space */
  top: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: 600;
  font-size: 90%;
  float: left;
  color: #fff1df;
  background-color: #5d7cba;
  z-index: 10;
}

#pagenav {
  color: #5d7cba;
  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: 3px 0 3px 15px;
  color: #5d7cba;
  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: #5d7cba;
}

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

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

ul#pagenav li a.currentpage { 
  color: #fff1df;
  background-color: #5d7cba;
}

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

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





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

div#content {
  width: auto;
  min-height: 550px;
  margin: 0 0px 10px 10px;     /* Keep text out from behind scrollbar, and have a nice margin without it */
  padding: 0 0px 5px 215px;
  /*padding: 0 180px 5px 215px;*/     /* In case I want to restore the right margin */
  position: relative;
  left: 0px;
  top: 0;
  color: #000000;
  background-color: inherit;
  z-index: 5;
}

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





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

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

div#search {
  text-align: center;
  margin: 10px 0 25px 0;
}

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

#footer a {
  font-weight: 600;
}

#footer li {
  display: inline;
	border-left: 1px solid #000000;
	padding: 0 5px 0 10px;
	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 validator pictures should be the only ones here */
  vertical-align: middle;
}


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

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

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





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

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

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





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

div.areacont {
  width:96%;
  min-width: 780px;
  height: auto;
  position: relative;
  top: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

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