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

	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, 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 {
			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.borealis #container {
 		z-index: 10;
		width: 955px;
		margin: 0 auto;
		padding: 0;
		position: relative;                        
               }
	#home-container {
		z-index: 10;
		width: 950px;
		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: 98px;
		position: relative;
		background: url('../images/borealis-header.jpg') repeat-x right bottom;
	}
               body.borealis #home-container #header {
                              height: 30px;
                              background: none;
                    }
	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: 908px;
  }
	#content-fullPage {
		padding-left: 22px;
position: relative;
	} 


	#content-in {
		/*background: url('../images/bg_leftnav.jpg') repeat-y left top;*/
		min-height: 600px;
		position: relative;
	}
 
	#sidebar  {
		float: left;
		width: 186px;
		padding-top: 100px;
	}


	#main {
		float: left;
		width: 465px;
		padding: 35px 0 0 20px;
	}


	.borealis #main {
		width: 700px;
	}


	#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: 220px;
	height: 94px;
	padding-top: 50px;
	text-align: center;
	position: absolute;
	margin: 30px 0 0 -24px;
	overflow: hidden;
	z-index: 20;
	}

	body.ng #header h1 {
		display: none;
	}
	body.wooly #header h1 a, body.wooly  #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;
	}  
	body.borealis #home-container #header h1 span, body.borealis #home-container #header h1 {
                         display: none;
               }

	#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 {
margin-top: 0;
}
#photo h1{
	text-align: center;
         margin-top: 0;
        margin-bottom: 0.5em !important;
	}
#photo .navigation{
	height: 45px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	}	
	#photo .previous, #photo .next{
		padding: 0px;
		display: block;
		width: 40px;
		height: 25px;
	}
	#photo .previous{
		float: left;
		color: #777;
text-decoration: none; 
	}
	#photo a.next{
		float: right;
                              color: #777;
text-decoration: none; }
        #content-in #main #photo p a.back{
	        font-size: 0.9em;
                color: #aaa;
                text-decoration: none;
        }
        #photo .back:hover{
	        text-decoration: underline;
        }
	#photo p{
                text-align: center;
		margin: 0 0 3px 0;
padding-bottom: 4px;
	}
	#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;
        }
  #content #content-in #main #gallery {
margin-left: 60px; }

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

  #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;
}




/* --------------- Borealis Home page ------------------*/

body.borealis #content-fullPage a.Beer {
	position: absolute;
	left: 22px;
	top: 0px;
	display: block;
	height: 455px;
	width: 246px;
	background-image: url(../images/borealis_beer.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Beer:hover {
	background-image:url(../images/borealis_beer_over.jpg)
}

body.borealis #content-fullPage a.Story {
	position: absolute;
	left: 268px;
	top: 0px;
	display: block;
	height: 91px;
	width: 393px;
	background-image: url(../images/borealis_our_story.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Story:hover {
	background-image:url(../images/borealis_our_story_over.jpg)
}
body.borealis #content-fullPage a.Contact {
	position: absolute;
	left: 268px;
	top: 91px;
	display: block;
	height: 77px;
	width: 394px;
	background-image: url(../images/borealis_contact.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Contact:hover {
	background-image:url(../images/borealis_contact_over.jpg)
}
body.borealis #content-fullPage a.Menu {
	position: absolute;
	left: 268px;
	top: 168px;
	display: block;
	height: 91px;
	width: 393px;
	background-image: url(../images/borealis_menu.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Menu:hover {
	background-image:url(../images/borealis_menu_over.jpg)
}

body.borealis #content-fullPage a.Events {
	position: absolute;
	left: 268px;
	top: 248px;
	display: block;
	height: 207px;
	width: 392px;
	background-image: url(../images/borealis_events.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Events:hover {
	background-image:url(../images/borealis_events_over.jpg)
}
body.borealis #content-fullPage a.Enter {
	position: absolute;
	left: 17px;
	top: 455px;
	display: block;
	height: 117px;
	width: 898px;
	background-image: url(../images/borealis_enter.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Enter:hover {
	background-image:url(../images/borealis_enter_over.jpg)
}   

body.borealis #content-fullPage a.Wine {
	position: absolute;
	left: 660px;
	top: 0px;
	display: block;
	height: 455px;
	width: 242px;
	background-image: url(../images/borealis_wine_spirits.jpg);
	background-repeat: no-repeat;
}
body.borealis #content-fullPage a.Wine:hover {
	background-image:url(../images/borealis_wine_spirits_over.jpg)
}

body.borealis #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;
}