/*--css reset--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
caption,th {text-align:left }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal }
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0 }
* { outline: none; }

/*--defaults--*/
input { vertical-align:middle;margin:0;padding:0 }
.right { float:right }
.left { float:left }

html { background: #6d4923 }
body { font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #003267;}
.trajan { font-family: Trajan Pro, Georgia, "Times New Roman", Times, serif }
p { line-height:16px;color:#8c6239;  }
a,a:visited { text-decoration:none }
a:hover { text-decoration:underline }

/*mainContainer*/

.mainContainer { margin:20px auto;width:700px;height: 500px;position:relative; background: url(../images/bg.jpg) no-repeat top left }

/* header */
.header { height: 288px; width: 676px; margin: 0 auto; background:url(../images/map_all.png) bottom left no-repeat; position: relative;_height: 280px; _margin: 20px auto 0px;}

.header_red { background:url(../images/map_red.png) bottom left no-repeat; }
.header_blue { background:url(../images/map_blue.png) bottom left no-repeat; }
.header_orange { background:url(../images/map_yellow.png) bottom left no-repeat; }
.header_purple { background:url(../images/map_purple.png) bottom left no-repeat; }

.logo { position:absolute; top: 9px; left: 225px }

.islandHistoryContainer { position:absolute; top: 28px; right: 17px;height: 20px; width: 82px;_top: 18px;  }
.islandHistory  { height: 20px; width: 82px; background: url(../images/islandhistory.png) no-repeat top left; display:block; text-indent: -999px; overflow:hidden }
.islandHistory:hover { background: url(../images/islandhistory.png) no-repeat bottom left }

.overviewContainer { position:absolute; top: 55px; right: 150px;height: 15px; width: 52px; _top: 45px;}
.overview  { height: 15px; width: 52px; background: url(../images/overview.png) no-repeat top left; display:block;text-indent: -999px; overflow:hidden ;}
.overview:hover { background: url(../images/overview.png) no-repeat bottom left }

.whatsNewContainer { position:absolute; top: 43px; left: 138px;height: 13px; width: 67px; _top: 33px;}
.whatsNew  { height: 13px; width: 67px; background: url(../images/whatsnew.png) no-repeat top left; display:block;text-indent: -999px; overflow:hidden ;}
.whatsNew:hover { background: url(../images/whatsnew.png) no-repeat bottom left; }

/* show me nav */

.showMeNav { height: 30px; width:550px; padding-left: 22px; position:absolute; bottom: 10px; left: 0; color: #fff  }
.showMe { width: 100%; float:left; font-size: 11px; font-weight:bold;color: #fff  }
.showMeNav ul li a { color: #fff }
.showMeNav ul { display: inline; float:left; list-style: none; font-size: 10px; padding-left: 10px }
.showMeNav li { float:left; padding: 2px 5px 2px 22px; margin-top: -1px }

#mickeyRed { background: url(../images/mickeyRed.png) no-repeat left }
#mickeyBlue { background: url(../images/mickeyBlue.png) no-repeat left }
#mickeyPurple { background: url(../images/mickeyPurple.png) no-repeat left }
#mickeyOrange { background: url(../images/mickeyOrange.png) no-repeat left }
#mickeyBrown { background: url(../images/mickeyBrown.png) no-repeat left }

/* take a tour */

.takeatourContainer { height: 170px; width: 100px; background: url(../images/takeatourBg.png) no-repeat bottom left; float:left; margin: 5px 0 0 32px; _margin: 0 0 0 12px  }
.takeatour  { height: 17px; width: 84px; background: url(../images/takeatour.png) no-repeat top left; display:block;text-indent: -999px; overflow:hidden ; margin: 30px auto 5px }
.takeatourContainer ul { list-style: none; color: #4a2501; font-size: 8px; font-weight: bold; text-align: center; letter-spacing: -1px; }
.takeatourContainer li { padding: 0px 0 ; *padding: 0px ;}
.takeatourContainer li.active { background: url(../images/tour_pen_circle.png) no-repeat 6px 0px;}
.takeatourContainer a { color: #4a2501; }

#grand_tour {width: 96px; height: 21px; background: url(../images/grand_tour.png) no-repeat 0px 0px; display: block;}
#grand_tour:hover {background-position: 0px -21px;}
#family_activities {width: 96px; height: 21px; background: url(../images/family_activities.png) no-repeat 0px 0px; display: block;}
#family_activities:hover {background-position: 0px -21px;}
#adult_activities {width: 96px; height: 21px; background: url(../images/adult_activities.png) no-repeat 0px 0px; display: block;}
#adult_activities:hover {background-position: 0px -21px;}
#whatsNewTicket {width: 96px; height: 21px; background: url(../images/whatsnew_nav.png) no-repeat 0px 0px; display: block;}
#whatsNewTicket:hover {background-position: 0px -21px;}
#youth_activities {width: 96px; height: 21px; background: url(../images/youth_activities.png) no-repeat 0px 0px; display: block;}
#youth_activities:hover {background-position: 0px -21px;}

/* postcard */

.postcard { width:198px; height: 120px; padding: 14px 10px 20px 15px;float: left; margin: 10px 0 0  5px; position:relative; _padding: 4px 10px 20px 25px  }
.postcardTitle { font-size: 14px; font-weight: bold; color: #084ea4; margin-bottom: 12px; width: 170px; overflow: hidden; height: 34px; }
.postcard p { font-size: 10px; line-height: 12px; padding-left:15px }

.learnMoreContainer { position:absolute; bottom: 3px; right: 10px;height: 20px; width: 113px }
.learnMore  { height: 20px; width: 113px; background: url(../images/learnmore.png) no-repeat top left; display:block;text-indent: -999px; overflow:hidden }
.learnMore:hover { background: url(../images/learnmore.png) no-repeat bottom left }

/* picture */

.pictureContainer { width: 300px; height: 167px; float: left; margin: 4px 0 0  13px; position:relative;_margin: 0 0 0  8px }
.pictureFrame { width: 300px; height: 167px; background:url(../images/pictureFrame.png) no-repeat top left; position:absolute; top: 0; left: 0; z-index: 1111 }
.picture {width: 300px; height: 167px; position:absolute; top: 0; left: 0; z-index: 1 }
.pictureContainer .videoContainer { padding: 5px 0px 0px 7px; width: 336px; height: 291px; z-index: 2000; position:absolute; top: -96px; left: -16px; background-image: url(../images/video_bkg.png); background-repeat: no-repeat; }
.videoClose {width: 322px; height: 36px; position:absolute; bottom: 12px; display: block; left: 0px;}

.DCL { float: right; margin-right: 33px }

.black_overlay{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 2001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.white_content {
	position: relative;
	margin: 50px auto;
	width: 700px;
	height: 416px;
	z-index: 2002;
	overflow: auto;
	text-align: center;
}

.white_content img { float: right; }

.footerNav {
      color:       #3F2007;
      text-align:  center;
      font-size:   10px;
      margin:      18px auto 0 auto;
}

.footerNav a {
      text-decoration: none;
      color:           #3F2007;
      font-size:       10px;
      font-weight:     bold;
}

.footerNav a:hover { text-decoration: underline; }