@charset "utf-8";
/* CSS Document */

body, p, div, span, table, tr, td, ul, li,
h1, h2, h3, h4, h5, h6 {padding: 0px; margin: 0px;}

body {
	background: #1c2e6e;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#wrapper {
	width: 1050px;
	margin: 0 auto;
}

#header {
	position: relative;
	background: url(images/header.jpg) left top no-repeat;
	height: 121px;
}

#headerHomeBtn {
    display: block;
    width: 390px;
    height: 90px;
    margin-top: 30px;
    margin-left: 30px;
    float: left;
}

#login {
	position: relative;
	display: inline;
	float: right;
	margin-top: 30px;
	margin-right: 40px;
}

#navBar {
	height:194px;
	background: url(images/navBar.jpg);
}
#navBarLeft {
	padding-top: 20px;
	padding-left: 35px;
	width: 150px;
	text-align: center;
	float:left;
	list-style-type: none;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
}

#navBar ul li a:link,
#navBar ul li a:visited {
	color: #fff;
	background: url('/images/star-white.png') center right no-repeat;
	padding-right: 15px;
}

#content {
	background: url(images/content.jpg) repeat-y;
	width: 1050px;
	float: left;
	min-height: 250px;
}

#content p {
    margin: 15px 0;
}

.headText {
	background:url(images/contentHead.gif) right top no-repeat;
	padding-top: 20px;
	padding-right: 40px;
	font-family:Verdana, Geneva, sans-serif;
	width: 810px;
	height: 75px;
}

.headText h2 {
    margin-top: 20px;
    font-size: 24px;
    color: #044274;
    text-align: right;
    padding-right: 25px;
    background: url('/images/star-blue.png') center right no-repeat;
}

#contentBody {
	position: relative;
	float: right;
	display: inline;
	padding-bottom: 10px;
	width: 850px;
}

.contentText {
    width: 800px;
}

.contentText h2 {
	font-size: 16px;
	color: #044274;
	margin: 10px 0;
}

ul.homeBoxes {
	list-style-type: none;
	width: 810px;
}
ul.homeBoxes li {
	float: left;
	display: inline;
	width: 240px;
	height: 85px;
	padding-left: 160px;
	padding-right: 5px;
	margin-top: 10px;
	font-size: 11px;
}

ul.homeBoxes li h3 a:link,
ul.homeBoxes li h3 a:visited {
	font-size: 12px;
	color: #044274;
}

ul.homeBoxes li.hotdeals { background: url(images/homePics/hotDeals.jpg) top left no-repeat; }
ul.homeBoxes li.resort { background: url(images/homePics/gov_05.jpg) top left no-repeat; }
ul.homeBoxes li.nightly { background: url(images/homePics/nightly.jpg) top left no-repeat; }
ul.homeBoxes li.cruise { background: url(images/homePics/cruise.jpg) top left no-repeat; }
ul.homeBoxes li.vacation { background: url(images/homePics/packages.jpg) top left no-repeat; }
ul.homeBoxes li.exchange { background: url(images/homePics/exchange.jpg) top left no-repeat; }
ul.homeBoxes li.travel { background: url(images/homePics/travel.jpg) top left no-repeat; }
ul.homeBoxes li.partners { background: url(images/homePics/partners.jpg) top left no-repeat; }

ul.cruiseBoxes li.military { background: url(images/cruisePics/1.jpg) top left no-repeat; }
ul.cruiseBoxes li.cruises { background: url(images/cruisePics/2.jpg) top left no-repeat; }
ul.cruiseBoxes li.private { background: url(images/cruisePics/3.jpg) top left no-repeat; }
ul.cruiseBoxes li.value { background: url(images/cruisePics/4.jpg) top left no-repeat; }
ul.cruiseBoxes li.credit { background: url(images/cruisePics/5.jpg) top left no-repeat; }

ul.exchangeBoxes li.directory { background: url(images/exchangePics/1.png) top left no-repeat; }
ul.exchangeBoxes li.online { background: url(images/exchangePics/2.png) top left no-repeat; }
ul.exchangeBoxes li.deposit { background: url(images/exchangePics/3.png) top left no-repeat; }
ul.exchangeBoxes li.request { background: url(images/exchangePics/4.png) top left no-repeat; }
ul.exchangeBoxes li.about { background: url(images/exchangePics/5.png) top left no-repeat; }
ul.exchangeBoxes li.ports { background: url(images/exchangePics/6.png) top left no-repeat; }

#infoBar {
	position: relative;
	float:left;
	display: inline;
	width: 150px;
	/*background:url(images/infoBar.jpg);*/
	margin-left: 40px;
	margin-top: 15px;
}

.insideNav {
    margin: 10px 0;
}
.insideNav ul {
    list-style: none;
    display: block;
}
.insideNav ul li {
    float: left;
    padding-right: 10px;
    font-size: 13px;
}
.insideNav ul li a {
    color: Maroon;
    font-weight: bold;
}
.insideNav ul li a:hover {
    color: #044274;
    text-decoration: none;
}

.landingImgBox {
    float: right;
    padding: 7px;
}
.landingImgBox img {
    border: 2px solid #044274;
}

#footer {
	clear: both; 
	position: relative;
	background:url(images/footer.jpg);
	width: 1050px;
	height: 72px;
	margin: 0px auto;
}

#footer, #footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.footerLeft {
	position: absolute;
	top: 15px;
	float: left;
	width: 320px;
	margin: 0 0 0 95px;
}

#fb-link {
    background-image: url("../images/fb-bug.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 40px 40px 0 0;
    overflow: hidden;
    text-indent: -9000px;
    width: 89px;
}

.footerFb {
	position: absolute;
	top: 18px;
	right: 338px;
	width: 275px;
	text-align: center;
	font-size: 11px;
	line-height:18px;
}

.footerRight {
	position: absolute;
	top: 12px;
	right: 40px;
	width: 275px;
	text-align: center;
	font-size: 11px;
	line-height:18px;
}

.basicList {
    padding-left: 35px;
}

.clear {
    clear: both;
}

#ctl00_LoginPH_lblAgain {
	color: #FF0000;
	font-weight: bold;
}

/*HOMEPAGE AD SLIDER*/
#homepageBanner {float: right; width: 862px; height: 184px; margin-top: 10px;}
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slideshow {float:right; width:836px; height:184px; margin-top: 10px; padding-right:25px;}
#slides {position:relative; width:836px; height:184px; list-style:none; overflow:auto}
#slides li {width:836px; height:184px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; display:none;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}
