body {
/*min-width: 800px;*/
position:relative; /*ie7 cc post footer overlap fix*/
color:#000;
background-color:#4F7DCC; /*#56789a; #36c;*/
font-size:100%;
margin:0;
padding:0
}

#container {
position:relative;
color:#000;
background-color:#4F7DCC;
padding:10px
}

div {
display:block;
margin:0;
padding:0
}

.clearboth {
clear:both;
}

img {
border:none;
}

img.left {
position:relative;
float:left;
margin:0 20px 0 0;
padding:0;
z-index:5
}

img.right {
position:relative;
float:right;
margin:0 0 0 20px;
padding:0;
z-index:5
}

img.no-pad-right {
float:right;
margin:0;
padding:0;
z-index:5
}

img.pad-right {
margin:0;
padding:0;
padding-left: 8px;
margin-top: -3px;
z-index:5
}

p {
text-align:justify;
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
padding:0
}

label {
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
display:inline !important; /*important to prevent cragchat overriding it*/
}

.form-item {
display:block;
}

.form-button {
display:block;
margin-top:15px;
}

.form-text {
margin-left:4px;
margin-right:5px
}

.site-text {
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}

sub,sup {
line-height:0px
}

h1 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.6em;
margin:0;
padding:0
}

h2, h3 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.4em;
margin:0;
padding:0
}

h3 a {
	font-size:1em !important;
}

table, tr{
margin:0;
padding:0
}

caption {
display:none
}

td {
vertical-align: top;
padding-right:10px
}

td p {
text-align:left;
margin-bottom:0;
margin-top:4px;
padding:0
}

th {
vertical-align:top;
padding-right: 10px;
}

th p {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.1em;
margin-top:10px;
margin-bottom:2px;
padding:0
}

th p.column{
margin:0;
margin-right:5px;
margin-top:2px
}

th p.column::after {
content:':'
}

tr:hover {
	/*background-color:#eee;*/
}

abbr {
border-bottom: 1px dotted;
cursor:help;
}

p a {
border-bottom: 1px dotted;
}

p a:hover {
text-decoration: none;
border-bottom: 1px solid;
}

a {
text-align:left;
color:#09c;
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#page-header {
position:relative
}

#page-title {
position:relative;
color:#000;
background-color:#002B7F;
padding:5px 0 0 5px
}

#page-title h1 {
background:url(logo.png) no-repeat top left;
width:292px;
height:95px;
margin:0;
padding:0
}

#page-subtitle h2 {
background:url(headerimage.php) no-repeat top left;
position:absolute;
top:0;
right:0 !important;
right:10px; /*ie*/
width:500px;
height:100px;
margin:0;
padding:0
}

#links-menu {
float:left;
position:absolute;
margin-top:4px;
top:110px;
left:13px !important;
left:4px; /*ie*/
}

#links-menu li {
display:inline;
margin:0;
padding:0
}

#links-menu a, #links-menu span{
float:left;
display:inline;
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:200;
font-size:0.95em;
text-decoration:none;
border-right:1px solid #eee;
margin:0;
padding:1px 12px;
}

#links-menu span {
color:#eee;
background-color:#255EC6;
padding:0px 12px
}

/* css3 method - doesn't work in ie
#links-menu li:last-child a {
border-right:none
}
*/

#links-menu li a.last-link, #links-menu li span.last-link{
border-right:none
}

#links-menu a:link, #links-menu a:visited {
color:#eee
}

#links-menu a:hover {
color:#06c;
background-color:#f8f8f8
}

#next-trip {
background-color:#255EC6;/*339*/
padding:5px 0
}

#next-trip p {
text-align:right;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:700;
font-size:0.95em;
color:#eee;
margin:0 5px;
padding:0
}

#next-trip a {
text-decoration:none;
border:none;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:700;
font-size:1em
}

#next-trip a:hover {
color:#fff !important;
}

#links-related {
position:relative;
max-width:230px;
top:28px;
right:0px;
border:1px dashed #000;
margin-left:15px;
margin-bottom:25px;
background-color:#eee;
z-index:3;
float:right;
padding:10px;
}

#links-related img {
margin-top:5px;
}

#links-related h4 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:700;
font-size:1em;
margin:0;
padding:0
}

#links-related>h4 {
padding-top:10px
}

#links-related h4:first-child {
padding-top:0
}

#links-related h4::after {
content:':'
}

#links-related li::before {
font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
content:'\»\ '
}

#links-related a {
background:#eee
}

#links-related div h4 {
font:11px/15px Verdana, Arial, Helvetica, sans-serif;
width: 160px
}

#page-content {
position:relative;
background-color:#F8F8F8;
margin:0;
padding:20px 20px 0
}

div.content-item {
position:relative;
background-color:#F8F8F8;
margin:0;
padding:0 0 1em
}

div.content-item p {
padding:0
}

h3.subtitle {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.1em
}

div.dated-content-header h3 {
position:relative;
float:left;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.1em;
margin:0;
padding:0
}

div.dated-content-header h3 a, div.content-header h3 a {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.1em;
}

div.dated-content-header span {
position:relative;
float:left;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.1em;
color: #bbb;
font-style: italic;
margin:0;
padding:0;
margin-left: 5px;
}

span.poster a {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1em;
color: #bbb;
font-style: italic;
}

div.dated-content-header p {
text-align:right;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.1em;
margin:0;
padding:0
}

p.read-more {
text-align:right;
margin:0;
padding:0
}

p.read-more a::after {
content:'\2026'
}

#footer {
position:relative;
background-color:#ccc;
color:#000;
padding:5px
}

#footer ul {
text-align:center;
margin:0;
padding:0
}

#footer li {
display:inline;
margin:0;
padding:0
}

#footer a {
font:13px/17px "Trebuchet MS", Arial, sans-serif;
display:inline;
border-right:1px solid #000;
color:#000;
background:#ccc;
margin:0;
margin-right:-4px;
padding:0px 8px
}

h4,dt {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:200;
font-size:1.15em;
margin:0;
padding:0
}

dd,#links-related p,#links-related li {
margin:0;
padding:0
}

a:link,a:visited {
color:#09c
}

#page-title h1 span,#page-subtitle h2 span {
display:none
}

#links-menu ul,#links-related ul {
list-style:none;
margin:0;
padding:0
}

#next-trip a:link,#next-trip a:visited {
color:#6Cf
}

a.last-link {
border-right:none !important
}

/* map styles */
/* Info Window styles */
.IW {
width:350px;
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
padding:0
}

.IWContent {
height:120px /* was overflow:auto */
}

.IWCaption {
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:bold;
font-size:16px;
color:#369;
border-bottom:2px solid #369;
padding-bottom:2px;
margin-bottom:5px
}

.IWFooter {
margin-top:5px;
font-size:8pt
}

.IWFooterZoom {}

.IWDirections{
background-color:#FFF
}


/* user login status menu */

#user-menu {
float:right;
width:auto !important;
width:0; /* ie < 7 fix (needs any width) */
position:absolute;
top:0px;
right:0px !important;
right:10px; /* ie < 7 fix */
margin:0 !important;
padding:3px;
padding-top:4px;
padding-bottom:0;
background:#ccc;
z-index:5;
}
#user-menu img {
margin:0;
padding:0;
padding-right:4px;
border:none;
vertical-align:text-bottom;
}
#user-menu ul {
text-align:center;
margin:0;
padding:0;
padding-bottom:2px; 
}
#user-menu li {
display:inline;
margin:0;
padding:0;
}
#user-menu a {
font-family:"Trebuchet MS", Arial, sans-serif;font-weight:700;
font-size:0.95em;
border-right:1px solid #09c;
padding:0px 8px 2px 8px;
margin:0;}
#user-menu a:hover {
background:#eee;
color:#09c;
text-decoration:none
}