/*
Company:	Yoga Chrissy
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, fieldset, address { margin: 20px 0; }

blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/*** slide_show style ***/

div.photoGalleryElement p {
	display: none;
	}

div.element .photoGalleryElement .thumbnail .thumbContents {
	background-color: transparent;
	border: none;
	}

/*** /slide_show style ***/

/* @group HTML, Body */
body {
	background-color: #fff;
}
/* @end */

/* @group Layout */
div#outer-wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 703px;
	margin-top: 20px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	border: 1px solid #000;
	padding: 1px;
	background-color: #fff;
}
div#siteid-name {
	position:absolute;
	width:230px;
	height:35px;
	z-index:1;
	top: 65px;
}
div#siteid-symbol {
	position:absolute;
	width:55px;
	height:60px;
	z-index:2;
	top: 65px;
}
div#header {
	width: 703px;
	height: 111px;
	background: url(../images/header-bkg.gif) no-repeat;
	padding:1px 1px 0 0;
}
div#content {
	width: 703px;
	padding: 0 1px 1px 1px ;
	height: 303px;
	float: left;
	color: #666;
	margin-bottom:40px;
	border-bottom: 1px solid #ff9356;
}
div#content li{list-style: none;}
body#admin div#content {
	width: 703px;
	border-bottom: 1px solid #ff9356;
	padding: 1px 0;
	margin-bottom: 40px;
}
body.home div#content {
	background: url(../images/home-bkg.jpg) no-repeat;
}
div#content div.eventsList ul li {
padding-bottom: 10px;
}
div#wide-col {
	width: 703px;
	margin: 0;
	overflow: hidden;
}

div#admin-col {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 100%;
}
div#admin-content {
	width: 663px;
	padding: 20px 20px;
}
div#onecol-content {
	width: 703px;
	padding: 1px 0;
	margin-bottom: 20px;
}
div#default-content {
	width: 663px;
	height: 303px;
	padding: 20px 20px;
	color: #666;
}
div#default-content .container{
height: 236px;
	overflow: auto;
}
div#onecol-set-height {
	width: 703px;
	padding: 1px 0;
	margin-bottom: 20px;
	height: 303px;
}

div#left-col {
	width: 45%;
	float: left;
	margin: 5px 0 0 30px;
	display: inline;
}
div#left-col .element {
	width: 296px;
	height: 236px;
	overflow: auto;
	padding: 0 4px 0 0;
	color: #7c786e;
	line-height: 130%;
}
div#right-col {
	width: 50%;
	float: right;
	margin: 0;
	display: inline;
	color: #7c786e;
}
div#right-col-home {
	width: 50%;
	float: right;
	margin: 0;
	display: inline;
	color: #7c786e;
	text-align:right;
}
body.interior div#right-col {
	margin-top: 0px;
}
div#footer {
	width: 703px;
	height: 35px;
	float: left;
	_float: none;
	background: url(../images/footer-bkg.gif) no-repeat;
	padding: 1px 0;
}
div#copyright {
	width: 705px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 9px;
	font-family: Arial, sans-serif;
	color: #666666;
	margin-top: 5px;
	padding-bottom: 30px;
}
div#copyright p {
	float: left;
	text-align: left;
	margin: 0;
}
div#copyright p#site-by {
	float: right;
	text-align: right;
	
}
/* @end */

/* @group Nav */
div#outer-wrapper ul#nav {
	margin: 82px 0 0 121px;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 85%;

}
ul#nav li {
	float: left;
	list-style-type: none;
	margin: 0 11px 0 0;
	padding: 0;
	width: 98px;
	display: inline;
}
ul#nav li.wide {
	width: 106px;
	margin-left: 1px;
}

div#outer-wrapper #footer ul {
	margin: 7px 0 0 30px;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 85%;
}
#footer ul li {
	float: left;
	list-style-type: none;
	margin: 0 13px 0 0;
	padding: 0;
	width: 96px;
	display: inline;
}
/* @end */

/* @group Headings */
h1 {
	color: #fe6700;
	font-size: 120%;
	font-weight: lighter;
	margin: 0;
	font-family: Times, serif;
	height: 1.25em;
	text-transform: uppercase;
}
h2 {
	color: #7c786e;
	font-size: 100%;
	font-weight: bold;
	margin-top: 0;
}
h2.postTitle{font-size: 150%;}
.post h2{font-size: 150%;}
.postDate{font-size: .8em; margin-bottom: 10px;}
.rss{margin: 0 0 0 20px;}
h3 {
	color: #000;
	font-size: 116%;
	font-weight: bold;
}
h4 {
	color: #000;
	font-size: 108%;
	font-weight: bold;
}
h5 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
}
h6 {
	font-size: 100%;
	color: #000;
	font-weight: normal;
}
/* @end */

/* @group Text Styles */
#home-announcement {
	font-weight: bold;
	font-size: 120%;
	text-align: right;
	margin-top: 75px;
}
/* @end */

/* @group Lists */
div#outer-wrapper ul {
	margin-left: 20px;
}
div#outer-wrapper ol {
	margin-left: 27px;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
ul#nav a:link, ul#nav a:visited {
	color: #666666;
	text-decoration: none;
}
#footer li a:link, #footer li a:visited {
	color: #666666;
	text-decoration: none;
}
ul#nav li.selectedPage a:link, ul#nav li.selectedPage a:visited, #footer li.selectedPage a:link, #footer li.selectedPage a:visited {
}
ul#nav a:hover, #footer li a:hover {
	color: #333;
}

a:link, a:visited {
	color: #ff6904;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
/* @end */

div#admin-content:after, div#footer:after, div#outer-wrapper:after{content:'.'; font-size: 0; display: block; clear: both;}
/* Water */

body.home .regionBoundary{margin: -75px 0 0 0;}
h1.title{margin: 20px 0 0px 0;}
.blogList h2{font-size: 12px;}


/* New Css - */
#N_Container{width: 663px; height: 293px;	 overflow: auto; padding: 20px 20px;	color: #666; 	margin-bottom:40px;
	border-bottom: 1px solid #ff9356;}
#N_Container div.container{}
#N_leftCol{	width: 45%; height:286px; overflow: auto; float: left;	margin: 5px 0 0 30px;	display: inline;}
#N_leftCol div.container{overflow: auto;}
div.element
{
	position: static;
}