/* get required stylesheets*/
@import url(styles-contentTables.css);
@import url(css-forms.css);
@import url(css-mainnav.css);
@import url(css-text.css);
@import url(styles-popups.css);
@import url(styles-archives.css);

/* get print SS */
@import url(formprint.css);

/* make function buttons behave */
a.functionbutton {display: block;}

/* place accesskey element off-screen, but visible (invisible to visual browsers, read by screen readers, text-only browsers etc ) */
.accesskeys, .hide {
	font-size: 9px;
	position: absolute;
	left: -9999px;
	width: 1px;
}

/*========================================================*/
/*General Body style and set font for associated elements */

/*The Cell surrounding the main content. It controls the right hand padding of the main text, and establishes a cross-browser consistency of font percentages*/
.contentCell {
	padding-right: 4px;
	font-size: 70%;
}

/*If the right hand column (containing the secondary navigation) 
requires text, this style sets the base font percentage
of the browser, much like the style 'contentCell' above.
The only diference is that there is no righ padding needed. ie: bylaw pages with right hand side listing links*/
.contentCellnopad {
	font-size: 70%;
}


/*Style for all the main left navigation background. Some pages are extremely long, so the 'navBackgroundLong is more suitable for these'*/
.navBackground, .navBackgroundLong {
	background-image:url(/images/navbackground.gif);
	background-repeat: repeat-x;
	background-color: #768EC3; 
}

/*This is applied to all right hand navigation includes so as Netscape renders it the same as all other browsers*/
.netscapeCell {
	font-size: 70%;
}


/*These are the spacer divs for positioning images*/
.div1{height:1px;}
.div3{height:3px;}
.div5{height:5px;}
.div10{height:10px;}
.div15{height:15px;}
.div20{height:20px;}
.div30{height:30px;}
.div40{height:40px;}
.div50{height:50px;}
.div60{height:60px;}
.div70{height:70px;}
.div80{height:80px;}
.div90{height:90px;}
.div100{height:100px;}

.div110{height:110px;}
.div120{height:120px;}
.div130{height:130px;}
.div140{height:140px;}
.div150{height:150px;}
.div160{height:160px;}
.div170{height:170px;}
.div180{height:180px;}
.div190{height:190px;}
.div200{height:200px;}

.div210{height:210px;}
.div220{height:220px;}
.div230{height:230px;}
.div240{height:240px;}
.div250{height:250px;}
.div260{height:260px;}
.div270{height:270px;}
.div280{height:280px;}
.div290{height:290px;}
.div300{height:300px;}

.div310{height:310px;}
.div320{height:320px;}
.div330{height:330px;}
.div340{height:340px;}
.div350{height:350px;}
.div360{height:360px;}
.div370{height:370px;}
.div380{height:380px;}
.div400{height:400px;}

.div450{height:450px;}
.div500{height:500px;}
.div550{height:550px;}
.div600{height:600px;}
.div650{height:650px;}
.div700{height:700px;}
.div750{height:750px;}
.div800{height:800px;}
.div850{height:850px;}
.div900{height:900px;}
.div950{height:950px;}
.div1000{height:1000px;}
.div1050{height:1050px;}
.div1100{height:1100px;}
.div1150{height:1150px;}



.gapLines {
	color:  #999;
}

/*The white links used in the general header ie: 'Site Directory'*/
.header {font-size: 10px; text-decoration: none; font-weight: bold;}
.header:link, .header:visited{ color: #fff;}
.header:hover, .header:visited:hover{ color: #4C6469; text-decoration: none; }
.header:active{ color: #fff;}

/*Table tab headings*/
.tabheader {font-size: 12px; text-decoration: none; font-weight: bold;  padding-left: 5px;}
.tabheader:link, .tabheader:visited, .tabheader:hover, .tabheader:visited:hover, .tabheader:active{ color: #61777C; }

/*Footer links'*/
.footer {font-size: 89%; text-decoration: none; font-weight: bold;}
.footer:link{ color: #B7B7B7; }
.footer:visited{ font-size: 89%;}
.footer:hover{ color: #ccc; text-decoration: underline;}
.footer:active{ color: #B7B7B7; }
.footer:visited:hover{ color: #ccc; text-decoration: underline; }

/*Header style*/
.headerBackground {
	font-size: 10px;
	color:  #fff;
	background-color: #90ACB2;
	font-weight: bold;
}

/***
is this used? can't find it in flat-file source code...
***/
.headerLinkBreaks {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color:  #B3C3C6;
	font-weight: bold;
}

/*The white border surrounding the whole content area, under the header and above the footer*/
.whiteBorder {
	border: 1px solid #fff;
	background-color: #fff;
}

.portalHeading {
	font-size: 24px;
	color:  #50846D;
	font-weight: normal;
}

/* search box atop page */
.searchHeading {
	font-size: 11px;
	color:  #4D6165;
	font-weight: bold;
}


/*Styles used on Home page*/

.homeTabBoxes  {
	background-color: #fff;
	padding:7px;
}

.homeTabText {
	font-size: 90%;
	color:  #B3B3B3;
}

.boxText {
	font-size: 100%;
	color:  #333;
}

.homeHeadingText {
	font-size: 12px;
	color:  #50846D;
}

.largeHomeText {
	font-size: 24px;
	color:  #50846D;
}

.headingTabs {
	background-color: #D3DEE0;
	padding-left: 4px;
}

/*end of Home page styles -----------------------------------------------------------*/

/*'Today's Weather' on the home page has a degree celcius symbol*/
.degree {
	font-size: 11px;
	color:  #50846D;
	background-color: #fff;
	padding: 4px;
	/* stop weather text wrapping in IE */
	white-space: nowrap;
	font-weight: bold;
}



.footerBackground {
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	color:  #B7B7B7;
	background-color: #fff;
}

/* keep the footer links grey once visited */
.footerBackground a:visited {
	color: #bbb;
}


.navAddress {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color:  #DEE6E8;
}

.navAddressPhone {
	font-size: 18px;
	color:  #DEE6E8;
	margin:4px 0;
}

.newsDate {
	font-size: 60%;
	color:  #62858C;
	font-weight: bold;
}


.portalText {
	font-size: 120%;
	font-weight: normal;
	color: #666;
}


.inprint {
	display:none;
}

/*
use anywhere - stops element text wrapping (same as the deprecated 'nobr' element)
*/
.connect {
white-space: nowrap;
}

img.imgborder {border: solid 1px #90acb2;}

#PageContainer {
	text-align: left;
	width: 800px;
}
#BannerContainer {
	width: 800px;
	background-color: #658fa7;
	height: 171px;
	overflow: hidden;
}
#ContentWrapper {
	width: 800px;
	background:url('/images/interface/bg.jpg') #FFFFFF repeat;
	overflow: auto;
}
#FooterContainer {
	display: block;
	float: left;
	width: 800px;
}
#AccessKeys {
	display: block;
	float: left;
	background-color: #e6ecf5;
	width: 400px;
	height: 20px;
	padding-bottom: 5px;
}
#ShareIcons {
	display: block;
	float: left;
	width: 400px;
	background-color: #e6ecf5;
	height: 20px;
	padding-bottom: 3px;
}
#CoatOfArms {
	display: block;
	float: left;
	background-color: #bed2e3;
	width: 166px;
	height: 148px;
}
#PageBanner {
	display: block;
	float: left;
	width: 634px;
	height: 108px;
}
#MDC {
	display: block;
	float: left;
	position: relative;
	width: 400px;
	height: 40px;
	background:url('/images/interface/banner_03_left.gif') #658fa7 no-repeat;
}
#SearchBar {
	display: block;
	float: left;
	background-color: #658fa7;
	width: 231px;
	height: 40px;
}
#LeftNavContainer {
	display: block;
	float: left;
	height: 100%;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	background: url('../images/interface/bg.jpg') #b1d4e6 repeat;
	width: 166px;
}
#PageContentContainer {
	display: block;
	float: left;
	background-color: #FFF;
	width: 634px;
	overflow: hidden;
}
#Breadcrumb {
	display: block;
	float: left;
	width: 384px;
	font-size: 10px;
	color: #069;
	padding-top: 8px;
	height: 22px;
	overflow: hidden;
}
#QuickTabs {
	display: block;
	float: right;
	width: 250px;
	height: 22px;
}
#PageContent {
	display: block;
	float: left;
	width: 634px;
}

a.footeritem {
	font-size: 13px;
	text-decoration: none;
	color: #369;
	font-weight: bold;
}
a.footeritem:hover {
	text-decoration: underline;
	background-color: #8ca8cd;
}
a.footerlink {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
a.footerlink:hover {
	text-decoration: underline;
	background-color: #8ca8cd;
}
#basement {
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	width: 800px; 
	height: 120px;
	padding-top: 5px; 
	padding-bottom: 5px; 
	background-color: #8ca8cd; 
	border-top: solid 1px #369; 
	border-bottom: solid 1px #369;
}