@charset "UTF-8";

* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; text-align: center; color: #000000; font-family: Arial, Helvetica, sans-serif; ; font-size: 15px; background-color: #85a2bc; background-repeat: repeat-x; background-position: top; background-image: url(../images/sitebg.png); }

#container { width: 970px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; }

#header {
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	padding: 0px;
	color: #D6D6D6;
}
#header h1 { margin: 0; padding: 10px 0; }

#contentwrapper {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
	height: auto;
	width: 870px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	font-size: 14px;
	font-style: italic;
}
	
#content { padding: 0px; color: #333; }

#rightcolumn { float: right; color: #333; padding: 0px; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 90%; display: inline; width: 269px; }

#leftcolumn { color: #333; height: auto; width: 600px; float: left; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; line-height: 18px; }

/* Top Menu */
#topmenu { display: block; height: 30px; width: 970px; border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none; overflow: hidden; float: right; padding: 0px; margin: 0px; }
#topmenu li { margin: 0; padding: 0; display: inline; list-style-image: none; list-style-type: circle; }
#topmenu a { float: left; overflow: hidden; height: 0px !important; margin: 0px; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#topmenu a:hover { background-position: 0 -30px; }
#topmenu a:active, #topmenu a.current { background-position: 0 -60px; }

#home a { width: 62px; height: 30px; margin-left: 0px; background: url(../images/topmenu.png) top left no-repeat; }
#aboutus a { width: 76px; height: 30px; margin-left: 0px; background: url(../images/topmenu_02.png) top left no-repeat; }
#dogcare a { width: 78px; height: 30px; margin-left: 0px; background: url(../images/topmenu_03.png) top left no-repeat; }
#environmental a { width: 232px; height: 30px; margin-left: 0px; background: url(../images/topmenu_04.png) top left no-repeat; }
#news a { width: 53px; height: 30px; margin-left: 0px; background: url(../images/topmenu_05.png) top left no-repeat; }
#gallery a { width: 64px; height: 30px; margin-left: 0px; background: url(../images/topmenu_06.png) top left no-repeat; }
#yukonquest a { width: 97px; height: 30px; margin-left: 0px; background: url(../images/topmenu_07.png) top left no-repeat; }
#volunteers a { width: 134px; height: 30px; margin-left: 0px; background: url(../images/topmenu_08.png) top left no-repeat; }
#contactus a { width: 91px; height: 30px; margin-left: 0px; background: url(../images/topmenu_09.png) top left no-repeat; }
#partners a { width: 83px; height: 30px; margin-left: 0px; background: url(../images/topmenu_10.png) top left no-repeat; }

/* Main Menu */
#menu { display: block; height: 50px; width: 970px; border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none; overflow: hidden; float: right; padding: 0px; background-image: url(../images/siteframework_03.png); background-repeat: no-repeat; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#menu li { margin: 0; padding: 0; display: inline; list-style-image: none; list-style-type: circle; }
#menu a { float: left; overflow: hidden; height: 0px !important; margin: 0px; padding-top: 40px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#menu a:hover { background-position: 0 -40px; }
#menu a:active, #menu a.current { background-position: 0 -80px; }

#winter a { width: 104px; height: 40px; margin-left: 0px; background: url(../images/menu_01.png) top left no-repeat; }
#summer a { width: 128px; height: 40px; margin-left: 0px; background: url(../images/menu_02.png) top left no-repeat; }
#motivational a { width: 192px; height: 40px; margin-left: 0px; background: url(../images/menu_03.png) top left no-repeat; }
#bedandbreakfast a { width: 142px; height: 40px; margin-left: 0px; background: url(../images/menu_04.png) top left no-repeat; }
#tripplanning a { width: 156px; height: 40px; margin-left: 0px; background: url(../images/menu_05.png) top left no-repeat; }
#merchandise a { width: 121px; height: 40px; margin-left: 0px; background: url(../images/menu_06.png) top left no-repeat; }
#booknow a { width: 127px; height: 40px; margin-left: 0px; background: url(../images/menu_07.png) top left no-repeat; }

/* Submenu */
#submenu { float: right; width: 200px; margin-left: 25px; padding: 0px; margin-top: 0px; margin-right: 0px; height: auto; margin-bottom: 15px; }
#submenu ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
#submenu a { display: block; padding: 10px; width: 180px; color:15529B; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #15529B; }
#submenu a:link, #submenu a:visited { color: #15529B; text-decoration: none; }
#submenu a:hover { background-color: #fff; }
#submenu a.current { background-color: #cecebf; background-image: none; font-weight: bold; }

/* Other Styles */
h1 {
	color: #005aab;
	font-size: large;
	font-weight: bold;
	padding-bottom: 25px;
}

h2 {
	color: #005aab;
	font-size: medium;
	font-weight: bold;
	padding-bottom: 15px;
}

#listing { background-color: #e5ecf9; padding: 10px; margin-top: 10px; margin-bottom: 10px; height: 60px; width: 630px; }

#listing img { float: left; margin-right: 20px; }

#container #header img { margin-top: 0px; margin-left: 50px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.floatright { float: right; padding-bottom: 10px; padding-left: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

#content .list li, #leftcolumn .list li { margin-top: 5px; margin-left: 100px; list-style-position: inside; }

#rightcolumn .list li { margin-top: 5px; margin-left: 15px; list-style-position: inside; }

#content .list2 li, #rightcolumn .list2 li { margin-top: 5px; margin-left: 20px; list-style-position: inside; list-style-type: none; }

.clear { clear: both; }

#content a img.gallery { border: 10px solid #FFF; margin-right: 72px; margin-bottom: 25px; margin-left: 72px; }
#content a img.photogallery { border: 10px solid #FFF; margin-right: 25px; margin-bottom: 25px; margin-left: 25px; }
#content a a:hover img.gallery, #content a a:hover img.photogallery { border-top-color: #babb8e; border-right-color: #babb8e; border-bottom-color: #babb8e; border-left-color: #babb8e; }

/* Table Styling */
#table td { padding: 25px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #C9C9C0; font-size: 15px; color: #000; clear:right; }

/* Image Styling */
#container #contentwrappernoslideshow #leftcolumn #fancybox .floatright { margin: 25px; }

#footer h1 { color: #FFF; margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; }

#container #contentwrapper #content p { padding-right: 50px; padding-left: 50px; line-height: 25px; margin-bottom: 25px; }

#rightcolumn a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* Footer */
#footer { background-position: top; clear: both; color: #FFF; text-align: left; margin-bottom: 0px; padding-top: 30px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px; overflow: hidden; background-repeat: no-repeat; font-size: 0.8em; height: 253px; background-image: url(../images/footer.png); }

#footer h2 { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:normal; margin-bottom:10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; padding-top: 5px; padding-right: 5px; padding-bottom: 15px; padding-left: 5px; }

#footer p { color: #fff; line-height:20px; }

#footer li { line-height:20px; padding:5px 0px; list-style-type: none; }

#footer a { color: #fff; }
#footer a:hover { color: #F6B71E; text-decoration: underline; }

#footer p.l { float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; }
#footer p.r { float: right; }

.footerblockleft { width:270px; float:left; margin-right: 30px; }
.footerblockright { width:270px; float:right; }

#homepage { height: 423px; width: 920px; background-image: url(../images/siteframework_04.png); background-repeat: no-repeat; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px; float: left; margin: 0px; }
#homepage img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

li .current { background-image: url(../images/current.png); background-repeat: no-repeat; background-position: center 31px; }

.tour { }

#container #contentwrapper ul.list { margin-left: 50px; }

.right { float: right; margin-left: 25px; margin-bottom: 25px; }

.highlight {
	color: #005AAB;
	background-color: #cad9e6;
	padding: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #005AAB;
	border-bottom-color: #005AAB;
}

#container #contentwrapper hr { border-top-width: 2px; border-top-style: solid; border-top-color: #005AAB; clear: both; margin-top: 25px; margin-bottom: 25px; }

.tour { margin-bottom: 25px; padding-bottom: 25px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFF; display: block; float: left; clear: left; }


/* Price & Booking Linkg Styling */

.tour a.price  { background: transparent url('../images/button_02.png') no-repeat scroll top right; display: block; float: left; padding-right: 10px; text-decoration: none; }
.tour a.price span { background: transparent url('../images/button_01.png') no-repeat; display: block; font-weight: bold; color: #FFF; text-decoration: none; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 20px; }

.price { float: left; margin-left: 25px; }

.tour a:hover { background-attachment: scroll; background-repeat: no-repeat; background-position: right -60px; }
.tour a:hover span { background-repeat: no-repeat; background-position: left -60px; }

.pricebutton a.price  { background: transparent url('../images/button_02.png') no-repeat scroll top right; display: block; float: left; padding-right: 10px; text-decoration: none; }
.pricebutton a.price span { background: transparent url('../images/button_01.png') no-repeat; display: block; font-weight: bold; color: #FFF; text-decoration: none; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 20px; }
.pricebutton a:hover { background-attachment: scroll; background-repeat: no-repeat; background-position: right -60px; }
.pricebutton a:hover span { background-repeat: no-repeat; background-position: left -60px; }

.left { float: left; margin-right: 25px; margin-bottom: 25px; }
.fancybox { }
.footerlinks { float: left; clear: right; margin-left: 440px; margin-top: 10px; }
#container #footer .footerlinks a img { border-style: none; }
#container #contentwrapper .list li {
	font-style: italic;
}