/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */

:link, :visited { text-decoration: none }

ul, ol	{ list-style: none }

h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }

body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }

a img, :link img, :visited img { border: none }

address { font-style: normal }

/*     Color palette:
        Banner Color Blue/Green #007F87
	Lt Blue Type #0094D5
        Banner Teal #055D6B
	White #fff
	Background #000
        Dark Blue: #083B79
*/

/* Common elements */
body {
        color: #fff;
        font-size: 1em;
        font-family: arial, "lucida console", sans-serif;
        
        background-color: #000;
        text-align:center;
        }
a      {
        color: #0094D5;
        text-decoration: none;
        }
a:focus {
        outline: none;
        -moz-outline: none;
        }
a:hover {
        color: #055D6B;
        }
a:active{
        color: #ccc;
        }

a.whitelink {
        color: #fff;
        text-decoration: none;
        }
a.whitelink :focus {
        outline: none;
        -moz-outline: none;
        }
a.whitelink :hover {
        color: #fff;
        }
a.whitelink  :active {
        color: #fff;
        }

a.maplink {
        color: #0094D5;
        text-decoration: underline;
        }
a.maplink:hover {
        color: #0094D5;
        text-decoration: underline;
        }
a.maplink:active {
        color: #0094D5;
        text-decoration: underline;
        }
a.maplink:visited{
        color: #0094D5;
        text-decoration: underline;
        }



h1, h2, h3, h4, h5, h6 {
        font-family: "Arial Rounded", Arial, sans-serif;
        }
h1   {
        color: #fff;
        font-weight: bold;
        font-size: 2em;
        text-transform: none;
        margin: 15px auto;
        }
h2  {
        color: #0094D5;
        font-size: 1.2em;
        margin: 20px auto 10px;
        }
h3 {
        color: #000080;
        font-size: 1.1em;
        margin: 10px auto 5px;
        }
h4 {
        color: #add8e6;
        font-size: 1em;
        margin: 10px auto;
        }
h5 {
        color: #b0c4de;
        font-size: 1em;
        margin: 10px auto;
        }
h6 {
        color: #055D6B;
        font-size: 1em;
        text-transform: uppercase;
        margin: 3px auto;
        }
blockquote {
        font-style: italic;
        padding: 0 30px 10px;
        }
p {
        margin-bottom: 10px;
        }
ul li p {
        margin-bottom: 10px;
        }

/*Page structure */
#wrapper {
        text-align: left;
        width: 790px;
        margin:0 auto;
        padding: 0;
        }


#bigwrapper {
        text-align: left;
        width: 920px;
        margin:0 auto;
        padding: 0;
        }

#masthead {
        padding:0;
        background: url(/images/sb/leftgradient.jpg) repeat-y;
        text-align:right;
        }

#calendar {
        padding:0 0 0 60px;
        background: url(/images/sb/leftgradient.jpg) repeat-y;
        }

#search {
        margin:0 0 0 30px;
        }

.seal {
        position:absolute;
        padding: 0;
        margin-top: -15px;
        margin-left: 60px;
        z-index:1;
        }

#sealonly {
        padding:0;
        margin: 20px 0 10px 0;
}

#content {
        margin:120px 10px 10px 30px;
        }

#contentBody {
        margin: 10px 0 20px 0;
        font-size: 0.9em;
        line-height:1.3em;
}      
        
.listing {
        margin-bottom:25px;
        border-bottom: 1px solid #fff;
        }

.pageListing {
        margin-bottom:25px;
        }

.listingThumbnail {
        padding:0;
        margin:0;
        border:0;
        }

.listingText {
        padding:0 0 0 15px;
        line-height:1.3;
        margin:0;
        border:0;
        } 

.membership {
        background:url(/images/sb/leftgradient.jpg) repeat-y;
        padding:5px 0 5px 0;
} 

.membership label {
        font-weight:bold;
        float:left;
        margin-left: 10px;
        margin-right: 30px;
}

       
#maincol {
        width: 530px;
        float: left;
        padding: 0px;
        }

#bigmaincol {
        width: 660px;
        float: left;
        padding: 0px;
        }

#sidebar {
        background: url(/images/sb/curve.jpg);
        height:808px;
        width:257px;
        float:right;
        }

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
        color: #fff;
        font-family: "Arial Narrow", Arial, sans-serif;
        }
#sidebar a:link, #sidebar a:visited {
		color: #fff;
		}
#sidebar a:hover {
		color: #fff;
		}

#contactinfo a:link, #contactinfo a:visited {
               color:#0094D5;
}

#contactinfo a:hover {
        color: #055D6B;
        }
        
#weathermap {
        text-align:center;
        margin:5px 5px 0 150px;
        line-height:1.3em;
        }

#quote {
        text-align:center;
        margin: 25px 125px 0 15px;
        font-style:italic;
        line-height:1.5;
        font-family: serif;
        font-weight:bold;
        }        
        
/* Navigation */
#nav	{
        margin:50px 20px 0 40px;
        font-weight:bold;
		}

#nav ul {
        list-style-type:disc;
        }        
        
#nav li {
		line-height: 25px;
		}
#nav a {
		text-decoration: none;
		}
#nav a:link, #nav a:visited {
		color: #fff;
		border-bottom: none;
		}
#nav a:hover {
		color: #055D6B;
		}
#nav a:active {
		color: #055D6B;
		}
#nav li a.selected {
		color: #fff;
		}

.spacer {
		height: 0;
		clear: both;
                margin:0;
                padding:0;
                border:0;
		}

/* Formatting elements */
.clip	{
		overflow: hidden;
		}
.full	{
		overflow: auto;
		}
.invisible {
		visibility: hidden;
		}
.hidden {
		display: none;
		}
.center {
		text-align: center;
		}
.right	{
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.floatLeft {
		float: left;
		}
.floatRight {
		float: right;
		}
.leftPad {
		padding: 0 0 5px 10px;
		}
.rightPad {
		padding: 0 10px 5px 0;
		}
.trim	{
		margin: 0;
		padding: 0;
		}
.nudge	{
		margin-left: 5px;
		}
.first	{
		margin-top: 0;
		}
.last	{
		margin-bottom: 0;
		}
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.smaller{
		font-size: 9px;
		}
.dropcap {
		color: #ed6e00;
		font: 3.5em/100% Times, Georgia, sans-serif;
		margin-top: -0.15em;
		padding-right: 0.1em;
		float: left;
		}
p.firstLine:first-line {
		text-transform: uppercase;
		}
.plainList {
		font-size: 10px;
		margin: 0 0 10px 15px;
		}
.square {
		margin-left: 15px;
		list-style: square;
		}
.inlineList li {
		display: inline;
		}
a.img:hover, a.img:active {
		border-bottom: none;
		}
.smaller {
		font-size: 0.9em;
		}
a.img:hover, a.img:active, #sidebar a.img:hover, #sidebar a.img:active {
		border-bottom: none;
		}
.simpleList {
		font-size: 1em;
		margin-left: 15px;
		list-style: square;
		}

/* Table layout */
.table	{

		}
.table div {
		list-style-type: none;
		padding: 0;
		}
.table li {
                background: url(/images/sb/bod_bkgd.jpg) repeat-y;
		text-align: left;
		display: block;
		width: 215px;
                height:150px;
		float: left;
		padding: 0;
		}


/********* Calendar Styles *************/

.calendarBG {
 background-color: #083B79;
}

.calendarBlank {
 background-color: #ccc;
}

.calendarHeader {
 font-size: 14px;
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #083B79;
}

.calendarMonthLinks {
 font-size: 14px;
 font-weight: bold;
 letter-spacing: .1em;
 text-decoration: none;
 color: #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
}

.calendarMonthLinks a:visited {
 color: #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color: #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #999;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-size:11px;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color: #000;
 background-color: 	#A8B9D8;
  width:14%;
  height:50px;
}

.calendarCell {
 font-size:11px;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
  width:14%;
  height:50px;
}

.calendarCell a {
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 text-decoration:   none;
 background-color:  transparent;
}

#slideshow {
margin:20px;
}