body {
  padding: 0;
  margin: 0;
  font-family: arial;
  background:#eee;
}
#bodycontainer {
    margin:0 auto;
    width:1000px;
    background:white;
    height:100%;
    overflow:hidden;
}
#header {
  width: 100%;
  height: 140px;
  margin: 0;
}
#banner {
    width: 100%;
    height: 100%;
}
#printheader {
    display: none;
}

/* INFO BAR */
#infobar {
  background: #ffa;
  height: 1.2em;
  width: 100%;

}
#infobaroptions {
  float:right;
  margin-right: 10%;
}
#infobaroptions a {
  text-decoration: none;
  color: blue;
}
#infobaroptions a:hover{
  text-decoration: none;
  color: black;
}
#infobar #onlinenow {
  padding-left:2em;
}


/*  MENU */
#menu {
  width: 160px;
  height: 80%;
  float:left;
  margin: 1em 20px 0em 20px;
  padding: 0;
}
/* The only div's in the menu are the seperate menus */
.menu {
  margin-bottom: 1em;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
}
.menu ul {margin-bottom:0.5em;}
.menu-show-more {text-align:center;width:100%;display:block;}

/* PUBLIC MENU */
#public-menu{
  background: #eef;
}
#public-menu-minimize {
	float:right;
	text-decoration:none;
	margin-right:1em;
	font-weight:bold;
	color:white;
}

/*#menu-title,#memberszone-menutitle,#admin-menutitle*/
#menu h3{
  margin: 0;
  color: white;
  padding-left: 0.8em;
}
#menu-title {
  background: #55f;
}
/*#publiclinks, #memberszone-links*/
#menu ul {
  list-style-type:none;
  padding-left: 0;
  margin-left: 0;
  margin-top:.3em;
}
/*#publiclinks a, #memberszone-links a*/
#menu ul a{
  display:list-item;
  line-height: 1.2em;
  margin:0;
  padding: 0;
  border:0;
  padding-left: 0.8em;
}
#menu a:link, #menu a:visited {
  text-decoration:none;
}
#public-menu .menu-show-more {background: #ddf;}
#publiclinks a:hover, #publiclinks a:active, #public-menu .menu-show-more:hover {
  text-decoration:none;
  background: #ccf;
}


/* MEMBERS ZONE MENU */
#memberszone-menu {
  background: #fee;
}
#memberszone-menutitle {
  /*Many properties shared with #menu-title above */
  background: #f55;
}

/* These only appear on login */
#memberszone-login {
  padding-left: 1em;
  padding-bottom: 1em;
  font-size:0.9em;
}
#memberszone-login-title {
  margin: .5em .5em 0.5em .5em;
}
#memberszone-login form {
  margin: 0;
}
#memberszone-login form .loginboxes {
  border: 1px dashed #f88;
padding: .3em;
margin-bottom: 6px;

}
#memberszone-login form .loginboxes input{
 background: #fee;
border: 1px solid #fdd;
}

#memberszone-login form input[type="submit"]{
 background: #fee;
border: 2px outset #f99;
color: #f33;
margin:0 0 1em 2em;
}
#loginerror {
  color: red;
  font-style: italic;
}
.memberszone-login-textbox {
  width: 6em;
}

/* These only appear showing menu */
#memberszone-links, #memberszone-links a {
     /* Shared with #publiclinks */
}
#memberszone-menu .menu-show-more {background: #fdd;}
#memberszone-links a:hover, #memberszone-links a:active, #memberszone-menu .menu-show-more:hover{
  text-decoration:none;
  background: #fcc;
}


/*ADMIN MENU*/
#admin-menu {
  background: #efe;
}
#admin-menutitle {
  /*Many properties shared with #menu-title above */
  background: #5f5;
}
#admin-links a:hover, #admin-links a:active {
  text-decoration:none;
  background: #cfc;
}


/* PRINT "MENU" */
#menuprint {
    padding-left: 1em;
    margin-top: .5em;
}

/* THAT'S THE END OF THE MENUS */

#content {
  padding-top: 0em;
  padding-right: 1em;
  height:80%;
  width:800px;
  padding-bottom: 1em;
  margin-left: 200px;
}

img{
border:0;
}

/* dads funny tables */

table.listing {
	font-size: 14px;
  
}
table.post{

}
.messbutton {
      text-align: center;
      padding:0.5em;
}

.listtd {
    padding:0.5em;
}
.listingone{
	background: #def; /*maybe should be changed to #eff*/
	border: 0;
}
.listingtwo{
	background: #eff; /*maybe should be changed to #def*/
	border: 0;
}
.listingthree{
	background: #6AC1F0;
	border: 0;
}
.listingfour{
	background: #00CED1;
	border: 0;
}

.postreply1{
    background: #FFCCFF;
    padding:0.5em;
}

.postreply2{
    background: #FF99FF;
    padding:0.5em;
}

.postreply3{
    background: #FF66FF;
    padding:0.5em;
}

.blueborder{
	border-style: solid;
	border-color: #6A7EF9;
}

/* THESE STYLES APPLY TO ALL PAGES USING COMMENTS.PHP*/

h3 #commentstitle {
    margin-bottom: 0;
}
.commenttitle{
    font-weight: bold
}
.commenttitle a { color:black;}
.commenttitle a:hover {color:blue;}
#content img {
    border: 0;
}

/* THESE STYLES APPLY TO ALL PAGES FORMATTED USING FORMAT.PHP */

#content .bold{
    font-weight:bold;
}
#content .italic{
    font-style:italic
}
#content .underline {
    text-decoration: underline;
}
#postthumb {
    float: right;
    text-align: center;
    background: #ffc;
    padding: .2em;
    border: 1px dashed black;
    vertical-align: middle;
}
#postthumb img {
    display:block;
}
dt {
  font-weight:bold;

}
/* The div for the surf forecast */
#msndiv{
width: 100%;
}

/* The who's who page table formatting*/
.piccie{
  width: 230px;
}
.whosname{
  text-align: left;
  vertical-align: top;
  font-weight:bold;
}
.biog{
  
  text-align: left;
  vertical-align: top;
}


/* Profile box*/
.profile {
    position:relative;
}
.profedit {position:absolute; top:0; right:0;}
.profile .profinfobar {
    float:left;
    padding:10px;
    width:210px;
}
.profile .profimgholder {
     
    width:100%;
    text-align:center;
    min-height:130px;
    margin-bottom: 15px;
}
.profile img {
    max-width:200px;
    box-shadow: 3px 3px 2px grey;
}
.profile .profspacer {
    height:55px;
}
.profile .profname {
    background-color:#def;
    margin-bottom:2px;
    height:40px;
    font-size:2em;
    font-weight:bold;
}
.profmotto {
    font-style:italic;
    margin-bottom:30px;
    padding-right:10px;
}

.profile .profemail {
    display:block;
    margin-top:0.5em;
}
.profile .profaddress {
    margin-top:0.5em;
}
.profbiotitle {
    font-weight:bold;
    margin-bottom:0.4em;
}
.profname, .profmotto, .profbio {
    padding-left:250px;
}