@charset "utf-8";
/* CSS Document */
/* COLOUR SCHEMA 
	blue : #3A54AB
  burgundy: #191A37
  yellow:
*/
/* --- HTML TAGS DEFINITION ------------------------------------------------- */
		*{
			margin:0;
			padding:0;
		}
html { margin: 0 auto; padding: 0; height: 100%; width: 100%;} 
body {
  margin: 0 auto;
  padding: 0;
  height: 100%;
  background: #fff url(/assets/html/inner-bg/twosegwuns.jpg) no-repeat center top;
}
body#home {
  /*overflow:hidden;Needed to eliminate scrollbars*/
  width: 100%;
  height:100%;
  background: #FFFFFF;
}

body#heritage-two-col {
  background: #fff url(/assets/html/inner-bg/heritage-front.jpg) no-repeat center top;
}
body#steamships-two-col {
  background: #fff url(/assets/html/inner-bg/steamship-atnight.jpg) no-repeat center top;
}
body#global-two-col {
  background: #fff url(/assets/html/inner-bg/steamship-shipsdocked.jpg) no-repeat center top;
}
body#historical-two-col {
  background: #fff url(/assets/html/inner-bg/heritage-aboveboat.jpg) no-repeat center top;
}
body#events-two-col {
  background: #fff url(/assets/html/inner-bg/heritage-gracespeed-waving.jpg) no-repeat center top;
}
 ul {margin-left: 0; padding-left: 0;}  
.clearer { display: block; clear: both; margin: -1px; }
a:link { color: #003399; }
a:visited { color: #666666; }
a:hover { color: #003399; text-decoration: underline; }
a { outline: none; }
/* --- CLASSES -------------------------------------------------------------- */

#pagecontainer {
  width: auto;
  height: auto;
  margin: 0 auto;
  clear: both;
  position: relative;
    z-index: 5;
}
#home #pagecontainer {
  width: auto;
  height: auto;
  margin: 0 auto;
  clear: both;
  position: relative;
  z-index: 5;

}
#photocontainer {
  width: 100%;
  height:auto;
  margin: 0 auto;
  clear: both;

  z-index: 2;
}

#home #shblog {
  height: auto;
  width: 245px;
  float: right;
  background: no-repeat center center;
  padding-top: 5px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0;
}

#sphotocontainer {
  width: 100%;
  height:600px;
  position:absolute;
  z-index: 2;
  margin: 0 auto;
  top: 0px;
  left: 0;
  right: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: #FFF url(/assets/html/home/default-slide.jpg) no-repeat center top;
}
#sphotocontainer div {
  height:568px;
  width:100%;
  position:relative;
  margin: 0 auto;
  top: 0px;
  left: 0;
  right: 0;
 margin-left: auto;
	margin-right: auto;
}
/* SLIDES */
#sphotocontainer div {
	display: none;
}
.slide-one { background: url(/assets/html/home/slide1.jpg) no-repeat center top; }
.slide-two { background: url(/assets/html/home/slide2.jpg) no-repeat center top; }
.slide-three { background: url(/assets/html/home/slide3.jpg) no-repeat center top; }
.slide-four { background: url(/assets/html/home/slide4.jpg) no-repeat center top; }
.slide-five { background: url(/assets/html/home/slide5.jpg) no-repeat center top; }
/* //SLIDES */
#innercontainer{
  clear: both;
  height: auto;
  width: 997px;
  margin: 0 auto;
	padding-left: 1px;
   z-index: 10;

}


/* --- Top tools Section --- */
#header{
  width: auto;
  height: 240px;
  margin: 0 auto;
  display: block;
  clear: both;
    z-index: 10;

}
body#homeb #header{
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
  clear: both;
    z-index: 10;
}
body#home #header{
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
  clear: both;
    z-index: 10;
}
#topspace {
  height: 15px;
  display: block;
  width: 950px;
  margin: 0 auto;
  text-align: right;
  padding-top: 2px;
}
.logo { margin-top: 10px; 
}
#menu{
  width: auto;
  height: 48px;
  margin: 0 auto;
  clear: both;
  display: block;
  padding-top: 16px;
  background: url(/assets/html/bg-menu.png) no-repeat center center;
}
.innerfooter #menu {
	background: none;
}
#menu div, #logo-block{
	width: 987px;
  margin: 0 auto;
  clear: both;
  display: block;
}
#menu ul.left {
  float: left;
  display: inline;
  width: 220px;
  margin-left: 0px;
}
#menu ul.right {
  float: right;
  display: inline;
  width: 680px;
  margin-right: 10px;
}
#menu ul, #menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
}
#menu ul li a {
	color: #FFF;
	padding-right: 17px;
	padding-left: 14px;
	text-decoration: none;
	line-height: 26px;
  font-size: 16px;
}
#menu ul li:hover, #menu ul li a:hover {
	color: #EFCD6B;

}
.innerfooter #menu ul li:hover, .innerfooter #menu ul li a:hover { color: #191A37; 

}
#menu ul li {
	float: left;
	display: inline;
	background: url(/assets/html/menu-divide.gif) no-repeat right;
	height: 30px;

}
.innerfooter #menu  ul li {
	background: url(/assets/html/menu-divide-footer.gif) no-repeat right;
}
#menu ul li.last {
	background: none !important;
}
li.last a{
	padding-right: 0px !important;
}

/* --- Path / Forms --- */

.clearer { width: 1px; height: 2px; margin: 1px; clear: both; }
select {}
input {}
iframe { text-align: center; }
form { margin: 0px; }
label { }
.required {	}
.error {}


/* --- Content --- */
#content {
  min-height: 350px;
  height: auto;
  margin: 0 auto;
  clear: both;
  width: auto;
	display: block;
  margin-top: 65px;
}
body#home #content {
  min-height: 280px;
  height: auto;
  margin: 0 auto;
  clear: both;
  width: auto;
}
body#heritage-two-col #content {
  min-height: 350px;
  height: auto;
  margin: 0 auto;
  clear: both;
  width: auto;
  margin-top: 65px;
}
#hometext {
	width: 940px;
  height: auto;
  margin: 0 auto;
  padding-top: 25px;
  
}

/* --- Footer tools --- */
body#home .logo {
	float: left;
	display: inline;
}
body#home .booktoday {
  float: right;
  display: inline;
  padding-top: 85px;
}
#footer {
  clear: both;
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  background: url(/assets/html/sub-waves-bottom.png) repeat-x center top;
  padding-left: 0px;
   min-height: 150px;
  height: auto;
}
body#home #footer {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  background: url(/assets/html/waves-bottom.png) repeat-x center top;
  height: auto;
     min-height: 290px;
	z-index: 40;
}
body#homeb #footer {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  background: url(/assets/html/waves-bottom.png) repeat-x center top;
  height: auto;
    min-height: 290px;
	z-index: 40;
}
.innerfooter {
  clear: both;
  height: auto;
  width: auto;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  text-align: center;
    font-size: 12px;
  color: #FFFFFF;
  font-weight: normal;
	padding-top: 95px;
}

#socialfeeds {
	width: 200px;
  height: 40px;
  display: block;
  z-index: 50;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
#socialfeeds img{
width: 38px;
height: 38px;
}
body#home .innerfooter {
  clear: both;
  height: auto;
  width: 987px;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  padding-top: 0px !important;
}
#footermenu a{}
#subfooter-left {
  position: relative;
  float: left;
  display: inline;
  width: 400px;
  padding-top: 55px;
  padding-left: 25px;
  font-weight: bold;
  color: #213194;
  font-size: 15px;
}
#subfooter-right {
  position: relative;
  float: right;
  display: inline;
  width: 610px;
  padding-top: 105px;
  text-align: right;
  padding-right: 25px;
  font-size: 12px;
}
.subfooter {
	padding-bottom: 10px;
  clear: both;
  display: block;
}
.subfooter, .subfooter a {
  font-size: 11px;
  color: #FFFFFF;
}
/* --- template specifics ---*/
/*.leftcontent {
  float: left;
  height: auto;
  width: 660px;
  padding-left: 20px;
}
.rightmenu {
  float: left;
  height: 500px;
  width: 260px;
  min-height: 500px;
  padding-left: 35px;
  margin-left: 10px;
  background: url(/assets/html/rightmenubg.png) no-repeat left top;
  padding-top: 10px;
}
 --- ABOVE FOR DEV ONLY - template specifics ---*/
.leftcontent,
body#global-two-col .leftcontent, 
body#steamships-two-col .leftcontent {
  float: left;
  height: auto;
  width: 740px;
  padding-top: 15px;
}
.rightmenu, 
body#global-two-col .rightmenu, 
body#steamships-two-col .rightmenu {
  float: right;
  height: auto;
  width: 230px;
  margin: 0 auto;
  min-height: 630px;
  padding-left: 15px;
  margin-left: 0px;
  background: url(/assets/html/transtickets.gif) no-repeat left top;
	margin-top: 15px;

}
.rightmenu ul {
  margin-left: 0.5em;
	padding-top: 3px;
  padding-bottom: 15px;
	display: block;
}
#ticketmenu {
  width: 220px;
  height: auto;
  margin: 0 auto;
  min-height: 250px;
  background: url(/assets/html/ticketrepeat.png) repeat-y center top;
  margin-left: -1px;
  margin-top: -4px;
}
.rightmenu #global-right li {
  list-style-type: none;
  color: #191A37;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 4px;
  height: auto;
  border-bottom: 1px dashed #AC957D;
  width: 180px;
  display: block;
}
.rightmenu #global-right li a {
  color: #534535;
  text-decoration: none;
  font: bold 15px/12px "Courier New", Courier, monospace;
  display: block;
}

.rightmenu #global-right li a:hover {
  color: #660000;
  text-decoration: none;
}
/* --- Print version --- */

@media print {
body { background-color:#fff; }
}

.leftcontent ul li{
  margin-left: 15px;
  list-style-type: disc;
}
.blogtitle, a.blogtitle, .articles-item div h2, .articles-item div h2 a {
  font-size: 16px;
  color: #6B2131;
  padding: 10px 0px;
  font-weight: bold;
  text-decoration: none;
}
a.blogtitle:hover, .articles-item div h2 a:hover {
text-decoration: underline;
  font-size: 16px;
  color: #3A54AB;
}
.articles-item div h2, .articles-item div h2 a {
  font-size: 16px;
  color: #6B2131;
  padding: 2px 0px 2px ;
  font-weight: bold;
  text-decoration: none;
}
#shblog div {
	padding-top: 15px;
}
.blogpostdate, .docauthpub  {
  font-size: 12px;
  color: #333333;
  padding-top: 10px;
}
/* CORE Blog Formatting */
h1.blog {
	background: url(/assets/html/home/therealblog.gif) no-repeat center top;
  width: 177px;
  height: 53px;
}
h1.blog span{
	display: none;
}
#articles-list {}
.articles-item {}
.articles-item div{}
.articles-item div h2{}
.articles-item div p{}
.sideblogstuff { width: 180px; margin: 0 auto;  font: bold 15px/12px "Courier New", Courier, monospace; color: #534535; }
.docauthpub {}
.docintro {}
.rightmenu h4 { color: #534535;
 }
.rightmenu h3 { margin: 0; padding: 0; padding: 3px; padding-left: 6px; margin-top: 6px; margin-bottom: 3px;  border-bottom: 1px dashed #AC957D; }
.docyears {}
ul.doc-recentposts, ul.doc-recentposts li, ul.doc-recentposts li a,
ul.docyears, ul.docyears li,  ul.docyears li a
 {

  font-size: 13px !important;
  font-weight: normal !important;
  text-decoration: none;
   list-style-type: none;
  color: #191A37 !important;
  margin-left: 2px;
}
ul.docyears li a:hover, ul.doc-recentposts li a:hover {
	text-decoration: underline !important;
}
ul.doc-recentposts li a.blogtitle { 
  color: #60112C;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.sideblogstuff form{
  margin: 0px 0px 10px;
  padding: 5px;
}
.sideblogstuff form input{
  font-size: 13px;
  border: 1px solid #191A37;
  padding: 3px;
}
/* Photo Gallery Styles */
#gallery-display { margin-top: 10px; }
ul.galleryview { list-style: none; margin: 0; padding: 0; width: 740px; }
li.gallery-item { text-align: center; width: 75px; height: 75px; padding: 2px; float: left; display: inline; border: 1px solid #ccc; margin-right: 2px; margin-bottom: 2px; }
li.gallery-item img { }
.thumbphoto { width: 75px; height: 75px;  }
li.gallery-item:hover { border: 1px solid #003366; }
h3.did {
  font: bold 26px Georgia, "Times New Roman", Times, serif;
  color: #6B2131;
  margin-bottom: -5px;
  margin-left: 115px;
  text-transform: uppercase;
}

.didknowcontain {
  width: auto;
  display: block;
  clear: both;
  padding-top: 20px;
  min-height: 100px;
  background: url(/assets/html/Ships-Wheel.jpg) no-repeat left top;
}
.didyouknow {
	width: 80%;
	margin-left: 55px;
  padding: 15px;
  font: italic normal 18px Georgia, "Times New Roman", Times, serif;
  color: #000000;
  background: #eee;
  border: 1px solid #999999;
}