/*
	Potomac Riverboat Company main stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #aea88c;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #d5d5d5;
}

table tr td {
	font-size: 12px;
	color: #666666;
}

.clearit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Branding + toolbar
---------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.jpg') 0 0 no-repeat;
	min-height: 78px;
	height: auto !important;
	height: 78px;
	position: relative;
}	

#logo {
	width: 100%;
	padding: 16px 0 0 0;
}	

#logo img {
	display: block;
	margin: 0 auto 0 269px;
}

ul#toolbar {
	position: absolute; 
	top: 5px;
	right: 12px;
}

ul#toolbar li {
	float: left;
	color: #ffffff;
}

ul#toolbar li a {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

ul#toolbar li a:hover {
	color: #f6e1a6;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home #wrapper {
	background: url('../images/wrapper/home-wrapper-bg.jpg') 0 0 repeat-y;
	width: 918px;
	margin: 0 auto;
	position: relative;
}

/*
#home #wrapper-btm {
	background: url('../images/wrapper/home-wrapper-btm.jpg') 0 100% no-repeat;
	padding: 0 0 20px 0;
}
*/

#home #main-content {
	min-height: 680px;
	height: auto !important;
	height: 680px;
	padding: 0 !important;
}

#home #main-content #left {
	float: left;
	width: 622px;
}

#home #main-content #right {
	background: url('../images/wrapper/home-right-border-right.gif') 100% 0 no-repeat;
	float: left;
	width: 268px;
}

#home #main-content #left-content-items,
#home #main-content #right-content-items {
	float: left;
	width: 220px;
	margin: 0 0 30px 0;
	padding: 0 40px 0 40px;
} 

#home #left-content-items ul, 
#home #right-content-items ul {
	margin: 0 0 14px 16px;
}

#home #left-content-items ul li, 
#home #right-content-items ul li {
	padding: 0 0 2px 0;
}

#home #left-content-items ul li a, 
#home #right-content-items ul li a {
	background: url('../images/wrapper/left-nav-item-bullet.gif') 0 4px no-repeat;
	color: #686559;
	text-decoration: none;
	padding: 0 0 0 12px;
}

#home #left-content-items ul li a:hover, 
#home #right-content-items ul li a:hover {
	color: #5f889e;
}

/* Featured Cruises */
#home #featured-cruises .hdr {
	background: url('../images/wrapper/feartured-criuses-hdr-bg.jpg') 0 0 repeat-x;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	width: 267px;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	text-align: center;
	padding: 2px 0 0 0;
}

#home #featured-cruises .seaport-cruise {
	background: url('../images/seaport-cruise-bg.jpg') 0 0 no-repeat;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

#home #featured-cruises .fireworks-cruise {
	background: url('../images/fireworks-cruise-bg.jpg') 0 0 no-repeat;
	min-height: 155px;
	height: auto !important;
	height: 155px;
}

#home #featured-cruises .ad-cruise {
	background: url('../images/ad-cruise-bg.jpg') 0 0 no-repeat;
	min-height: 155px;
	height: auto !important;
	height: 155px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	
}

/* =Homepage sub content
---------------------------------------------------------------------------------------------------- */
#home #right .sub-content {
	padding: 0 10px 0 13px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	background: url('../images/wrapper/wrapper-bg.jpg') 0 0 repeat-y;
	width: 918px;
	margin: 0 auto;
	position: relative;
}

/*
#wrapper-btm {
	background: url('../images/wrapper/wrapper-btm.jpg') 0 100% no-repeat;
	padding: 0 0 60px 0;
}
*/

#wrapper-inner {
	width: 890px;
	margin: 0 auto;
}

#main-content {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 0 0 20px 0;
}

#main-content #page-banner {
	display: block;
}

#main-content #left-col {
	background: url('../images/wrapper/left-col-divider.gif') 100% 0 no-repeat;
	float: left;
	width: 216px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 8px 10px 0 40px;
}

#main-content #right-col {
	float: left;
	width: 620px;
}

#main-content .text-content {
	padding: 8px 60px 0 60px;
}

/* List for text content layout */
.text-content ul.content-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.text-content ul.content-items li {
	clear: both;
	padding: 0 0 25px 0;
	list-style: none;
}

.text-content ul.content-items li .thb {
	float: left;
	width: 162px;
}

.text-content ul.content-items li .thb img {
	margin: 2px 0 0 0;
}

.text-content ul.content-items li .txt {
	float: left;
	width: 340px;
}

.notes {
	background: #edf2f5;
	color: #686559;
	font-size: 10px;
	margin: 20px 25px 0 40px;
	padding: 20px 25px 20px 25px;
}

/* =left nav
---------------------------------------------------------------------------------------------------- */
#left-nav {
	margin: 0 0 14px 0;
}

#left-nav li {
	line-height: 18px;
}

#left-nav a {
	background: url('../images/wrapper/left-nav-item-bullet.gif') 0 4px no-repeat;
	color: #686559;
	text-decoration: none;
	padding: 0 0 0 12px;
}

#left-nav a:hover, #left-nav a.on {
	color: #5f889e;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
#home #right .sub-content ul {
	margin: 0 0 16px 0;
}

#home #right .sub-content ul li {
	font-family: 'times new roman', times, sans-serif;
	color: #676661;
	font-size: 14px;
	text-align: center;
	padding: 0 0 2px 0; 
}

#left-col ul li {
	line-height: 18px;
}

#left-col .office-hours li {
	float: left;
	padding-right: 3px;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer-home {
	background: url('../images/wrapper/home-wrapper-btm.jpg') 0 0 no-repeat;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	letter-spacing: -1px;
	width: 918px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 76px 0 0 45px;
	position: relative;
}

#footer {
	background: url('../images/wrapper/footer-bg.jpg') 0 0 no-repeat;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	letter-spacing: -1px;
	min-height: 53px;
	height: auto !important;
	height: 53px;
	margin: 0 auto 0 auto;
	padding: 1px 0 0 320px;
	position: relative;
}

#footer ul li, #footer-home ul li {
	background: url('../images/wrapper/footer-item-bullet.gif') 0 60% no-repeat;
	display: inline;
	padding: 0 2px 0 9px;
}

#footer ul li.first, #footer-home ul li.first {
	background: none;
	padding: 0 2px 0 0 !important;
}

#footer p, #footer-home p {
	clear: both;
	margin: 5px 0 0 0;
}

#footer a, #footer-home a {
	color: #000000;
}

#footer a:hover, #footer-home a:hover {
	color: #BA2C2C;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:focus {
	outline: none;
	color: #5f889e;
}

a:hover {
	outline: none;
	color: #666666;
}

.text-content .more-info-link {
	color: #989898;
	font-size: 11px;
}

.text-content .more-info-link:hover {
	color: #5f889e;
}

.purchase-ticket {
	background: url('../images/wrapper/icon-ticket.png') 0 0 no-repeat;
	color: #638194;
	display: block;
	height: 47px;
	padding: 0 0 0 64px;
	text-decoration: none;
	cursor: pointer; /* IE6 */
}

.purchase-ticket span {
	display: block;
	padding: 12px 0 0 0;
}

.link-icon {
	background: url('../images/wrapper/link-icon.gif') 0 1px no-repeat;
	color: #638194;
	display: block;
	line-height: 18px;
	padding: 0 0 0 24px;
	text-decoration: none;
}

.purchase-ticket:hover, .link-icon:hover {
	color: #666666;
}

#home #right .sub-content ul li a {
	font-family: 'times new roman', times, sans-serif;
	color: #676661;
	font-size: 14px;
	text-decoration: none;
}

#home #right .sub-content ul li a:hover {
	color: #638194;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content {
	color: #444444;
	font-size: 12px;
}

.text-content p {
	color: #444444;
	margin: 8px 0 8px 0;
	line-height: 17px; 
}

.text-content ol {
	margin: 0 0 8px 26px;
}

.text-content ul {
	margin: 0 0 8px 20px;
}

.text-content ul li {
	margin: 0 0 6px 0;
	list-style-type: square;
}

.text-content ol li {
	margin: 0 0 6px 0;
}


.text-content p.intro {
	color: #406376;
	font-size: 13px;
	margin: 10px 0 10px 0;
}

.notes h5 {
	color: #686559;
	font-size: 10px;
}

.notes p {
	color: #686559;
	font-size: 10px;
	line-height: 13px; 
	margin: 8px 0 8px 0;
}

#left-col h1 {
	font-family: 'times new roman', times, sans-serif;
	color: #ba2c2c;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 14px 0;
}

#left-col h2 {
	font-family: 'times new roman', times, sans-serif;
	color: #ba2c2c;
	font-size: 17px;
	font-weight: normal;
	margin: 25px 0 10px 0;
}

.text-content h2 {
	font-family: 'times new roman', times, sans-serif;
	color: #ba2c2c;
	font-size: 17px;
	font-weight: normal;
	margin: 15px 0 10px 0;
}

.text-content h3 {
	color: #5f889e;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 8px 0;
}

#home h1, .text-content h1 {
	font-family: 'times new roman', times, sans-serif;
	color: #ba2c2c;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 14px 0;
}

#home #right .sub-content .gold-hdr {
	background: url('../images/wrapper/sub-content-hdr-bg.gif') 0 0 no-repeat;
	font-family: 'times new roman', times, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #bc974b;
	text-align: center;
	height: 21px;
	width: 231px; 
	margin: 0 0 0 3px;
	padding: 4px 0 0 0;
}

#home #right .sub-content h3 {
	font-family: 'times new roman', times, sans-serif;
	color: #ba2c2c;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin: 14px 0 10px 0;
}

#home .seaport-cruise p {
	color: #ffffff;
	font-size: 11px;
	margin: 0 0 0 15px;
}

#home .fireworks-cruise p {
	color: #ffffff;
	font-size: 11px;
	margin: 0 100px 0 15px;
}

#home .ad-cruise p {
	color: #054C81;
	font-size: 11px;
	margin: 0 0px 0 15px;
}

#home .seaport-cruise h3 {
	font-family: 'times new roman', times, sans-serif;
	color: #ffffff;
	font-size: 19px;
	margin: 0 0 0 15px;
	padding: 9px 0 0 0;
}

#home .fireworks-cruise h3 {
	font-family: 'times new roman', times, sans-serif;
	color: #ffffff;
	font-size: 19px;
	margin: 0 0 0 15px;
	padding: 25px 0 0 0;
}

#home .ad-cruise h3 {
	font-family: 'times new roman', times, sans-serif;
	color: #054C81;
	font-size: 19px;
	margin: 0 0 0 15px;
	padding: 25px 0 0 0;
}

/* =Old Styles
---------------------------------------------------------------------------------------------------- */

 div.box
 {
     border: solid 1px #CCCCCC;
     background-color: #edf2f5;
     padding: 4px;
     margin: 0;
 }

 div.box p {
	font-size: 10px;
	margin: 2px 0 2px 0;
}

table.rates
{
  text-align: center;
  padding: 10px;
}

table.rates td, table.rates th
{
  border: 1px solid #CCCCCC;
  padding: 4px 3px;
}


/* =Main nav CSS Menus (Core styles - Do not modify)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
#main-nav {
	background: #132934 url('../images/wrapper/main-nav-bg.jpg') 0 0 no-repeat;	
	min-height: 25px;
	height: auto !important;
	height: 25px;
	border-left: 1px solid #f5dda3;
	border-right: 1px solid #f5dda3;
	border-bottom: 1px solid #e5c980;
	clear: both;
}	

/* (MAIN) Container */	
#qm0 {
	margin: 0;	
	padding: 0 0 0 35px;
}

/* (MAIN) Items */	
#qm0 a {	
	font-family: 'times new roman', times, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 19px 0 0;
	padding: 5px 0 0 0;
}	

#qm0 a:hover, #qm0 a.on  {
	color: #f6e1a6;
}

/* (MAIN) Parent Items */	
#qm0 .qmparent {	
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	color: #f6e1a6;
}

/* (SUB) Container */	
#qm0 div, #qm0 ul {	
	background: #FBFFFF url('../images/wrapper/dropdown-menu-bg.jpg') 0 100% repeat-x;
	color: #7b7a76;
	border-left: 1px solid #E2C88D;
	border-right: 1px solid #E2C88D;
	border-bottom: 1px solid #E2C88D;
	margin: 5px 0 0 0;
	padding: 0;
	min-width: 140px;
	width: auto !important;
	width: 140px;
	text-align: left;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a {	
	background: #FCFBE9 url('../images/wrapper/dropdown-item-divider.gif') 50% 100% no-repeat;
	display: block;
	color: #7b7a76;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	padding: 3px 6px 2px 6px;
	margin: 0;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: url('../images/wrapper/dropdown-menu-item-bg.jpg') 50% 0 no-repeat;
	color: #7b7a76;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 3px 6px 2px 6px;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: url('../images/wrapper/dropdown-menu-item-bg.jpg') 50% 0 no-repeat;
	color: #7b7a76;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 3px 6px 2px 6px;
}

/* =Flickr Thumbs
---------------------------------------------------------------------------------------------------- */
.flickr-thumbs { margin: 0; padding: 0; overflow: hidden; }
.flickr-thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.flickr-thumbs li a { }
.flickr-thumbs li img { display: block; }
.flickr-thumbs li a img { border: none;}