/* CSS reset. Based on HTML5 boilerplate reset http://html5boilerplate.com/  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio[controls], canvas, video { display:inline-block; *display:inline; *zoom:1; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.4; }
body, button, input, select, textarea { font-family:sans-serif; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px 1em 40px; font-size:95%; line-height:20px;}
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { backgrthumbnailound:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; }
svg:not(:root) { overflow:hidden;}
figure { margin:0; }
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
legend { border:0; *margin-left:-7px; padding:0; }
label { cursor:pointer; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; *overflow:visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; }
input[type="search"] { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }
table { border-collapse:collapse; border-spacing:0; }
.hidden { display:none; visibility:hidden; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
/* End CSS reset */
header, nav, section, article, aside, footer, hgroup { 
   display: block;
}
/* CSS Document */
/*colors

3399cc - true blue
339999 / 51 153 153- med green blue
99cccc - grey blue
33cc99 - green
F0F0F0
#0b1717 / 11 23 23 - dk
*/

body {background:url(../img/bgnoise_lg.png) repeat; font-family: Verdana, Geneva, sans-serif sans-serif;}

html, body {height:100%;}

.light{background-color:#fff;}
.mid{background-color:#F0F0F0;}
.dark{background-color:#0b1717;}
.dark_thru{background-color: rgba(11,23,32,.75); background:url(../img/dk_bkg.png) repeat;  
}
.divide{border-right:#99cccc  solid 0.8em;}
.divide_opposite{border-left:#99cccc  solid 0.8em;}
.carrot{background-image:url(../img/carrot.png); background-repeat:no-repeat; background-position:5px 5px; margin: 0 25px 0 25px;}
.audio{background-image:url(../img/audio_icon.jpg); background-repeat:no-repeat; background-position:5px 5px; margin: 10px 10px 0 0px; padding:5px 25px 10px 50px;}
.accent{background-color:#339999;}
.accent2{display:block; background-color:#339999; color:#fff; margin:0 0 0 0; padding: 5px 5px 5px 30px; font-size:200%;}
.invert{color:#fff;}
.hard{
	display: block;
	background-color: #333;
	color: #fff;
	margin: 0;
	padding: 5px 5px 5px 0px;
	font-size: 200%;
}
.alert_sm{
	display: block;
	background-color:#339999;
	color: #fff;
	margin: 0;
	padding: 5px 5px 5px 0px;
	font-size: 125%;
}
/*.hard{display:block; background-color:#333; color:#fff;margin: 10px 0; padding: 5px 5px 5px 10px;}*/
.hard2{display:block; background-color:#333; color:#fff; margin:0 0 0 0; padding: 5px 5px 5px 10px; font-size:200%;}
.alert{display:block;background-color:#339999;color:#fff;margin: 0;padding: 5px 5px 5px 10px;}

.current{display:block;background-color:#2c5c5c ;color:#fff;margin: 10px 0;padding: 5px 5px 5px 5x; font-weight:bold;}
.opaque{display:block;background-color:#999;color:#fff;margin: 10px 0;padding: 5px 5px 5px 10px; font-weight:bold;}

/*LINKS*/
a,a:visited{text-decoration:none;}
a:hover,a:active{outline:0}a:hover{text-decoration:underline}
a:active,a:focus{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;opacity:.7}
h1 a,h2 a,h3 a{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none; color:#fff;}
p a,p a:visited, ul.links a{font-weight:bold;border-bottom:1px solid #333;background:#f2f2f2;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;transition:all .1s ease-in;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-decoration:none;padding:1px 3px 0;color:#488;}
p a:hover, ul.links a:hover{border-bottom:1px solid #a0a199;background:transparent;color:#666;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}

/*TYPOGRAPHY*/

h1, h2, h3, h4, h5, h6, p,blockquote, .media {margin:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
h1 {font-size: 36px;line-height: 40px;}
h2 {font-size: 30px;line-height: 40px;}
h3 {
	font-size: 24px;
	line-height: 30px;
}
h4 {font-size: 18px;line-height: 20px;}
h5 {font-size: 14px;line-height: 20px;}
h5 a{color:#fff;}

h6 {font-size: 12px;line-height: 20px;}
.small {
	font-size: 80%;
}
.upper{text-transform:uppercase;}
.drop-cap{display:block;font-weight: 800;font-size:3.75em;float:left;margin:0.16em 0.2em 0 0;line-height:0.67;color:#fff;-webkit-border-radius:2.5em;-moz-border-radius:2.5em;border-radius:2.5em;padding:0.3em 0.3em 0.35em;min-width:0.8em;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.8);}
.drop-cap{background-color:#339999;}
.arrow {display:inline; background:url(../img/whitearrow.png) 0% 60% no-repeat; padding:5px 0 5px 20px; }
.red {color:red;}
.kicker{font-size:1.25em;line-height:1.693;margin:-0.35em 0 -0.35em;}
/*LIST*/
ul li, ol li { padding:0 0 0.4em 0;}

.bare{color:#bbb;}
.pale{color:#999;}
.neutral{color:#666;}

.sharp{color:#000;}
.contrast{color:#fff;}
.firm{color:#339999;}

/* HELPERS */
.center {margin:0 auto;}
.left {float:left;}
.right {float:right;}
.img_floatleft {float:left; margin:0 10px 5px 0;}
.img_floatright {float:right; margin:0 0 5px 10px;}
.img {max-width:100%;}
.caption {
	background: none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	width: 98%;
	padding: 1% 0 1% 2%;
	margin: 0;
	background: rgba(0,0,0,.6);
	color: #fff;
}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.push{width:100%; height:55px;}
.ptn,.pvn,.pan{padding-top:0px}
.pts,.pvs,.pasclear{padding-top:5px}
.ptm,.pvm,.pam{padding-top:10px}
.ptl,.pvl,.pal{padding-top:25px}
.ptxl,pvxl,paxl{padding-top:40px;}
.ptxxl,pvxxl,paxxl{padding-top:50px;}
.prn,.phn,.pan{padding-right:0px}
.prs,.phs,.pas{padding-right:5px}
.prm,.phm,.pam{padding-right:10px}
.prl,.phl,.pal{padding-right:20px}
.pbn,.pvn,.pan{padding-bottom:0px}  
.pbs,.pvs,.pas{padding-bottom:5px}
.pbm,.pvm,.pam{padding-bottom:10px}
.pbl,.pvl,.pal{padding-bottom:20px}
.pln,.phn,.pan{padding-left:0px}
.pls,.phs,.pas{padding-left:5px}
.plm,.phm,.pam{padding-left:10px}
.pll,.phl,.pal{padding-left:20px}
.mtn,.mvn,.man{margin-top:0px}
.mts,.mvs,.mas{margin-top:5px}
.mtm,.mvm,.mam{margin-top:10px}
.mtl,.mvl,.mal{margin-top:20px}
.mrn,.mhn,.man{margin-right:0px}
.mrs,.mhs,.mas{margin-right:5px}
.mrm,.mhm,.mam{margin-right:10px}
.mrl,.mhl,.mal{margin-right:20px}
.mrxl,.mhxl,.maxl{margin-right:30px}
.mbn,.mvn,.man{margin-bottom:0px}  
.mbs,.mvs,.mas{margin-bottom:5px}
.mbm,.mvm,.mam{margin-bottom:10px}
.mbl,.mvl,.mal{margin-bottom:20px}
.mln,.mhn,.man{margin-left:0px}
.mls,.mhs,.mas{margin-left:5px}
.mlm,.mhm,.mam{margin-left:10px}
.mll,.mhl,.mal{margin-left:20px}
.mlxl{margin-left:30px}

/*STRUCTURE*/
.container { max-width:90%; margin:0 auto;}
.info {height: auto;min-height: 100%;padding-bottom: 8em;margin: 0 auto;}
.header {margin: 0;padding: 1em 2% 0 0;color: #fff;text-align: center;background: #0b1717;position: relative;}
.header:before {content:""; position:absolute; z-index:-1;left:0; top:0;height:100%;width:99%;display: block!important;moz-box-shadow: 5px 5px #888;-webkit-box-shadow: 5px 5px #888;box-shadow: 5px 5px #888;}
.logo {	float: left;margin: 0 0 0.8em 0;padding: 0 0 0 10px;}
.hero {padding:0 0 0 2%;}
.article { padding:0 0 2em 2%;}

.breadcrumb { background:#fff; padding:5px 0 10px 15px;}
.breadcrumb ul { margin:0; padding:0;}
.breadcrumb li{ display: inline; color: #000; font-family: 'Lato', sans-serif;  font-weight:bold; font-size:85%;}
.breadcrumb a {color:#666 !important;}
hr.edu{	border-bottom: 2px solid #666;border-top:1px solid #ccc;	border-left:0;border-right:0;margin: 10px auto 10px auto;}


hr{	border-bottom: 1px solid #fff;border-top:1px solid #fff;	border-left:0;border-right:0;margin:0 10px;}

/*COLUMNS*/
.col_12 {width:10.5%; margin:0 2% 0 0;float:left;}
.col_25 {width:21%;margin:0 2% 0 0;float:left;}
.col_33 {width:31%;margin:0 1% 0 0;float:left;}
.col_50 {width:48%;margin:0 2% 0 0;float:left;}
.col_62 {width:60.5%;margin:0 2% 0 0;float:left;}
.col_66 {width:64%;margin:0 2% 0 0;float:left;}
.col_75 {width:73%;margin:0 2% 0 0;float:left;}
.col_home {	width: 85%;margin: 0 auto;}
.col_96 {width:96%;margin:0 2%;}
.col_100 {width:98%;margin:0 2% 0 0;}
.col_hero{ margin:0 auto;}


/*NAV*/
.menu_main {width: 50%;	float: right;	text-align: right;	font-weight: bold;	letter-spacing: 0.1em;	margin: 0.9em 0 0 0;}
.menu_main a,.menu_main a:visited {color:#99cccc;}
.menu_main a:hover,.menu_main a:hover:visited {color:#999;}
.menu_main li {display:inline;margin:0 0 0 20px;}
.menu_main li.active,.menu_main li.active a {color:#FFF;text-decoration:none;cursor:default;}

/* NAV-DROPDOWN */
.menu_main li {position:relative; z-index:100000;}
.menu_main li ul { display:none; background:#000;   text-align:left; text-transform:uppercase; width:12em;  font-size:80%; margin-left:0px; padding:5px; position:absolute; left:5px; -webkit-box-shadow:rgba(0,0,0,0.5) 0px 4px 6px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 4px 6px;box-shadow:gba(0,0,0,0.5) 0px 4px 6px; }
.menu_main li ul li { display:block; margin:0;line-height:1.1; padding:5px 0; border-bottom:#cde solid 1px;}
.menu_main li ul li.last{border-bottom:none;}
.menu_main li ul a{ display:block; padding:3px;}
.menu_main li ul a:hover{ color: #ccc;}
.menu_main li:hover ul {display:block;position:absolute;right:-1em;top:100%;}
.menu_parent ul { display:none;}
.link_nav {display:none;color: #000;background:#fff; text-align:left;text-decoration:none;}
.link_nav:after { content:"▼";}


/*SUB NAV*/
.nav-sub {text-align:right;font-size:100%;padding:0 ; font-weight:bold;}
.nav-sub ul { margin:0 0 0 5px;}
.nav-sub li { display:block;margin:0;}
.nav-sub li.active,.nav-sub li.active a {background:#0b1717 ; color:#fff; text-decoration:none;}
.nav-sub {position: relative;}
.nav-sub {	background: #339999;	padding: 0.2em 5em 0.5em 0.3em;	letter-spacing: 0.1em;	text-transform: uppercase;}
.nav-sub li {display: inline;}
.nav-sub a {color: #FFF;padding:.3em 1.2em .6em 1.2em;	position: relative;	z-index: 1;}
.nav-sub a:hover {background:#0b1717 ; color:#fff; text-decoration:none; }
.submenu_parent ul { display:none;}
.link_subnav {display:none;color: #fff;background:#339999; text-align:left;text-decoration:none;}
.link_subnav:after { content:"▼";}

#left-nav {background:#0b1717; color:#fff; padding:1em 0;}
#left-nav ul{padding: 0 0 0 10px;margin: 0; border-bottom:#999 solid 1px; }

#left-nav li a.on{display:block;background-color:#339999; }
#left-nav ul li{list-style: none;text-transform: uppercase; font-size:12px;line-height: 18px;display: block; margin:0 0 10px 0; }
#left-nav ul li a{ color:#fff;  list-style-position:outside; }
/*#left-nav ul li ul{ display:none;}*/
#left-nav ul li ul li { font-size:90%; list-style:disc list-style-position:outside; padding:0 0 0 20px;  }
#left-nav ul ul.open{ display:block;}
#left-nav ul ul.last{ border:none;}
#left-nav ul ul ul{ border:none;}

#left-nav  ul li a:hover { text-decoration:underline;}
#left-nav li:hover ul{display:block;}

 
@media only screen and (max-width:480px) { /* Smartphone custom styles */
#feature-container {display: none;}
.menu_main > ul { border-bottom:1px solid #666; background:#fff;}
.menu_main li ul,.menu_main li:hover ul {display:block;position:static;background:#fff;padding:0;border:0;text-align:left;width:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:auto;}
.menu_main li.active,.menu_main li.active a {color:#666;text-decoration:none;}
.menu_main li{display:block;text-align:left;width:auto;margin:0;padding:0;border:1px solid #666;border-bottom:0;line-height:1.2;}
.menu_main li:hover{background:#f2f2f2;}
.menu_main li.active:hover{background:transparent;}
.menu_main li li {border:0;border-top:1px solid #666;line-height:1.2;background:#F9F9F9;}
.menu_main li a,.menu_main li ul a {display:block;padding:12px;margin-right:30px;}
.menu_main li ul a {padding-left:26px;}
.menu_main li ul a:hover {background:transparent;}
.menu_main li ul ul a {padding-left:36px;}
 a.link_nav {display:none;}
.js a.link_nav {display:block;}
.js .menu_main ul, .js .menu_main li:hover ul  {display:none;}
.js .menu_main ul.menu_expanded,
.js .menu_main li:hover ul.menu_expanded {display:block;}
.menu_parent:after {content:"▼";position:absolute; right:10px;top:0.9em;}
.menu_parent_exp:after {content:"▲";}


.nav-sub > ul { border-bottom:1px solid #666; background:#339999;}
.nav-sub li ul,.nav-sub li:hover ul {display:block;position:static;background:#339999;padding:0;border:0;text-align:left;width:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:auto;}
.nav-sub li{display:block;text-align:left;width:auto;margin:0;padding:0;border:1px solid #666;border-bottom:0;line-height:1.2;}
.nav-sub li:hover{background:#f2f2f2;}
.nav-sub li.active:hover{background:transparent;}
.nav-sub li li {border:0;border-top:1px solid #666;line-height:1.2;background:#F9F9F9;}
.nav-sub li a,.nav-sub li ul a {display:block;padding:12px;margin-right:30px;}
.nav-sub li ul a {padding-left:26px;}
.nav-sub li ul a:hover {background:transparent;}
.nav-sub li ul ul a {padding-left:36px;}
 a.link_subnav {display:none;}
.js a.link_subnav {display:block;}
.js .nav-sub ul, .js .nav-sub li:hover ul  {display:none;}
.js .nav-sub ul.submenu_expanded,
.js .nav-sub li:hover ul.submenu_expanded {display:block;}
.submenu_parent:after {content:"▼";position:absolute; right:10px;top:0.9em;}
.submenu_parent_exp:after {content:"▲";}}
.breadcrumbs{display:none;}





/* jQuery lightBox plugin */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 2000;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 2500;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 50%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}
.thumbnail_100{float: left;width: 100%;}
.thumbnail_50{float: left;width: 50%;}
.thumbnail_sq{float: right;width: 33%; margin: 10px; height: auto; overflow: hidden;}
.thumbnail_33{float: left;width: 33%;}
.thumbnail_25{float: left;width: 25%;}
.thumbnail_20{float: left;width: 20%;}

/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/*SLIDER*/
.flexslider {width:100%;margin:0 0 4% 0;padding:0;}
.flexslider .slides>li {display:none;}
.flexslider .slides img {max-width:100%;display:block;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content:".";	display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.flexslider {background:#fff;position:relative;	zoom:1;}
.flexslider ul {list-style:none; margin:0; padding:0;}
.flexslider .slides {zoom:1;}
.flexslider .slides>li {position:relative;}
.flex-container {zoom:1;position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {	background:none;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom:1;}
.flex-caption {width:98%;padding:2% 0 2% 2%; margin:0; position:absolute;left:0;bottom:10px;background:rgba(0,0,0,.6);	color:#fff;	text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height: 18px;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 5px; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right:5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width:90%;position:absolute;	bottom:-30px;text-align:center;overflow:hidden;}
.flex-control-nav li {margin:0 0 0 5px;display:inline-block;zoom:1;	/display:inline;}
.flex-control-nav li:first-child {margin:0;}
.flex-control-nav li a {width:12px;height:12px;display:block;background:#ffffff;cursor:pointer;text-indent:-9999px;background:#d7d7d7; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;}
.flex-control-nav li a:hover {background:#339999;}
.flex-control-nav li a.flex-active {border:0;display:block;background:#0b1717;cursor:default;}





/*MAP*/
#map {position: relative;margin: 0 auto;width: 100%; overflow:hidden;}
#map a.caphill {display: block;	position: absolute;	background-image: url(../img/caphill_icon.png);	background-repeat: no-repeat;width: 150px;height: 38px;z-index: 2;	 top:120px; left:15px;}
#map a.caphill:hover { display: block; position: absolute;  background-image:url(../img/caphill_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2;}
#map a.caphill_active { display: block; position: absolute;  background-image:url(../img/caphill_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2; top:120px; left:15px;}
#map a.madisonst {display: block;position: absolute;background-image: url(../img/madisonpark_icon.png);	background-repeat: no-repeat;	width: 102px;	height: 29px;	z-index: 2;	top: 190px;	left: 248px;}
#map a.madisonst:hover { display: block; position: absolute;  background-image:url(../img/madisonpark_icon.png); background-repeat:no-repeat; background-position: 0 -29px; height:29px; width:102px; height: 29px; z-index: 2;}
#map a.madisonst_active {  display: block; position: absolute;  background-image: url(../img/madisonpark_icon.png); background-repeat:no-repeat; width:102px; height:29px; z-index: 2;top: 190px;	left: 248px; background-position: 0 -58px;}
#map a.eastside {display: block;	position: absolute; background-image:url(../img/eastside_icon.png);	background-repeat: no-repeat;	width: 102px;	height: 29px;	z-index: 2;	top: 201px;	left: 541px;}
#map a.eastside:hover { display: block; position: absolute;  background-image:url(../img/eastside_icon.png); background-repeat:no-repeat; background-position: 0 -29px; height:29px; width:102px;  z-index: 2; }
#map a.eastside_active { display: block; position: absolute;  background-image:url(../img/eastside_icon.png); background-repeat:no-repeat; background-position: 0 -58px; height:29px; width:102px; ; z-index: 2; top: 201px;	left: 541px;}
#map a.unioncity {display: block;position: absolute;background-image: url(../img/montlake_icon.png);	background-repeat: no-repeat;	width: 102px;	height: 29px;	z-index: 2;	top: 169px;	left: 130px;}
#map a.unioncity:hover {display: block;position: absolute;background-image: url(../img/montlake_icon.png);	background-repeat: no-repeat; background-position:0 -29px;	width: 102px;	height: 29px;	z-index: 2;	top: 169px;	left: 130px;}



#map a.unioncity_active { display: block; position: absolute;  background-image:url(../img/montlake_icon.png); background-repeat:no-repeat; background-position: 0 -58px; width:102px; height: 29px; z-index: 2;top: 170px;	left: 128px;}

#map2 {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: blue; padding: 3px;}


#map2 img.zoomable {max-width:100%; }

#map2 a.caphill {
	display: block;
	position: absolute;
	background-image: url(../img/caphill_icon.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 38px;
	z-index: 2;
	top: 73px;
	left: 4px;
}
#map2 a.caphill:hover { display: block; position: absolute;  background-image:url(../img/caphill_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2;}
#map2 a.caphill_active { display: block; position: absolute;  background-image:url(../img/caphill_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2;top: 73px;	left: 4px;}
#map2 a.madisonpark {
	display: block;
	position: absolute;
	background-image: url(../img/madisonpark_icon.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 29px;
	z-index: 2;
	top: 189px;
	left: 277px;
}
#map2 a.madisonpark:hover {display: block; position: absolute;  background-image:url(../img/madisonpark_icon.png); background-repeat:no-repeat; background-position: 0 -29px; height:29px; width:102px;  z-index: 2;}
#map2 a.madisonpark_active {display: block; position: absolute;  background-image:url(../img/madisonpark_icon.png); background-repeat:no-repeat; background-position: 0 -58px; height:29px; width:102px;  z-index: 2; top: 189px;
	left: 277px;}
#map2 a.montlake {
	display: block;
	position: absolute;
	background-image: url(../img/montlake_icon.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 29px;
	z-index: 2;
	top: 125px;
	left: 94px;
}
#map2 a.montlake:hover { display: block; position: absolute;  background-image:url(../img/montlake_icon.png); background-repeat:no-repeat; background-position: 0 -29px; height:29px; width:102px; height: 29px; z-index: 2;}

#map2 a.montlake_active {
	display: block;
	position: absolute;
	background-image: url(../img/montlake_icon.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 29px;
	background-position: 0 -58px;
	z-index: 2;
	top: 124px;
	left: 94px;
}

#map2 a.eastside { display: block; position: absolute;  background-image:url(../img/eastside_icon.png); background-repeat:no-repeat;  height:29px; width:102px;  z-index: 2; top: 177px;	left: 536px;}
#map2 a.eastside:hover { display: block; position: absolute;  background-image:url(../img/eastside_icon.png); background-repeat:no-repeat; background-position: 0 -29px; height:29px; width:102px;  z-index: 2; }
#map2 a.eastside_active { display: block; position: absolute;  background-image:url(../img/eastside_icon.png); background-repeat:no-repeat; background-position: 0 -58px; height:29px; width:102px;  z-index: 2; top: 177px;	left: 536px;}

#map2 a.uw2 {
	display: block;
	position: absolute;
	background-image: url(../img/UW2_icon.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 29px;
	z-index: 2;
	top: 26px;
	left: 98px;
}
#map2 a.uw2:hover { display: block; position: absolute;  background-image:url(../img/UW2_icon.png); background-repeat:no-repeat; background-position: 0 -29px;  width:102px; height: 29px; z-index: 2;}
#map2 a.uw2_active { display: block; position: absolute;  background-image:url(../img/UW2_icon.png); background-repeat:no-repeat; background-position: 0 -58px; ; width:102px; height: 29px; z-index: 2; top: 26px;	left: 95px;}
#map2 a.arbor {
	display: block;
	position: absolute;
	background-image: url(../img/arbor_icon.png);
	background-repeat: no-repeat;
	width: 110px;
	height: 29px;
	z-index: 2;
	top: 165px;
	left: 148px;
}
#map2 a.arbor:hover { display: block; position: absolute;  background-image:url(../img/arbor_icon.png); background-repeat:no-repeat; background-position: 0 -29px;  width:110px; height:29px; z-index: 2;}
#map2 a.arbor_active { display: block; position: absolute;  background-image:url(../img/arbor_icon.png); background-repeat:no-repeat; background-position: 0 -58px; height:29px; width:110px;  z-index: 2; top: 165px;
	left: 148px;}
#map2 a.dump { display: block; position: absolute;  background-image: url(../img/montlakedump_icon.png); background-repeat:no-repeat; width: 150px; height:38px; z-index: 2; top: 7px;
	left: 210px;}
#map2 a.dump:hover { display: block; position: absolute;  background-image:url(../img/montlakedump_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map2 a.dump_active {display: block;position: absolute;background-image: url(../img/montlakedump_icon.png);
	background-repeat: no-repeat;
	background-position: 0 -76px;
	height: 38px;
	width: 150px;
	height: 39px;
	z-index: 2;
	top: 7px;
	left: 210px;
}

#map_water {position: relative;width: 100%;height:100%;overflow:hidden;}
#map_water  a.bullet { display: block; position: absolute; width: 20px; height: 20px; background: yellow; text-decoration: none; border: 1px solid red; opacity: .7; z-index: 2; }
#map_water  img.zoomable {max-width:100%; }
#map_water  div.popup{ display: none; position: absolute; width: 300px; top: 150px; left: 700px; background: url(../img/map/white_bkg.png) repeat; z-index: 3; padding: 10px; border: 8px solid black; }
#map_water  div.popup a.close{ display: block; position: absolute; bottom: 0; right:2%; color:#339999; }
#map_water a.settler { display: block; position: absolute;  background-image: url(../img/map/settlers_icon.jpg); background-repeat:no-repeat; width: 100px; height:38px; z-index: 2;}
#map_water a.settler:hover { display: block; position: absolute;  background-image:url(../img/map/settlers_icon.jpg); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:100px; height: 39px; z-index: 2;}

#map_water a.freight{ display: block; position: absolute;  background-image: url(../img/map/freight_icon.jpg); background-repeat:no-repeat; width: 100px; height:38px; z-index: 2;}
#map_water a.freight:hover { display: block; position: absolute;  background-image:url(../img/map/freight_icon.jpg); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:100px; height: 39px; z-index: 2;}

#map_water a.passenger{ display: block; position: absolute;  background-image: url(../img/map/passengers_icon.png); background-repeat:no-repeat; width: 150px; height:38px; z-index: 2;}
#map_water a.passenger:hover { display: block; position: absolute;  background-image:url(../img/map/passengers_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2;}


#map_ditch {position: relative;width: 100%;height:100%;overflow:hidden;}
#map_ditch a.bullet { display: block; position: absolute;  background-image: url(../img/map/bullet.png); background-repeat:no-repeat; width: 35px; height:30px; z-index: 2;}
#map_ditch a.bullet:hover { display: block; position: absolute;  background-image:url(../img/map/bullet.png); background-repeat:no-repeat; background-position: 0 -30px; width:35px; height: 30px; z-index: 2;}
#map_ditch  img.zoomable {max-width:100%; }
#map_ditch  div.popup{ display: none; position: absolute; width: 300px; top: 150px; left: 700px; background: url(../img/map/white_bkg.png) repeat; z-index: 3; padding: 10px; border: 8px solid black; }
#map_ditch a.millerst { display: block; position: absolute;  background-image: url(../img/MillerSt_icon.png); background-repeat:no-repeat; width: 113px; height:38px; z-index: 2; top:320px; left:380px;}
#map_ditch a.millerst:hover { display: block; position: absolute;  background-image:url(../img/MillerSt_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:113px; height: 39px; z-index: 2; }
#map_ditch a.millerst_active { display: block; position: absolute;  background-image:url(../img/MillerSt_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:113px; height: 39px; z-index: 2; top:320px; left:380px;}

#map_ditch a.canal { display: block; position: absolute;  background-image: url(../img/canal_icon.png); background-repeat:no-repeat; width: 113px; height:38px; z-index: 2; top:170px; left:250px;}
#map_ditch a.canal:hover { display: block; position: absolute;  background-image:url(../img/canal_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:113px; height: 39px; z-index: 2; }
#map_ditch a.canal_active { display: block; position: absolute;  background-image:url(../img/canal_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:113px; height: 39px; z-index: 2; top:170px; left:250px;}

#map_ditch a.ditch { display: block; position: absolute;  background-image: url(../img/montlakeditch_icon.png); background-repeat:no-repeat; width: 113px; height:38px; z-index: 2; top:270px; left:145px;}
#map_ditch a.ditch:hover { display: block; position: absolute;  background-image:url(../img/montlakeditch_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:113px; height: 39px; z-index: 2; }
#map_ditch a.ditch_active { display: block; position: absolute;  background-image:url(../img/montlakeditch_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:113px; height: 39px; z-index: 2; top:270px; left:145px;}

#map_cut {position: relative;width: 100%;height:100%;overflow:hidden;}
#map_cut a.bullet { display: block; position: absolute;  background-image: url(../img/map/bullet.png); background-repeat:no-repeat; width: 35px; height:30px; z-index: 2;}
#map_cut a.bullet:hover { display: block; position: absolute;  background-image:url(../img/map/bullet.png); background-repeat:no-repeat; background-position: 0 -30px; width:35px; height: 30px; z-index: 2;}
#map_cut  img.zoomable {max-width:100%; }
#map_cut a.cut {
	display: block;
	position: absolute;
	background-image: url(../img/montlakecut_icon.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 38px;
	z-index: 2;
	top: 187px;
	left: 86px;
}
#map_cut a.cut:hover { display: block; position: absolute;  background-image:url(../img/montlakecut_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map_cut a.cut_active {	display: block;	position: absolute;	background-image: url(../img/montlakecut_icon.png);	background-repeat: no-repeat;background-position: 0 -76px;	height: 38px;	width: 150px;	height: 39px;	z-index: 2;	top: 187px;	left: 86px;}
#map_cut a.bridge {display: block;position: absolute;background-image: url(../img/montlakebridge_icon.png);	background-repeat: no-repeat;width: 150px;height: 38px;z-index: 2;top: 204px;	left: 292px;}
#map_cut a.bridge:hover { display: block; position: absolute;  background-image:url(../img/montlakebridge_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map_cut a.bridge_active { display: block; position: absolute;  background-image:url(../img/montlakebridge_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2; top: 204px;	left: 292px;}

#map_cut a.dump { display: block; position: absolute;  background-image: url(../img/montlakedump_icon.png); background-repeat:no-repeat; width: 150px; height:38px; z-index: 2; top:20px; left:380px;}
#map_cut a.dump:hover { display: block; position: absolute;  background-image:url(../img/montlakedump_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map_cut a.dump_active { display: block; position: absolute;  background-image:url(../img/montlakedump_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2; top:20px; left:380px;}

#map_olmsted {position: relative;width: 100%;height:100%;overflow:hidden;}
#map_olmsted  img.zoomable {max-width:100%; }

#map_olmsted a.wapark {display: block;position: absolute;	background-image: url(../img/washintonpark_icon.png);	background-repeat: no-repeat;width: 150px;height: 38px;	z-index: 2;top: 223px;	left: 240px;}
#map_olmsted a.wapark:hover { display: block; position: absolute;  background-image:url(../img/washintonpark_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map_olmsted a.wapark_active { display: block; position: absolute;  background-image:url(../img/washintonpark_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2; top: 223px;	left: 240px;}
#map_olmsted a.montlake {
	display: block;
	position: absolute;
	background-image: url(../img/montlakeblvd_icon.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 38px;
	z-index: 2;
	top: 147px;
	left: 86px;
}
#map_olmsted a.montlake:hover { display: block; position: absolute;  background-image:url(../img/montlakeblvd_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map_olmsted a.montlake_active {
	display: block;
	position: absolute;
	background-image: url(../img/montlakeblvd_icon.png);
	background-repeat: no-repeat;
	background-position: 0 -76px;
	height: 38px;
	width: 150px;
	height: 39px;
	z-index: 2;
	top: 147px;
	left: 86px;}

	#map_olmsted a.lakewa {
	display: block;
	position: absolute;
	background-image: url(../img/lakewablvd_icon.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 38px;
	z-index: 2;
	top: 341px;
	left: 306px;
}
#map_olmsted a.lakewa:hover { display: block; position: absolute;  background-image:url(../img/lakewablvd_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }
#map_olmsted a.lakewa_active { display: block; position: absolute;  background-image:url(../img/lakewablvd_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2;top: 341px;
	left: 306px;}
#map_olmsted a.UW {	display: block;	position: absolute;	background-image: url(../img/UW_icon.png);	background-repeat: no-repeat;	width: 150px;	height: 38px;	z-index: 2;	top: 55px;left: 129px;}
#map_olmsted a.UW:hover { display: block; position: absolute;  background-image:url(../img/UW_icon.png); background-repeat:no-repeat; background-position: 0 -38px; height:38px; width:150px; height: 39px; z-index: 2; }


#map_olmsted a.UW_active { display: block; position: absolute;  background-image:url(../img/UW_icon.png); background-repeat:no-repeat; background-position: 0 -76px; height:38px; width:150px; height: 39px; z-index: 2;top: 55px;	left: 129px; }

/*FOOTER*/
.footer {padding-top:2em; padding-bottom:3em; position:relative; margin-top:-8em; /* negative value of footer height */ height:3em; clear:both; color:#666;	background:#333;
background-size:20px auto;-webkit-box-shadow:#000 0 10px 42px -10px inset;-moz-box-shadow:#000 0 10px 42px -10px inset;	box-shadow:#000 0 10px 42px -10px inset;} 
.footer_default {padding-top:2em; padding-bottom:3em; position:relative; margin-top:-8em; /* negative value of footer height */ height:21em; clear:both; color:#666;	background:#333;
} 
.copyright {
	width: 49%;
	margin: 0 auto;
}
.menu_bottom {width:50%; float:right;text-align:right; margin:0; padding:0;}
.menu_bottom li {display:inline-block; padding:0; margin:0 5px 0 0;}
.menu_bottom li a,.menu_bottom li a:visited {color:#ccc;}
.menu_bottom li a:hover {color:#fff;}
.menu_bottom li.active,.menu_bottom li.active a {color:#fff;text-decoration:none;cursor:default; background:none;}

/*TABLE*/
.table { margin:0 auto; font-size:95%;}
.table th {padding:5px 7px;font-weight:bold; text-transform:uppercase; color:#fff;text-align:left;font-size:1.2em; background-color:#339999;}
.table tr {border-bottom:1px solid #ddd;}
.table tr.last {border-bottom:1px solid #ddd;}

td.ealr{
	background-color: #f4f9f9;
	padding: 5px0 0 5px;
}
.table tr:last-child { border:0;}
.table a {color:#339999;}
.table a:hover {color:#999999;}
.table a:visited {color:#333333;}
/*! 
.table td {padding:5px 7px;}

*/



	

@media only screen and (max-width:768px) { /* Tablet */
.col_25,.col_33,.col_66,.col_50,.col_75 {width:98%;float:none;}  
#open-navigation {line-height: 30px;display:block;cursor: pointer;position: relative;font-size: 12px;	font-weight: bold;width: 100%;text-align: left;} 
}

@media only screen and (max-width:480px) { /* Smartphone */
.breadcrumbs{display:none;}
.header {margin-bottom:0;}
.logo{display:block;float:none;text-align:center;}
.menu_main {width:100%;text-align:center;float:none;padding:0;margin:1em 0 0 0;}
.menu_main a {display:inline-block;padding:7px;}
.nav-sub {width:100%;text-align:center;float:none;padding:0;margin:1em 0 0 0;border:none;}
.nav-sub a {display:inline-block;padding:7px;}
.copyright {width:100%;float:none;text-align:center;}
.footer {padding-bottom:0;}
.menu_bottom {margin:1em 0 1em 0!important;}  
.menu_bottom {width:100%;float:none;text-align:center;margin:1em 0 0 0;padding:0;}  
.menu_bottom a {display:inline-block;padding:6px;}
  
}