/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
  padding:5px;
  margin:0;
  text-align:center;
  min-width:900px;/* for mozilla*/
  background-color: #152535;
  font-family:Verdana;
  color: #000000;
}
#outer{
  height:100%;
  min-height:100%;
  width:900px;
  border:1px solid #ffffff;
  color: #000000;
  text-align:left;
  margin:auto;
  position:relative;
  background-color:#ffffff;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
  float:left;
  width:700px;

}
#header{
background-image:url(images/head.jpg);
background-repeat:no-repeat;
background-color:#152535;
  position:absolute;
  top:0;
  width:900px;
  height:150px;
  overflow:hidden;
  z-index:100;

}
#nav{
background-image:url(images/navbg.gif);
background-repeat:no-repeat;
background-color:transparent;
background-position:top left;
  position:absolute;
  top:150px;
  width:900px;
  z-index:1000;
  height:45px;
 }

#left {
  position:relative;/*ie needs this to show float */
  width:200px;
  float:left;
  padding-top:195px;/*needed to make room for header*/
  padding-bottom:32px;/* needed to make room for footer */
  background-image:url(images/leftbg.gif);
  background-repeat:no-repeat;
  min-height:600px;
height: auto;
_height: 600px;
 }

#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
  position:relative;/*ie needs this to show float */
  width:200px;
  float:right;
  padding-top:195px;/*needed to make room for header*/
  padding-bottom:32px;/* needed to make room for footer */
  background-image:url(images/leftbg.gif);
  background-repeat:no-repeat;
  min-height:600px;
height: auto;
_height: 600px;
}

#footer {
  width:900px;
  clear:both;
  height:50px;
  background-color: #336699;
  color: #ffffff;
  text-align:center;
  font-size:65%;
  padding-top:4px;
  left:0;
  bottom:0;
  position: absolute;

}
* html #footer {/*only ie gets this style*/
  \height:52px;/* for ie5 */
  he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
  width:496px;
  float:right;
  border-right: thin solid #96bade;
   border-left: thin solid #96bade;
   min-height:700px;
height: auto;
_height: 700px;
  padding-top:195px;
  padding-bottom:32px;/* needed to make room for footer */
}
#centrecontent p {
padding-left:3px;
padding-right:3px;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

.homeimg
{
border: medium solid #FFCC00;
float:right;
margin:5px;
}
.pepimg
{
border: medium solid #000000;
float:right;
margin:5px;
}
.rbxs
{
  padding-top:3px;
}

.rbxstop
{
  padding-top:7px;
}

.journal
{
 float:right;
}

.homebx
{
border: 1px solid #000000;
background-color:#FFCC00;
border-style: seperate;
font-family: verdana;
font-size: 80%;
font-weight: 800;
overflow: auto;
word-wrap:break-word;
width:180px;
z-index:3;
}

td.homebx
{
border: 1px solid #000000 inset 1pt;
border-style: seperate;
text-align:left;
padding:4px;
font-family:Verdana;
color:#000000;
font-size:80%;
font-weight: 500;
}

th.homebx
{
color:#FFFFFF;
background:#336699;
text-align:center;
font-size: 100%;
padding:4px;
}
.shopbx
{
border: 1px solid #000000;
background-color:#FFFFFFF;
border-collapse: collapse;
font-family: verdana;
font-size: 80%;
font-weight: 800;
overflow: auto;
word-wrap:break-word;
width:80%;
z-index:3;
}
td.shopbx
{
border: 1px solid #000000;
border-collapse: collapse;
padding:4px;
font-family:Verdana;
color:#000000;
font-size:90%;
font-weight: 500;
}
tr.shophead
{
color:#000000;
background:#FFCC00;
text-align:center;
font-size: 90%;
padding:4px;
}
.memlogbx
{
background-color:#336699;
border-style: seperate;
font-family: verdana;
font-size: 80%;
font-weight: 800;
width:150px;
z-index:3;
}

.shopimg
{
border: 1px solid #336699;
}
.shopimg:hover
{
border: 1px solid #336699;
backgound-color: transparent;
}

td.memlogbx
{
background-color:#96bade;
background-image:url(images/membxbg.gif);
background-repeat:no-repeat;
background-position:4px 4px;
text-align:left;
font-family:Verdana;
color:#000000;
font-size:100%;
font-weight: 600;
height:66px;
padding:2px;
}
th.memlogbx
{
border: thin solid #96bade;
color:#FFFFFF;
background-color:#336699;
text-align:center;
font-size: 100%;
padding:4px;
}

.membxlnks
{
 padding-left:25px;
 line-height:18px;
 padding-top:4px;
}
/*text*/

p
{
font-family:Verdana;
color:#000000;
font-size:70%;
font-weight: 500;
}

td
{
font-family:Verdana;
color:#000000;
font-size:70%;
font-weight: 500;
}

td.nested
{
 font-size:120%;
}

td.nav
{
font-family:Verdana;
color:#000000;
font-size:100%;
}

h3
{
font-family:Verdana;
color:#333366;
font-size:80%;
font-weight:bold;
}

a.topnav
{
font-family:Verdana;
color:#FFFFFF;
text-decoration:none;
font-size:80%;
vertical-align:middle;
}

a.topnav:hover
{
font-family:Verdana;
color:#000000;
background-color:#FFCC00;
text-decoration:none;
font-size:80%;
vertical-align:middle;
}
.title
{
 font-family:Verdana;
color:#000000;
font-size:80%;
font-weight:bold;
}

blockquote
{
 font-size:80%;
}
a.title
{
font-family:Verdana;
color:#336699;
text-decoration:underline;
font-size:140%;
font-weight:bold;
}
a.title:hover
{
font-family:Verdana;
color:#000000;
background-color:#FFCC00;
text-decoration:underline;
font-size:140%;
font-weight:bold;
}
.topnavsep
{
font-family:Verdana;
color:#FFFFFF;
text-decoration:none;
font-size:70%;
font-weight:600;
vertical-align:middle;
}

a.footer
{
font-family:Verdana;
color:#ffffff;
text-align:center;
font-weight: 500;
font-size: 100%;
text-decoration:underline;
}
a.footer:hover
{
font-family:Verdana;
background-color:#FFCC00;
color:#000000;
text-align:center;
font-weight: 500;
font-size: 100%;
text-decoration:underline;
}
.memlog
{
background-color:#336699;
border: thin solid #96bade;
padding:5px;
width:150px;
margin-left:20px;
}
ul.R_box
{

list-style-type: none;

}
/* ul.SubNav
{
list-style-type: none;
line-height: 16px;
font-size:85%;
} */

.subnavdiv
{
padding-left:40px;
position:relative;
line-height: 16px;
font-size:90%;
}


ul.page
{
font-size:70%;
list-style-type: disc;
}

ol.page
{
font-size:70%;
}
.membtns
{
border: medium solid #96bade;
}

a
{
font-family:Verdana;
color:#336699;
text-decoration:underline;
font-size:100%;
}

a:hover
{
font-family:Verdana;
background-color:#FFCC00;
color:#000000;
text-decoration:underline;
font-size:100%;
}

a.peplink
{
font-family:Verdana;
color:#006699;
text-decoration:underline;
font-size:100%;

}

a.peplink:hover
{
font-family:Verdana;
background-color:#FFCC00;
color:#000000;
text-decoration:underline;
font-size:100%;

}
a.print
{
font-family:Verdana;
color:#336699;
text-decoration:underline;
font-size:70%;
}

a.print:hover
{
font-family:Verdana;
background-color:#FFCC00;
color:#000000;
text-decoration:underline;
font-size:70%;
}

a.SubNav
{
font-family:Verdana;
color:#FFFFFF;
text-decoration:none;
font-size:80%;
font-weight:bold;
vertical-align:middle;
}

a.SubNav:hover
{
font-family:Verdana;
color:#000000;
text-decoration:none;
font-size:80%;
font-weight:bold;
vertical-align:middle;
}

a.memlogbox
{
font-family:Verdana;
color:#000000;
text-decoration:none;
font-size:100%;
}
a.memlogbox:hover
{
font-family:Verdana;
background-color:#FFCC00;
color:#000000;
text-decoration:none;
font-size:100%;
}
a.image:hover
{
background-color:transparent;
}

a.ann-lk
{
font-family:Verdana;
color:#000000;
text-decoration:underline;
font-size:100%;
font-weight:bold;
}

a.ann-lk:hover
{
font-family:Verdana;
color:#336699;
text-decoration:underline;
font-size:100%;
font-weight:bold;
}

table.pageforms
{
border: thin solid #000000;
background-color:#FFCC00;
width:90%;
}

.fm_input_cl
{
 position:absolute;
 left:80px;
 vertical-align:middle;
}

.fm_input
{
 position:absolute;
 left:110px;
 vertical-align:middle;
}
.fm_title
{
font-family:Verdana;
color:#000000;
font-size:90%;
vertical-align:middle;
}

.fm_row
{
position:relative;
vertical-align:middle;
padding:6px;
text-align:left;
}

.fm_rad
{
position:absolute;
left:130px;
vertical-align:middle;
font-size:80%;
padding-top:3px;
}

fieldset
{
border:none;
padding:5px;
}

legend
{
font-family:Verdana;
color:#000000;
font-size:90%;
font-weight:bold;
}

 body#home #homenav a ,
body#about #abnav,
body#members #memnav,
body#bookshop #booknav,
body#news #newsnav,
body#resources #resnav {
  color: #ffffff;
  background: #FFCC00;

}

/* menu */

/**************** menu coding *****************/

#menu {
background-color: #000000;
float: left;
margin-top:3px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7em;
float: left;
}

#menu a, #menu h2 {
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: transparent;
font: bold 75% verdana;
border: thin solid #333333;

}

#menu h2:hover {
color: #000000;
background: #ffCC00;
}

#menu a {
color: #FFFFFF;
background: #000000;
text-decoration: none;
border: thin solid #333333;
font: bold 75% verdana;

}

#menu a:hover {
color: #000000;
background: #ffCC00;
border: thin solid #333333;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}