body {
	margin: 0px 0px 20px 0px;
	background-color: #244771; 
	text-align: center;
        
	}

span  {
          background-color: #FFFFFF;
         }

a {
	text-decoration: underline;
	
	
	}

a:link {
	color: #330099;
	}

a:visited {
	color: #8FABBE;
	}

a:active {
	color: #cc0033;
	}

a:hover {
	color: #cc0033;
	}

h1, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

h2 {
     font-size: 36px;
     color: #336699;     
     margin-top: 15px;
     margin-bottom: -5px;
     }

h4 {
     font-size: 14px;
     font-family: Verdana, Helvetica, sans-serif;
      margin-top: 15px;
      }

#container {
       line-height: 140%;
       margin-right: auto;
       margin-left: auto;
       text-align: left;
       font-size: 13px;
       padding: 0px;
       width: 720px;
       background-color: #FFFFFF;
       border: double 1px #FFFFFF;
       }

#banner {
	font-family: Trebuchet, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #999999;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 39px;
	}

a#banner-img {
	display: none;
	}
  

#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h1 {
	font-size: xx-large;
	
	
	
	}

#banner h2 {
	font-size: small;
	}

#center {
        float: left;
        width: 500px;
        overflow: hidden;
        }

.content {
	padding: 15px 15px 5px 15px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Trebuchet, Helvetica, sans-serif;
	
	}

#right {
       float: left;
       width:220px;
       overflow: hidden;
       }

.content p {
	color: #000000;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
        margin-top: 0px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h1 {
	color: #003366;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
        text-transform: uppercase;
	margin-bottom: 10px;
	}

.content h2 {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

.content h3 {
	color: #003366;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

.content p.posted {
	color: #999999;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

.sidebar {
	padding: 15px;
	}


.sidebar h1 {
	color: #BC5EAB;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:medium;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
  	letter-spacing: .3em;
	}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
  	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 100px;
	}

.sidebar li {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

blockquote {	color: #666;
	margin-bottom: 10px;
	background: #effbdb;
        border: 1px #7c9e40 solid;
	padding: 10px;
	font: normal small/150% "Trebuchet MS", trebuchet, verdana, arial, sans-serif;}


/* IMAGE CLASSES */	
.floatright {    /* class for floating image right */
    float: right;
	  border:solid 1px black; 
         padding: 5px;
          margin: 5px          
	}
   
.floatleft {    /* class for floating image left */
    float: left;
	border:solid 1px black; 
        padding: 5px;
        margin: 5px	}   

.floatleftnb {    /* class for floating image left no border */
    float: left;
	border:none; 
        padding: 5px;
        margin: 5px	}