/*Typography*/

.hr {
border-bottom:1px solid #CCCCCC;
}

/* general styles for all pages */
body {
	font-family: Arial, sans-serif;
}

.dropshadow {
	background: url('/images/dropshadow.png') center top repeat-y;
	width: 100%;
	margin: 0 auto;
}
.tophead {
	background: #fff;
}

.HeaderArea .logo {width: 165px; height: 108px;
}
.HeaderArea .logo img {
	margin-left: 26px;
	position: relative;
	z-index: 100;
}

.homeBodyArea .bodyHeader {
	background: #000;
}
.homeBodyArea .bodyHeader h2 {
	font-size: normal;
	margin: 5px 0;
}

.HeaderArea .topLogoNav {
	margin-bottom: 0;
	margin-top: 12px;
}
/* date and weather styles next to main navigation */
.HeaderBanner .rightSideBanner .dateWeather {
	/*float: right;*/
	margin-top: 52px;
	position: absolute;
	right: -6px;
}
/*.HeaderBanner .rightSideBanner .homeSearch {
	float:right;
	margin: 87px /*-138px8px 0 0;
	text-align: right;
	background: url('/images/buttons/search-textfield.png') top right no-repeat;
}*/


.HeaderBanner .bannerRightImg .dateWeather {
	float: right;
	margin-top: -415px;
}
.HeaderBanner .bannerRightImg .homeSearch {
	float:right;
	margin: -380px 10px 0 0;
	text-align: right;
}
.HeaderArea .topLogoNav .dateWeather {
	margin-left: 4px;
	margin-top: 20px;
	text-align: right;
	position: relative;
}

.HeaderArea .topLogoNav .dateWeather img {
	margin-right: 105px;
	margin-top: -15px;
}

.dateWeather p {
	margin-bottom: -15px;
	margin-top: 15px;
	margin-left: 30px;
	text-align: left;
	color: #fff;
	font-size: 10px;
}
.dateWeather .weather {
	font-weight: bold;
	margin-top: -26px;
	margin-right: 40px;
}

/* search feature */
.HeaderArea .homeSearch {
	margin-left: 4px;
	margin-top: 20px;
	text-align: right;
	position: relative;
}

.HeaderArea .topLogoNav .homeSearch input#textbox {
	width: 99px;
	margin-bottom: 0;
	padding: 2px 0 0 0;
}
.HeaderArea .topLogoNav .homeSearch p input#submit {
	width: 30px;
	margin-left: -5px;
}

/* new search integration */
.HeaderBanner .rightSideBanner .homeSearch .search-panel input.searchText {
	width: 103px;
	margin-left: 5px;
	margin-top: 2px;
	border: 0;
}
.HeaderBanner .rightSideBanner .homeSearch .search-panel input.btnSearch {
	margin-bottom: -7px;
}



/* top slope */
.insideHeaderArea .topSlopeInside {
	margin-top: -182px;
	margin-left: -42px;
}

/* top menu navigation styles */
.HeaderArea .menu {
	margin-bottom: -35px;
	margin-top: -82px;
	background: url('/images/buttons/top-nav-bg2.png') top left no-repeat;
	padding: 25px 0;
}

/* image mapping for top navigation */
#destination { 
        position: relative; 
        display: inline-block;
        top: -10px; 
        left: 188px; 
        width: 136px; 
        height: 53px; 
        background-color: transparent;
        z-index: 100; 
}
#story { 
        position: relative;
        display: inline-block;
        top: -10px; 
        left: 205px; 
        width: 97px; 
        height: 52px; 
        background-color: transparent; 
        z-index: 100;
}
#events { 
        position: relative;
        display: inline-block; 
        top: -10px; 
        left: 220px; 
        width: 72px; 
        height: 52px; 
        background-color: transparent;
        z-index: 100; 
}
#media { 
        position: relative; 
        top: -10px; 
        left: 235px; 
        width: 62px; 
        height: 52px;
        display: inline-block; 
        background-color: transparent; 
        z-index: 100;
}
#gallery { 
        position: relative; 
        top: -10px; 
        left: 252px; 
        width: 130px; 
        height: 52px;
        display: inline-block; 
        background-color: transparent; 
        z-index: 100;
}

.HeaderArea .topLogoNav .destination {
	background-position: 0px -101px;
}

.HeaderArea .topLogoNav .story {
	background-position: 0 -201px;
}
.HeaderArea .topLogoNav .events {
	background-position: 0 -301px;
}
.HeaderArea .topLogoNav .media {
	background-position: 0 -400px;
}
.HeaderArea .topLogoNav .gallery {
	background-position: 0px -498px;
}

.menu ul {list-style: none; margin-top: 30px; width: 101%;}
.menu ul li {display: inline; margin-left: -3px;}


/* footer styles for all pages */

.FooterArea .footer {
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
}
.FooterArea .footer img {
	float: right;
	margin-top: -235px;
	position: relative;
}
.FooterArea .footer ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 2px;
}
.FooterArea .footer ul strong {
	color: #1A3674;
	margin-right: 5px;
}
.FooterArea .footer a {
	color: #fff;
	text-decoration: none;
}
.FooterArea .footer ul li ul li {
	list-style:  none;
	display: inline-block;
	border-right: 1px solid #fff;
	padding: 0 5px;
}
.FooterArea .footer ul li ul li.clear {
	border-right: 0;
}
.FooterArea .footer ul li ul li.first {
	border-right:0 none;
    font-size:13px;
    font-weight:bold;
    padding-left:0;
}
.FooterArea .footer ul li ul li a:hover {
color: #1A3674;
}
.FooterArea .footer ul li ul {
	display: inline-block;
}
.foot {
	background: #6698B6 url('/images/footer-bg.jpg') top left no-repeat;
}

/* credits and e-cubed logo */
.endfooter {
	background: #000;
	color: #fff;
	padding: 5px 0;
}
.endfooter .footer p {
	float: left;
	margin-top: 15px;
	font-weight: bold;
}
.endfooter a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.e-cubedRightSide {
	float: right;
	margin-top: 10px;
	margin-bottom: -5px;
}
.e-cubedFooterImage {
	float: left;
}
.e-cubedFooterText ul {
	list-style: none;
	margin-right: 0;
	padding-left: 15px;
}
.e-cubedFooterText ul li {
	line-height: 1.2em;
}

.shadowbox_bottom {
	background: url('/images/shadow-bottom.png') center top no-repeat;
	height: 57px;
	width: 100%;
	margin: 0 auto;
}

/* browser hacks */
/* opera, safari, chrome */
@media all and (min-width: 0px;) {
/* top navigation margin adjustments */
#destination,
#story,
#events,
#media,
#gallery { 
        height: 65px;
        margin-bottom: 18px;
        margin-top: -10px;
}
/* addes extra spacing at top to align with logo */
.HeaderArea .menu ul {
	left:20px;
	top: 3.5em;
	}
.HeaderArea .topLogoNav .dateWeather img {
	margin-bottom: -13px;
}

/* makes input submit button align with input textbox */
.HeaderArea .topLogoNav .homeSearch input {
	vertical-align: middle;
}
.HeaderArea .topLogoNav .homeSearch input#textbox {
	height: 18px;
	padding: 2px 0 2px 0;
}
.HeaderArea .topLogoNav .homeSearch p input#submit {
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0;
}
.menu #menu li.destination {
	width: 189px;
}
.menu #menu li.story,
.menu #menu li.story a {
	width: 112px;
}
}

/* safari and chrome only adjustments */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.HeaderArea .topLogoNav .homeSearch p input#submit {
	margin-top: 6px;
	margin-bottom: 0px;
	padding: 0;
}
.tophead {
	padding-bottom: 5px;
}
#destination,
#story,
#events,
#media,
#gallery {
	height: 67px;
    margin-bottom: -23px;
    margin-top: -10px;
}
}

/*temp */

div.MainMenu ul
{
    display:inline-block;
    margin:18px 0 0;
}

div.MainMenu ul li
{    
    list-style:  none;
	display: inline-block;
	border-right: 1px solid #0099FF;
	padding: 0 10px;
	
}

div.MainMenu ul li a
{    
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    color:#0099FF;
}

div.MainMenu ul li a:hover
{ 
    color:Black;
}

div.MainMenu ul li.last
{ 
    border-right: none;
}

