/**********************************************************************************************

	Title: Woolwich
	Author: XHTMLized

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
	ol, ul {
		list-style: none; }
		
	table {
		border-spacing: 0;  
		border-collapse: separate; 
	}
	
	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	
	body {
		line-height: 1;
		text-align: center;
		font: 62.5% Arial, Helvetica, sans-serif;
	
	}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.hide {
		left: -9999px;
		position: absolute;
	}
	.clear {
		height: 0;
		clear: both;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#content-in:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		display: inline-block; }

	/* Hides from IE-mac \*/ 
	* html .clearfix {
		height: 1%; }

	.clearfix {
		display: block; }
	/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
		background: url('../images/background.gif') repeat;
	}
	body.ng {
			background: #0b378b;
	}
	body.wooly, body.bow {
			background: #8e0d0e; 
               }

	body.borealis {
			background: #000000;
                  }

	#bar {
		z-index: 5;
		height: 3px;
		font-size: 1px;
		background: #fff;
		position: relative;				/*	BAR MIDDLE COLOR	*/
		margin-bottom: -98px;
		border-top: solid 27px #000;			/*	BAR TOP COLOR		*/
		border-bottom: solid 68px #8c1414;		/*	BAR BOTTOM COLOR	*/
	}
	body.borealis #bar {
		border-bottom: solid 68px #000;
	}
	body.ng #bar {
		/*
		border-bottom: solid 68px #0E4B82;
		border-bottom: solid 68px #153b90;
		*/
		border-bottom: solid 68px #14378b;
	}

	#container {
		z-index: 10;
		width: 715px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}

	body.wooly #header, body.bow #header {
		height: 98px;
		position: relative;
		background: url('../images/bg_header.jpg') repeat-x right bottom;
	}
	body.borealis #header {
		/*height: 133px; */
		height: 98px;
		position: relative;
		/*margin-left: 22px;
		margin-right: 22px;*/
		background: url('../images/borealis-header.jpg') repeat-x right bottom;
	}
	body.ng #header {
		height: 98px;
		position: relative;
		margin-left: 22px;
		margin-right: 22px;
		background: url('../images/neighbourhood-banner.jpg') repeat-x right bottom;
	}


	body.ng #content, body.wooly #content, body.bow #content {
		background: url('../images/bg_main.png') repeat-y left top;
		padding-left: 22px;
                             width: 715px;
	}
	body.borealis #content {
		background: url('../images/bg_main_borealis.png') repeat-y left top;        
		padding-left:0px;
        width: 668px;
  }
	#content-fullPage {
		padding-left: 22px;
position: relative;
	}


	#content-in {
		/*background: url('../images/bg_leftnav.jpg') repeat-y left top;*/
		min-height: 600px;
		position: relative;
	}
 
	/*body.borealis #content-in {
		background: url('../images/borealis_leftnav.jpg') repeat-y left top;
	}*/
	body.bow #content-fullPage #content-in {
		background-image: url(../images/bow_home.jpg);
		height: 682px;
		background-repeat: no-repeat;
		width: 692px;
		position: relative;
		margin:0;
		padding: 0;
	}
	body.bow #content-fullPage #content-in #bowHomeContent {
		position: relative;
                              float: right;
		width: 310px;
		height: 330px;	
                              right: 100px;
		top: 280px;
		text-align:center;
}
	body.bow #content-fullPage #content-in #bowHomeContent h1 {
	color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	float: right;
	}
	#sidebar  {
		float: left;
		width: 186px;
		padding-top: 100px;
	}


	#main {
		float: left;
		width: 460px;
		padding: 73px 0 0 20px;
	}

/*
	.borealis #main {
		width: 630px;
	}
*/

	#footer {
		clear: both;
		height: 19px;
		background: #000;
	}
	body.bow #footer, body.wooly #footer {
		background: #8f080a;
	}


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

	#accessibility-menu {
		left: -1000em;
		text-align: left;
		position: absolute;
	}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1 {
	top: 0;
	left: 0;
	color: #000;
	width: 171px;
	height: 94px;
	padding-top: 50px;
	text-align: center;
	position: absolute;
	margin: 30px 0 0 -24px;
	overflow: hidden;
	z-index: 20;
	}
	body.borealis #header h1 {
      width: 210px;
      left: 25px;
      top: 5px;
	}
/*	body.borealis #header h1 {
		display: none;
	}
*/
	body.ng #header h1 {
		display: none;
	}
	body.bow #header h1 a, body.bow  #header h1 a:visited, body.wooly #header h1 a, body.wooy  #header h1 a:visited, body.ng #header h1 a, body.ng  #header h1 a:visited {
		top: 0;
		left: 0;
		z-index: 10;
		width: 171px;
		height: 144px;
		display: block;
		position: absolute;
	}
	body.borealis #header h1 a, body.borealis #header h1 a:visited {
		top: 0;
		left: 0;
		z-index: 10;
		width: 250px;
		height: 144px;
		display: block;
		position: absolute;
	}
	#header h1 span {
		top: 0;
		left: 0;
		z-index: 10;
		width: 171px;
		height: 144px;
		display: block;
		position: absolute;
	}
	body.borealis #header h1 span {
		top: 0;
		left: 0;
		z-index: 10;
		width: 210px;
		height: 144px;
		display: block;
		position: absolute;
	}
	body.bow #header h1 span {
		background: url('../images/bow-logo.png') no-repeat left top;  
	}
	body.wooly #header h1 span {
		background: url('../images/wooly-logo.png') no-repeat left top;
	}
	body.borealis #header h1 span {
		background: url('../images/borealis-logo.png') no-repeat left top;
	}  


	#header h2 {
		clear: both;
		color: #fff;
		text-align: left;
		padding: 40px 0 0 155px;
                            font-size: 1.8em; }
	body.borealis #header h2 {
		display: none;
	}
	body.ng #header h2 {
		font: 2.8em/5px bold Helvetica, sans-serif;
		margin-left: -140px;
	}
	#header h2 a, #header h2 a:visited {
		top: 0;
		left: 0;
		z-index: 10;
		width: 171px;
		height: 144px;
		display: block;
		position: absolute;
	}

	#header h2 span {
		top: 0;
		left: 0;
		z-index: 10;
		width: 171px;
		height: 144px;
		display: block;
		position: absolute;
	}
	body.ng #header h2 a, body.ng #header h2 a:visited, body.ng #header h2 span {
		z-index: 10;
		width: 200px;
		height: 90px;
	}
	#header ul {
		height: 22px;
		float: right;
		padding-top: 8px;
		margin-right: -50px;
	}
	#header li {
		float: left;
		padding: 0 10px;
		border-right: solid 1px #fff;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
	#header li.last-child {		/* was: li.last */
		border: none;
	}
	#header li a, #header li a:visited {
		color: #fff;
		text-decoration: none;
	}
	#header li a.current,	#header li a:hover, #header li a.current:visited {
		text-decoration: underline;
	}
/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
ul.ng_home {
	float: left;
	position: absolute;
	display:block;
	height: 20px;
	width: 600px;
	left: 7px;
	top: 12px;
	
	}

	ul.ng_home li {
		float: left;
		padding: 0 20px;	
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	}

	ul.ng_home li a, ul.ng_home li a:visited {
		color: #6BA0E5;
		text-decoration: none;
	}
	ul.ng_home li a.current, ul.ng_home li a:hover, ul.ng_home li a.current:visited {
	text-decoration: underline;
	}
	
	
/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	

/*
	body.borealis #sidebar {
		display: none;
		}
*/
	#sidebar li {
		text-align: left;
		font: 1.2em/19px Verdana, Arial, Helvetica, sans-serif;
	}
	#sidebar li a, #sidebar li a:visited {
		height: 1%;
		display: block;
		padding-left: 20px;
		text-decoration: none;
		color: #3d3d3d;
	}
	body.borealis #sidebar li a, body.borealis #sidebar li a:visited {
		color: #45363c;
border: 1px #DDC796 solid;
	}

	#sidebar li.active a, #sidebar li.active a:visited {
		text-decoration: underline;
		background: #48593c;
		color: #fff;
	}
	body.borealis #sidebar li.active a, body.borealis #sidebar li a.current:visited {
		background: #215927;
border: 1px #215927 solid;
		/*color: #f94340;*/
        color: #fff; 
	}

	#sidebar li a:hover {
		background: #48593c;
		color: #fff;
	}
	body.borealis #sidebar li a:hover {
		color: #fff;
		background: #215927;
		border: 1px #000000 solid; }
	#sidebar li ul li       {
		margin-left: 15px;
		font-family: Verdana, Helvetica, sans-serif, Arial;
		font-size: 1em;
		line-height: 17px;
	}

	#feedback {
		font: 1.2em 'Times New Roman','Palatine Linotype', serif;
	}
	#feedback li {
		line-height: 1.7em;
		font: strong 1.1em 'Times New Roman','Palatine Linotype', serif;
	}
	#feedback td {
		padding-right: 20px;
		font: em 1.1em 'Times New Roman','Palatine Linotype', serif;
	}

	.teaser {
	background-color: #ffffff;
	border: 2px #48593c solid;
	padding: 7px;
	margin-top: 58px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
	}
	.teaser p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #48593C;
		text-align:center;
	
	}
/******** GALLERY MODULE ********/ 
#photo h1{
	text-align: center;
        margin-bottom: 0.5em !important;
	}
#photo .navigation{
	height: 75px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	}	
	#photo .previous, #photo .next{
		padding: 0px;
		display: block;
		width: 40px;
		height: 25px;
	}
	#photo .previous{
		float: left;
		background: url(/images/previous.gif) no-repeat;
	}
	#photo .next{
		float: right;
		background: url(/images/next.gif) no-repeat;
	}
        #photo .back{
	        font-size: 0.9em;
                color: #aaa;
                text-align: center;
                text-decoration: none;
        }
        #photo .back:hover{
	        text-decoration: underline;
        }
	#photo p{
		margin: 0 0 10px 0;
	}
	#photo .image{
		clear: both;
		text-align: center;
	}
	#photo .image img{
		border: 1px solid #111;
	}
        #photo .description{
	   width:350px; 
                margin: 1em auto; 
                font-size:0.9em; 
                text-align: center;
        }
#gallery {
margin-left: 60px; }

#gallery ul{
  margin: 0;
  padding: 0;
}
  #content #content-in #main #gallery ul li{
    margin: 0 5px 5px 0;
    list-style-type: none;
    float: left;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border: 1px solid #ccc;
  }

  #gallery ul li:hover{
      border: 1px solid #aaa;
  }

#content #content-in #main #gallery li img{
    vertical-align: middle;
    border-top: 0px solid #000;
    border-bottom: 0px solid #000; }

/* --------------- Wooly Home page ------------------*/


body.wooly #content-fullPage a.Welcome {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 322px;
	width: 185px;
	background-image: url(../images/wooly-home_1.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Welcome:hover {
	background-image:url(../images/wooly-home_1_over.jpg)
}

body.wooly #content-fullPage a.Food {
	position: absolute;
	left: 185px;
	top: 0px;
	display: block;
	height: 322px;
	width: 163px;
	background-image: url(../images/wooly-home_2.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Food:hover {
	background-image:url(../images/wooly-home_2_over.jpg)
}
body.wooly #content-fullPage a.Beer {
	position: absolute;
	left: 348px;
	top: 0px;
	display: block;
	height: 176px;
	width: 366px;
	background-image: url(../images/wooly-home_3.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Beer:hover {
	background-image:url(../images/wooly-home_3_over.jpg)
}
body.wooly #content-fullPage a.Events {
	position: absolute;
	left: 348px;
	top: 176px;
	display: block;
	height: 146px;
	width: 214px;
	background-image: url(../images/wooly-home_4.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Events:hover {
	background-image:url(../images/wooly-home_4_over.jpg)
}
body.wooly #content-fullPage a.Contact {
	position: absolute;
	left: 562px;
	top: 176px;
	display: block;
	height: 348px;
	width: 153px;
	background-image: url(../images/wooly-home_5.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Contact:hover {
	background-image:url(../images/wooly-home_5_over.jpg)
}
body.wooly #content-fullPage a.Guelph {
	position: absolute;
	left: 0px;
	top: 322px;
	display: block;
	height: 202px;
	width: 185px;
	background-image: url(../images/wooly-home_6.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Guelph:hover {
	background-image:url(../images/wooly-home_6_over.jpg)
}
body.wooly #content-fullPage a.Wine {
	position: absolute;
	left: 185px;
	top: 322px;
	display: block;
	height: 202px;
	width: 163px;
	background-image: url(../images/wooly-home_7.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Wine:hover {
	background-image:url(../images/wooly-home_7_over.jpg)
}
body.wooly #content-fullPage a.Speed {
	position: absolute;
	left: 348px;
	top: 322px;
	display: block;
	height: 202px;
	width: 214px;
	background-image: url(../images/wooly-home_8.jpg);
	background-repeat: no-repeat;
}
body.wooly #content-fullPage a.Speed:hover {
	background-image:url(../images/wooly-home_8_over.jpg)
}
body.wooly #content-fullPage a span {
	display:none;
}

/* Bow and Arrow Home Page
-----------------------------------------------------------------------------------------------*/

body.bow #content-fullPage a.Facebook {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 133px;
	width: 272px;
	background-image: url(../images/bow_home_1.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Facebook:hover {
	background-image:url(../images/bow_home_1_over.jpg)}

body.bow #content-fullPage a.Party_Room {
	position: absolute;
	left: 272px;
	top: 0px;
	display: block;
	height: 133px;
	width: 443px;
	background-image: url(../images/bow_home_2.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Party_Room:hover {
	background-image:url(../images/bow_home_2_over.jpg)
}

body.bow #content-fullPage a.Explore {
	position: absolute;
	left: 0px;
	top: 133px;
	display: block;
	height: 160px;
	width: 272px;
	background-image: url(../images/bow_home_3.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Explore:hover {
	background-image:url(../images/bow_home_3_over.jpg)}




body.bow #content-fullPage a.Sports {
	position: absolute;
	left: 272px;
	top: 133px;
	display: block;
	height: 160px;
	width: 443px;
	background-image: url(../images/bow_home_4.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Sports:hover {
	background-image:url(../images/bow_home_4_over.jpg)
}
body.bow #content-fullPage a.Food {
	position: absolute;
	left: 0px;
	top: 293px;
	display: block;
	height: 342px;
	width: 216px;
	background-image: url(../images/bow_home_5.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Food:hover {
	background-image:url(../images/bow_home_5_over.jpg)
}

body.bow #content-fullPage a.Sandy {
	position: absolute;
	left: 216px;
	top: 293px;
	display: block;
	height: 342px;
	width: 236px;
	background-image: url(../images/bow_home_6.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Sandy:hover {
	background-image:url(../images/bow_home_6_over.jpg)
}


body.bow #content-fullPage a.Beer {
	position: absolute;
	left: 452px;
	top: 293px;
	display: block;
	height: 342px;
	width: 263px;
	background-image: url(../images/bow_home_7.jpg);
	background-repeat: no-repeat;
}
body.bow #content-fullPage a.Beer:hover {
	background-image:url(../images/bow_home_7_over.jpg)
}

body.bow #content-fullPage a span {
	display:none;
}
/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer small {
		color: #fff;
		display: block;
		padding-top: 4px;
		text-align: center;
		font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	}
	
#admin_link {
overflow: hidden;
background: url(../images/admin-button.gif) no-repeat;
background-position: center;
width: 90px;
height: 25px;
float: left;
margin-right: 1em;
font-size: 0px;
text-align: center; }

#edit_link {
font-size: 0px;
overflow: hidden;
background: url(../images/edit-button.gif) no-repeat;
background-position: center;
width: 90px;
height: 25px;
display: block;
float: right;
}




/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#left-shadow, #right-shadow {
		top: 98px;
		width: 20px;
	
		position: absolute;
	}
	#left-shadow {
		left: 0;
		background: url('../images/bg_left_shadow.png') repeat-y left top;
	}
	#right-shadow {
		right: 0;
		background: url('../images/bg_right_shadow.png') repeat-y left top;
	}
	.imageRight {
	float: right;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-top: -73px;
	padding: 0px;
	}

/******** SITEMAP MODULE ********/

#sitemap li.sub{
list-style-type: none;
}