/* --------------------------------------------------------------------------------------------------------  */
/*
/* Filename: page9.css
/* Description: Base stylesheet for Townlife's Page9 Template (page9.rhtml)
/* Version: 1.0 (2010-12-01) yyyy-mm-dd
/* Website: 
/* Author: Anthony Eggert, Stylephreak Web Productions
/*
/* --------------------------------------------------------------------------------------------------------  */

/* TABLE OF CONTENTS
----------------------------------------------------------------------------------------------------*/
/* 
/* 	1.RESET
/* 		Browser Resets and comman classes, based on the Eric Myers version
/*
/* 	2.GRID
/* 		960 Grid System, modified - reduced gutter; includes container_#, grid_#, clear/clearfix; no prefix_#,suffix_#,push_#,pull_#
/*
/*	3.MAIN_STYLES 
/*		Substitution for main_styles.css, which is removed from page9
/*
/* 	4.BASE LAYOUT
/* 		Base Minimal Layout for Page9
/*
/* 	5.BASIC TYPOGRAPHY 
/* 		Basic XHTML Element Typography for Page9, including global body font
/*
/* ----------------------------------------------------------------------------------------------------*/



/* 1.RESET
-------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li{
	display:inline;
}
ul li ul  {
	display: none;	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.float-left {
	float: left;
	margin: 0 20px 10px 0;
}
.float-right {
	float: right;
	margin: 0 0 10px 20px;
}
.hidden {
	display: none;	
}

/* 5.BASIC TYPOGRAPHY
----------------------------------------------------------------------------------------------------*/


body {
	font: 13px/1.5 "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", 'Liberation Sans', Arial, sans-serif;
}

a {
	outline: none;
}
a:link {
	color: #900;
}
a:visited {
	color: #600;	
}
a:hover {
	color: #c90;
}
a:active {
	color: #f60;	
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4 {
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", Georgia, Times, "Times New Roman", serif;	
}
h1 {
	font-size: 32px;
	color: #000;				
}

h2 {
	font-size: 28px;
	color: #800;
}

h3 {
	font-size: 24px;
	color: #500;
}
.hentry h3 {
	font-size: 24px;	
}
h4 {
	font-size: 20px;
	color: #000;
}

h5 {
	font-size: 18px;
	color: #333;
}

h6 {
	font-size: 16px;
	color: #000;
}

#SiteHighLight h1,
#SiteHighLight h2,
#SiteHighLight h3 {
	font-size-adjust: 0.40; 
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol, ul {
	list-style: none;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}



/* Admin fix - required due to moving the load order of the admin css (to prevent overrides).  */

#AdminHeader h1, #AdminHeader h2, #AdminHeader h3, #AdminHeader h4, #AdminHeader h5, #AdminHeader h6, #AdminHeader p, #AdminHeader blockquote, #AdminHeader pre, #AdminHeader ol, #AdminHeader ul, #AdminHeader li, #AdminHeader fieldset, #AdminHeader form, #AdminHeader label, #AdminHeader legend, #AdminHeader table, #AdminHeader tr, #AdminHeader th, #AdminHeader td, #EditTools h1, #EditTools h2, #EditTools h3, #EditTools h4, #EditTools h5, #EditTools h6, #EditTools p, #EditTools blockquote, #EditTools pre, #EditTools ol, #EditTools ul, #EditTools li, #EditTools fieldset, #EditTools form, #EditTools label, #EditTools legend, #EditTools table, #EditTools tr, #EditTools th, #EditTools td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: inherit;
}
#AdminHeader,
#EditTools {
	font:normal 75%  Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#555;		
}
#AdminHeader p,
#EditTools p{
font-size:1.2em;
margin:10px 0;
font-style:normal;
}

#AdminHeader p.result,
#EditTools p.result{
color:#008000;
}

#AdminHeader a,
#EditTools a{color:#454542;}

#AdminHeader :hover,
#EditTools a:hover{ color:#000}

#AdminHeader li.NoBorder a,
#EditTools li.NoBorder a{border:none!important;}


/* 2.GRID
----------------------------------------------------------------------------------------------------*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:50px;
}

.container_16 .grid_2 {
	width:110px;
}

.container_16 .grid_3 {
	width:170px;
}

.container_16 .grid_4 {
	width:230px;
}

.container_16 .grid_5 {
	width:290px;
}

.container_16 .grid_6 {
	width:350px;
}

.container_16 .grid_7 {
	width:410px;
}

.container_16 .grid_8 {
	width:470px;
}

.container_16 .grid_9 {
	width:530px;
}

.container_16 .grid_10 {
	width:590px;
}

.container_16 .grid_11 {
	width:650px;
}

.container_16 .grid_12 {
	width:710px;
}

.container_16 .grid_13 {
	width:770px;
}

.container_16 .grid_14 {
	width:830px;
}

.container_16 .grid_15 {
	width:890px;
}

.container_16 .grid_16 {
	width:950px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* 3.MAIN_STYLES  
----------------------------------------------------------------------------------------------------*/
li.NoBorder a {
	border:none!important;
}
a.hoverable {
	position:relative;
	z-index:10;
}
a.hoverable span {
	display:none;
	background-color:#DCE9E9;
}
a.hoverable span {
	color:#000 !important;
}
a.hoverable:hover {
	z-index:11;
}
a.hoverable:hover span {
	display:block;
	position:absolute;
	top:100%;
	left:0px;
	width:300px;
	padding:5px;
	border:1px solid #000;
	z-index:11;
}
#ListCategories ul {
	margin-top:0px;
}
#ListCategories h3 {
	margin-bottom:0px;
}

#breadcrumb {
	background:#000 url(http://cloud.townlife.ca/images/breadcrumb/bg_breadcrumb_black.gif) repeat-x top left;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding:0px 5px;
}
#breadcrumb li {
	float:left;
	font-size:1.2em;
	color:#fff;
	line-height:20px;
	padding:0px 5px;
	background: transparent url(http://cloud.townlife.ca/images/breadcrumb/bullet.gif) no-repeat left;
}
#breadcrumb li.site {
	background: url(http://cloud.townlife.ca/images/breadcrumb/bullet-site.gif) no-repeat;
	padding-left:13px;
}
#breadcrumb li:first-child, 
#breadcrumb li.root {
	background-image:none;
	padding-left: 0;
}
#breadcrumb li a {
	color:#fff;
	padding:1px;
}
#breadcrumb li a:hover {
	color:#000;
	text-decoration:none;
	background-color:#fff;
}
#SystemMessage {
	clear:both;
	background-color:#ffffe0;
	border:2px solid #fec400;
	padding:5px 20px;
	color:#000;
	margin:10px auto;
	width:726px;
}
#SystemMessage h3 {
	font-size:1.2em;
	padding-bottom:5px;
	border-bottom:1px solid #fef1b5;
}

#MemberCount {
	background: url(http://cloud.townlife.ca/images/structure/stamp.gif) center center no-repeat transparent;
	line-height:48px;
	text-align:center;
	margin-bottom:10px;
}
#MemberCount a {
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
}
#MemberCount a:hover {
	text-decoration:underline
}
/* -- Business banners --*/

#BusinessBanners {
	color:#ccc;
	padding:5px 0;
	margin:10px 0;
	text-align: center;
}
#BusinessBanners h3 {
	font-size:15px;
}
#mmbr {
	background: transparent url(http://cloud.townlife.ca/images/icons/fff/key.png) no-repeat  left;
	padding:5px 0 5px 20px;
	font-size:1em;
}
/* --- Banner --- */

#banner {
	padding:0px 0 0px 0;
	margin:10px 0;
}
#banner img {
	max-width: 550px;
}
#banner p {
	margin:0px;
}
/* --- Action Box --- */

#ActionBox {
	width:180px;
	padding-top:5px;
}
#ActionBox dl {
	border:1px solid #999;
	padding:5px;
	margin:0px 0 10px 0px;
	background:#fff;
}
#ActionBox dt {
	background:#999;
	color:#fff;
	padding:2px 5px;
	font-weight:bold;
	margin-bottom:2px;
}
#ActionBox dd {
	padding:1px;
	line-height:16px;
}
.MorePosts h3.BoxTitle {
	font-size: 24px;	
}
#main .more {
	padding:0;
	margin:0;
	border:none;
	background:#999;
	text-align:right;
	display:block;
	padding:2px 5px;
	color:#fff;
	font-weight:bold;
	font-size: .9em;
}
#main .more a {
	color:#fff;
	text-decoration:none;
	margin:0px 0 0 0;
	font-weight:bold;
}
.ResourceBoxPhotoAlbum {
	width: 550px;
}
#main .ResourceBoxPhotoAlbum ul {
	height: 155px;
}
.ResourceBoxPhotoAlbum .album {
	padding-left: 5px;
}
.ResourceBoxPhotoAlbum .album dl {
	width: 165px;
}
/* -- regular table -- */

table.RegularTable {
	width:100%;
	font-size:1.2em;
}
table.RegularTable caption {
	font-weight:bold;
	padding:5px 0;
	border-top:2px solid #999;
	text-align:left;
}
table.RegularTable, table.RegularTable td, table.RegularTable th {
	border-collapse:collapse;
	border:1px solid #999;
}
table.RegularTable td {
	padding:2px 5px;
}
table.RegularTable th {
	color:#fff;
	text-align:left;
	padding:5px;
	border-left-color:#fff;
	border-right-color:#fff;
}
table.RegularTable tr.alt {
}
.regional_photo {
	padding: 8px;
	float: left;
	width: 200px;
	height: 200px;
}
#EcoFooter a {
	text-decoration:none;
}
#EcoFooter ul {
	float:right;
}
#EcoFooter ul li {
	float:left;
}
#EcoFooter ul li a {
	display:block;
	position:relative;
	padding:2px 10px 2px 10px;
	border-left:1px solid #000;
	color:#000;
}
#EcoFooter ul li:first-child a {
	border-left:none;
}
#EcoFooter p {
	font-size: 1em;
	margin-top: 5px;
}
#EcoFooter ul, #EcoFooter p {
	float: right;
	clear: right;
}
#EcoFooter ul li#login a {
	display: block;
	background-color: transparent;
	background-image: url(http://cloud.townlife.ca/images/icons/fff/lock.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
* html #EcoFooter ul li#login a {
	background-image: url(http://cloud.townlife.ca/images/icons/fff/lock.gif);
}
#EcoFooter ul li#login a:hover {
	background-color: #000;
}
#EcoFooter a {
	padding:2px;
}
#EcoFooter a:hover {
	background:#000;
	color:#fff;
	text-decoration:none;
}
p#hostnote {
	float:left;
	text-align:left;
	width: auto;
}
p#hoston {
	clear:both;
	text-align:right;
	white-space:nowrap;
}
table#calendar {
	width:100%;
}
table#calendar caption {
	font-size:1.4em;
	font-weight:bold;
	padding:5px 0;
	border-top:2px solid #999;
	text-align:left;
}
table#calendar, table#calendar th, table#calendar tr, table#calendar td {
	border-collapse:collapse;
	border:1px solid #999;
	vertical-align:top;
}
table#calendar th, table#calendar td {
	padding:5px;
}
table#calendar td {
	width:14%;
	font-weight:bold;
}
table#calendar td#today {
	background:#ffffe0;
}
table#calendar td ul {
	margin:5px 0 0 0;
	padding:0;
	border-top:1px solid #ccc;
}
table#calendar td ul li {
	font-weight: normal;
	list-style:none;
	border-bottom:1px solid #ccc;
	padding:2px 0;
	margin:0;
}
table#calendar td ul li a {
	display:block;
}
/* Event Table */

table.event_table {
	border: 1px solid #808080;
	border-spacing: 0px;
	width: 100%;
}
table.event_table tr.even {
	background-color: #dce9e9;
}
table.monthly_event_table {
	border: 1px solid #808080;
	border-spacing: 0px;
	width: 100%;
}
table.monthly_event_table tr.month td {
	color: #000;
	font-weight: bold;
	background-color: #bfbfbf;
	padding: 6px 4px;
	border-top: none;
}
table.site_table th a {
	color:#fff !important;
}
table.regional_table {
	border: 1px solid #808080;
	border-spacing: 0px;
	width: 100%;
}
table.regional_table th {
	padding: 5px 3px 5px 3px;
	border-width: 0px;
	text-align: left;
}
table.regional_table td {
	padding: 5px 3px 5px 3px;
	border-width: 0px;
	vertical-align:top;
}
tr.even {
	background-color: #dce9e9;
}
tr.odd {
}
#edit_container {
	width:100%;
	margin: 0px;
	padding: 0px;
}
#edit_sidebar {
	margin: 0px;
	padding: 5px;
	width: 300px;
	float: left;
}
#edit_main {
	margin-left:300px;
}
#edit_content {
	margin: 0pt auto;
	width: 570px;
	text-align: left;
	font-size: 1.2em;
}
.edit_section {
	float: left;
	border: 1px solid #808080;
	margin: 3px;
	width: 300px;
	background-color: #f9f9f9;
}
.edit_section .title {
	background-image: url(http://cloud.townlife.ca/images/site/section.png);
	color: #fff;
	text-align: center;
	margin: 3px;
	letter-spacing: 2px;
}
.edit_section .body {
	font-size: 9pt;
	margin: 3px;
}
.edit_section td {
	white-space: nowrap;
	text-align: left;
}
.edit_section td.page_stats_head {
	font-weight: bold;
	text-align: right;
}
.pagination {
	padding: 3px;
	margin: 3px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #aaaadd;
	text-decoration: none;
	color: #000000;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #000000;
	color: #ffffff;
	background-color:#000000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #2f2f2f;
	font-weight: bold;
	background-color: #2f2f2f;
	color: #FFF;
}
.pagination span.disabled {
	display:none;
}
#calendars_show #main {
	width:750px;
	float:none;
}
#calendars_show #CalendarViewing .calendar {
	clear:both;
}
#calendars_show tr.monthName th {
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	padding:10px 0 5px 0;
	text-transform:uppercase;
}
#calendars_show td.day {
	vertical-align:top;
	padding:0;
}
#calendars_show td.day a {
	clear:both;
	display:block;
	padding:2px 5px;
	font-size:.9em;
	text-decoration:none;
	border-bottom:1px solid #e3e3e3;
}
span.CalendarDay {
	display:block;
	font-weight:bold;
	background-color: #cacaca;
	color: #000000;
	float:left;
	height:1.8em;
	line-height:1.8em;
	width:1.8em;
	text-align:center;
	margin-bottom:4px;
}
#calendars_show td.EventToday span.CalendarDay {
	background-color: #6a6a6a;
	color: #FFFFFF;
}
.otherMonth {
	border-bottom:1px dotted #BBBBBB;
	padding:0;
}
#calendars_show .otherMonth span.CalendarDay {
	background-color:transparent;
	font-weight:normal;
	color:#afafaf;
}
.FilterResults form {
	float:left;
}
ul.CalendarViewOptions {
	background:none repeat scroll 0 0 #efefef;
	height:29px;
	padding:0;
	width:60px;
	border: 1px solid #5f5f5f;
	float:right;
}
ul.CalendarViewOptions li {
	list-style:none;
	float:left;
	padding:5px;
}
ul.CalendarViewOptions li a, ul.CalendarViewOptions li span {
	height:17px;
	width:18px;
	text-indent:-10000px;
	display:block;
}
ul.CalendarViewOptions li#CalendarViewLink a {
	background:#afafaf url(http://cloud.townlife.ca/images/icons/calendar_view.png) -2px -3px no-repeat;
	border:1px solid #ffffff;
}
ul.CalendarViewOptions li#CalendarViewLink a:hover {
	background-color: #6A6A6A;
}
ul.CalendarViewOptions li#CalendarViewLink span {
	background:#6A6A6A url(http://cloud.townlife.ca/images/icons/calendar_view.png) -22px -2px no-repeat;
	padding:1px;
}
ul.CalendarViewOptions li#TableViewLink a {
	background:#afafaf url(http://cloud.townlife.ca/images/icons/list_view.png) -2px -3px no-repeat;
	border:1px solid #ffffff;
}
ul.CalendarViewOptions li#TableViewLink a:hover {
	background-color: #6A6A6A;
}
ul.CalendarViewOptions li#TableViewLink span {
	background:#6A6A6A url(http://cloud.townlife.ca/images/icons/list_view.png) -22px -2px no-repeat;
	padding:1px;
}
ul.CalendarViewOptions li.ActiveCalendarLink {
	background: #6A6A6A;
}
ul.CalendarViewOptions li.HoverLink {
	background:#afafaf;
	cursor:pointer;
}
.clearfix:after, #breadcrumb:after, #CommunityHeader:after, #SiteHeader:after, #wrap:after, #BoxSet:after, #BoxSetBg:after, #TopBar:after, .ModuleBox:after, .ModuleBox form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, #breadcrumb, #CommunityHeader, #SiteHeader, #wrap, #BoxSet, #BoxSetBg, #TopBar, .ModuleBox, .ModuleBox form {
	display: inline-table;
}
/* Hides from IE-mac \*/
.clearfix, #breadcrumb, #CommunityHeader, #SiteHeader, #wrap, #BoxSet, #BoxSetBg, #TopBar, .ModuleBox, .ModuleBox form {
	height: 1%;
}
.clearfix, #breadcrumb, #CommunityHeader, #SiteHeader, #wrap, #BoxSet, #BoxSetBg, #TopBar, .ModuleBox, .ModuleBox form {
	display: block;
}
/* End hide from IE-mac */
div#map_div_id h5 {
	padding-top:0;
}
div#map_div_id p {
	padding-top:5px;
	padding-bottom:0px;
}
ul.map_category_list, ul.map_category_list li {
	list-style:none;
	padding-left:0;
}
ul#map_locations {
	padding-left:5px;
}
/* ========== Abuse  ============*/
div#abusediv li {
	list-style:none !important;
}
/* Fix for IE : before LOCATION */
#breadcrumb li#nobg, .nobg {
	background:none !important;
}




/* 4.BASE LAYOUT 
----------------------------------------------------------------------------------------------------*/

/* body classes to select switches 
----------------------------------------------------------------------------------------------------*/
#breadcrumb {
	width:960px;
	margin:auto;
}
#breadcrumb li {
	font-size: 1em;	
}
#breadcrumb li a {
	text-decoration: none;
}
#MainBody {
	width: 100%;
	margin: 0 auto;
}
#CommunityHeader,
#SiteHeader { 
	width: 920px;
	margin: 30px auto 0;
	padding: 20px;
}
h1#SiteTitle {
	font-size-adjust: 0.75; 
	font-weight: bold;
	letter-spacing: -.06em;
	color: #555;
	padding: 5px 10px;
}
#Xwrap { /* Extra wrap for header enhancements / slideshows/ etc */
	display: none;
}
#Wrap {
	width: 960px;
	margin: 0 auto 20px;
}
#NavigationBar {	
	margin: 0 auto;
	padding: 0;	
	list-style: none;	
	height: 32px;
	background-color: #444;
	border: 2px solid #555;
}
#NavigationBar li {
	float: left;
	padding: 0;
	margin: 0;
}
#NavigationBar li a {
	display: block;
	border-right: 1px solid #555;
	border-left: 1px solid #333;
	background-color: #444;		
	color: #fff;
	padding: 4px 20px;
	line-height: 24px;
	float: left;
	text-decoration: none;
	text-align: center;	
	outline: none;
}
#NavigationBar li a:hover {
	border-right: 1px solid #777;
	border-left: 1px solid #333;
	background-color: #666;		
	color: #fff;
}
#InnerWrap {
	margin: 0 auto;	
}
#PrimeWrap {
	margin: 0 auto;	
}
#SideBar,
#RightSideBar {
	width: 180px;
	float: left;
	margin: 5px 7px 0 0;
	border: 1px solid #444;
	background-color: #999;
		min-height:400px; 
		height:auto !important; 
		height:400px;
}
#RightSideBar {
	margin: 5px 0 0 7px;
}

#SearchBox {
	width: 170px;
	margin: 10px auto 0;
	background-color: #fff;
}
#SearchBox .SearchBox fieldset {
	border:2px solid #555;
}
#SearchBox .SearchBox label {
	display:none;
}
#SearchBox .SearchBox input#q {
	float: left;
	width: 130px;
	vertical-align:middle;
	border:1px solid #555;
	padding: 2px;
	height: 21px;
}
#SearchBox .SearchBox input#search_btn {
	float: left;
	width: 30px;
	margin: 0;	
	padding: 3px;	
	color: #fff;
	background:#555 none;
	border:1px solid #555;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
#SubNav,
#NavBar {
	width: 170px;
	clear: both;
	margin: 10px auto 0;
	padding: 0;
	list-style: none none;
	background-color: #fff; 
	font-size: 1.1em;
}
#SubNav li,
#NavBar li {
	margin: 0;
	padding: 0;
}
#SubNav li a,
#NavBar li a {
	display: block;
	padding: 3px 10px;
	color: #fff;
	text-decoration: none;
	background-color: #333;
	border: 1px solid #444;
	border-top-width: 0;
	outline: none;
	text-transform: none;
}
#SubNav li a:hover,
#NavBar li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #111;
}
#SubNav li.MenuOpen ul{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	visibility:visible;
}
#SubNav li.MenuOpen ul li a{
	background-color:#52527f;
}
#SubNav li.MenuOpen ul li a:hover{
	background-color:#323256;
}
#ActionBox dl {
	border:2px solid #777;
	padding:2px;
	margin:0px 0 10px 0px;
	background:#fff;
}
#ActionBox dt {
	border:1px solid #888;
	font-size: 1em;
	line-height: 16px;
	color: #555;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
}
#ActionBox dd  {
	padding: 2px 6px;
	margin-bottom: 3px;
	line-height: 16px;
}
#ActionBox img.action_steps_image{
	position: relative;
	top: 4px;
}
#ActionBox dd a {
	font-size: 1em;	
	color: #555;
	text-decoration: none;
	outline: none;
}
#ActionBox dd a:hover {
	color: #600;
	text-decoration: none;
}

#SiteHighLight {
	width: 160px;
	margin: 10px auto 0;
	padding: 5px;
	background-color: #fff; 
}
h4#MemberCount {
	margin: 10px 5px;
	color: #fff;
}
#Main {
	position: relative;
	float: left;
	width:760px;
	padding: 0;
	margin: 0 0 0 5px;
}
#Banner {
	width: 100%;
	margin: 10px 0;	
}
#PageContent,
.hfeed {
	width:755px;	
}
#BoxSet,
.hfeed {
	width: 100%;
	margin: 10px auto;
}
.ResourceBox,
.page_box {	
	width: 100%;
	margin: 10px auto;	
	float: none;	
	border: 0;
}
#BoxSet {
	clear:right;
	margin-right:-10px;
}
.ResourceBox {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #999999;
	float:left;
	margin:5px 5px 5px 0;
	width:174px;
}
.ResourceBox h4 {
	background:url("http://cloud.townlife.ca/images/resourcebox/bg_header.png") #494949 repeat-x 0 0;
	color:#FFFFFE;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:5px;
}
.ResourceBox h4 a {
	color:#FFFFFE;
}
#PageContent .ResourceBox h4 a {
	color:#FFFFFE;
}
.ResourceBox h4 span {
	font-weight:normal;
}
.ResourceBox .site_reference {
	font-size:0.8em;
	padding-left:1em;
}
.ResourceBox ul {
	font-size:1em;
	height:200px;
	margin:0;
	overflow:auto;
	padding:5px;
	position:relative;
}
.ResourceBox ul li {
	border-bottom:1px solid #F1F1F1;
	list-style:none outside none;
	padding:5px 0;
}
.ResourceBox ul li:first-child {
	padding-top:0;
}
.ResourceBox ul li:last-child {
	border-bottom:medium none;
	padding-bottom:0;
}
.ResourceBox ul li a {
	color:#222222;
	display:inline-table;
	margin:0;
	padding:0;
}
.ResourceBox ul li a img {
	border:1px solid #CCCCCC;
	padding:1px;
}
.ResourceBox ul li a:hover img {
	border:1px solid #333333;
}
.more {
	background:none repeat scroll 0 0 #999999;
	border:medium none;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:2px 5px;
	text-align:right;
	border:1px solid #ccc;
}
.more a {
	color:#FFFFFE;
	font-weight:bold;
	margin:0 0 0;
	text-decoration:none;
}
.more a:hover {
	text-decoration:underline;
}
.social_footer  {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
a#Topper {
	display: block;
	width: 150px;	
	margin: 0 auto;
	padding: 4px 0 4px 16px;				
	color: #800;
	text-decoration: none;	
}
a#Topper:hover{
	color:#888800;
}
.social_bookmark {
	margin: 0 auto;		
}
#footer {
	width: 960px;
	margin: 0 auto;	
	border-top: 3px double #555;	
}
#EcoFooter{	
	width: 960px;
	margin: 0 auto 20px;
	padding: 5px;	
	font-size:1em;
	clear:both;
}

#PageContent h4 a {
	color: #000;
}

#PageContent h4 a:hover {
	color: #c90;
}


/* body classes to select switches 
----------------------------------------------------------------------------------------------------*/
.container_2 #RightSideBar {
	display: none;	
}
.container_3 #RightSideBar {
	display: block;
	margin: 5px 0 0 7px;	
}
.container_2 #Main {
	width:760px;
}
.container_3 #Main {
	width:575px;
}
.container_2 #PageContent,
.container_2 .hfeed {
	width:755px;	
}
.container_3 #PageContent,
.container_3 .hfeed {
	width:570px;	
}
.box,
h4.BoxHeader {
	width: 528px;
}

table.vevent {
  margin-bottom: 0;
  width: 98%;
}