div.clearer{ clear:both; }
  
  /* Galleries list */
  div.galleries div.gallery {
  	border: 1px solid #847500;
  	padding: 10px;
  	margin-bottom: 10px;
  }

  #content div.galleries div.gallery div.thumb {
  	width: 80px;
  	height: 80px;
  	position: relative;
  	float: left;
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: center;
  }

  #content div.galleries div.gallery div.thumb a:link, #content div.galleries div.gallery div.thumb a:visited, #content div.galleries div.gallery div.thumb a:hover {
    text-indent: -9999px;
    background-color: transparent;
    display: block;
    height: 100px;
    -moz-outline: none;
  }

  #content div.galleries div.gallery div.description {
  	width: 300px;
  	float: left;
        padding-left: 1.5em;
  }

  #content div.galleries div.gallery div.description h2{
  	margin: 0;
  	font-size: 14px;
  }
  
  /* Items list */
  #content div.gallery div.container {
  	float: left;
  	width: 120px;
  	height: 120px;
  	margin: 0 10px 10px 0;
  	border: 1px solid #847500;
  	position: relative;
  }

  #content div.gallery div.container div.thumb {
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: transparent;
  	width: 100px;      
  	height: 100px;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	margin-top: -50px;
  	margin-left: -50px;		
  	text-indent: -9999px;
  }

  #content div.gallery div.container div.thumb a {
    background: transparent;
    display: block;
    height: 100%;	
    -moz-outline: none;
  }
  
  #content div.gallery p {
    padding: .5em 0 1em 1em;
  }

  /* item page */

  #content div.item h2 {
  	font-size: 20px;
  	margin-top: 0;
  	text-align: center;
  }

  #content div.item div.navigation {
  	border-bottom: 1px solid #E7F0F5;
  	padding-bottom: 10px;
  	margin-bottom: 10px;
  }

  #content div.item div.navigation div.prev {
  	float: left;
  	text-align: right;
  }

  #content div.item div.navigation div.next {
  	float: right;
  	text-align: left;
  }

  #content div.item div.navigation div.prev, #content div.item div.navigation div.next {
  	font-size: 20px;
  	width: 49%;
  }

  #content div.item div.navigation div.prev a, #content div.item div.navigation div.next a  {
  	display: block;
  	padding: 0 10px;
  }

  #content div.item div.image {
    text-align: center;
  }

  #content div.item div.image a img{
  	border: none;
  }

* {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}

html {
        font-size: 100%;
}

body {
	background-color: #efe9de;
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	color: #686363;
}

/* @group Layout */

#container {
	max-width: 70em;
	margin: 1em auto;
        padding: 0 20px;
}

#banner {
	height: 14em;
	margin: .5em 1em .5em 0;
}

#banner #logo {
	padding-top: 1em;
	float: left;
}

#banner #navbar {
	margin-left: 18em;
	height: 10em;
}

#banner #address {
	float: right;
}

#content {
	width: 60%;
	float: right;
	padding: 1em;
        margin: 0 2%;
}

#sidebar {
	float: left;
	width: 210px;
        margin-top: 6em;
}

#sidebar .notice {
	margin: .5em .8em;
	padding: .9em;
	border: 1px solid #5f7c2b;
}

#sidebar img {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

#footer {
	clear: both;
	color: #a3a39c;
	font-size: .90em;
	text-align: center;
	padding: 4em 0 1em 0;
}

/* @end */

/* @group Navigation */

/*----------- Main menu and global settings --------------*/
/* Main navigation UL container */
#nav {
	position:relative;
	zoom:1;
	z-index:10;
	width:auto;
	padding-top:6em;
	float: right;
	text-align: left;
	list-style: none;

}
/* All main level list items */
#nav a {	
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
	padding:0px 20px 0.1em 5px;
	margin:0px 5px 0px 0px;
	background-image:url(http://octopusgardenyoga.com/images/dot_dgreen.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	color:#533C0E;
	font-size:1.3em;
}
/* Fix the last main level item */
#nav li.last a {	
	background:none;
	margin-right: 0;
	padding-right: 0;
}
/* All list items */
#nav li {
	padding-top:25px;
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:auto;
	width: auto;
}
 
/*----------- Sub menu settings --------------*/
/* All submenu UL containers initially out of view */
#nav ul {
	left:-10000px;
	position:absolute;
	z-index:10;
	list-style:none;
	top:100%;
	padding:5px 0px 0px 0px;
	margin:-2px 0px 0px 0px;
	background-color:#efe9de;
	background-image:none;
}
/* All submenu list items */
#nav ul li {
	padding-top:0;
	float:none;
}
/* All submenu links */	
#nav ul a {	
	float:none;
	padding:0px 10px 0px 5px;
	margin:0px;
	background-color:#efe9de;
	background-image:none;
	font-size:100%;
}

/*----------- Hovered items --------------*/
/* Hovered submenus moved into view */
#nav li:hover>ul {
	left:0;
}
/* Hovered links change colour, no underlining */
#nav li:hover>a {	
	color:#C75700;
	text-decoration:none;
}	
/* Show background images on hovered main list items */
#nav li.classes:hover {
	background: #efe9de url(http://octopusgardenyoga.com/images/flower_classes_menu.png) 40% 0% no-repeat;
}
#nav li.news:hover {
	background: #efe9de url(http://octopusgardenyoga.com/images/flower_news_menu.png) 40% 0% no-repeat;
}
#nav li.events:hover {
	background: #efe9de url(http://octopusgardenyoga.com/images/flower_events_menu.png) 40% 0% no-repeat;
}
#nav li.community:hover {
	background: #efe9de url(http://octopusgardenyoga.com/images/flower_community_menu.png) 40% 0% no-repeat;
}
#nav li.about:hover {
	background: #efe9de url(http://octopusgardenyoga.com/images/flower_about_menu.png) 40% 0% no-repeat;
}



/* @end */

/* @group Headings */

h1, h2, h3, h4 {
	font-weight: normal;
}

h1 {
	background: transparent url(/images/flower_page_title.png) center left no-repeat;
	color: #847500;
	font-size: 2em;
	padding: .5em 0 .5em 40px;
	line-height: 1.2em;
}

h2 {
	color: #88744e;
	font-size: 1.6em;
	padding: 1em 0 .5em 0;
}

h3 {
	color: #88744e;
	font-size: 1.4em;
	margin: 1em 0.025em 0;
}

h4 {
	color: #88744e;
	font-size: 1.2em;
}

div.teacher h3 {
	padding-bottom: .5em;
}

div.event h4.teacher {
	padding: 0 .5em 0 1em;
	float: left;
        font-size: 1em;
}

div.event h4.date {
	float: left;
	padding: 0 0 0 1em;
	background: transparent url(/images/dot_dgreen.png) center left no-repeat;
        font-size: 1em;
}

#sidebar .notice h3 {
        margin: 0;
}


/* @end */

/* @group Tables */

table.schedule th {
	font-weight: bold;
	padding: .4em 0;
	text-align: left;
}

table.schedule td {
	padding: 0 1em 0 1em;
}

table.fees th {
	padding: .4em 0;
}

table.fees td {
	padding: 0 2em 0 1em;
}

/* @end */

/* @group Miscellaneous */

.clear {
	clear: both;
}

.GST {
	font-style: italic;
	font-size: .9em;
}

.hidden {
	display: none;
}

div.friend {
        clear: both;
        margin-top: 2em;
}

div.friend div.link {
        float: left;
        width: 140px;
}

div.friend div.description {
        margin-left: 140px;
}

div.teacher {
        clear: both;
        margin-top: 2em;
}

div.teacher div.photo {
        float: left;
        width: 160px;
}

div.teacher div.bio {
        margin-left: 160px;
}

p {
	padding: .5em 0 0 1em;
}
div.event p {
        clear: both;
}


p.bio {
	padding-top: 1.5em;
	font-size: .9em;
	color: #7f7f7f;
}

#banner #address p {
	font-size: 90%;
	color: #91918b;
}

#footer p#copyright {
	color: #a3a39c;
	font-size: .85em;
	text-align: center;
        padding: 0

}

div.newsitem p.posted {
	color: #b0af99;
	font-size: 80%;
	margin-top: .5em;
	text-align: right;
}

#content div.address {
	padding: 1em 0;
}

#content div.address address {
	padding: .5em 0 0 2em;
}

#content ul, #content ol {
	padding-left: 4em;
	padding-top: 1em;
}

#content ul.simple {
	list-style: none;
	padding-left: 1em;
}
/*
img#logo {
        width: 17.5em;
        height: 10em;
}
*/
img.border {
	border: 1px solid #79590b;
}

img.floatleft {
	float: left;
	margin: 0 10px 10px 0;
}

#note {
	padding: 1em;
}

a, a:visited {
	color: #c75700;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #c75700;
	text-decoration: underline;
}

a.exlink:hover, a.exlink:visited:hover {
	color: royalblue;
}

a img, a:hover img, a:visited img {
	border: 0;
}

#sidebar #vision {
       font-style: italic;
       color: #847500;
}

#sidebar .notice p {
	font-size: .88em;
	line-height: 1.4em;
	padding: .5em 0;
}

ul.spaced li {
	padding: 0 0 .25em 0;
}
blockquote.testimonial {
	text-indent: 10px;
        padding-top: 2em;
        background: url(/images/quotes-l.png) 0 2em no-repeat;
}

blockquote.testimonial p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(/images/quotes-r.png) bottom right no-repeat;
}

#sidebar blockquote.testimonial {
	text-indent: 10px;
        padding-top: 2em;
        background: url(/images/quotes-l.png) 0 2em no-repeat;
        margin-left: 1.7em;
}

#sidebar blockquote.testimonial p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(/images/quotes-r.png) bottom right no-repeat;
        font-size: .88em;
        line-height: 1.4em;
}

p.sig {
    float: right;
    font-size: 90%;
    font-style: italic;
    position: relative;
    top: -.5em;
    left: -24px;
}


/* @end */