html { 
/*  font-family: Verdana, Tahoma, Arial, sans-serif;
*/
  font-family: Georgia, Palatino, Palatino Linotype, Times New Roman, Times, serif;
  font-size:  14px;
  color: #442222;

  overflow-y: scroll;
}

body { 
  background: #c7cb8a;
  text-align: center;
/*
  background: url(images/wheatbk2.jpg) top left;
*/
}

h2 { 
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

h3 { 
}

h4 { 
  margin-bottom: 2px;
  text-decoration: underline;
}

#pagebody, #footer, #creditbox, #menu { 
  width: 950px;
}
#pagebodywrap { 
  width: 1410px;
  margin: 20px auto;
  position: relative;
}

#pagebody { 
  border: 2px solid #888a63;
  margin: 0 auto 0 auto;
}
#footer { 
  border: 2px solid #888a63;
  text-align: left;
  clear: both;
  font-size: 10px;
  margin: 0 auto;
  padding: 2px 0;

/*
  position: relative;
  top: -15px;
*/
  background: #888a63;
  color: white;
/*
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
*/
}

#footer div { 
  padding: 0 15px;
}

#footer a { 
  color: white;
}

.pbwb1 { 
  background: url(images/wb1.jpg) top left no-repeat;
}
.pbwb2 { 
  background: url(images/wb2.jpg) top left no-repeat;
}

.pbwb3 { 
  background: url(images/wb3.jpg) bottom left no-repeat;
}
.pbwb4 { 
  background: url(images/wb4.jpg) bottom left no-repeat;
  height: 835px;
}
.pbwb5 { 
  background: url(images/wb4.jpg) bottom left no-repeat;
  min-height: 600px;
}

/* REALLY tall sky */
.pbwb6 { 
  background: url(images/wb5.jpg) bottom left no-repeat;
  min-height: 600px;
}

/* Moderately tall sky, smaller tries */
.pbwb7 { 
  background: url(images/wb6.jpg) bottom left no-repeat;
  min-height: 600px;
}

.pbwb8 { 
  background: #F8DEC1 url(images/wb7.jpg) 0 0 no-repeat;
}

.logol, .logor { 
  margin: 28px 0 0 0;
}
.logol { 
  float: left;
}
.logor { 
  float: right;
}


#header { 
  clear: both;
  height: 150px;
  margin-top: 0;
  text-align: center;

  padding: 12px 45px;
}

/*
#header .title { 
  padding-top: 3px;
  margin: 4px auto;
  text-align: center;
}
*/
.headimg { 
  display: block;
  margin: 0 auto;
}


#menu { 
  height: 32px;
  border-top: 1px solid #442222;
  padding-top: 0;
  text-align: center;
  clear: both;
  width: 95%;
  margin: auto;
}

#menuitems { 
  width: 70%;
}

#menu div { 
  padding: 1px 8px;
  margin: 0 30px;
  float: left;
  cursor: pointer;
}

#menu div.selected { 
  /*url(images/trans60.png) top left repeat;*/
  /*background: url(images/bk_brn_trans70.png) top left repeat;*/
  background: #0C0943; 
  color: white;

  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

#menu a { 
  color: 0c0943;
  font-size: 1.1em;
}

a { 
  color: #000033;
  color: #993300; 
  text-decoration: none;
}
a:hover { 
  color: #CC3300;
}

#menu a { 
  font-weight: bold;
  /*text-transform: uppercase;*/
  font-variant: small-caps;
  font-size: 0.9em;
}

#pagearea { 
  margin: 10px 30px 150px 30px;
  clear: both;
}



.rightimg a, .leftimg a, .centerimg a { 
  display: block;
}

/*
.rightimg { 
  background: #FFFFFF;
}
.leftimg { 
  background: url(images/trans60.png) top left repeat;
}
.centerimg { 
  background: url(images/trans80.png) top left repeat;
}
  border: 1px solid silver;
*/

.rightimg, .leftimg, .centerimg { 
  margin: 3px 5px 8px 3px;
  padding: 3px;
  display: block;
  text-align: center;
}

.centerimg { 
  margin-right: auto;
  margin-left: auto;
  width: 196px;

  /* The center image is 3px too high.  Why? */
  top: 3px;
  position: relative;
}

.rightimg { 
  float: right;
  margin-right: 40px;
}

.leftimg { 
  float: left;
  margin-left: 40px;
}

.photoboxes { 
  margin-top: 160px;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
}

.photoboxes a { 
  font-weight: bold;
  color: #442222;
/*
  text-decoration: none;
  color: #442222;
*/
}

.photoboxes a:hover { 
  color: #CC3300;
  text-decoration: underline;
}

.photoboxes img { 
  margin-top: 4px;
}

.cleaner {
  clear: both;
  width: 100%;
  height: 1px;
  overflow: hidden;
}

.bigp:first-letter, .allbigp p:first-letter {
 font-size: 1.2em;
/*
 font-weight: bold;
 color:#993300;
*/
}

.textbox { 
  width: 90%;
  margin: 10px auto;
  text-align: justify;
}

.sig { 
  margin-left: 400px;
}


#creditbox { 
  text-align: center;
  position: relative;
  top: -120px;
  margin: 0 auto 0 auto;
}

#credits {
  padding: 6px; 
  width: 500px;
  margin: 10px auto;
  font-weight: bold;
  background: url(images/trans50.png) top left repeat;
}
#credits p { 
  margin: 0;
  padding: 0;
  font-size: 0.8em;

  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

#credits a, #credits { 
  color: #9e0b00;
}

#credits a:hover { 
  color: #442222;
}

.nltable { 
  margin: auto;
}
.nltable td { 
  vertical-align: top;
  font-size: 0.9em;
  padding-top: 4px;
  padding-bottom: 15px;
  border-top: 1px solid silver;
}

.nlfiles p { 
  margin: 0;
  padding: 0;
}
.nlfiles p:first-letter { 
  font-size: 1em;
}
.nl1 { width: 100px; }
.nl2 { width: 200px; }
.nlfiles { width: 280px; text-align: right; }
.nlfiles a { color: #a6261f; }

.caltable { 
  margin: auto;
}
.caltable td { 
  vertical-align: top;
  font-size: 0.9em;
  padding-top: 4px;
  padding-bottom: 15px;
  border-top: 1px solid silver;
}
.cal1 { width: 150px; }
.cal2 { width: 150px; }
.cal3 { width: 300px; }

.linkstable { 
  margin: auto;
}
.linkstable td { 
  vertical-align: top;
  font-size: 0.9em;
  padding: 4px 8px 15px 8px;
  border-top: 1px solid silver;
}
.linksub { 
  font-size: 0.7em;
  color: #777;
  border: none;
  padding: 0 30px 0 30px;
}
/*
.link1 { width: 150px; }
.link2 { width: 150px; }
.link3 { width: 300px; }
*/

.message { 
  width: 70%;
  margin: 10px auto;
  border: 2px dashed #9e0b00;
  font-size:  1.2em;
  font-weight: bold;
  text-align: center;
  clear: both;
  padding: 8px;
  color: #9e0b00;
}

.sidemenu { 
  float: left;
  width: 150px;
  border: 1px solid silver;
  height: 300px;
  text-align: left;
}
.mainwithmenu { 
  padding-left: 160px;
}


/********************************************************
 *
 * ROUNDED CORNERS
 *
 ********************************************************/
.rc_box_b1 {
   background: #cc6633;
width: 100px;
}
.rc_top_b1 div {
   background: url(images/rc_b1_tl.png) no-repeat top left;
}
.rc_top_b1 {
   background: url(images/rc_b1_tr.png) no-repeat top right;
}
.rc_bottom_b1 div {
   background: url(images/rc_b1_bl.png) no-repeat bottom left;
}
.rc_bottom_b1 {
   background: url(images/rc_b1_br.png) no-repeat bottom right;
}

.rc_top_b1 div, .rc_top_b1, 
.rc_bottom_b1 div, .rc_bottom_b1 {
   width: 100%;
   height: 25px;
   font-size: 1px;
}
.rc_content_b1 { margin: 0 30px; }



/*******************************************************
 * Nav box details 
 *******************************************************/
#navbox { 
  position: absolute;
  left: 0;
  width: 230px;
  padding-top: 0;
/*
  border: 1px solid black;
  background: white;
*/
  margin: 0 0;
}
#navbox img { 
  display: block;
  border: 1px solid black;
  margin: 0 auto;
}
#navbox a { 
  display: block;
  margin: 0 auto 15px auto;
  color: black;
  text-align: center;
  font-variant: small-caps;
  text-decoration: underline;
}



.paybox { 
  margin: 0 auto 10px auto;
  padding: 10px;
  border: 1px solid grey;
  text-align: center;
  width: 225px;
  clear: both;
}

.tos { 
  margin: 0 auto 10px auto;
  padding: 10px;
/*
  border: 1px solid grey;
*/
  text-align: center;
  text-align: left;
  width: 90%;
  clear: both;
  font-size: 0.7em;
}
.tos div { 
  width: 100%;
  text-align: center;
}
.tostitle { 
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 0.8em;
  font-size: 1.4em;
  text-align: center;
}

.signupform {
  border: 1px solid silver;
  margin: auto;
  padding: 10px;
}
.signupform input:text {
  width:  300px;
}
.signupformZXX td {
  text-align: left;
}

.button {
  padding: 5px;
  margin: 5px auto;
  border-top:    2px solid grey;
  border-right:  2px solid grey;
  border-bottom: 2px solid grey;
  border-left:   2px solid grey;
  background: #FF974B;
  font-weight: bold;
  font-size: 1.2em;
  width: 55%;

  -moz-border-radius: 15px;
  border-radius:      15px;
}