/* pea-gen.css gem basic bits                                       */
/*  Sun Feb 13 23:59:15 2005  - p.e.ahlquist                    */
/*  css released under Creative Commons ShareAlike License v1.0 */
/*      - http://creativecommons.org/licenses/sa/1.0/           */

/* std elements */

@import "default-w3c.css";

body {
	/* background: url(../art/el/wpr/Paper03.jpg) top left repeat; */
	background-color: #f3f4fb;
	font: 10pt/12pt sans-serif; /* users default in 8-16pt range */
	/* font-family: sans-serif; */
	/*border-top: 5px solid #f9fdff; *//* work around who? */
	/* font-family: "Trebuchet MS", "Bitstream Vera Sans",
	verdana, lucida, arial, helvetica, sans-serif; */
	padding-bottom: 25px;
	}

div#logo {
	background: url(../art/logo/proto.png) top left fixed no-repeat;
	}

p {
	margin-top: 0;
	margin-bottom: 0.5em;
	}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #B7A5DF;
	}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #D4CDDC;
	}

a:hover, a:active {
	text-decoration: underline;
	color: #9685BA;
	}

/* specific divs */

/* #container { } */

#content {
	color: #003;
	border:1px solid #ccc;
	margin: 1px 5px 10px 10px;
	padding: 1em;
	background-color: #f7f7f7;
	/*
	background-image: url(../art/el/wpr/Paper01.jpg);
  background-repeat: repeat;
	*/
	/*background-attachment: fixed;*/
	/* background-position: center; */
	}


#content p{
	margin: 0.2em 0em 1em 0em;
	}

#content p.center-lines {
	text-align: center;
	margin-top: 0;
	}

#content p.endnote {
	font: 80% sans-serif;
	margin-top: 0;
	margin-bottom: 0.8em;
	}

#content ul {
	margin: 0.1em 0em 1.5em 1em;
	padding: 0;
	}

#content li {
	margin: 0.1em 0em 0.2em 1em;
	padding: 0;
	}

/* list items w/ highligting */
#content li.grn {
	background-color: #f0fff0;
	}

#content li.yel {
  background-color: #ffffd0;
	}

#content li.org {
  background-color: #ffffa0;
	}
		

#content li.red {
  background-color: #ffd0d0;
	}
		

#content table, #content tr {
	width: 100%;
	}

#content td  {
	}


#content a:link {color: #17f;}
#content a:link {color: #06c;}
#content a:link {color: #0d50b3;}
#content a:visited {color: #049;}
#content a:link:hover {color: #073;}
#content a:visited:hover {color: #a36;}


#content #header { }

#content h1 {
	font: bold 200% sans-serif;
	letter-spacing: 0.15em;
	line-height: 180%;
	color: #226;
	vertical-align: middle;
	white-space: nowrap;
	margin-top: 1.5em;
	border-top: 1px solid #8F495D;
	border-right: 1px solid #8F495D;
	}

#content h2 {
	font: bold 150% sans-serif;
	letter-spacing: 0.2em;
	line-height: 150%;
	color: #226;
	border-top: 1px solid #8F495D;
	margin-top: 2em;
	margin-bottom: 1em;
	border-right: 1px solid #8F495D;
	white-space: nowrap;

	}

#content h3 {
	font: bold 140% sans-serif;
	line-height: 140%;
	letter-spacing: 0.1em;
	color: #226;
	border-top: 1px solid #8F495D;
	/*border-left: 1px solid #3D5D5A;*/
	margin-top: 1.25em;
	margin-bottom: 0.66em;
	border-right: 1px solid #8F495D;
	}

#content h4 {
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 0.8em;
	margin-bottom: 0.75em; /* this might need some upward tuning */
	color: #226;
	}

#content h5 {
	font: bold italic 90% sans-serif;
	letter-spacing: 0.1em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	color: #226;
	}

#content img.rwrap, #content p.rwrap {
	float: left;
	margin: 0 1.5em 0.5em 0;
	border: none;
  }

#content img.lwrap, #content p.lwrap {
	float: right;
	margin: 0 0 0.5em 1.5em;
	border: none;
	border: 4px inset #eee;
	}

#content img.mid {
	/* set ht & wdth */
	border: 4px inset #eee;
	display: block;
	margin: auto;
	}

#content div.fullbox {
  margin-top: 0.2em;
  margin-bottom: 1.5em;
  padding: 1em 0.75em 0.5em 0.75em;
  border: 1px solid #8F495D;
	background: #fff;
  }

/*
#content div.r-halfbox {
  margin-top: 0.2em;
	margin-right: 0;
	margin-left: 0.5em;
  margin-bottom: 1em;
  padding: 0 0.5em 0 0.5em;
  border: 1px solid #8F495D;
  }

#content div.l-halfbox {
  margin-top: 0.2em;
	margin-left: 0em;
	margin-right: 0.5em;
  margin-bottom: 1em;
  padding: 0 0.5em 0 0.5em;
  border: 1px solid #8F495D;
  }
*/

#content div.fullsticky {
	margin: 0.2em 2.5em 1.5em 2.5em;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #333;
	border-right: 3px solid #9FA078;
	border-bottom: 3px solid #9FA078;
	background: #FDFF9F;
	color: #003;
	/* font-family: "Comic Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 110%;
	line-height: 130%;*/
}

#content div.rwrapbox {
  float: left;
  width: 30%;
  background: #d6cdee;
  color: #000;
  /* font: 90% serif; */
  padding: 1em 1.25em 0 1.25em;
  border:1px solid #762100;

  margin: 1em 1em 1em 0em;

  }

#content div.lwrapbox {
  float: right;
  width: 30%;
  background: #eee0e0; /* yellow worked well, too */
  color: #000;
  padding: 1em 1.25em 0 1.25em;
  border:1px solid #762100;
  margin: 1em 0em 1em 1em;
  }

#content div.right-sticky {
  float: right;
  width: 30%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
	margin-left: 1em;
  padding: 0.25em 0.75em 0.5em 0.75em;
  border: 1px solid #333;
	border-right: 3px solid #9FA078;
	border-bottom: 3px solid #9FA078;
	background: #FDFF9F;
	color: #003;
	/* font-family: "Comic Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 9pt;
	line-height: 9pt; */
}

#content div.left-sticky {
  float: left;
  width: 30%;
  margin-top: 0.2em;
	margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 0.25em 0.75em 0.5em 0.75em;
  border: 1px solid #333;
	border-right: 3px solid #9FA078;
	border-bottom: 3px solid #9FA078;
	background: #FDFF9F;
	color: #003;
	/* font-family: "Comic Sans",
	verdana, lucida, arial, helvetica, sans-serif;
	font-size: 9pt;
	line-height: 9pt; */
}

#content div.itembox {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#content dl {
	margin: 0 0.5em 1em 1.5em;
	}

#content dt {
	font-weight: bold;
	}

#content dd {
	display: block;
	margin-bottom: 0.66em;
	}

#content code {
	background: #eff9dd;
	font-family: monospace
	}

#content  pre {
	background: #edf1f8;
	color: #0A100F;
	font: 100% monospace;
	line-height: 100%;
	padding: 1em;
	border:1px solid #3D5D5A;
	margin: 1em 1.5em 1em 1.5em;
}

#content #masthd {
	display: block;
	margin: -1em -1em 1.5em -1em;
	padding: 0;
	border: 1px solid #ccc;
	}

#content #masthd img.lft {
	margin-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	border: none;
	}

#content #masthd img.rght {
	float: right;
	border: none;
	}

#content #masthd .midd {
	text-align: center;
	}

	/* font-size in this id= section are a bit fiddley leave be for now */

#content #masthd h2.addy {
	float: left;
	font: bold 12pt sans-serif;
	letter-spacing: 0.10em;
	line-height: 14pt;
	color: #226;
	margin-left: 1.5em;
	margin-top: 0em;
	border-top: none;
	border-right: none;
	}

#content #masthd h3.addy {
	float: left;
	font: bold 10pt sans-serif;
	letter-spacing: 0.1em;
	color: #226;
	margin-left: 0.5em;
	margin-top: 0em;
	border-right: none;
	}


#content #masthd p.addy {
	float: right;
	font: bold 8pt sans-serif;   /*fixed right; fixes ht?*/
	line-height: 10pt;
	color: #226;
	margin-top: 1.5em;
	margin-right: 1em;
	margin-bottom: 0.2em;
	text-align: right;
	}



/* MENU COLORS NEED HELP */

div#Menu {
	position: absolute;
	top: 6em;
	left: 0;
	width: 128px;
  }

div#Menu #siteMenu {
	margin-top: 1em;
  margin: 1em 0 0 0;
	}

div#Menu #siteMenu p {
	font: italic bold 115% sans-serif;
	text-align: center;
	line-height: 150%;
/*	padding 3px 8px;*/
	margin: 0 0 0.2em;
	border-width: 0;
	text-decoration: none;
	color: #eec;
	background: #226;
	}

div#Menu #siteMenu a {
	font: bold 115% sans-serif;
	display: block;
	text-align: center;
	line-height: 150%;
/*	padding 3px 8px;*/
	margin: 0 0 0.1em;
	border-width: 0;
	text-decoration: none;
	color: #ccc;
	background: #026;
	}

div#Menu #siteMenu a:hover {
	color: #fff;
	background: #020303;
	}

#siteMenu span {
	/* hide seperating punct. in menu bar */
	color: #026;
	}


div#Menu #navMenu {
  font: 110% sans-serif;
	top: 0px;  /* ignored*/
	line-height: 150%;
  margin-top: 1em;
  margin: 1em 0 0 0;
	/*  by removing height, they naturally flow
  height: 9.5em;	*/
  }

div#Menu #navMenu p {
	font: italic bold 115% sans-serif;
	display: block;
	text-align: center;
	line-height: 150%;
/*	padding 3px 8px;*/
	margin: 0 0 1px;
	border-width: 0;
	text-decoration: none;
	color: #eec;
	background: #226;
	}

div#Menu #navMenu a {
	font: bold 115% sans-serif;
	display: block;
	text-align: center;
	line-height: 150%;
/*	padding 3px 8px;*/
	margin: 0 0 1px;
	border-width: 0;
	text-decoration: none;
	color: #ccc;
	background: #026;
	}

div#Menu #navMenu a:hover {
	color: #fff;
	background: #020303;
	}

#navMenu span {
	/* hide seperating punct. in menu bar */
	color: #026;
	}


#content table {
	margin: auto;
	margin-bottom: 1.25em;
	width: 70%;
	/*border-collapse: collapse;*/
	border: inset 3px #c0b4b7;
	}

#content td {
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ddd;
	padding: 0.4em;
	text-align: center;
	}