/*  
Theme Name: Shine On Yoga - Blue Sky
Theme URI: 
Description: Customized theme for ShineOnYoga.com
Version: 1.1
Author: Andrew Haller
Author URI: http://kiwipunch.com/
*/

html {
	height: 100%;
}

body {
	text-align: center;
	font-family: "Century Gothic",Arial,Verdana,sans-serif;
	font-size: 90%;
	letter-spacing: -.05em;
	/*background: url(images/top_bg.jpg) top left repeat-x #402F33;*/
	background-color: black;
	height: 100%;
	}
	
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
	
/********PAGE LAYOUT********/


#header {
	height: 479px; /* 379 */
	width: 100%;
	/*border-bottom: solid 2px black;*/
	background: url(images/header1/top_bg.jpg) bottom left repeat-x black;
	margin-bottom: 0px; /*20px;*/
}

#header_container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 479px;
}

.header_form {
	position: absolute;
	text-align: right;
	display: block;
	right: 2%;
	float: right;
}
.header_form_container {
	background: #302326;
	padding: 10px;
	display: none;
	border: solid 1px #4D4D4D;
	border-top: solid 1px black;
	margin-top: -2px;
}
a#search_toggle, a#newsletter_toggle {
	color: black;
	background: #FFCC66;
	padding: 0px 10px;
	text-decoration: none;
}
a.header_form_toggle:focus {
	outline: none;
}

.header_form h3.searchform_title {
	margin-bottom: 5px;
	text-align: right;
	font-family: "Century Gothic",Arial,Verdana,sans-serif;
	color: #dddddd;
}

/*
.header_form {
	text-align: left;
	padding-bottom: 5px;
}
.header_form table {
	float: right;
}
*/

/******SEARCHFORM*************/
.header_form #searchform table {
	border-collapse: collapse;
}
.header_form #searchform td#input_cell {
	border: solid 1px #aaaaaa;
	border-right: 0;
}
.header_form #searchform td#search_cell {
	border: solid 1px #aaaaaa;
	border-left: 0;
	padding-right: 5px;
}
.header_form input#s {
	font-size: 1.3em;
	padding: .1em;
	padding-left: 5px;
	padding-right: 10px;
	background: #222222;
	color: white;
	border: 0;
}
.header_form input#searchsubmit {
	padding: .1em;
	background: #CD2F08;
	font-weight: bold;
	border: solid 1px #666666;
	color: white;
}

/*.header_form input#s:hover, .header_form input.input_over {
	background: #222222;
}
.header_form input#s:focus, .header_form input.input_focus {
	background: #222222;
	border: solid 1px #EFE8B9;
	border-right: 0;
}*/
/******************************/

#header_left_col {
	width: 480px;
	height: 429px;
	background: url(images/header1/header_left_img.jpg) top left no-repeat;
	float: left;
	margin-top: 50px;
}

small {
	font-size: 80%;
	line-height: 1em;
}

#header_right_col {
	width: 520px;
	height: 429px;
	background: url(images/header1/header_right_img.jpg) top left no-repeat;
	float: right;
	margin-top: 50px;
}

#footer {
	clear: both;
	background: url(images/footer_bg.jpg) top left repeat-x #433034;
	color: white;
	/*padding: 20px;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

#header blockquote {
	background: url(images/open_quote.gif) 0% 0% no-repeat;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 50px;
	margin-top: 240px;
	font-style: normal;
	font-weight: 100;
	font-size: 1em;
	color: black;
	text-align: left;
}
#header blockquote .quote_author {
	text-align: right;
	float: right;
	padding-right: 50px;
}

#outer {
	/*background: url(images/floral_bg.gif) top left repeat-x #423034;*/
	background: url(images/rock_texture5.jpg) top left repeat #423034;
	height: 100%;
	clear: both;
	text-align: left;
	border-bottom: solid 1px black;
	margin-bottom: 1px;
}

#content {
	width: 1005px;
	padding-left: 5px;
	margin-left: auto;
	margin-right: auto;
	color: #dddddd;
	/*background: #423034;
	border-left: solid 3px black;
	border-right: solid 3px black;*/
}

.narrowcolumn #wrapper {
	float: left;
	background: url(images/main_col_bg.gif) top left repeat-y;
	width: 1000px;
}
.widecolumn #wrapper {
	float: left;
	/*background: url(images/main_col_bg.gif) top left repeat-y;*/
	background: url(images/widecolumn_mainBg.jpg) top left no-repeat;
	width: 1000px;
}

#sun_box {
	width: 420px;
	height: 303px;
	float: left;
	padding: 30px;
	margin-top: 20px;
	text-align: left;
	overflow: hidden;
	background: url(images/sun_box.jpg) top left no-repeat;
}

#main_col {
	/*background: #524044;*/
	/*border-left: solid 5px #5C4A4E;
	border-right: solid 5px #5C4A4E;*/
}

#home #main_col_top {
	background: url(images/big_col_top.gif) top left no-repeat;
	width: 480px;
	height: 30px;
	float: left;
	clear: both;
}

#main_col_bottom {
	padding-bottom: 20px;
}

.narrowcolumn #main_col {
	/*margin-bottom: 20px;*/
	width: 470px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
.widecolumn #main_col {
	width: 940px;
	padding-left: 5px;
	padding-right: 5px;
}

#main_col #post_content_columns {
	margin-bottom: 20px;
}
#main_col #post_content_column_left {
	width: 459px;
	float: left;
	padding-right: 10px;
	border-right: dotted 1px #dddddd;
	text-align: justify;
	clear: both;
}
#main_col #post_content_column_right {
	width: 460px;
	float: right;
	padding-left: 10px;
	text-align: justify;
}
#main_col .post_content_column {
	width: 449px;
	padding-right: 10px;
	margin-right: 10px;
	text-align: justify;
}

.narrowcolumn #main_col .section {
	/*background: #524044;*/
	/*background: url(images/section_bg.gif) top left repeat-x;*/
	width: 430px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.widecolumn #main_col .section {
	width: 430px; /*940px;*/
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	/*background: #524044;*/
	/*background: url(images/section_bg.gif) top left repeat-x;*/
}

.widecolumn #main_col .post {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

.narrowcolumn #main_col .post {
	/*margin-bottom: 1.5em;
	padding-bottom: 1.5em;*/
	margin-bottom: 1.5em;
	background: url(images/post_bg.jpg) top right no-repeat;
}

.narrowcolumn #main_col .section {
	border-bottom: inset 1px #A9A0A2;
	padding-bottom: 1.5em;
}

.narrowcolumn .entry {
	clear: both;
}

.entry {
	margin-top: 1em;
}

.postmetadata {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.title_only {
	/*display: none;*/
}

#pay_online {
	padding-bottom: 20px;
}

/********SIDEBAR***********/
#sidebar {
	float: right;
	/**** ie needs width specified *****/
	width: 500px;
}

#sidebar .section {
	margin-bottom: 3em;
	margin-top: 20px;
}

#sidebar .post {
	border-bottom: dashed 1px #A9A0A2;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#sidebar .featured_section {
	background: #302326;
	border: solid 3px white;
	padding: 5px;
	margin: 5px;
	float: left;
}
#sidebar .featured_section .post {
	/*float: left;
	width: 205px;
	margin-right: 5px;
	margin-bottom: 5px;*/
	width: 440px;
	padding: 5px;
	/*background: #635A5C;
	border: solid 1px white;*/
}

#featured_section .even_post, #featured_section .odd_post {
	margin-bottom: 1.5em;
	padding: 10px;
	margin: 0;
	border-bottom: solid 1px white;
}

#sidebar .entry {
	margin-bottom: .5em;
	clear: both;
}

#sidebar .sidebar_big_col {
	clear: both;
	width: 500px;
	margin-bottom: 20px;
	float: left;
}

#sidebar .sidebar_big_col_top {
	width: 480px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar #sidebar_featured .sidebar_big_col_top { background: url(images/sidebar_featured.gif) top left no-repeat; }

#sidebar .sidebar_big_col_bottom {
	width: 480px;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}
#sidebar #sidebar_featured .sidebar_big_col_bottom {
	background: url(images/sidebar_big_col_bottom.gif) bottom left no-repeat;
}

#sidebar .sidebar_big_col_main {
	background: url(images/sidebar_big_col_wrap.gif) top left repeat-y;
	width: 480px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}

#sidebar .sidebar_left_col {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	clear: both;
}

#sidebar .sidebar_left_col_top {
	width: 220px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}
#sidebar #sidebar_shine_on_news .sidebar_left_col_top { background: url(images/sidebar_shine_on_news.gif) top left no-repeat; }
#sidebar #sidebar_today_classes .sidebar_left_col_top { background: url(images/sidebar_today_classes.gif) top left no-repeat; }

#sidebar .sidebar_left_col_bottom {
	width: 220px;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}
#sidebar #sidebar_shine_on_news .sidebar_left_col_bottom { background: url(images/sidebar_small_col_bottom.gif) bottom left no-repeat; }
#sidebar #sidebar_today_classes .sidebar_left_col_bottom { background: url(images/sidebar_small_col_bottom.gif) bottom left no-repeat; }

#sidebar .sidebar_left_col_main {
	background: url(images/sidebar_small_col_wrap.gif) top left repeat-y;
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}

#sidebar .sidebar_right_col {
	float: right;
	margin-bottom: 20px;
}
html>body #sidebar .sidebar_right_col {
	width: 240px;
}

#sidebar .sidebar_right_col_top {
	width: 220px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}
#sidebar #sidebar_friends_vendors .sidebar_right_col_top { background: url(images/sidebar_friends_vendors.gif) top left no-repeat; }
#sidebar #sidebar_interesting_links .sidebar_right_col_top { background: url(images/sidebar_interesting_links.gif) top left no-repeat; }

#sidebar .sidebar_right_col_bottom {
	width: 220px;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	float: left;
}
#sidebar #sidebar_friends_vendors .sidebar_right_col_bottom { background: url(images/sidebar_small_col_bottom.gif) bottom left no-repeat; }
#sidebar #sidebar_interesting_links .sidebar_right_col_bottom { background: url(images/sidebar_small_col_bottom.gif) bottom left no-repeat; }

#sidebar .sidebar_right_col_main {
	background: url(images/sidebar_small_col_wrap.gif) top left repeat-y;
	width: 220px;
	clear: both;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar #sidebar_interesting_links .sidebar_right_col_main {
	padding: 0;
}
html>body #sidebar #sidebar_interesting_links .sidebar_right_col_main {
	padding-left: 10px;
	padding-right: 10px;
}

table#today_classes {
	border-collapse: collapse;
	color: #FF4747;
	font-size: 1.1em;
}
table#today_classes th {
	
}
table#today_classes tr.header_row {
	border-bottom: inset 1px #A9A0A2;
}
table#today_classes tr.footer_row {
	border-bottom: dashed 1px #A9A0A2;
}
tr.header_row td, tr.footer_row td {
	padding-bottom: .25em;
}

table#special_events {
	border-collapse: collapse;
	border-top: solid 3px white;
	border-left: solid 3px white;
	width: 480px;
	margin-bottom: 10px;
}
table#special_events td.special_event {
	background: #302326;
	border-bottom: solid 3px white;
	border-right: solid 3px white;
	text-align: center;
	vertical-align: top;
	padding: 5px;
}

table#eventbooking_calendar {
	border-collapse: collapse;
	width: 300px;
}
table#eventbooking_day {
	border-collapse: collapse;
	width: 430px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dddddd;
}
table#eventbooking_day p {
	margin: 0;
	padding: 0;
	
}
table h2 {
	margin-bottom: 0;
}

td.special_event h3, td.special_event h4, td.special_event h5, td.special_event h6 {
	text-align: center;
	margin-bottom: 0;
	color: #dddddd;
}
td.special_event h3.title {
	color: white;
}
td.special_event h4 {
	font-size: 1em;
}
td.special_event em.special_event_date {
	font-style: normal;
}
td.special_event .special_event_header {
	/*border-bottom: dotted 1px #77686B;
	padding-bottom: 10px;*/
	margin-bottom: 10px;
}


table.post_title_list {
	color: white;
	border-collapse: collapse;
	border: 0;
	width: 420px;
}
table.post_title_list td {
	border: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 0;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}


/********TYPEOGRAPHY***********/
h1,h2,h3,h4,h5,h6,p,a,li {
	letter-spacing: -1px;
	font-stretch: condensed;
}

p {
	font-family: "Century Gothic",Arial,Verdana,sans-serif;
	color: #dddddd;
	margin-bottom: 1em;
}

a,li {
	font-family: Arial,Verdana,sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	text-align: left;
	font-family: Georgia,"Times New Roman",Times,serif;
}

.linkcat hr, .linkcat h3 {
	margin-bottom: 10px;
}

#sidebar p {
	line-height: 1.3em;
	margin-bottom: 0;
}

.narrowcolumn p {
	margin-bottom: 0;
}

h2,h4,h5,h6 {
	margin-bottom: 1em;
	color: #dddddd;
}
h2, h3, #sidebar_interesting_links li li {
	text-decoration: none;
}
h3 {
	margin: 0;
}

img {
	border: solid 1px white;
}
/*.section img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}*/
.section img {
	padding: 3px;
	background: #cccccc;
}

.wp-caption-text {
	color: white;
	font-style: italic;
	text-align: center;
	font-size: 90%;
}

.more-link {

}

/* FIX FOR WORDPRESS 2.6 IMAGE ALIGNMENT*/
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}
/****************************************/

img.button {
	border: none;
	float: none;
	background: none;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/********LIST STYLES***********/

ul, ol, li {
	margin: 0;
	padding: 0;
	}
	
ul {
	list-style-type: none;
	}
	
ol {
	list-style-position: outside;
}

#networking li.linkcat {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#networking {
	padding-left: 2%;
	padding-right: 0;
}
#networking li {
	text-align: left;
	list-style-type: none;
}

#networking ul.blogroll li {
	border-bottom: dashed 1px #646464;
}
#networking ul.blogroll {
	border-top: dashed 1px #646464;
}
ul.blogroll li a {
	padding-top: .5em;
	padding-bottom: .5em;
	display: block;
}

#main_col ul.blogroll li a {
	padding: 0;
}

.horizontal li {
	display: inline;
	}
#topnav ul.horizontal, #bottomnav ul.horizontal {
	margin-left: auto;
	margin-right: auto;
	}
p#bottomnav {
	text-align: center;
}
#bottomnav ul.horizontal li {
	text-align: center;
}
ul.horizontal li {
	list-style-type: none;
	}

.post ul, .post ol {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-left: 10px;
}
.post ol {
	margin-left: 30px;
}
.post ul ul {
	margin-top: inherit;
}
.post li strong {
	font-size: 1.2em;
}
.post ul li li {
	list-style-type: disc;
	font-size: inherit;
}
.post ol li {
	list-style-type: decimal;
	font-size: inherit;
	margin-bottom: 10px;
}
	
/**********HEADING STYLES**********/
.title a {
	font-family: Georgia,"Times New Roman",Times,serif;
}

h2.title,h2.singleTitle {
	font-size: 3.2em;
	clear: both;
}

h2.title {
	width: 405px;
	height: 70px;
	margin-top: -10px;
	margin-left: -10px;
	margin-bottom: 20px;
	}

h2.singleTitle {
	margin-top: -10px;
	margin-bottom: 20px;
	}
#sun_box h2.title {
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
h3.title {
	font-size: 1.5em;
	margin-bottom: .25em;
}

.linkcat ul {
	margin-bottom: 30px;
}

h4.title {
	font-size: 1.2em;
}


.title {
	color: #ffffff;
}

.title span {
	display: none;
}

h2#namaste { background: url(images/namaste.gif) top left no-repeat; }
h2#focus-of-the-month { background: url(images/focus_of_the_month.gif) top left no-repeat; }
h2#articles { background: url(images/articles.gif) top left no-repeat; }
h2#network { background: url(images/local_network.gif) top left no-repeat; }

h2#whatisyoga { background: url(images/what_is_yoga.gif) top left no-repeat; }
h2#teachers { background: url(images/teachers.gif) top left no-repeat; }
h2#aboutus { background: url(images/about_us.gif) top left no-repeat; }
h2#contactus { background: url(images/contact_us.gif) top left no-repeat; }
h2#whatelseweoffer { background: url(images/what_else_we_offer.gif) top left no-repeat; }
h2#classes { background: url(images/classes.gif) top left no-repeat; }
h2#schedule { background: url(images/schedule.gif) top left no-repeat; }
h2#classprices { background: url(images/class_prices.gif) top left no-repeat; }
h2#classdescriptions { background: url(images/class_descriptions.gif) top left no-repeat; }
h2#privateclasses { background: url(images/private_classes.gif) top left no-repeat; }
h2#ecofriendly { background: url(images/eco_friendly.gif) top left no-repeat; }
h2#eventsandworkshops { background: url(images/events_and_workshops.gif) top left no-repeat; }
h2#inspiration { background: url(images/inspiration.gif) top left no-repeat; }
h2#faq { background: url(images/faq.gif) top left no-repeat; }
h2#photogallery { background: url(images/photo_gallery.gif) top left no-repeat; }
h2#searchresults { background: url(images/search_results.gif) top left no-repeat; }
h2#links { background: url(images/links.gif) top left no-repeat; }
h2#workshops-events { background: url(images/workshops_events.gif) top left no-repeat; }

/*********NAV BAR**************/

#topnav {
	width: 100%;
	height: 60px; /* 114 */
	background: url(images/menu_dark-purple/topnav_bg.jpg) top left repeat-x black;
	font-size: 1em;
	/*border-bottom: solid 1px #872F1E;*/ /* red */
	border-bottom: solid 1px #4d4d4d;
	padding-bottom: 2px;
	}

#topnav ul, #topnav li, #topnav a {
	height: 60px;
	display: block;
	}
	
#topnav li {
}
	
#topnav li ul, #topnav li ul li, #topnav li ul a {
	height: auto;
	}
	
ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 950px;
	background: url(images/menu_dark-purple/topnav_border.jpg) top left no-repeat;
	padding-left: 2px;
	}
	
#topnav li {
	float: left;
	position: relative;
	width: auto;
	background: url(images/menu_dark-purple/topnav_border.jpg) top right no-repeat;
	}
	
#topnav a {
	font-weight: bold;
	padding-top: 10px;
	height: 50px;
}

#topnav li ul {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 1em;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	background: #FFCC00;
	border-top: solid 2px black;
	border-bottom: solid 0px #4d4d4d;
	}

#topnav li > ul {
	top: auto;
	left: auto;
	}

#topnav li:hover ul, #topnav li.over ul {
	display: block;
	}


#topnav li ul li {
}

#topnav li ul a {
	background: none;
	width: 11em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 0px;
	border-left: solid 3px #4d4d4d;
	border-right: solid 3px #4d4d4d;
	border-bottom: solid 1px #4d4d4d;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
}

#topnav li ul a:hover {
	/*background: #430066;*/
	font-weight: bold;
	width: 11em;
	border-top: solid 0px #C3D3E8;
	border-left: solid 3px #4d4d4d;
	border-right: solid 3px #4d4d4d;
	border-bottom: solid 1px #4d4d4d;
	text-decoration: none;
}

/**********LINK STYLES**********/

a:link { color: #FFCC00; text-decoration: underline; }
a:visited { color: #FFCC00; text-decoration: underline; }
a:hover { color: #FFCC00; text-decoration: none; } /* old color (dark brown): #FF3333 */
a:active { color: #FFCC00; text-decoration: underline; }

.odd_post h3.title a:link { color: #33CCFF; }
.odd_post h3.title a:visited { color: #33CCFF; }
.odd_post h3.title a:active { color: #33CCFF; }

.even_post h3.title a:link { color: #DAF40B; }
.even_post h3.title a:visited { color: #DAF40B; }
.even_post h3.title a:active { color: #DAF40B; }

a.section_footer {
	font-style: italic;
}

#sidebar ul.blogroll {
	border-top: dashed 1px #A9A0A2;
	margin-top: 0;
}
#sidebar ul.blogroll li {
	border-bottom: dashed 1px #A9A0A2;
	display: block;
}

#sidebar_interesting_links ul.blogroll li a {
	display: block;
	padding-bottom: .5em;
	padding-top: .5em;
	padding-left: 10px;
	padding-right: 10px;
	width: 220px;
	margin-left: -10px;
	/*border-bottom: dotted 1px #A9A0A2;*/
}
html>body #sidebar_interesting_links ul.blogroll li a {
	display: block;
	border-left: solid 5px #524044;
	border-right: solid 5px #524044;
	width: 200px;
	margin-left: -5px;
}

#topnav a:link { color: black; text-decoration: none; }
#topnav a:visited { color: black; text-decoration: none; }
#topnav a:hover { color: black; text-decoration: none; }
#topnav a:active { color: black; text-decoration: none; }


#topnav a span { display: none; }

#topnav li#topnav_home_li {
	background: url(images/menu_dark-purple/topnav_home_over.jpg) top left no-repeat;
	width: 52px;
}
#topnav li a#topnav_home_a {
	background: url(images/menu_dark-purple/topnav_home.jpg) top left no-repeat;
	width: 52px;
}
#topnav li a#topnav_home_a:hover {
	background: none;
}

#topnav li#topnav_whatisyoga_li {
	background: url(images/menu_dark-purple/topnav_whatisyoga_over.jpg) top left no-repeat;
	width: 107px;
}
#topnav li a#topnav_whatisyoga_a {
	background: url(images/menu_dark-purple/topnav_whatisyoga.jpg) top left no-repeat;
	width: 107px;
}
#topnav li a#topnav_whatisyoga_a:hover {
	background: none;
}

#topnav li#topnav_teachers_li {
	background: url(images/menu_dark-purple/topnav_teachers_over.jpg) top left no-repeat;
	width: 74px;
}
#topnav li a#topnav_teachers_a {
	background: url(images/menu_dark-purple/topnav_teachers.jpg) top left no-repeat;
	width: 74px;
}
#topnav li a#topnav_teachers_a:hover {
	background: none;
}

#topnav li#topnav_whatelse_li {
	background: url(images/menu_dark-purple/topnav_whatelse_over.jpg) top left no-repeat;
	width: 136px;
}
#topnav li a#topnav_whatelse_a {
	background: url(images/menu_dark-purple/topnav_whatelse.jpg) top left no-repeat;
	width: 136px;
}
#topnav li a#topnav_whatelse_a:hover {
	background: none;
}

#topnav li#topnav_classes_li {
	background: url(images/menu_dark-purple/topnav_classes_over.jpg) top left no-repeat;
	width: 65px;
}
#topnav li a#topnav_classes_a {
	background: url(images/menu_dark-purple/topnav_classes.jpg) top left no-repeat;
	width: 65px;
}
#topnav li a#topnav_classes_a:hover {
	background: none;
}

#topnav li#topnav_eventsworkshops_li {
	background: url(images/menu_dark-purple/topnav_eventsworkshops_over.jpg) top left no-repeat;
	width: 146px;
}
#topnav li a#topnav_eventsworkshops_a {
	background: url(images/menu_dark-purple/topnav_eventsworkshops.jpg) top left no-repeat;
	width: 146px;
}
#topnav li a#topnav_eventsworkshops_a:hover {
	background: none;
}

#topnav li#topnav_inspiration_li {
	background: url(images/menu_dark-purple/topnav_inspiration_over.jpg) top left no-repeat;
	width: 84px;
}
#topnav li a#topnav_inspiration_a {
	background: url(images/menu_dark-purple/topnav_inspiration.jpg) top left no-repeat;
	width: 84px;
}
#topnav li a#topnav_inspiration_a:hover {
	background: none;
}

#topnav li#topnav_shop_li {
	background: url(images/menu_dark-purple/topnav_shop_over.jpg) top left no-repeat;
	width: 49px;
}
#topnav li a#topnav_shop_a {
	background: url(images/menu_dark-purple/topnav_shop.jpg) top left no-repeat;
	width: 49px;
}
#topnav li a#topnav_shop_a:hover {
	background: none;
}

#topnav li#topnav_contact_li {
	background: url(images/menu_dark-purple/topnav_contact_over.jpg) top left no-repeat;
	width: 69px;
}
#topnav li a#topnav_contact_a {
	background: url(images/menu_dark-purple/topnav_contact.jpg) top left no-repeat;
	width: 69px;
}
#topnav li a#topnav_contact_a:hover {
	background: none;
}

#topnav li#topnav_faq_li {
	background: url(images/menu_dark-purple/topnav_faq_over.jpg) top left no-repeat;
	width: 40px;
}
#topnav li a#topnav_faq_a {
	background: url(images/menu_dark-purple/topnav_faq.jpg) top left no-repeat;
	width: 40px;
}
#topnav li a#topnav_faq_a:hover {
	background: none;
}

#topnav li#topnav_staffforum_li {
	background: url(images/menu_dark-purple/topnav_staffforum_over.jpg) top left no-repeat;
	width: 86px;
}
#topnav li a#topnav_staffforum_a {
	background: url(images/menu_dark-purple/topnav_staffforum.jpg) top left no-repeat;
	width: 86px;
}
#topnav li a#topnav_staffforum_a:hover {
	background: none;
}

#topnav li#topnav_gallery_li {
	background: url(images/menu_dark-purple/topnav_gallery_over.jpg) top left no-repeat;
	width: 108px;
}
#topnav li a#topnav_gallery_a {
	background: url(images/menu_dark-purple/topnav_gallery.jpg) top left no-repeat;
	width: 108px;
}
#topnav li a#topnav_gallery_a:hover {
	background: none;
}

/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* the Alsett Clearing Method */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/