html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a img { border: none; }
*:focus {outline: none;}


html { font-size:75%; height: 100%;}
html>body { font-size: 16px; }

body { 
	color: #333;
	background: #FFF url(../../_graphics/body.jpg) top center;
	min-height:101%;
	min-width:640px;
}

body, form {  
	font-family: 'Times New Roman', Times, serif;
	font-size:1em;
	line-height:1.4;
}

.clear {display: block; clear: both; margin: -10px; padding: 0; height: 1px;}



#layout_header,#layout_content_wrapper,#layout_topstories,#layout_content,#layout_mainmenu,#layout_submenu,#layout_footer {
	overflow:hidden;
	display:inline-block;
}

#layout_wrapper{
	width: 100%;
	background: #FFF url(../../_graphics/background.jpg) top center;
}

#layout{
	width: 973px;
	margin: 0 auto;
	background: url(../../_graphics/header.jpg) top center no-repeat;
	color: #333;
}

#layout_content_wrapper{
	width: 800px;
	margin: 0 18px 0 0;
	float: right;
	
}

#layout_header {border-bottom: 1px dotted #68804b;}

#layout_mainmenu {
	width: 126px;
	margin: 45px 0 0 12px;
	padding: 25px 0 25px 10px;
	float: left;
}

#layout_content {
	float:left;
	min-height: 600px;
	margin: 15px;
}

#FREE_YOGA {
	float:left;
	min-height: 600px;
	margin: 15px;
}


#layout_right {
	float: right;
	width: 250px; 
}

#layout_footer {
	clear:both;
	padding: 15px;
}

#site_footer {
	clear: both;
	padding: 25px 25px 0 25px;
	text-align: center;
}


#prevnext {float: right; margin-top: 10px;}


/* Forms
-------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

/* Fieldset  */
fieldset {
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 500px;
}


fieldset ol {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

fieldset li {
  clear: both;
  float: left;
  width: 570px;
  padding: 5px;
  margin: 0;
  font-size: .9em;
}

fieldset li div.note {
  margin-left: 150px;
  font-size: .8em;
}

li div.noField {margin-left: 150px;}

fieldset.submit {
padding: 5px;
margin-right: 300px;
text-align: right;
width: 375px;
}

label {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	margin: 5px 10px 0 0;
	text-align: right;
	padding: 0 0 0 0;
}

label strong {
	position: absolute;
	left: 385px;
	top: 1;
	width: 175px;
	line-height: 1;
	text-align: left;
	color: #700025;
	font-weight: normal;
	}


label.checkbox {
	display: block;
	position: relative;
	float: right;
	width: 300px;
	text-align: left;
	padding: 0 10px 0 0;
}



/* Form fields
-------------------------------------------------------------- */
input[type=hidden] {
  padding: 0;
  margin: 0;
  height: 0px;
}

input[type=text], input[type=password],
textarea, select {
  background-color:#FFF;
  border:1px solid #999;
  padding: 2px;
  width: 250px;
}

input[type=text]:focus, input[type=password]:focus,
textarea:focus, select:focus {
  border-color: #68804b;
  background-color: #ccc;
}

input[type=text], input[type=password],
select { padding:2px; }


input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; 
  top:.25em;
  margin-left: 150px;
}

form input, form textarea {
	display: inline;
	margin:5px 0 0 10px;
}

textarea { overflow: auto; width: 250px; height: 200px;}

select{
	overflow: hidden;
	color: #333;
	border-style: 1px solid #333;
	padding: 1px;
	font-size: .95em;
	margin-left: 8px;
}

/* REQUIRED BUTTON STYLES
-------------------------------------------------------------- */
input[type=submit], input[type=button], button[type=submit] {
	position: relative;
	display: inline;
	border: 0;
	padding: 1px 5px;
	margin: 0 0 0 10px;
	cursor: pointer;
	background: #ccc;
	border: 1px solid #68804b;
	overflow: visible; 
}

input[type=submit]::-moz-focus-inner {
	border: none; 
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
input[type=submit], button[type=submit] {
	font-size:.8em;
	text-align: center;

}



/* Menus
-------------------------------------------------------------- */
a:link{ color: #700025; text-decoration: none; } 
a:visited{ color: #700025; text-decoration: none; } 
a:hover{ color: #700025; text-decoration: underline; } 
a:active{ color: #700025; text-decoration: underline; }

#layout_mainmenu ul li ul {padding: 0 0 0 10px;}

#layout_mainmenu ul li ul li {font-size: .9em; line-height:99%; padding: 5px 0 10px 0;}
#layout_mainmenu ul li ul li a {color: #68804b;}

#layout_mainmenu ul li ul li ul li {font-size: 1em; padding: 5px 0;}

#layout_mainmenu ul li ul li ul li a {color: #700025;}
#layout_mainmenu ul li ul li ul li ul li a {color: #333;}


/* Headings
-------------------------------------------------------------- */
h1,h2{ font-weight:normal; color: #68804b;}
h3,h4,h5,h6 { font-weight: normal; color: #700025;}


h1 { font-size: 1.7em;}
h2 { font-size: 1.4em; }
h2.home { font-size: 1.4em;}

h3 { font-size: 1.4em;  }
h4 { font-size: 1.313em; }
h5,h6 { font-size: 1.212em; }



/* Text elements
-------------------------------------------------------------- */
p {text-align: left; margin: 20px 0;}

#pageTitle { text-align: left; margin: 0;}

#site_footer {
border-top: 1px dotted #68804b; 
padding-top: 15px;
margin: 25px 0 0 0;
}

#site_footer p {
	text-align: center;
	font-size: .9em;
	color: #333;
	margin: 5px 0;
}

ul.menu1 {text-align: center; font-size: .9em;}

/* Lists
-------------------------------------------------------------- */

ol				{margin: -20px 20px 20px 20px; padding: 12px; color: #333;}
.decimal li		{list-style-type: decimal; font-size: 1em; padding: 12px 5px;}
.upperalpha li	{list-style-type: upper-alpha; font-size: 1em; padding: 12px 5px;}
.loweralpha li	{list-style-type: lower-alpha; font-size: 1em; padding: 12px 5px;}

.inlinelist		{list-style: square; margin:0 55px 15px 55px; padding: 0; font-size: .9em; }
.inlinelist li	{color: #700025; font-weight: normal; font-size: 1.1em; padding: 3px;}

.highlight 		{background: #FFF;}
span.listtext	{color: #333;}



/* Images
-------------------------------------------------------------- */
#image {width: 770px; margin: 5px auto 10px auto; text-align: center; padding: 10px 0;}
#image img.horizontal {max-width: 770px;}
#image img.vertical {max-width: 300px;}

img.imgInline {float: left; padding: 0 15px 15px 0;}
#image p {margin: 3px 0; font-size: .85em;}

#thumbs {height: 75px; text-align: center; margin: 10px 0; }
#thumbs li {display: inline-block; text-align: center; height: 60px; overflow: hidden;  border: 1px solid #ccc;}
#thumbs li a {display: inline-block; width: 60px; text-align: center;}
#thumbs li a img {margin: auto auto;}

/* Movies
-------------------------------------------------------------- */
#FREE_YOGA #movie  {float: left; margin: 5px auto 10px auto; text-align: center; padding: 10px 0;}
#FREE_YOGA #movie_thumbs {clear: both; text-align: center; width: 480px;  }

#layout_content #movie  {width: 770px; margin: 5px auto 10px auto; text-align: center; padding: 10px 0;}
#layout_content #movie_thumbs {height: 75px; text-align: center; margin: 10px 0;}

#movie_thumbs ul {padding: 0; margin: 0;}

#movie_thumbs li {display: inline; padding: 0; margin: 0;}
#movie_thumbs li a {display: inline-block; padding: 0; margin: 0; }

#movie h2 {color: #700025;}

/* audio
-------------------------------------------------------------- */
#audio_project {width: 240px; float: right; border: 1px solid #ccc; margin: 15px 0 10px 10px; padding: 7px;} 
#audio_project h2 {margin: -7px -7px 0 -7px; padding: 0 0 0 3px; font-size: .9em; background: #ccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333;}
#audio_project h3 {font-size: 1em; margin: 0; }
#audio_project p {margin: 0;}

div.audio_track {background: transparent; border-top: 1px solid #ccc; margin: 0 -7px 0; padding: 0 7px;}
div.audio_track h3 {padding: 5px 0 0 0; }
div.audio_track p {font-size: .9em; padding: 0 0 5px 0;}


/* Products
-------------------------------------------------------------- */
#product_list {display: inline-block; margin: 0 auto;}
#product_wrapper{text-align: center;}

.product {width: 224px; float: left; border-right: 1px dotted #68804b; text-align: center; padding: 0 15px;}
.product_last {width: 224px; float: left; text-align: center; padding: 0 15px;}

.product h2 {font-size: 1.1em;}
.product_last h2 {font-size: 1.1em;}

.product p {text-align: center;}
.product_last p {text-align: center;}


/* Events
-------------------------------------------------------------- */
div.weekday {margin: 10px 0; padding: 0 0 0 3px; font-size: .9em; background: #ccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333;}
div.eventList {display: inline-block; padding: 0 0 5px 0; width: 100%; }
div.eventList div.eventTime {padding: 0 0 0 3px; float: left; width: 150px; margin: 0 15px 0 0;}
div.eventList div.eventTime span {display: inline-block; clear: both;}

div.eventList div.eventName{float: left; width: 325px; margin: 0 15px 0 0;}
div.eventList div.eventCategory{float: left; width: 75px; margin: 0 15px 0 0;}
div.eventList div.eventType{float: left; width: 50px; margin: 0 15px 0 0;}
div.eventList div.eventLocation{float: right; }
div.eventInfo {margin: 5px 0 0 165px; padding: 3px 3px 15px 3px; }
p.eventCost {margin:5px 0; font-weight: bold;}
p.eventComments { margin: 0;}


/* Social Media
-------------------------------------------------------------- */

#twitterfeed {border-top: 1px dotted #68804b; margin: 15px 0 0 0; padding-top: 10px;}
#twitterfeed p {text-align: left; margin:0; padding: 0; color: #999; font-size:.85em;}
#twitterfeed ul {text-align: left; margin: 0; padding: 0;}
#twitterfeed li {font-size:.75em;}


#socialmedia ul {
border-top: 1px dotted #68804b; margin: 15px 0 0 0; padding-top: 10px;
}

#socialmedia ul li { 
padding: 0 10px 0 20px;
}

#twitter { background: url(../../_graphics/PNG/twitter.png) no-repeat left; }
#youtube { background: url(../../_graphics/PNG/youtube.png) no-repeat left; }
#blogger { background: url(../../_graphics/PNG/blogger.png) no-repeat left; }
#linkedin { background: url(../../_graphics/PNG/linkedin.png) no-repeat left; } 
#facebook { background: url(../../_graphics/PNG/facebook.png) no-repeat left; } 
#flickr { background: url(../../_graphics/PNG/flickr.png) no-repeat left; } 
#feed { background: url(../../_graphics/PNG/feed.png) no-repeat left; } 
#technorati { background: url(../../_graphics/PNG/technorati.png) no-repeat left; }

/* END: socialMedia */

/* Constant Contact
-------------------------------------------------------------- */
#constantContact {border-top: 1px dotted #68804b; margin: 15px 0 0 0; padding-top: 10px;}
#constantContact p {text-align: left; margin:0; padding: 0; color: #999; font-size:.85em;}
#constantContact ol {text-align: left; margin: 0; padding: 0;}
#constantContact li {font-size: 1em; margin: 0; padding: 0; text-align: center; width: 120px;}



#constantContact fieldset {margin: 0; padding: 0;}
#constantContact form {margin: 0; padding: 0; }

#constantContact input[type=text] {margin: 0; padding: 0; width: 120px;}
#constantContact input[type=submit] {margin: 0; padding: 0; }

#SafeSubscribe{}
a{}
#SafeSubscribe img {width: 120px;}
span{}
