/***************
****************

Presentation

*****************
*****************/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #2e2e2e;
	color: #333;
	text-align: center;
	font-size: 100%; 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height: 1.125em;
}

h1 {

	font-size: 1.5em;
	font-weight:bold;
	color: #84c5ed;
	line-height:1.2;
	margin: 5px 0;

}
h2 {
	
	color: #fea940;
	font-size: 1.125em;
	font-weight:bold;
	line-height:1.2;
	margin: 5px 0;
}
h3 {
	font-size: 1em;
	padding-bottom:3px;
	font-size: 16px;
	font-weight: 900;
}
h4 {
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:14px;
	font-weight:900;
	color: #abcd70;
}
h5 {
	color:#80cbec;
	font-weight:100;
}
p {
	font-size:0.75em;
	text-align:left;
	margin: 1em 0;
}	
a {
	color:#6fb3d0;
	font-weight:normal;
	text-decoration:none;
}
a:active {
	color:#80cbec;
}
a:hover {
	color:#a9cb70;
}
a img {
	border: 0px;
}

#container {
	 margin: 0 auto; 
	 max-width: 60.4em; 
	 min-width: 690px; 
	 position: relative;
	 line-height: 1.4;
}
#innercontainer {
	float: left;
	width: 100%;
	background: #eee;
	clear: left;
	text-align: left;
}
/*header styles*/	
#header {
	float: left;
	width: 100%; 
	display: block;
	background: #222323;
	padding: 0;
	margin: 0;
}

#logo {
	float: left;
	width: 10.31em;
	padding: 0;
	margin:0;
}

#navBar {
	float: right;
	width: 36.88em;
	margin-top: 80px;
}

#navBar ul {
	margin:0;
	padding:0;
	list-style: none;
}

#navBar li {
	display: inline;
	font-size: 0.88em;
	margin: 0 1% 0 0;
	padding: 0;
}

#navBar a {
	font-weight: bold;
	font-size: 1em;
	color: white;
	margin: 0 ; 
	padding: 3px 7px;
	text-decoration: none;
	border-right: 2px solid #2e2e2e;
}

#navBar a:hover {
	color: #fec650;
	text-decoration: underline; 
}
#navBar a:active {
	color: #6fb3d0; 
}

#navBar .last { 
	border: none; 	
}
/*body styles*/
#banner {
	float: left;
	width: 100%;
	color: white;
	height: 250px;
	background: #3f4142 url(../images/banner_bck.png) no-repeat;
	display: block;
	margin: 5px 0;
	padding: 0;
	clear: both;
}
#banner .lftCol {
	float: left;
	width: 50%;
	margin: 40px 70px 5px 18px;
	padding: 0;
	font-size: 1em;
}

#banner .lftCol h1 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	color: #999a9b;
	line-height: 1.5;
	text-align: left;
	margin: 0 0 7px 0;
}

#banner .rghtCol {
	float:right;
	width: 35%;
	margin-top: 25px;
	padding: 0;
}

.promos {
	float: left;
	width: 30%;
	margin: 0 3px 0 0;
}

.orange {
	color: #fec650;
}
.blutxt {
	color: #84c5ed;
}
#banner .subHead {
	color: #999a9b;
	font-size: 1.25em;
	line-height: 22px;
	margin: 0 0 5px 0;
}

#lft {
	float: left;
	clear: left;
	width: 60%;
	background: white;
	padding: 5px 9px;
	margin: 3px 7px;
}


#lft ul {
	margin: 4px 15px;
}
#lft li {
	font-size:0.75em;
	padding: 5px 0; 
}
#rght {
	float: left;
	width: 35%;
	margin: 3px 0;
	padding:0;
}
/***Demo container***/
#solo {
	float: left;
	clear: left;
	width: 95%;
	background: white;
	padding: 5px 9px;
	margin: 3px 7px;
}
.greenbox {
	
	width: 100%;
	color: white;
	background: #a9ce71;
	border: 5px solid white;
	padding: 0;
}

.greenbox ul {
	width: 98%;
	margin: 15px 0;
	padding: 0;
}
.greenbox li {
	list-style: none;
	padding: 5px 0;
	margin: 15px;
	border-bottom: 1px dotted white;
}
.greenbox li a {
	font-size: 1.125em;
	color: white;
	font-weight: 900;
	text-decoration: none;
}
.greenbox li a:hover {
	color: #cdff25;
	font-weight: bold;
}


.bluebox {
	
	width: 100%;
	height: 13.44em; 
	color: #2a3748;
	background: #84c5ed url(../images/blue_bck.png) no-repeat;
	border: 5px solid white;
	padding: 0;
	margin-top: 5px;
}


.boxHeading {
	font-size: 1.5em;
	font-weight: bold;
	margin: 20px 10px 10px 25px;
}

.inputStyle {
	padding: 3px 8px;
}
.bluebox ul {
	margin-bottom: 10px;
	padding: 0;
}
.bluebox li {
	list-style: none;
	padding: 7px;
	margin: 0 25px;
	font-size: 0.89em;
}
.bluebox a {
	font-size: 1.175em;
	font-weight: 900;
	color: #fea940;
	text-transform: uppercase;
	letter-spacing:0.06em;	
}

.bluebox a:hover {
	color: #468fc1;
}

/*sub page styles*/

#smBannerblu {
	float: left;
	width: 100%;
	color: white;
	height: 125px;
	margin: 5px 0;
	background: #3f4142 url(../images/about_banner.png) no-repeat;
	padding: 0;
	clear: both;
}

#smBannerblu h1 {
	font-size: 1.5em;;
	font-style: normal;
	font-weight: bold;
	color: white;
	line-height: 22px;
	text-align: left;
	margin: 25px 20px 5px 25px;
}

#smBannergray {
	float: left;
	width: 100%;
	color: white;
	height: 125px;
	margin: 5px 0;
	background: #3f4142 url(../images/curr_user_banner.png) no-repeat;
	padding: 0;
	clear: both;
}

#smBannergray h1 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	color: white;
	line-height: 22px;
	text-align: left;
	margin: 25px 20px 5px 25px;
}

#smBannergreen {
	float: left;
	width: 100%;
	color: white;
	height: 125px;
	margin: 5px 0;
	background: #3f4142 url(../images/whatis_banner.png) no-repeat;
	padding: 0;
	clear: both;
}

#smBannergreen h1 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	color: white;
	line-height: 22px;
	text-align: left;
	margin: 25px 20px 5px 25px;
}

#smBannerorange {
	float: left;
	width: 100%;
	color: white;
	height: 125px;
	margin: 5px 0;
	background: #3f4142 url(../images/dmo_banner.png) no-repeat;
	padding: 0;
	clear: both;
}

#smBannerorange h1 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	color: white;
	line-height: 28px;
	text-align: left;
	margin: 25px 40px 5px 25px;
}

.orangebox {
	
	width: 100%; 
	color: #2a3748;
	background: #fec650;
	border: 5px solid white;
	padding: 0;
	margin-top: 5px;
}


/******/

.clr {
	clear: both;
}
#footer {
	float: left;
	clear: both;
	width: 100%; 
	background: #222323;
	color: white;
	font-size: 0.89em;
	padding: 0;
	margin: 5px 0 0 0;
}

.footLft {
	float: left;
	margin: 7px 0 3px 8px;
}
.footRght {
	float: right;
	margin: 7px 8px 3px 0;
	text-align: right;
}

/***Content Styles***/

.headLine {
	font-size: 1.5em;
	font-weight:bold;
	line-height:1.2;
	margin: 5px 0;
}

.imgFloat {
	float: left;
	clear: right;
	padding: 0 10px 0 0;
}

.clearIt {
	clear:left; 
	font-size:1px; 
	line-height: 0px; 
	height: 0;
}

.tourList {
	margin:7px 0;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.tourList li {
	display: inline;
	margin: 0 8px 0 0;
	text-align: right;
}
.tourList li a{
	font-weight: bold;
}