/*
 *  Reset element attribute default values.
 */
 
html {
  margin: 0px 0px;
  padding: 18px 18px;
  border: 0px;
  background: #003366;
  color: #000;
}  

body {
  margin: 0px 0px;
  padding: 0px 0px;
  border: 0px;
  background: #fff;
  color: #000;
  font: normal 11px/11px "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  text-align: center;
}

div, span, p, ol, dl, ul, li, table, tr, td, form, fieldset, h1, h2, h3, h4, h5, h6, a {
  margin: 0px 0px;
  padding: 0px 0px;
  border: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font: bold 11px/11px "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

a {
  background: transparent;
  color: #399;
  font-weight: bold;
  text-decoration: none;
}

a:link {
  background: transparent;
  color: #399;
}

a:visited {
  background: transparent;
  color: #066;
}

/*
 *  Page layout.
 */

#pageError {
  width: 400px;
  margin: 0 auto;
  padding: 0 0;
  border: 0;
}

#pageErrorHeader {
  margin: 0 0;
  padding: 9px 0;
  border-bottom: 2px solid #036;
  background: #fff;
  color: #000;
}

#pageErrorHeader h1 {
  height: 300px;
  margin: 0 0;
  padding: 0 0;
  border: 1px solid #036;
  background: url("http://www.bluebeach.org/gfx/pageError.jpg") center center no-repeat;
  color: #000;
}

#pageErrorContent {
  margin: 0 0;
  padding: 9px 0; 
}

#page {
  margin: 0 auto;
  padding: 0 0;
  border: 0;
  background: #fff;
}

#pageHeader {
  margin: 0 0;
  padding: 9px 9px;
  border-bottom: 2px solid #036;
  background: #fff url("http://www.bluebeach.org/gfx/weblogNavigation.gif") top left repeat;
  color: #000;
}

#pageHeader h1 {
  height: 120px;
  margin: 9px 9px;
  padding: 0 0;
  border: 2px solid #036;
  background: #036 url("http://www.bluebeach.org/gfx/h1.jpg") center center no-repeat;
  color: #000;
}

#pageContent {
  margin: 0 0;
  padding: 9px 0 9px 0;
}

#pageContent h1 {
  margin: 0 0 9px 0;
  font-size: x-large;
  text-align: center;
  line-height: 2.0em;
  color: #036;
}

.entry,
.comment {
  margin: 0 18px 18px 18px;
  text-align: left;
}

.entry p,
.entry ul,
.entry ol,
.entry dl,
.comment p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.8em;
}

.entryFooter,
.commentFooter {
  text-align: right;
} 

.entryNavigation {
  margin: 9px 0 18px 0;
  font-size: x-large;
  text-align: center;
  line-height: 2.0em;
}

.entryNavigation a,
.entryNavigation a:hover,
.entryNavigation a:visited,
.entryNavigation a:link {
  color: #036;
}
.previous {
  float: left;
  width: 180px;
}

.next {
  float: right;
  width: 180px;
  padding-right: 1px transparent;
}

#weblogNavigation {
  float: left;
  width: 200px;
  text-align: left;
  margin-right: 18px;
  margin-bottom: 18px;
  padding: 9px 0;
  background: url("http://www.bluebeach.org/gfx/weblogNavigation.gif") top left repeat;
  border-top: 2px solid #036;
  border-right: 2px solid #036;
  border-bottom: 2px solid #036;
  line-height: 1.2em;
}

.section {
  margin: 9px 18px 9px 0;
  padding: 5px 5px;
  border-top: 2px solid #036;
  border-bottom: 2px solid #036;
  border-right: 9px solid #036;
  background: #fff;
  color: #000;
}

.section h4 {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #369;
}

.section ul {
  list-style: none;
}

#pageFooter {
  clear: both;
  border-top: 2px solid #036;
  padding: 9px 18px;
  background: #fff;
  color: #000;
  text-align: left;
}



.alternateText {
  display: none;
}

/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}