@CHARSET "ISO-8859-1";


p.habitat{color: #762251;}
h3.wildlife{color: #762251;} /* 654F39 */ /* 4A5452 */ /* 355169 */ /* 762251 */

img.viewing_home_random_photo {border: 1px solid black; margin: 12px 0px 9px 6px;}

ul.horizontal_list ul {list-style-type: none; float: left;}
ul.horizontal_list li {float: left; display: inline; margin-right: 20px; margin-bottom: 5px;}


.viewlocdesc {font-weight: bold;}


.viewingbox {float: right; clear: right; width: 250px; border: 1px solid black; margin-bottom: 25px; margin-left: 10px; background-color: #F1F7F3; -border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #608CB9;}
.viewingbox h2 {text-align: center; margin-top: 15px;}
.viewingbox ul {margin-left: 25px; margin-right: 10px;}
.viewingbox ul ul {margin-left: 40px; margin-right: 0px;}


.allmaps {margin-left: auto; margin-right: auto; position: relative;}
.allmaps ul {margin: 0px; padding: 0px; list-style-type: none;}
.allmaps a:hover {border: none; text-decoration: none; cursor: pointer;} /* ie fix */
.allmaps a:hover .hotspot {border: 1px solid black;}
.allmaps a:hover {border: none;} /* ie fix */


.allmaps a .hotspot .hover_text {display: none; background-color: white; color: black; font-weight: bold; font-size: 1em; border: 1px solid black; padding: 4px 6px; white-space: nowrap; position: absolute; top: -2.2em; left: -2px; }
/*
.allmaps a .hotspot {border: 2px solid transparent;}
.allmaps a .hotspot .hover_text { background-color: transparent; color: black; font-weight: bold; font-size: 1em; white-space: nowrap; position: absolute; top: -2.2em; left: -2px; }
.allmaps a:hover .hotspot .hover_text {}
*/


.allmaps a .hotspot:hover .hover_text {display: inline;}
.allmaps a .map_link {font-size: 1em; position: absolute; text-decoration: underline; left: 15px; background: url(/static/viewing/css/css_images/list_bullet_image.gif) 0 .5em no-repeat; padding-left: 12px;}
.allmaps a .hotspot {position: absolute; background: url(/static/viewing/css/css_images/transparent_background_image.gif) 0 0 repeat;} /* ie7 requires the transparent background image for it to hover properly */



#full_alaska_map {width: 700px; height: 570px;}
#southeast_alaska_map {width: 600px; height: 484px;}
#fairbanks_map {width: 700px; height: 500px;}





/* locations and dimensions of the places on the map that the hover effect highlights */
#full_alaska_map .anchorage a .hotspot {top: 322px; left: 327px; width: 43px; height: 26px; z-index: 90;}
#full_alaska_map .fairbanks a .hotspot {top: 186px; left: 342px; width: 104px; height: 83px;}
#full_alaska_map .kenai a .hotspot {top: 340px; left: 309px; width: 72px; height: 63px;}
#full_alaska_map .sewardpeninsula a .hotspot {top: 160px; left: 103px; width: 82px; height: 80px;}
#full_alaska_map .pws a .hotspot {top: 328px; left: 365px; width: 63px; height: 51px; z-index: 80;}
#full_alaska_map .southeast a .hotspot {top: 337px; left: 480px; width: 217px; height: 146px;}
#full_alaska_map .southcoastal a .hotspot {top: 415px; left: 4px; width: 320px; height: 152px;}
#full_alaska_map .northern a .hotspot {top: 20px; left: 134px; width: 320px; height: 162px;}
#full_alaska_map .southwestern a .hotspot {top: 260px; left: 105px; width: 210px; height: 162px;}
#full_alaska_map .wrangellsteliasglenn a .hotspot {top: 275px; left: 350px; width: 100px; height: 65px;}

#full_alaska_map .southcoastal a .map_link {bottom: -2em; left: 0em;}
#full_alaska_map .anchorage a .map_link {bottom: -3.4em; left: 0em;}
#full_alaska_map .fairbanks a .map_link {bottom: -4.8em; left: 0em;}
#full_alaska_map .kenai a .map_link {bottom: -6.2em; left: 0em;}
#full_alaska_map .sewardpeninsula a .map_link {bottom: -7.6em; left: 0em;}
#full_alaska_map .northern a .map_link {bottom: -9em; left: 0em;}
#full_alaska_map .pws a .map_link {bottom: -10.4em; left: 0em; width: 12em;}
#full_alaska_map .southeast a .map_link {bottom: -11.8em; left: 0em;}
#full_alaska_map .southwestern a .map_link {bottom: -13.2em; left: 0em;}
#full_alaska_map .wrangellsteliasglenn a .map_link {bottom: -14.6em; left: 0em;}








#southeast_alaska_map a .hotspot {z-index: 1; width: 9px; height: 9px; padding: 8px; background: url(/static/viewing/css/css_images/location_dot_small.gif) 50% 50% no-repeat; border: 3px solid transparent;}


/* locations and dimensions of the places on the map that the hover effect highlights */
#southeast_alaska_map .gustavus a .hotspot {top: 137px; left: 130px;}
#southeast_alaska_map .haines a .hotspot {top: 54px; left: 120px;}
#southeast_alaska_map .juneau a .hotspot {top: 130px; left: 200px;}
#southeast_alaska_map .ketchikan a .hotspot {top: 358px; left: 431px;}
#southeast_alaska_map .petersburg a .hotspot {top: 247px; left: 321px;}
#southeast_alaska_map .sitka a .hotspot {top: 259px; left: 186px;}
#southeast_alaska_map .skagway a .hotspot {top: 28px; left: 125px;}
#southeast_alaska_map .wrangell a .hotspot {top: 271px; left: 361px;}


#southeast_alaska_map a:hover .hotspot {border: 3px solid blue; }


#southeast_alaska_map h2.locations {position: absolute; top: 470px; left: 0px; border: 1px solid black; padding-top: 10px; padding-bottom: 11em; padding-left: 20px; padding-right: 20px; -moz-border-radius: 10px;}
#southeast_alaska_map .gustavus a .map_link {bottom: -5em;}
#southeast_alaska_map .haines a .map_link {bottom: -6.4em;}
#southeast_alaska_map .juneau a .map_link {bottom: -7.8em;}
#southeast_alaska_map .ketchikan a .map_link {bottom: -9.2em;}
#southeast_alaska_map .petersburg a .map_link {bottom: -10.6em;}
#southeast_alaska_map .sitka a .map_link {bottom: -12em;}
#southeast_alaska_map .skagway a .map_link {bottom: -13.4em;}
#southeast_alaska_map .wrangell a .map_link {bottom: -14.8em;}



/* route info */
#southeast_alaska_map h2.ferry_routes {position: absolute; bottom: -2.5em; left: 250px;}

#southeast_alaska_map a .route {position: absolute; z-index: 0; display: none;}

#southeast_alaska_map .petersburg_to_juneau a .route {z-index: 99; width: 247px; height: 174px; background: url(/static/viewing/css/css_images/route_petersburg_to_juneau_labeled.gif) no-repeat; top: 98px; left: 195px;}
#southeast_alaska_map .petersburg_to_juneau a:hover .route {display: inline;}
#southeast_alaska_map .petersburg_to_juneau a .map_link {bottom: -5em; left: 250px;}





/* Fairbanks */
#fairbanks_map a .hotspot {z-index: 1; width: 9px; height: 9px; padding: 8px; background: url(/static/viewing/css/css_images/location_dot_small.gif) 50% 50% no-repeat; border: 3px solid transparent;}


/* locations and dimensions of the places on the map that the hover effect highlights */
#fairbanks_map .fairbanks a .hotspot {top: 137px; left: 130px;}
#fairbanks_map .haines a .hotspot {top: 54px; left: 120px;}
#fairbanks_map .juneau a .hotspot {top: 130px; left: 200px;}
#fairbanks_map .ketchikan a .hotspot {top: 358px; left: 431px;}
#fairbanks_map .petersburg a .hotspot {top: 247px; left: 321px;}
#fairbanks_map .sitka a .hotspot {top: 259px; left: 186px;}
#fairbanks_map .skagway a .hotspot {top: 28px; left: 125px;}
#fairbanks_map .wrangell a .hotspot {top: 271px; left: 361px;}


#fairbanks_map a:hover .hotspot {border: 3px solid blue; }


#fairbanks_map h2.locations {position: absolute; top: 490px; left: 0px; border: 1px solid black; padding-top: 10px; padding-bottom: 11em; padding-left: 20px; padding-right: 20px; -moz-border-radius: 10px;}
#fairbanks_map .fairbanks a .map_link {bottom: -5em;}
#fairbanks_map .haines a .map_link {bottom: -6.4em;}
#fairbanks_map .juneau a .map_link {bottom: -7.8em;}
#fairbanks_map .ketchikan a .map_link {bottom: -9.2em;}
#fairbanks_map .petersburg a .map_link {bottom: -10.6em;}
#fairbanks_map .sitka a .map_link {bottom: -12em;}
#fairbanks_map .skagway a .map_link {bottom: -13.4em;}
#fairbanks_map .wrangell a .map_link {bottom: -14.8em;}



/* INTERIOR LOCATIONS */
.chenalake {top: 214px; left: 220px;}
.deltajunction {top: 349px; left: 365px;}
.fairbanks {top: 214px; left: 182px;}
.chenaspringsroad {top: 198px; left: 270px;}
.denali {top: 320px; left: 30px;}
.pinnell {top: 93px; left: 313px;}
.steese {top: 125px; left: 255px;}
.tetlin {top: 478px; left: 682px;}
.whitemts {top: 130px; left: 195px;}
.yukoncharley {top: 73px; left: 480px;}
.yukonflats {top: 45px; left: 520px;}



.fulltitle {position: absolute; left: -999em;}

.toplefttitle a:hover .fulltitle,
.toprighttitle a:hover .fulltitle,
.bottomlefttitle a:hover .fulltitle,
.bottomrighttitle a:hover .fulltitle {position: static;}





.nodirectiontitle,
.toplefttitle,
.toprighttitle,
.bottomlefttitle,
.bottomrighttitle {position: absolute; width: 1px; height: 1px; border: 1px solid black;}

.nodirectiontitle {border: 0px solid black;}

.nodirectiontitle a,
.toplefttitle a,
.toprighttitle a,
.bottomlefttitle a,
.bottomrighttitle a
{
	/* color: black; */
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;

	border: 1px solid black;
	padding: 3px 5px 3px 5px;
	position: absolute;
	z-index: 45;

	background-color: white;
}
.toplefttitle a.ferry,
.toprighttitle a.ferry,
.bottomlefttitle a.ferry,
.bottomrighttitle a.ferry {padding-bottom: 30px; background: white url(/static/viewing/css/css_images/ferry.jpg) 10px 20px no-repeat;}



.nodirectiontitle a:hover,
.toplefttitle a:hover,
.toprighttitle a:hover,
.bottomlefttitle a:hover,
.bottomrighttitle a:hover {border: 1px solid black; color: #990000; text-decoration: underline;}

.nodirectiontitle a {top: -13px; left: 0px; -moz-border-radius: 7px;}
.toplefttitle a {bottom: 19px; right: 10px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomleft: 7px;}
.toprighttitle a {bottom: 19px; left: 10px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px;}
.bottomlefttitle a {top: 19px; right: 10px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px;}
.bottomrighttitle a {top: 19px; left: 10px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px;}


.location_dot {width: 25px; height: 25px; position: absolute; z-index: 50;}
.toplefttitle .location_dot {background: url(/static/viewing/css/css_images/bubble_top_left.gif) 0 0 no-repeat; bottom: -3px; right: -3px;}
.toprighttitle .location_dot {background: url(/static/viewing/css/css_images/bubble_top_right.gif) 0 0 no-repeat; bottom: -3px; left: -3px;}
.bottomlefttitle .location_dot {background: url(/static/viewing/css/css_images/bubble_bottom_left.gif) 0 0 no-repeat; top: -3px; right: -3px;}
.bottomrighttitle .location_dot {background: url(/static/viewing/css/css_images/bubble_bottom_right.gif) 0 0 no-repeat; top: -3px; left: -3px;}



/* guidebooks */
.guidebooks_styles h2 {font-weight: bold; color: #000000; font-size: 14px; margin-bottom: 8px;}
.guidebooks_styles img {float: right; margin-left: 12px; margin-right: 10px; -moz-box-shadow: 4px 4px 4px #666; -webkit-box-shadow: 4px 4px 4px #666; box-shadow: 4px 4px 4px #666;}
.guidebooks_styles p {margin-top: 0px;}
.guidebooks_styles .guide_info {display: block; margin-top: 12px; text-align: left; font-style: italic;}




/* labels for unclickable links on maps */
.loclabeltopleft,
.loclabeltopright,
.loclabelbottomleft,
.loclabelbottomright {position: absolute; width: 1px; height: 1px; border: 1px solid black;}

.loclabeltopleft .loclabelname,
.loclabeltopright .loclabelname,
.loclabelbottomleft .loclabelname,
.loclabelbottomright .loclabelname
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;

	padding: 2px 5px 2px 5px;
	position: absolute;
	z-index: 45;

	border: 1px solid gray;

	background-color: #D5D093;
}

.loclabeltopleft .loclabelname {bottom: 19px; right: 10px;}
.loclabeltopright .loclabelname {bottom: 19px; left: 10px;}
.loclabelbottomleft .loclabelname {top: 19px; right: 10px;}
.loclabelbottomright .loclabelname {top: 19px; left: 10px;}


.location_dot {width: 25px; height: 25px; position: absolute; z-index: 50;}
.loclabeltopleft .location_dot {background: url(/static/viewing/css/css_images/loclabel_top_left.gif) 0 0 no-repeat; bottom: -3px; right: -3px;}
.loclabeltopright .location_dot {background: url(/static/viewing/css/css_images/loclabel_top_right.gif) 0 0 no-repeat; bottom: -3px; left: -3px;}
.loclabelbottomleft .location_dot {background: url(/static/viewing/css/css_images/loclabel_bottom_left.gif) 0 0 no-repeat; top: -3px; right: -3px;}
.loclabelbottomright .location_dot {background: url(/static/viewing/css/css_images/loclabel_bottom_right.gif) 0 0 no-repeat; top: -3px; left: -3px;}