/*
	------------------------------
	STRUCTURE STYLES
	------------------------------
	Author:	Darren Gould
	Date:	April, 2009
	------------------------------
*/


/*
-------------------------------------------------------------------------------------------------------
  Import Other CSS Files
-------------------------------------------------------------------------------------------------------
*/
@import "base.css";
@import "mossOverrides.css";
@import "nav.css";
@import "calendar.css";
@import "sitefeedback.css";
@import "sitemap.css";


/*
-------------------------------------------------------------------------------------------------------
  Common Styles For All Pages
-------------------------------------------------------------------------------------------------------
*/

/* -------------------------------------------------- Page Size */
#custom_uber {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 970px;
}

/* -------------------------------------------------- Head Area */
#custom_head {
	position: relative;
	width: 100%;
	height: 177px;
	background: url("../../../images/NorthBay/head_bg_alt.jpg") left bottom no-repeat;
	z-index: 5;
}

#custom_logo {
	float: left;
}

#custom_welcome {
	position: absolute;
	top: 0;
	right: 110px;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 10px;
}

#custom_welcome #ctl00_explitLogout_ExplicitLogin {
	display: none !important;
}

#custom_welcome .ms-SpLinkButtonInActive,
#custom_welcome .ms-SpLinkButtonActive {
	margin: 0;
	padding: 1px 3px;
	border: 1px solid #EEE;
	background: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
}

#custom_welcome .ms-SpLinkButtonActive {
	background: #EEE;
}

#custom_welcome .ms-SpLinkButtonInActive a,
#custom_welcome .ms-SpLinkButtonActive a {
	color: #AAA !important;
}

#custom_siteActions {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 10px 0;
	text-align: right;
	font-size: 12px;
}

/* -------------------------------------------------- Secondary Navigation */
#custom_headRight {
	position: absolute;
	top: 25px;
	left: 0;
	width: 970px;
	z-index: 100;
}

#custom_secondaryNav {
	float: right;
	margin-top: 9px;
}

#custom_secondaryNav li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #333;
	line-height: 1;
	font-size: 12px;
	color: #005897;
}

#custom_secondaryNav li.last {
	border-right: none;
	padding-right: 2px;
}

/* -------------------------------------------------- Text Size */
#textSize {
	margin-top: 6px;
	float: right;
	width: 65px;
	height: 15px;
}

a.smallFontLink:link, a.smallFontLink:active, a.smallFontLink:visited,
a.mediumFontLink:link, a.mediumFontLink:active, a.mediumFontLink:visited,
a.largeFontLink:link, a.largeFontLink:active, a.largeFontLink:visited {
	margin-right: 4px;
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	overflow: hidden;
}

a.smallFontLink:link, a.smallFontLink:active, a.smallFontLink:visited {
	background: transparent url('../../../Images/NorthBay/icon_fontSmall.png') 0px 0px no-repeat;
}

a.mediumFontLink:link, a.mediumFontLink:active, a.mediumFontLink:visited {
	background: transparent url('../../../Images/NorthBay/icon_fontMedium.png') 0px 0px no-repeat;
}

a.largeFontLink:link, a.largeFontLink:active, a.largeFontLink:visited {
	background: transparent url('../../../Images/NorthBay/icon_fontLarge.png') 0px 0px no-repeat;
}

a.smallFontLink:hover, a.mediumFontLink:hover, a.largeFontLink:hover {
	background-position: 0px -15px;
}

/* -------------------------------------------------- Search */
#custom_searchWrap {
	float: right;
	padding: 2px 8px 0;
	width: 164px;
}

/* Remove the Search Scopes */

tr.ms-sbrow .ms-sbscopes {
	display: none;
}

tr a#ctl00_PlaceHolderSearchArea_ctl01_S6AE27B38_AdvSearchLink {
	display: none !important;
}

/* Remove 'Alert Me' */

.srch-alertme {
	/*display: none;*/
}


/* -------------------------------------------------- Main Navigation Area */

/* See nav.css for styles */


/* -------------------------------------------------- Content Top Bar Area */
#custom_contentTopBar {
	float: left;
	clear: both;
	width: 100%;
	height: 35px;
	background: #AFAFAF url("../../../images/NorthBay/contentTopBar_bg.jpg") left bottom repeat-x;
	border-bottom: 1px solid #fff;
}

/* -------------------------------------------------- Content Main Area Container */
#custom_mainContentContainer {
	float: left;
	clear: both;
	width: 970px;
}

/* -------------------------------------------------- Footer Area */
#custom_footer {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0;
}

#custom_ontarioLogo {
	float: left;
	padding: 6px 15px 15px 0;
}

#custom_footerNav {
	padding: 23px 0 0 0;
}

#custom_footerNav li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #333;
	line-height: 1;
	font-size: 12px;
}

#custom_footerNav li.custom_last {
	border-right: none;
}

#custom_esolutionsSignOff {
	float: right;
}




/*
-------------------------------------------------------------------------------------------------------
  Home Page Styles
-------------------------------------------------------------------------------------------------------
*/

/* -------------------------------------------------- Marquee Scrolling Text */

#custom_contentTopBar #custom_welcomeScroll {
	padding-top: 7px;
}

#custom_contentTopBar #custom_welcomeScroll img {
	padding: 0 27px 0 20px;
	background: url('../../../Images/NorthBay/h_welcome_translations/bullet.png') right top no-repeat;
}

#custom_contentTopBar .pointer {
}

#custom_contentTopBar .pointer p {
	line-height: 1;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

/* -------------------------------------------------- Home Container 1 */

/* 
   --------------------------------------------------
   Note: Width Layouts
   --------------------------------------------------
   This section is split into three columns areas.
   
   Content Area 1: 		970px
   
   Image Main: 			511px
   Image Secondary: 	212px
   How To: 				247px
   --------------------------
   Total width:			970px
   --------------------------
   
   There is also a fixed depth of 205px.
   
   --------------------------------------------------
*/
#custom_h_container1 {
	float: left;
	width: 970px;
	height: 205px;
}

/* -------------------------------------------------- Primary Image */
#custom_h_primaryImage {
	float: left;
	width: 511px;
	overflow: hidden;
}

/* -------------------------------------------------- Secondary Image */
#custom_h_secondaryImage {
	float: left;
	padding-left: 1px;
	width: 211px; /* 212px - 1px padding */
	background-color: #FFF;
	overflow: hidden;
}

/* -------------------------------------------------- Links Area */
#custom_h_container1 #custom_h_linksContainer {
	float: left;
	position: relative;
	padding: 18px 32px 7px;
	width: 183px; /* 247px - 64px padding */
	height: 180px; /* 205px - 25px padding */
	background: #1879BE url('/Images/NorthBay/h_howTo_bg.jpg') no-repeat;
}

#custom_h_container1 #custom_h_linksContainer h3 {
	padding: 0 0 12px 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1em;
}

#custom_howTo_dropdown1,
#custom_howTo_dropdown2,
#custom_howTo_dropdown3 {
	position: absolute;
	left: 32px;
}

#custom_howTo_dropdown1 {
	top: 55px;
	z-index: 3;
}

#custom_howTo_dropdown2 {
	top: 99px;
	z-index: 2;
}

#custom_howTo_dropdown3 {
	top: 143px;
	z-index: 1;
}

.jqueryslidemenu {
	width: 182px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;	
}

/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
	width: 182px;
	height: 33px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	padding: 0 32px 0 10px;
	width: 149px;
	height: 33px;
	background: url('../../../Images/NorthBay/h_howTo_button.jpg') 0 0 no-repeat;
	line-height: 2.5;
	color: white;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
	color: white;
}

.jqueryslidemenu ul li a:hover {
	background: url('../../../Images/NorthBay/h_howTo_button.jpg') 0 -33px no-repeat;
	color: white;
	text-decoration: none;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
	height: auto;
	list-style-position: outside;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	padding: 5px 32px 5px 10px;
	margin: 0;
	width: 138px; /*width of sub menus*/
	height: auto;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #569dcf;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}

.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/
	background: #1879be;
	text-decoration: none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 13px;
	right: 9px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}


#custom_h_container1 #custom_h_links {
	width: 100%;
}

#custom_h_container1 #custom_h_links li {
	float: left; /* This correct the */
	width: 100%; /* IE whitespace bug */
	padding-bottom: 11px;
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
}

#custom_h_container1 #custom_h_links a {
	display: block;
	height: 33px;
}

#custom_h_container1 #custom_h_links li#custom_btn_apply a {
	/*background: url('/Images/NorthBay/h_howTo_apply.jpg') 0 0 no-repeat;*/
}

#custom_h_container1 #custom_h_links li#custom_btn_find a {
	background: url('/Images/NorthBay/h_howTo_find.jpg') 0 0 no-repeat;
}

#custom_h_container1 #custom_h_links li#custom_btn_learn a {
	background: url('/Images/NorthBay/h_howTo_learn.jpg') 0 0 no-repeat;
}

#custom_h_container1 #custom_h_links li#custom_btn_apply a:hover,
#custom_h_container1 #custom_h_links li#custom_btn_find a:hover,
#custom_h_container1 #custom_h_links li#custom_btn_learn a:hover {
	background-position: 0 bottom;
}


/* -------------------------------------------------- Home Container 2 */

/* 
   --------------------------------------------------
   Note: Width Layouts
   --------------------------------------------------
   This section is split into three columns areas.
   
   There is a 1px border on the left and right which 
   must be taken off the total page width.
   
   Content Area 2: 		970px - 2px border = 968px
   
   Welcome: 			510px
   Additional Links: 	212px
   Community Events: 	246px
   --------------------------
   Total width:			968px
   --------------------------
   
   There is no fixed depth.
   
   --------------------------------------------------
*/
#custom_h_container2 {
	width: 968px;
	border: 1px solid #D7D7D7;
	border-top: none;
	background: #FFF url('../../../Images/NorthBay/h_communityEvents_bg.gif') 722px top repeat-y;
}

#custom_h_container2 h1, 
#custom_h_container2 h2, 
#custom_h_container2 h3 {
	font-size: 1em;
}

/* -------------------------------------------------- Welcome Content Area */
#custom_h_welcomeContainer {
	float: left;
	width: 510px;
}

#custom_h_welcomeContent {
	padding: 20px 29px 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#custom_h_welcomeContent h1, 
#custom_h_welcomeContent p {
	padding: 0 0 .7em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#custom_h_welcomeContent td .ms-WPBody TD {
	font-size: 14px !important;
}

/* -------------------------------------------------- Feature Links Area */
#custom_h_linksFeatureContainer {
	float: left;
	width: 212px;
}

#custom_h_linksFeature {
	width: 100%;
}

#custom_h_linksFeature li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
}

#custom_h_linksFeature a {
	display: block;
	height: 34px;
}

#custom_h_linksFeature_btn_settlement a {
	background: url('../../../Images/NorthBay/h_additionalLinks_settlement.jpg') 0 0 no-repeat;
}

#custom_h_linksFeature_btn_faq a {
	background: url('../../../Images/NorthBay/h_additionalLinks_faq.jpg') 0 0 no-repeat;
}

#custom_h_linksFeature_btn_webcam a {
	background: url('../../../Images/NorthBay/h_additionalLinks_webcam.jpg') 0 0 no-repeat;
}

#custom_h_linksFeature_btn_location a {
	height: 75px;
	background: url('../../../Images/NorthBay/h_additionalLinks_ourLocation.jpg') 0 0 no-repeat;
}

li#custom_h_linksFeature_btn_settlement a:hover,
#custom_h_linksFeature_btn_faq a:hover,
#custom_h_linksFeature_btn_webcam a:hover,
#custom_h_linksFeature_btn_location a:hover {
	background-position: 0 bottom;
}

#custom_h_weatherLink {
	float: left;
	clear: left;
	width: 100%;
	display: block;
	padding: 6px 0;
}

/* -------------------------------------------------- Resource Links Area */
#custom_h_linksResourcesContainer {
	float: left;
	padding: 20px 0 20px 32px;
	padding: 20px 0 20px 32px;
	width: 182px; /* 246px - 64px padding */
	background: #D7D7D7;
	overflow: hidden;
}

#custom_h_linksResourcesContainer h1, 
#custom_h_linksResourcesContainer h2, 
#custom_h_linksResourcesContainer h3 {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#custom_h_linksResourcesContainer p,
#custom_h_linksResourcesContainer li {
	padding: .7em 0;
	border-bottom: 1px solid #AFAFAF;
	font-family: Arial, Helvetica, sans-serif;
}

#custom_h_linksResourcesContainer p.noUnderline,
#custom_h_linksResourcesContainer li.noUnderline {
	border-bottom: none;
}

/* -------------------------------------------------- Community Events */
#custom_h_calendar {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#custom_h_calendar .custom_title {
	padding: .7em 0;
	border-bottom: 1px solid #AFAFAF;
	line-height: 1.2;
}



/*
-------------------------------------------------------------------------------------------------------
  Inner Page Styles
-------------------------------------------------------------------------------------------------------
*/

/* -------------------------------------------------- Actions */
#custom_actions {
	float: right;
	margin: 11px 33px 0 33px;
}

#custom_actions li {
	float: left;
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}

#custom_actions li.custom_last {
	padding-right: 0;
}

#custom_actions a {
	color: #FFF;
}

#custom_actions a.custom_actionPrint {
	padding-left: 15px;
	background: url('../../../Images/NorthBay/icon_print.gif') 0 2px no-repeat;
}

#custom_actions a.custom_actionEmail {
	padding-left: 20px;
	background: url('../../../Images/NorthBay/icon_email.gif') 0 2px no-repeat;
}

#custom_actions a.custom_actionShare {
	padding-left: 20px;
	background: url('../../../Images/NorthBay/icon_share.gif') 0 2px no-repeat;
}

/* 
   --------------------------------------------------
   Note: Width Layouts
   --------------------------------------------------
*/

/* -------------------------------------------------- Main Content Area */
#custom_contentAreaWrap {
	width: 968px;
	border: 1px solid #D7D7D7;
	border-top: none;
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 1.5em;*/
}

#custom_contentAreaWrap h1 {
	padding: 0 0 0.5em 0;
	font-size: 1.8em;
}

#custom_contentAreaWrap h2 {
	padding: 1.5em 0 0.5em 0;
	font-size: 1.17em;
}

#custom_contentAreaWrap p {
	padding: 0.2em 0 0.3em 0;
}

#custom_contentAreaWrap li {
	padding: 0px 0px 0.5em 0px;
}

#custom_contentAreaWrap ul {
	list-style: disc;
}

#custom_contentAreaWrap li {
	margin-left: 2.5em;
}

#custom_contentAreaWrap ol li {
	margin-left: 0em;
}

/* -------------------------------------------------- Sub Navigation */

#custom_subnav {
	float: left;
	margin-bottom: 20px;
	padding: 20px 0 70px;
	width: 210px;
	background: #1879BE url('../../../Images/NorthBay/i_subnav_bg.gif') left bottom no-repeat;
	font-size: 13px;
	line-height: 1.3;
	color: #fff;
}

#custom_subnav a {
	padding: 5px 24px 6px 15px;
	width: 171px;
	display: block;
	text-align: right;
	color: #fff;
}

.customLeftNavLevel1 {
	background: transparent;
	border: 1px solid #1879BE;
	border-left: none;
	border-right: none;
}

.customLeftNavHover,
.customLeftNavSelected {
	margin: 0;
	padding: 0;
	background: #005897;
	border: 1px solid #FFF;
	border-left: none;
	border-right: none;
	text-decoration: none !important;
}


/* -------------------------------------------------- Main Content */

#custom_contentContainer,
#custom_contentContainer_noSubNav {
	float: left;
	padding: 20px 28px;
	width: 702px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#custom_contentContainer_noSubNav {
	width: 912px;
}

/* -------------------------------------------------- Main Content Table Styles */

#custom_contentContainer .ms-WPBody table {
	border-collapse: collapse;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
}

#custom_contentContainer .ms-WPBody table td {
	border: 1px solid #999;
}

#custom_contentContainer .ms-WPBody table td,
#custom_contentContainer .ms-WPBody table p {
	margin: 0;
	padding: 3px 6px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.925em;
	line-height: 1.4em;
}

/* -------------------------------------------------- Main Content Font Styles */

#custom_contentContainer h1,
#custom_contentContainer_noSubNav h1 {
	padding-bottom: 0.5em;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
#custom_contentContainer h2,
#custom_contentContainer_noSubNav h2 {
	padding: 0.75em 0 0.5em 0;
	font-size: 1.15em;
	font-family: Arial, Helvetica, sans-serif;
}
#custom_contentContainer h3,
#custom_contentContainer_noSubNav h3,
#custom_contentContainer h4,
#custom_contentContainer_noSubNav h4, 
#custom_contentContainer h5,
#custom_contentContainer_noSubNav h5,
#custom_contentContainer h6,
#custom_contentContainer_noSubNav h6 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

#custom_contentContainer p,
#custom_contentContainer_noSubNav p,
#custom_contentContainer li,
#custom_contentContainer_noSubNav li {
	line-height: 1.6;
	font-family: Arial, Helvetica, sans-serif !important;
}

#custom_contentContainer p,
#custom_contentContainer_noSubNav p {
	padding-bottom: 1em;
}

#custom_contentContainer ul,
#custom_contentContainer_noSubNav ul {
	padding-bottom: 1em;
}


/* -------------------------------------------------- Column Layouts */

#custom_mainContent_1col,
#custom_mainContent_2col {
	float: left;
	overflow: hidden;
}

#custom_mainContent_1col { width: 702px; }
#custom_mainContent_2col { width: 420px; }

#custom_contentContainer_noSubNav #custom_mainContent_1col { width: 912px; }

#custom_mainContent_2col img {
}

#custom_additionalContent {
	float: left;
	padding-left: 50px;
	width: 232px;
	overflow: hidden;
}

#custom_additionalContent, 
#custom_additionalContent p, 
#custom_additionalContent li {
	font-size: 0.925em;
	font-family: Arial, Helvetica, sans-serif;
}

#custom_additionalContent img {
	padding-bottom: 20px;
}

#custom_additionalContent .custom_additionalNav ul {
	width: 100%;
	margin: 0 0;
	padding: 0;
}

#custom_additionalContent .custom_additionalNav h3 {
	margin: 0;
	padding: 0 0 2px 0;
	width: 100%;
	border-bottom: 1px solid #ececec;
	color: #333;
	font-size: 0.925em;
}

#custom_additionalContent .custom_additionalNav li,
#custom_additionalContent .custom_additionalNav p {
	float: left; /* This correct the */
	width: 100%; /* IE whitespace bug */
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.925em;
}

#custom_additionalContent .custom_additionalNav a {
	padding: 6px 20px 6px 4px;
	display: block;
	border-bottom: 1px solid #ececec;
	background: url('../../../Images/NorthBay/i_additionalLinkArrow.gif') 218px 12px no-repeat;
}

#custom_additionalContent .custom_additionalNav a:hover {
	background: #d7edfd url('../../../Images/NorthBay/i_additionalLinkArrow.gif') 218px 12px no-repeat;
	text-decoration: none;
}