/*
Theme Name: BC Ferry 
Theme URI: http://www.graphicallyspeaking.ca/
Description: Template by GSSI.
Version: 1.0
Author: Graphically Speaking Services Inc.
Author URI: http://www.graphicallyspeaking.ca/
Tags: 

*/
body{background:#909090;}
.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 244px;  /* Change to height of header */
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 244px; } /* Change to correct height */

.h-w2{background:url(/images/skin/bg/banner.jpg) no-repeat; width:970px;}

#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
	#mainnavigation, #utilities, #logo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		right: 0;
	}
		#mainnavigation li { float: left; }
		#mainnavigation li a{overflow:hidden;display:block;height:24px;padding-top:11px;}
			#menu-item-92 a{background:url(/images/skin/nav/nav-about.png) no-repeat; width:352px;}
			#menu-item-319 a{background:url(http://www.bcferrycommission.com/wp-content/uploads/2014/04/nav-consultation.png) no-repeat; width:323px;}
			#menu-item-94 a{background:url(/images/skin/nav/nav-reports.png) no-repeat; width:295px;}
			#mainnavigation li a:hover{background-position:0px -88px;}
			#mainnavigation .current-page-item a{background-position:0px -88px;}
			#mainnavigation .current-page-ancestor a{background-position:0px -88px;}
			#mainnavigation .current_page_item a{background-position:0px -88px;}
			#mainnavigation .current_page_ancestor a{background-position:0px -88px;}
	#logo {
		top: 39px;
		left: 49px;
	}
	#utilities {
		top: 17px;
		right: 33px;
	}
		#utilities li { float: left; }
		#utilities li a{overflow:hidden;display:block;height:1px; padding-top:51px;}
			#util-contact{background:url(/images/skin/nav/util-contact.png) no-repeat; width:126px;}
				#util-contact:hover{background-position:0px -52px;}
			#util-home{background:url(/images/skin/nav/util-home.png) no-repeat; width:88px;}
				#util-home:hover{background-position:0px -52px;}
			#util-search{background:url(/images/skin/nav/search.png) no-repeat; width:204px;}
				#util-search:hover{background-position:0px -52px;}
			#util-twitter {background: url(/images/skin/bg/util-twitter.png) left top no-repeat; width: 120px;}
				#util-twitter:hover{background-position:0px -52px;}
					
			
/* --CONTENT-- */
#main { 
	position: relative; 
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 
	}
	.m-w2{background:url(/images/skin/bg/bg-main2.png) repeat-y;padding-top:32px;}
	#subnav, #content {
		float: left;
	}
	#ctas {
		width: 183px;
		float: right;
		padding-right:23px;padding-left:22px;
	}
	
	#main .cta a{overflow:hidden;display:block;height:1px;width:183px;padding-bottom:0px;padding-left:0px;padding-right:0px;}
		#news{background:url(/images/skin/bg/cta-news.png) no-repeat; padding-top:42px;}
		#faqs{background:url(/images/skin/bg/cta-faqs.png) no-repeat; padding-top:57px;}
		#meet{background:url(/images/skin/bg/cta-meet.png) no-repeat; padding-top:59px;}
		#contact{background:url(/images/skin/bg/cta-contact.png) no-repeat; padding-top:30px;}
		#main .cta a:hover{background-position:-183px 0px;}
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 220px;
		position: relative;
		left: -722px; /* Negative width of #content */
		top: 0;
	}
	#subnav{margin-top:10px;}
	.border-subnav{border-bottom:1px solid #fff;padding-top:10px;}
	#subnav li{border-bottom:1px solid #fff;}
	#subnav h3{padding-left:25px;}
	
	#subnav li a{padding:13px 25px;display:block;}
		#subnav a{color:#1e72a7;font-family:Georgia;text-decoration:none;}
			#subnav a:hover{color:#5c7186;}
			
			#main #subnav .current_page_item a{color:#464646; font-weight:bold;background:#f2f2f2;}
			 #main #subnav ul ul .current_page_item a{background:url(/images/skin/bg/bg-bullet.png) #f2f2f2 no-repeat 28px 22px;}
			#subnav .children{display:none;}
			#subnav .current_page_ancestor a{background:#f2f2f2;}
			#main #subnav .title-active{color:#464646;font-weight:bold;}
			.w-w2 #main #subnav .children .current_page_item a{color:#464646;font-weight:bold; }
			#main #subnav .current_page_item .children{display:block;}
			#subnav .current_page_ancestor .children{display:block;}
			.w-w2 #main #subnav .children li a{padding-left:40px; display:block;font-weight:normal;font-family:Georgia;font-size:11px;color:#1e72a7;} 
			.w-w2 #main #subnav .children li a:hover{color:#5c7186;} 
			
			.w-w2 #main #subnav ul ul .current_page_parent a{background:url(/images/skin/bg/bg-bullet.png) #f2f2f2 no-repeat 28px 22px;color:#464646;font-weight:bold;}
			#wrapper .w-w2 #main #subnav .children .current_page_parent .children li{display:block;}
			#wrapper .w-w2 #main #subnav .children .current_page_item .children li{display:block;} 
			#main #subnav .children .children li{display:none;}
			 .w-w2 #main #subnav .children .children li a{padding-left:50px;font-weight:normal;font-family:Georgia;font-size:11px;color:#1e72a7;background:none #F2F2F2;} 
			#wrapper .w-w2 #main #subnav .children .children li a:hover{color:#5c7186;} 
			#wrapper .w-w2 #main #subnav .children .current_page_parent .children .current_page_item a{color:#5b7085;font-weight:bold;}
	#content {
		width: 655px;
		position: relative;
		left: 220px; /* Positive width of #subnav */
		top: 0;
		padding:0px 40px 0px 27px;
		min-height:450px;
	}


#s{margin-top:17px;padding-left:10px;}
#searchsubmit{margin-top:17px;}
#s{float:left;height:12px; padding:6px;font-size:12px;font-family:arial;color:#a7a7a7;background:url(/images/skin/bg/search-bg.png) no-repeat;border:0px;}
#searchsubmit{float:left;background:url(/images/skin/bg/search-btn.png) no-repeat; width:23px;height:24px;border:0px;}
#searchsubmit:hover{background:url(/images/skin/bg/search-btn-hover.png) no-repeat;background-position:0px 0px;}

/* --FOOTER-- */

#follow {
	background: url(/images/skin/home/home-twitter.png);
	width: 168px; height: 1px; padding-top: 14px;
	overflow:hidden;
	
	position: absolute; 
	left: 0px; top: 0px;
	display: none;
}

.home #follow {display: block;}

#footer { font-size: 11px; padding-top:15px; color:#fff;font-family:Georgia;min-height:100px;}
	#footer div{text-align:right;}
	#copyright span{padding:0px 10px;}
	#copyright a{color:#fff;font-family:Georgia;font-size: 11px;}
	#copyright a:hover{text-decoration:none;}
	#credit{font-size:10px;font-family:arial;color:#fff;padding-top:14px;}
		#credit a{font-size:10px;font-family:arial;color:#fff;text-decoration:none;}
		#credit a:hover{text-decoration:underline;}
		
		.nav-home{display:none;}
		
		/* Search */
		.screen-reader-text{display:none;}
		
		#mainnavigation .current_page_item a:hover {
    background-position: 0px -88px;
}
	#mainnavigation .current_page_ancestor a:hover {
    background-position: 0px -88px;
}
#utilities .search{margin-left:15px;}

.entry-meta, .entry-utility{display:none;}

	#content .overview h2 {
		border-top:2px dotted #777777;
		padding-top:15px;
		}

	#content .overview span{color:#5797c1;}
	
	/* Home Page */
	
	.home #subnav{display:none;}
.home #ctas{display:none;}
.home #content{width:970px;left:0px;padding:0px;}
.home .m-w2{background:none #f2f2f2;}
.home .h-w2{background:url(/images/skin/home/banner.jpg) no-repeat;}
.home #wrapper #util-home{display:none;}
.home h1{overflow:hidden;display:block;height:1px;padding-top:141px;width:970px;background:url(/images/skin/home/main-heading.png) no-repeat;}
.home .m-w2{padding-top:0px;}
.home p{font-size:23px;color:#444444;font-style:italic;text-align:center;padding:0px 60px;}
.home #home-cta{overflow:hidden;margin:0px;padding-right:19px;padding-left:18px;}
	.home #home-cta li{float:left;list-style:none;}
		.home #home-cta li a{overflow:hidden;display:block;height:1px;padding-top:184px;background-position:0px -185px;}
		.home #cta-news{background:url(/images/skin/home/cta-news.png) no-repeat; width:233px;}
		.home #cta-faqs{background:url(/images/skin/home/cta-faqs.png) no-repeat; width:234px;}
		.home #cta-commissioners{background:url(/images/skin/home/cta-commissioners.png) no-repeat; width:233px;}
		.home #cta-contact{background:url(/images/skin/home/cta-contact.png) no-repeat; width:233px;}
			.home #home-cta li a:hover{background-position:0px 1px;}			
			
/* hide the mailing list labels */
label.sml_namelabel, label.sml_emaillabel {display:none;}
#subscribe p {margin:3px;}
#subscribe input {line-height: 20px;}

/* styles for the subscribe button */
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("overlay.png") repeat-x scroll center center rgba(255, 204, 0, 1);
    border-color: #ffcc00 #ffcc00 #9f9f9f;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #08233e;
    cursor: pointer;
    padding: 3px;
}
.btn:hover {
    background-color: rgba(255, 204, 0, 0.8);
}