/* common styles */
body {background-color : #FFFFFF;	width: 100%;	padding: 0px 0px 0px 0px;	margin: 0px;}

p, td, input, div, textarea, select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}

li
{
	margin-bottom: 0.5em;
}

a {color: #1F547C;}
a:visited {color: #1F547C;}
a:active {color: #3399CC;}
a:hover {color: #3399CC;}
/*********************************************************************************************************/
/* body margin styles ) */
table.bodymargin {width: 97%;	margin: 0px;	border-collapse: collapse;}

td {
	background-color: White;
}
/*********************************************************************************************************/
/* NAVIGATION PoMoLATE */
/* top navigation styles*/
a.topnavigation {
	color: #3E73BA;
	font-size: .8em;
	padding: 3px 8px 3px 0px;
	font-weight : bold;
	text-decoration: none;
}
a.topnavigation:visited {color: #3E73BA;}

/* breadcrumb styles */
.breadcrumb {color : #1F547C;	font-size: .75em;	font-weight : bold;}
a.breadcrumb {color: #1F547C;	font-size: .75em;	text-decoration: underline;	font-weight : normal;}
a.breadcrumb:active {color: #3399CC;	font-size: .75em;	text-decoration: underline;	font-weight : normal;}
a.breadcrumb:hover {color: #3399CC;	font-size: .75em;	text-decoration: underline;	font-weight : normal;}
a.breadcrumb:visited {color: #1F547C;	font-size: .75em;	text-decoration: underline;	font-weight : normal;}

/* search styles */
.search{color : #333333;	font-size: .8em;}
.searchbutton{
	color : #333333;
	font-size: .8em;
	font-weight: bold;
	text-align:center;
	background: #C7E19E;
	border-top: 2px solid #CCFFCC;
	border-left: 2px solid #CCFFCC;
	border-right: 2px solid #528413;
	border-bottom: 2px solid #528413;
}

/* posting list styles */
.postinglist {color : #1F547C;	font-size: .8em;}
a.postinglist {color: #1F547C;	font-size: .9em;	text-decoration: underline;}
a.postinglist:active {color: #3399CC;	font-size: .9em;	text-decoration: underline;}
a.postinglist:hover {color: #3399CC;	font-size: .9em;	text-decoration: underline;}
/* a.postinglist:visited {color: #1F547C;	font-size: .9em;	text-decoration: underline;} */

/* footer styles */
.footer {color: #999999;	font-size: x-small;}
.footer strong {color: #999999;	font-size: x-small;}
a.footer {	color: #999999;	text-decoration: none;}
a.footer:hover {	color : #666666;	text-decoration: underline;}
a.footer:visited {	color : #666666;	text-decoration: underline;}
/*********************************************************************************************************/
/* SITEMAP */
/* sitemap channel styles */
.sitemapchannel {color: #333333;	font-size: x-small;	text-decoration: none;}
a.sitemapchannel {color: #1F547C;	font-size: x-small;	text-decoration: none;}
a.sitemapchannel:hover {color: #4D689B;	font-size: x-small;	text-decoration: underline;}
a.sitemapchannel:visited {color: #4D689B;	font-size: x-small;	text-decoration: underline;}

/* sitemap posting styles */
.sitemapposting {color: #333333;	font-size: x-small;	text-decoration: none;}
a.sitemapposting {color: #999999;	font-size: x-small;	text-decoration: none;}
a.sitemapposting:hover {color: #666666;	font-size: x-small;	text-decoration: underline;}
a.sitemapposting:visited {color: #666666;	font-size: x-small;	text-decoration: underline;}

/*********************************************************************************************************/
/* PAGE PoMoLATE */
/* placeholder instruction styles */
.placeholderinstruction {color: #666666;	font-size: 12px;	text-decoration : none;}
.placeholderinstruction strong{color: #666666;	font-size: 12px;	text-decoration : none;	font-weight : bold;}

/* page header styles */
.pageheader p {color : #202020;	font-size: 16px;	font-weight: bold;}
.pageheader {color : #202020;	font-size: 16px;	font-weight: bold;}

/* sub header styles */
.subheader {color : #202020;	font-size: 16px;	font-weight: bold;}

/* image styles */
.image img {border: 0px solid #000000;}
.image {text-align: center;}

/* banner styles */
.banner img {border: 1px solid #000000;}
.banner {text-align: center;}

/* image caption with related width */
div.image100caption {width: 100;	float: center;	padding: 5px 5px 0px 5px;}
div.image120caption {width: 120;	float: center;}
div.image160caption {width: 160;	float: center;}
div.image180caption {width: 180;	float: center;}
div.image350caption {width: 350;	float: center;}

/* text wrap around image 160 x 160 px and caption*/
div.image160x160captionwrap {width: 160;	float: left;	padding: 0px 10px 0px 10px;}

/* image and caption container styles */
table.imagecaptioncontainer {width: 100%;	margin: 0px;	border-collapse: collapse;}

/* image caption styles */
/* .imagecaption {color : #666666;	font-size: 10px;	font-weight: bold;	text-align : left;} */
.imagecaption p {color : #666666;	font-size: 10px;	font-weight: bold;	text-align : left;}

/* hyperlink styles */
.hyperlink {color : #4D689B;	font-size: 11px;}
.hyperlink p {color : #4D689B;	font-size: 11px;}
.hyperlink a {color : #4D689B;	font-size: 11px;	font-weight: bold;	text-decoration: underline;}
.hyperlink a:visited {color: #666666;	font-size: 11px;	font-weight: bold;	text-decoration: underline;}
.hyperlink a:hover {color: #568F5E;	font-size: 11px;	font-weight: bold;	text-decoration: underline;}

/*********************************************************************************************************/
/* CMS Web Based Consolse - WBC */
/* Logout | Switch to Edit Site styles*/
.wbc {color: #FFFFFF;	font-size: smaller;	padding: 3px 10px 3px 10px;	background-color : #CC9999;}
.wbc strong {color: #FFFFFF;	font-size: smaller;	font-weight: bold;	background-color : #CC9999;}
a.wbc {color: #FFFFFF;	font-size: smaller;	text-decoration : none;	font-weight : bold;}
a.wbc:visited {color: #FFFFFF;	font-size: smaller;	text-decoration : none;	font-weight : bold;}
a.wbc:hover {color: #666666;	font-size: smaller;	text-decoration : none;	font-weight : bold;}

/* CMS WCB Edit floating console - WCB Edit box option */
div.wbcedit{background-color : #FFFFCC;	border : 2px solid #993333;	display : block;}

/* CMS WCB Edit floating console - Edit */
table.wbcedit {
	border: 1px solid #993333;
	background-color: #993333;
	width: auto;
}
table.wbcedit td {
	color: #FFFFFF;	
	background-color: #993333;
	font-size: xx-small;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
} 

/*********************************************************************************************************/
/* City of Port Moody Custom Modifications */


.pageheaderLeft {
	background-image: url(/nr/PoMo/images/PageHeader/cityHall.jpg);
	background-repeat: no-repeat;
	}
.pageheaderTopRight {
	background-image: url(/nr/PoMo/images/PageHeader/schematic_top.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top right;
	}

.topHeaderNavigation {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight : normal;
	text-decoration: none;
	color: #ffffff;
}

#topNavigation {
	position: absolute;
	top: 5px;
	left: 490px;
	padding: 0px;
	margin: 0px;
	z-index:1;
}

#holder {
	position: relative;
	top: 0px;
}

a.topHeaderNavigation {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight : normal;
	text-decoration: none;
	color: #ffffff;
}
a.topHeaderNavigation:visited {color: #FFFFFF;}
a.topHeaderNavigation:active {color: #FFFFFF;}
a.topHeaderNavigation:hover {color: #FFFFFF; text-decoration: underline;}

.tabBorder {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #3E73BA;
	}
.tabNormalBorder {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight : normal;
	text-decoration: none;
	color: #FFFFFF;
	background: #3E73BA;
	}
.docBorder {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	text-decoration: none;
	color: #FFFFFF;
	background: #3E73BA;
	}
.rightColumn {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	text-decoration: underline;
	color: #FFFFFF;
	background: #FFFBD3;
	}
hr {
	color: #d3d3c5;
	margin-right: 20px;	
	height: 1px;

	}
.dashedBorder {
	border-right: 1px dashed #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	}
.dashedBorderLeft {
	border-left: 1px dashed #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	}
.dashedRightSide {
	border-right: 1px dashed #C1C1C1;
	}
.attachments ul    {
	margin-left: 8px;
	padding-left: 10px;
	list-style-image: url(bullet.gif);
	list-style-position: outside;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
      }
.pullquote {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight : bold;
	text-decoration: none;
	}
.tableHeader {
		background: #FFFFFF;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #000000;
}

.facilityName {
		background: #003D63;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
		color: #FFFFFF;
}

.even {
		background: #E7E7CF;
		color: #000000;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		font-weight: normal;
}

.odd {
		background: #F4F4EA;
		color: #000000;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		font-weight: normal;
}

.weekName {
		background: #003D63;
		color: #FFFFFF;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold
}

/* New styles for site template */
.leftmenu2_container {
     width: 160px;
}

.leftmenu2 {
    width: 160px;
    border-right: 2px dotted #25408F;
    margin-right: 10px;
}

.rightmenu {
    width: 140px;
    border-left: 2px dotted #25408F;
    margin-left: 15px;
    padding-left: 10px;
}
.content {
     padding: 5px 0px 0px 10px;
}

.left_image {
     padding: 10px 0px 0px 0px;
}

.crumbs {
     padding: 10px 0px 20px 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 0.7em;
     color: #333333;
}

.imagecaption {
     font-family: verdana, arial, helvetica, sans-serif;
     color: #737373;
     font-size: 0.8em;
     padding: 5px 0px 5px 0px;
}

.imagecaption td {
     font-family: verdana, arial, helvetica, sans-serif;
     color: #737373;
     font-size: 0.6em;
     padding: 5px 0px 5px 0px;
}

.flash-content {
	background-image: url('/nr/pomo/images/homepage-2004_07.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
}

.mnuOVR {
	background-color: #F2F2F2;
	cursor: pointer;
}
.mnuREG {
	color: #000000;
}

.mnu2OVR {
	background-color: #E2E2E2;
	cursor: pointer;
}
.mnu2REG {
	color: #000000;
}

.divmenutextL4 {
	font-size: 7pt;
	margin: 0px;
	padding: 0px;
	margin-left: 1em;
	margin-top: 0.2em;
	white-space: nowrap; <!-- nobr -->

}


.menutextL1 {
	font-family: verdana, arial, helvetica, sans serif; 
	font-size: .80em; 
	font-weight: bold;
	color: #000000;
}

a.menutextL1 { color: #000000; text-decoration: none; display: block; }
a.menutextL1:hover { color: #000000; text-decoration: underline; }
a.menutextL1:active { color: #000000; text-decoration: none; }
a.menutextL1:visited { color: #000000; }

.menutextL2 {
	font-family: verdana, arial, helvetica, sans serif; 
	font-size: .90em;
	font-weight: bold;
	color: #000000;	
}

a.menutextL2 { color: #000000; text-decoration: none; }
a.menutextL2:hover { color: #000000; text-decoration: underline; }
a.menutextL2:active { color: #000000; text-decoration: none; }
a.menutextL2:visited { color: #000000; }

.menutextL2SEL {
	font-family: verdana, arial, helvetica, sans serif; 
	font-size: .90em;
	font-weight: bold;
	color: #000000;	
}

a.menutextL2SEL { color: #000000; text-decoration: none; display: block; }
a.menutextL2SEL:hover { color: #000000; text-decoration: underline; }
a.menutextL2SEL:active { color: #000000; text-decoration: none; }
a.menutextL2SEL:visited { color: #000000; }

.menutextL3 {
	font-family: verdana, arial, helvetica, sans serif; 
	font-size: 11px;
	color: #000000;
}

a.menutextL3 { color: #000000; text-decoration: none; }
a.menutextL3:hover { color: #000000; text-decoration: underline; }
a.menutextL3:active { color: #000000; text-decoration: none; }
a.menutextL3:visited { color: #000000; }

.menutextL3SEL {
	font-family: verdana, arial, helvetica, sans serif; 
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

a.menutextL3SEL { color: #000000; text-decoration: none; }
a.menutextL3SEL:hover { color: #000000; text-decoration: underline; }
a.menutextL3SEL:active { color: #000000; text-decoration: none; }
a.menutextL3SEL:visited { color: #000000; }

.menutextL4 {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans serif; 
	color: #000000;
}

a.menutextL4 { color: #808080; text-decoration: none; }
a.menutextL4:hover { color: #000000; text-decoration: underline; }
a.menutextL4:active { color: #000000; text-decoration: none; }
a.menutextL4:visited { color: #808080; }


.menutextL4SEL {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans serif; 
	color: #000000;
	font-weight: bold;
}

a.menutextL4SEL { color: #000000; text-decoration: none; }
a.menutextL4SEL:hover { color: #000000; text-decoration: underline; }
a.menutextL4SEL:active { color: #000000; text-decoration: none; }
a.menutextL4SEL:visited { color: #000000; }


.highlightsHeader {
	padding: 0 5px 0px 12px;
	font-family: verdana, arial, helvetica, "sans serif";
	font-size: 13px;
	font-weight: bold;
	color: #006600;
}
.highlights {}

.spanhighlights {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	margin: 0;
	list-style-position: outside;
	list-style-image: url(http://www.cityofportmoody.com/nr/pomo/images/double-arrow-bullet.gif);
}

a.spanhighlights {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .80em;
	text-decoration: none;
	color: #333333;
}

a.spanhighlights:hover { color: #000000; text-decoration: underline; }
a.spanhighlights:active { color: #000000; text-decoration: none; }
a.spanhighlights:visited { color: #000000; }

.sitesearch {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: .75em;
	color: #666666;
}

.related-content {
     /*
	 border-top: 2px dotted #25408F;
     margin-left: 6px;
     padding: 10px 0px 0px 0px;
     list-style-position: outside;
     list-style-image: url('/nr/pomo/images/double-arrow-bullet.gif');
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 0.9em;
     color: #333333;
	 */
	 display: none;
}

/* related-content2 is applied to a UL tag in a box that shows "Other Pages About" the current page*/
.related-content2 {
     /* border-top: 2px dotted #25408F; */
	 margin-top: 0px;
     margin-left: 6px;
     padding: 10px 0px 0px 0px;
     list-style-position: outside;
     list-style-image: url('/nr/pomo/images/double-arrow-bullet.gif');
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 0.9em;
     color: #333333;
	 padding-top: 0.4em;
	 margin-left: 1.5em;
}

.related-content-divbox {
	float: right; 
	
	MARGIN-BOTTOM: 10px; 

	PADDING-RIGHT: 6px; 
	PADDING-BOTTOM: 6px; 
	PADDING-TOP: 6px; 
	PADDING-LEFT: 6px; 
	
	BORDER-RIGHT: #006699 2px solid; 
	BORDER-TOP: #006699 2px solid; 
	BORDER-LEFT: #006699 2px solid; 
	BORDER-BOTTOM: #006699 2px solid;
}


.spanhighlights ul {
	padding: 10px 0 10px 20px;
	margin: 0;
}

.sidemenu { 
	text-indent: -15px; 
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 2px 0px;
	background-image: url("/nr/PoMo/images/stipler_130px.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	list-style-type: square;
}

.boxHeading {
	font-family: verdana,arial,helvetica;
	font-size: .75em;
	font-weight: bold;
	color: #ffffff;
	padding: 3px;
	width: 100%;
	background: #006699;
}
.boxHeadinglg {
	font-family: verdana,arial,helvetica;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	padding: 3px;
	width: 100%;
	background: #006699;
}

.postingsBoxHeading {
	font-family: verdana,arial,helvetica;
	font-size: .90em;
	font-weight: bold;
	color: #006699;
	margin-left: 0px;
	padding: 35px 0px 7px 0px;
}

.fernBackground {

	BACKGROUND: url(/NR/rdonlyres/7ED1507F-91A1-472C-B1C5-2F89D3C71E08/0/PortMoodyNaturallyFernOnlyfaded.gif);
	/* background is stored in the resource gallery! */
	background-repeat: no-repeat; 
	background-position: top center; 
}

td.tablerowheading {
	background: #E7E7CF;
	font-weight: bold;
}

.tablerow1 {
	background: #F4F4EA;
}

.tablerow2 {
	background: #E7E7CF;
}
br { 
	line-height: 0;
	margin: 0; 
	padding: 0;
}

div.timeline { 
	width: 485px; 
	height: 250px; 
	border: dotted 2px #AAAAAA; 
	overflow: auto; 
}
.timeline td {
	border-left: dotted 1px grey; 
	border-right: dotted 1px grey;
	font-size: 9px;
}

/* link target clues */
/* these don't work in IE unless it is IE7 in compatibility mode */
/* which it won't be because the doctype in the templates is wrong */
/*
a[href ^='mailto:'] {
	padding-right: 17px;
	background: url('/NR/POMO/images/clues/icon_mailto.gif') no-repeat center right;
}
a[href$='.pdf'] {
	padding-right: 17px;
	background: url('/NR/POMO/images/clues/icon_pdf.gif') no-repeat center right;
}
a[target^="_"] {
	padding-right: 17px;
	background: url('/NR/POMO/images/clues/icon_popup.gif') no-repeat center right;
}
a[href$='.pdf'][target^="_"] {
	padding-right: 17px;
	background: url('/NR/POMO/images/clues/icon_popup_pdf.gif') no-repeat center right;
}
a[target='_top'] {
	border: dotted 1px red;	
	padding-right: 0px;
	background: none;
}
a[href^='http'] {
	padding-right: 17px;
	background: url('/NR/POMO/images/clues/icon_external.gif') no-repeat center right;
}
a[href^='http://www.cityofportmoody.com'] {
	padding-right: 0px;
	background: none;
}
a[target='_blank'] {
	padding-right: 17px;
	background: url('icon_popup.gif') no-repeat center right;
}
a.noclue{		
	padding-right: 0px;
	background: none;
}
*/