body {
  margin:0;
  padding:0;
  background:#FFE682;/* #fff; */
  font:small verdana, sans-serif;  
  text-align: center;
  }

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background:#FAEFB0;
	width: 1000px; /*750px;*/
}

#maincol {
	/*background:#000; */
	/*color:#ccc;	*/
	/* color:#000099; */
	/* background:#FAD25A; */
	/*background:#FAD25A;*/
	}

#maincol h2 {
  clear:both;
  margin:0 -50px 10px -15px;
  padding:0px 15px 0 15px;
  
  border-top:1px dotted #333; 
  font:bold 110% Georgia,Serif;
  #color:#990033;  
  /*color:red;*/  
  }

.pageheader {
  margin:0;
  padding:20px 50px 10px 15px;
  background:#FAD25A;/*#191919;*/
  border-bottom-width:0;
  font-size:85%;
  line-height:1.5em;
  
  
  }    
  
.pageheader p {
	
  margin:.5em 0 0;
  }
.pageheader em {
  display:block;
  padding-top:5px;
  font:italic 120%/1.6em Georgia,Serif;
  /*color:#000099;*/
  }

#page {
  margin-top:1em;
  padding:10px 15px;
  /*background:#000;*/
  width:44em;
  }

#sample {  
  padding:10px 10px;
  width:98%;
  }

.date {color:#999;}

h1, h2, h3 {
	font-family:"calisto mt","comic sans ms",verdana;
	color:#BB0B39;	
}


h1 { border-top-color:#333;}

h3 {
	padding:0.5em 0 0 0;
	margin:0;
}

p, pre {margin:0.5em 0}
  
hr {display:none;}
  
a img {border-width:0;}

a:hover {color:#f30; border-color:#f30; background:transparent;}

.imgLeft, .imgleft {
  position:relative;
  float:left;
  margin:3px 12px 5px 0;
  }
.imgRight, .imgright {
  position:relative;
  float:right;
  margin:3px 0 5px 12px;
  }

p.left, p.right {
  position:relative;
  float:left;
  margin:3px 12px 5px 0;  
  }
  
p.right {
  float:right;
  margin:3px 0 5px 12px;
  }

p.left img, p.right img {
  display:block;
  margin-bottom:.75em;
  /* border:1px solid #ccc; */
  padding:4px;
  }


.imgThumbnail {
  margin:3px 0 5px 12px;
  /* border:1px solid #ccc */ 
  padding:4px;
   }





/* Nav ----------------------------------------------- */
#header {
  float:left;
  width:100%;
  background:#300 url("/pix/back.gif");
  border-bottom:1px solid #369;
  border-color:#933;
  
  }

#header ul {
  margin:0;
  padding:1px 0 0 0;
  text-transform:lowercase;
  font-size:85%;
  white-space:nowrap;
  }
#header ul li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  background-image:none;
  line-height:normal;
  font-family:Verdana,Sans-serif;
  }
#header ul a, #header ul strong {
  background:none;
  display:block;
  float:left;
  height:auto;
  border:1px solid #933;
  border-width:0 1px 0 0;
  margin:0;
  padding:4px 8px;
  text-decoration:none;
  font-weight:normal;
  color:#f93;
  white-space:nowrap;
  }
#header ul a strong {
  padding:0;
  border:none;
  background:none;
  }
/* Commented Backslash Hack hides 
   rule from IE5-Mac, documented at 
   http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
   #header ul a, #header ul strong {float:none;}
   /* End hack */

#header ul span {
  text-transform:uppercase;
  font-weight:bold;
  color:#fc6;
  }


  #header ul a:hover {
  background:#600;
  color:#fff;
  }
  
  
#header #c strong, #header #c a, #header #c a strong {
  background:#933;
  }

#header ul #h {
  border-left-width:1px;
  }

#header ul span {color:#fc6;}


/* Forms ----------------------------------------------- */
#submitform {
  margin-top:0em;
  padding:0;
  /*background:#000;*/
  /*width:40em;*/
  }
form table td {
  width:100%;
  }
    
form table td, form table th {
  padding:5px 10px 5px 0;
  border-bottom:1px dotted #BB0B39;
  font-size:85%;
  font-weight:normal;
  }
  
form label {
  /*text-transform:lowercase;*/
  cursor:pointer;
  }
  
form input, form textarea, form select {
  margin:1px 0;
  font:120% Courier New,Courier,Monospace;
  }

form input.text {
  background:#fff;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
  }
    
form textarea {
  background:#fff;
  display:block;
  clear:left;
  width:95%;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
  } 
  
form input.button, form input.button2 {
  padding:2px;
  border:2px solid #69c;
  border-color:#69c #369 #369 #69c;
  background:#ccc;
  color:#000;
  font:bold 100% Verdana,Sans-serif;
  }
  
form input.button2 {
  border-color:#999 #666 #666 #999;
  color:#333;
  }
form input.button:hover, form input.button2:hover {
  color:#c00;
  background:#eee;
  cursor:pointer;
  }
form input.button:active {
  border-color:#369 #69c #69c #369;
  background:#ccc;
  color:#000;
  }
form input.button2:active {
  border-color:#666 #999 #999 #666;
  background:#ccc;
  color:#000;
  }
  
form .error input.text, form .error textarea {border-color:#c66 #FFB2B2 #FFB2B2 #c66;}  
form .error th label {font-weight:bold;}