/* basic stuff */
/* in case i have an overlapping float problem */
div.spacer {
  clear: both;
}
/*
div.wholepage {
margin-left: 5%;
margin-right: 5%;
border:4px solid #fff;
border-color:#def #678 #345 #cde;
}
*/
div.wholepage {
margin-left: 1%;
margin-right: 1%;
border:4px solid #fff;
border-color:#def #678 #345 #cde;
}

a img {
	display:block;  
	text-decoration:none;
	background-color: transparent;
	border: none;
}
.nohover a:hover { 
	background-color: transparent; 
}

body { 
	font-size: 12pt; 
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background-color: #ffff99;
	text-align: center;
}

#topbanner {
	margin: 0;
	padding: 0; 
	background-color: #ffff99;
	height: 105px;
}
#topbanner img {
	margin-bottom: 1em;
}

#topbanner a img {
  margin-left: auto;
	margin-right: auto;
	display: block;
}
.intro {
  float: left;
	padding-right: 30px;
  /*width: 390px; 
	height: 600px;
	*/
	display: block;  margin-left:  auto;  margin-right:  auto;
}

/* Left box Stuff */
#leftbox {  
  margin: 10px 6px 4px 1px;
  text-align: left;
  position: relative;
  float: left;
  width: 210px; 
  height: 1200px;
  background: #ffff99;
  padding-top: 2em;
  font-family: "Comic Sans MS", cursive;
  font-size: 11pt;
  letter-spacing: 0.02em;
  background: url(../images/menuback.jpg) no-repeat;
}
#leftbox ul  {
	font-size: 10pt;   margin-right: 25px;
}
#leftbox ul a {
  text-decoration: none; 	color: #330000;
}
#leftbox ul	a:hover {
	color: #cc3300; 	background: #ffff33;
}
#leftbox H1 {
	font-style: italic; font-size: 13pt; color: #660000;
	font-family: "Garamond", Verdana, sans-serif;
	line-height: 30%; text-align: center;
}
#leftbox p {
  text-align: left; font-size: smaller; color: #800000;
  font-family: "Trebuchet MS", Verdana, sans-serif;
}
/*
#leftbox img {
	display: block;	*/
	/*looks crappy in left box ! background: white; */
/*	padding: 4px 4px 4px 4px;
  margin-left: 0;  margin-right: 0;
}
*/
#middlebox {
	margin-left: 230px; 
	margin-right: auto;
	width: 70%;
}

.info {
	font-family: "Comic Sans MS", cursive; font-size: 10pt;	color: #800000;	text-align: left;
}
.info em { 
	color: #cc0033;	font-weight:600;	font-size: 14pt;
}
.info h1 { 
  color: #ff0000; 	font-size: 14pt; 	letter-spacing: 0em; font-variant: small-caps;
}

.centeredimg {
  overflow: visible;  display: block;  margin-left:  auto;  margin-right:  auto;
}
.centeredimg img {
	text-align: center;  display: block;  margin-left:  auto;  margin-right:  auto;
}
	
.articlebody {  
  background: transparent url(../images/article-bkgd.gif) repeat-x;
  line-height: 120%;
  overflow: auto;  display: block;
  padding: 1px;  margin-left:  auto;  margin-right:  auto;
}
.articlebody H1 {
  font-family: "Comic Sans MS", cursive, sans-serif;  color: #990000;
  font-size: 12pt; line-height: 80%; letter-spacing: 0em; font-variant: small-caps;
}
.articlebody em {
 	color: #cc0033; font-weight:600;
}
.articlebody p {
	font-family: "Comic Sans MS", cursive;
	font-size: 12pt; letter-spacing: 0.02em; color:  black;
}

.figureleft {
  position: relative; float: left;
	text-align: center; font-style: italic; font-size: smaller;
  margin: 0.5em 1em 1px 1px; 
}
.figureleft img {
  overflow: hidden;  padding: 0px;  border: none; 
 }
.figureleft p {
  text-align: center;  font-style: italic;  font-size: smaller;
}
.figureright {
  position: relative; float: right; 
	text-align: center; font-style: italic; font-size: smaller;
	margin: 0.5em 1em 1px 1px; 
}
.figureright img {
  overflow: hidden;  padding: 0px;  border: none;  
 }
.figureright p {
  text-align: center;  font-style: italic;  font-size: smaller;
}

/* MENU BUTTONS */
#links {
  left: 16px; 
  width: 156px; 
  font: bold 11pt Verdana, sans-serif; 
  z-index: 100;
	padding:28px 3px 3px 5px;
  position: relative;  
}
#links a {
	color: #000;
	text-align: center;
  text-decoration: none;
	display: block; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
	margin: 2px 2px 2px 2px;
	height: 60px;
	width: 150px;
}
#links a:hover {
	color: #cc3300; background: #ffff33;
}

#links a img {float: right; overflow: hidden;  padding: 0px;  border: none;  
 
}

/* Old gimmick to popup image on hover; got "old" fast!
#links a img {
	height: 0; width: 0;  margin: 0; border: 0; padding: 0;
}
#links a:hover img {
  margin-left: 30px;
  height: 150px; width: 150px;background: #663300;
}
*/


/* OUT OF ORDER. Come back later 
#rightbox {
  background: transparent url(../images/rightbox-bgnd.jpg) repeat-y; 
  float: right;  clear: left;  right: 0px;  width: 185px; 
  margin-top: 20px;  margin-right: 5px;
  color: #000;   padding: 0.5em 0.5em 0.5em 0.5em;
  font-family: "Comic Sans MS", cursive;
  font-size: 9pt;  letter-spacing: 0.02em;
  background-color: #ffff99; 
}
#rightbox H1 {
  text-align: center;
  font-size: larger; 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #800000;
}
#rightbox p {
  text-align: center;
  font-size: smaller; 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #800000;
}
#rightbox img {
	display: block;
	background: transparent;
	padding: 4px 4px 4px 4px;
  margin-left: 0;
  margin-right: 0;
}
*/

#footer {
  margin-bottom: 1em;
  clear: both;
  color: #ffff99; 
	font-size:10pt;
}
#footer p {
  font: italic 0.55em "Comic Sans MS", sans-serif ; 
	text-align: center;
	  color: #990000;
}