/* This style sheet is of 99blue, an open source web design by HandsomeWeb.
   It has been adapted for use in SOSWebpages, an open source content management
   system that is simple to use.  It was developed by HandsomeWeb. You may
   alter this design, use portions of it, or incorporate it in any other work.
   You may use this template for any personal or commercial purpose, but this
   notice must remain intact on this page. Copyright 2007 HandsomeWeb.com.
   Your are not obligated, but if you left the link to HandsomeWeb.com at the
   bottom of this design, we would appreciate it.  -->  */

body {
  color: white;
  background-color: #35588C;
  margin:0;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  }

#wrapper {
  width: 820px;
  margin: auto;
  margin-top: 0;
  padding: 10px;
  }

/* Header Area */

#header {
  margin: 0 10px 0 10px;
  width: 800px;
  /*style in template also*/
  }

#logo {
  border: 0;
  margin: 5px 5px 5px 5px;
  float: left;
  clear: left;
  }

#headertext {
  /*style in template also*/
  font-size: 1.2em;
  font-weight: bold;
 }

#longDtext {
  font-size: 0.9em;
  color: black;
  background: #D1D9E4;
  width: 250px;
  float: right;
  clear: right;
  padding: 5px;
 }

#header h1 {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 2.0em;
 font-weight: bold;
 margin: 0 0 0 5px ;
  /*style in template also*/
 }

#header p {
 margin: 0 0 0 5px ;
  }

#headerclear {
  color:white;
  background-color: #35588C;
  margin: 0;
  padding: 0;
  border: 0;
  width: 800px;
  height: 10px;
  clear: both;
  }

#bodyclear {
  color:white;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  border: 0;
  width: 775px;
  height: 14px;
  clear: both;
  }

#contentwrap {
  margin: 0 10px 10px 10px;
  color: black;
  background: white;
  width: 794px;
  padding: 3px;
  }

#content {
  margin: 0px;
  color: black;
  background: white;
  width: 778px;
  border: 3px solid #35588C;
  padding: 5px;
  padding-top: 0px;
  }

/* Menu Area */

#menu {
  color: black;
  background: #D1D9E4;
  width: 138px;
  float: left;
  padding: 3px;
  border:1px solid #35588C;
  margin-top: 5px;
  }

#menu h1 {
  font-size: 1.5em;
  margin-top: 0px;
  font-weight: normal;
  text-decoration: underline;
  color: #35588C;
  background-color: #D1D9E4;
  }

#menu ul {
  font-size: 0.9em;
  list-style:none;
  width:150px;
  margin:0 0 5px 0;
  padding:0;
}

#menu li {
  margin-bottom:4px;
}

#menu li a {
  font-weight:bold;
  text-decoration:none;
  color:#35588C;
  display:block;
  padding:4px 4px 4px 4px;
  background:#ffffff;
  border:1px solid #35588C;
  margin: 0;
  margin-bottom:4px;
}

#menu li a:hover {
  background:#35588C;
  color:#ffffff;
  border:1px solid #35588C;
}

/* Main Content Area */

#main {
  color: black;
  background: white;
  margin-left: 167px;
  margin-right: 5px;
  margin-top: 10px;
  font-family: Verdana, sans-serif;
  line-height: 20px;
  }

h1 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.9em;
  font-weight: bold;
  margin-top: 14px;
  margin-bottom: 7px;
  margin-left: 0;
  margin-right: 0;
  color: #35588C;
  background: white;
  }

h2 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: 0;
  margin-right: 0;
  color: #35588C;
  background: white;
  }

h3 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: 0;
  margin-right: 0;
  color: #35588C;
  background: white;
  }

h4 {
  font-size: 1.0em;
  font-weight: bold;
  text-decoration: underline;
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: 0;
  margin-right: 0;
  color: #35588C;
  background: white;
  }

p {
  margin-top: 0;
  margin-bottom: 13px;
  margin-left: 0;
  margin-right: 0;
  }

ul {
  margin-top: 0;
  margin-bottom: 13px;
  }

ol {
  margin-top: 0;
  margin-bottom: 13px;
  }

/* Links */

a {
  color: #35588C;
  background-color: #FFFFFF;
  text-decoration: underline;
  }

a:hover {
  color: #800000;
  background-color: #FFFFFF;
  text-decoration: underline;
  }

/* Images Area */

img.right {
  float:right;
  clear:right;
  margin: 5px 0px 5px 7px;
  padding: 3px;
  border: 1px solid #35588C;
  background-color: #ffffff;
  }

img.left {
  float:left;
  margin: 5px 7px 5px 0px;
  padding: 3px;
  border: 1px solid #35588C;
  background-color: #ffffff;
  }

/* Bottom Credit Area */

#credit p {
  font-size: 0.8em;
  float: right;
  clear: right;
  color: #C0CFE7;
  margin-top: -8px;
  padding-right: 10px;
  background-color: #35588C;
  }

#credit a {
  color: #C0CFE7;
  background-color: #35588C;
  text-decoration: none;
  }

#credit a:hover {
  color: #C0CFE7;
  background-color: #35588C;
  text-decoration: underline;
  }

/* Tables Area */

table {
  border: 0;
  padding:0;
  margin-top: 0;
  margin-bottom: 11px;
  margin-left: 0;
  margin-right: 0;
  }

td {
  border: 0;
  padding: 3px;
  vertical-align: top;
  margin:0;
  }

/* Footer */

#footer p {
  border-top: 1px solid #35588C;
  padding-top: 15px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-size: 0.9em;
  text-align: center;
  }