
/*-------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- NB Info           -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/

/*
Website:			ashtangayoga.ie
Module: 			Main::Stylesheet .

Copyright:			2007 Cubedroute

Initials: 			MS
Creation Date: 		28-Dec-2007

*/


/*----- Resets default styling of common browsers to a common base 

ul,ol {
	list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em; }
ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin:0;
	padding:0; }
a img,:link img,:visited img {
	border:none; }


/*-------------------------------------------
    Eliminate chance spacing issues by reset
-------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; margin: 0;	padding: 0;} /* Note for MS: LH  = Unitless for proper inheritance */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
ul {list-style:none;}
em {font-style:italic;}
/*-------------------------------------------------------------------------------------------------------------
-------------------------------------------Generic Styles   -----------------------------------------------
-----------------------------------------------------------------------------------------------------------*/

html {height:100%;}
body {	height:100%; background:#C3CBC5;  background-image: none;  font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; ;	margin: 0;	padding: 0;	border:0; line-height: 1.1em; text-align: center;color: #565656;}

a:link, a:visited {color: #3F99DA; text-decoration: underline;}
a:hover {text-decoration: none; color:#F29200;}

img { border:none; margin:0 0 0 0; padding:0 0 0 0; }
form {margin:0;	padding:0;}
table {font-size:inherit;font:100%;}


	
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Layout Styles   -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

#wrapper { width: 970px;  padding:0 2px 0 2px;	position:relative; text-align:left;	margin: 0 auto; background:url(../images/generic/background.gif) top left repeat-y; border-spacing: 0;  voice-family: "\"}\""; 	voice-family:inherit; }
html>#wrapper	{width: 970px;}


	#bannerNav { position:relative; color:#333;  background-color:#3333FF; font-size:75%; text-align:left; text-align:left; width:970px; background:url(../images/headers/bannerColour.gif) top left repeat-y; height:20px; padding:0 0 0 0; margin:0 0 0 0; } 
	html>#bannerNav	{width:970px;	} /* required by Opera */ 


	#main {position: relative; display: inline; float: left; font-size:75%; text-align:left; padding:0 0 0 0; margin:0 0 0 0; width: 970px; margin:0 0 0 0; }
	html>#main	{width: 970px;	} /* required by Opera */ 
	
		#contentLeft {float:left; width:230px; padding:30px 0 0 0; margin:0 0 0 0; background:url(../images/ashtanga_logo.jpg) top center no-repeat #EBE9DC; }
			#sideNav {float:left;  display:inline; color:#6A6A6B; width:160px; font-size:90%; text-align:left; padding:0 0 0 0; margin:20px 0 0 35px;}
		
		#contentMiddle {float:left; width:510px; padding:0 0 0 0; margin:0 0 0 0; background:#ffffff;}
			#middleBoxText {  float:left; background-color:#96A399; width:470px; padding:0 20px 20px 20px; margin:0 0 0 0; }
			#contentMiddleText {float:left; width:470px; padding:0 20px 0 20px; margin:0 0 0 0; }
			#breadcrumb { display:inline; float:left; font-size:90%; width:470px; text-align:left; padding:10px 0 0 20px;}

		#contentRight {float:left; width:230px; padding:0 0 0 0; margin:0 0 0 0; background:#E7E7E8; }
			#rightWorkshops {float:left; color:#ffffff; font-size:90%; background:#697C6D; height:200px; width:190px; padding:0 20px 20px 20px; margin:0 0 0 0;}
				#rightWorkshops a.h2link {float:right; margin:-30px 0 0 0; color:#fff; text-decoration:none; }
				#rightWorkshops a.h2link:hover { text-decoration:underline;}
				
			#rightChakraHolder { float:left; display:inline; background-color:#F29200; height:130px; width:230px; padding:0 0 0 0; }
			#rightClassSchedule { float:left; color:#ffffff; font-size:90%; background-color:#697C6D;width:190px; padding:20px 20px 20px 20px; margin:0 0 0 0; }
			#rightSideBar { float:left;  font-size:90%; background-color:#E7E7E8;width:190px; padding:20px 20px 20px 20px; margin:0 0 0 0; }
				#rightSideBar .sideBarWrapper { float:left; padding:0 0 20px 0; margin:0 0 0 0;}
				#rightSideBar .sideBarLeft{ float:left; width:80px; padding:0 0 0 0; margin:0 5px 0 0;}
				#rightSideBar .sideBarRight{ float:left; width:90px; padding:0 0 0 0; margin:0 0 0 0;}
				
				
	#footer {float:left; margin:0 0 0 0; padding:20px 0 50px 0; background:url(../images/generic/footer.jpg) top left no-repeat;  clear: both; color:#fff;	font-size: 70%;	text-align:left; width: 970px;	voice-family: "\"}\""; 	voice-family:inherit;	width: 970px; }
	html>#footer {	width: 970px;}
		#footerLeft {float:left; width:210px; padding:0 0 0 20px; margin:0 0 0 0;  }
		#footerMiddle {float:left; width:490px; padding:0 0 0 20px; margin:0 0 0 0; }
		#footerRight {float:right; width:190px; padding:0 20px 0 20px; margin:0 0 0 0;  }

	/* #posthidden {display:none;  } 
	#postshown {display:inline; padding:0 0 0 20px; margin:0 0 0 0; color:#fff;} */


/*--------------------------------------------------------------------------------------------------------------*/
/*------------------------------ Div Styles -------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

#main h1 {color:#F29301; font-size: 1.8em; font-family: Georgia, Trebuchet MS, Arial; font-weight:normal;  padding:20px 0 5px 0; margin:0 0 10px 0; text-decoration: none;text-align: left; line-height: 1em;	 }
#main h1.orangeTitles{ color:#F29301; font-size: 1.8em;}

#main h2 { font-size: 1.4em; font-family: Georgia, Trebuchet MS, Arial; padding:20px 0 5px 0; margin:10px 0 10px 0; background:url(../images/generic/dottedLine.gif) bottom left repeat-x; text-decoration: none;text-align: left; line-height: 1em;	}
#main h2.blog_h2 { font-size: 1.8em; background:none;}
#main h2.blog_h2 a{  text-decoration:none;}
#main a.underh2 {float:right; margin:-30px 0 0 0; text-decoration:none; }
#main a.underh2:hover { text-decoration:underline;}
				
#main h3 { padding:10px 0 10px 0; }
#main p { padding:5px 0 5px 0; }
#main p .nopad { padding:0 0 0 0; }
#main a.nouline {color:#3F99DA;	text-decoration: none; font-size:85%; padding:0 0 0 15px; background:url(../images/generic/top_off.gif) center left no-repeat;}
#main a:hover.nouline {	text-decoration: none; color:#F29200; padding:0 0 0 15px; background:url(../images/generic/top_on.gif) center left no-repeat;}
#main a.text {color: #565656; text-decoration: none;}
#main a:hover.text {text-decoration: none; color:#F29200;}
#main img.border{border:5px solid #F2F3F3;}

#main em { color:#666; }

#main ol { list-style:decimal; margin:0 0 0 10px; padding:10px 0 10px 0; background:none;}
#main ol li {margin:0 0 0 10px; padding:0 0 0 0;}

#main span.h2span{float:right; margin:-30px 0 0 0; font-style:italic; }
#main p.byline{margin:-8px 0 15px 0; font-style:italic; }


#schoolHeader { padding:25px 0 10px 10px; }

#sideNav ul {list-style: none; margin:0 0 0 0; padding:0 0 0 0; }
	#sideNav li {padding:0 0 0 0; margin:0 0 0 0; }
		#sideNav li a {color:#6A6A6B; width:160px; padding:5px 0 5px 0; background:url(../images/nav/arrow.gif) center right no-repeat; display: block;	border-bottom:1px solid #D3D1C6; text-decoration: none;	}
		#sideNav li.active a { font-weight:bold; color:#6A6A6B; padding:5px 0 5px 0; background:url(../images/nav/arrow_active.gif) center right no-repeat; display: block;	 text-decoration: none;	}
		#sideNav li a:hover { text-decoration: none; background-color: #E3E1D5;}

#sideNavSub ul {list-style: none; margin:0 0 0 0; padding:0 0 0 0; font-size:95%;}
	#sideNavSub li {padding:0 0 0 0; margin:0 0 0 0; }
		#sideNavSub li a { display: block;	color:#6A6A6B; width:145px;  padding:5px 0 5px 5px; margin:0 0 0 10px; background:url(../images/nav/arrow.gif) center right no-repeat; border-bottom:1px solid #D3D1C6; text-decoration: none;	}
		#sideNavSub li.active a { font-weight:normal; color:#6A6A6B; padding:5px 0 5px 5px; margin:0 0 0 10px; background:url(../images/nav/arrow_active.gif) center right no-repeat #E3E1D5; display: block;	 text-decoration: none;	}
		#sideNavSub li a:hover { text-decoration: none; background-color: #E3E1D5;}


#rightSideBar img {border:5px solid #fff;}
#rightSideBar div#sidebarLinks img {border:0px;}

#middleBoxText p { color:#ffffff; padding:0 0 0 0; margin:0 0 0 0; }
#middleBoxText h1 {padding:10px 0 10px 0; margin:0 0 0px 0; font-size: 1.6em; font-family: Trebuchet MS, Arial; font-weight:normal; background-color: #96A399; color: #ffffff; text-decoration: none;text-align: left; line-height: 1em;	}
	
	
#rightWorkshops ul{color:#ffffff; list-style: disc; margin:0 0 0 0; padding:0 0 0 15px; }
	#rightWorkshops li { color:#000; margin:2px 2px 2px 2px; padding:0 0 0 0;}
		#rightWorkshops li a {color:#fff; text-decoration:none;}
		#rightWorkshops li a:hover {color:#fff; text-decoration:underline;}


#rightClassSchedule h2 { font-size: 1.3em; font-family: Trebuchet MS, Arial; font-weight:bold; padding:20px 0 5px 0; margin:0 0 10px 0; background:none; text-decoration: none;text-align: left; line-height: 1em;	}
#rightClassSchedule ul{color:#ffffff; list-style: none; margin:0 0 0 0; padding:0 0 0 5px; }
	#rightClassSchedule li { color:#000; margin:10px 20px 2px 2px; padding:0 0 0 0; border-bottom:1px solid #758A79;}
		#rightClassSchedule li a {color:#fff; text-decoration:none;}
		#rightClassSchedule li a:hover {color:#fff; text-decoration:underline;}

#rightClassSchedule table th {padding:10px 8px 2px 0; margin:0 0 0 0; color:#000; border-bottom:1px solid #758A79; font-weight:normal;}
#rightClassSchedule table td {padding:2px 8px 2px 0; margin:0 0 0 0; color:#fff;}
#rightClassSchedule table td a {color:#fff; }
		#rightClassSchedule table td a:hover {color:#fff; text-decoration:underline;}

#breadcrumb ul { padding: 0 0 0 0; margin: 0 0 0 0 ; list-style: none; border: none;}
	#breadcrumb ul li { padding:0 0 0 0; color:#808080; display: inline; background-image:none;}

#breadcrumb a { color:#808080; text-decoration:none;}
	#breadcrumb a:hover {color:#F29200; text-decoration:underline;}



/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------	Forms -----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/



fieldset {border: none; padding:0 0 0 0;	margin: 0 0 10px 0;}
	 fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
		fieldset label { float:left; width:100px;  padding-top:5px; font-size:1.1em; line-height:1.2em;}
			 fieldset p.helptext { margin-left:20px; color:#979888; font-weight:normal;  font-size:.9em;}
		fieldset span.errors { display: block; margin-left:20px; color:#C61154; font-weight:normal; font-style:italic;}
   		fieldset input, fieldset textarea {font-size:13px;  font-weight:normal;  width:420px; line-height:18px;  margin:3px 0 8px 0; padding: .3em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #CFCEC4;}
		fieldset select {margin:3px 0 8px 0;  width:200px;}


#contactForm { float:left; width:375px;  padding-left:5px; padding-right:5px; }
#contactForm fieldset label { text-align:right; margin-right:25px; line-height:1.4em;}
#contactForm fieldset input, #contactForm fieldset textarea {font-size:13px; font-weight:normal; width:200px; line-height:18px;  margin:3px 0 8px 0; padding: .3em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #85bd34;}
.buttons {margin-left:145px; margin-top:10px;}
span.webErrors { display:block; color:#C61154;  line-height:.8em;  margin-left:100px; font-style:italic; background:#fff; overflow:visible;}
#contactForm div.successBox { display: inline-block; width:100%; border: 1px solid #99CC99; background: #E2F9E3;  margin-bottom:10px; color:#336633;}
	#contactForm div.successBox div{ padding: 10px;}
#contactForm div.errorBox {display: inline-block; margin:20px 0 20px 0; margin-top: 20px; border: 1px solid #D32168; background: #FFC7C7;	padding: 10px; color:#D32168; }


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------	Misc classes -----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/

.ulText li { padding:0 0 5px 5px; background:none; }
.ulText dl { position:relative;  display:inline-block; margin:0 0 0 0;}
.ulText dt { padding:10px 0 0 0; margin-top: 0; margin-left:10px;  margin-bottom:5px; font-weight:bold;}
.ulText dd { margin-left:10px;  margin-bottom:5px;}

.quoteWrapper { float:left; background:#F2F3F3; width:430px; padding:0 20px 0 20px; margin:0 0 0 0;}
.quoteWrapper  img {float:left; border:5px solid #fff; margin: 0 20px 20px 0;}
.quoteTop {float:left; background: url(../images/generic/top_quote.gif) top left no-repeat #f2f3f3; width:470px; line-height:24px; margin:10px 0 0 0; }
.quoteBtm {float:left; background: url(../images/generic/btm_quote.gif) top right no-repeat #f2f3f3; width:470px;line-height:24px; margin:0 0 10px 0;}

.highlightBlock { float:left; display:inline; background:#F2F3F3; width:450px; padding:10px 10px 10px 10px; margin:10px 0 15px 0;}
.highlightBlock ul { list-style:none;  margin:10px 0 10px 5px; padding:0 0 0 0; }
	.highlightBlock li { padding:2px 0 2px 25px; background:url(../images/generic/dot.gif) center left no-repeat; }

img.blog {float:left; border:5px solid #F2F3F3; margin: 0 10px 10px 0;}
img.workshop {float:left; margin: 0 10px 10px 0;}

.floatContainer {float:left; width:470px; padding:0 0 0 0; margin:20px 0 10px 0;}
.imageLeft { float:left; width:150px; padding:0 0 0 0; margin:0 0 0 0; border:1px solid #ccc;}
.textRight { float:left; width:295px; padding:0 0 0 20px; margin:0 0 0 0;}
#main .textRight h2 {font-size: 1.3em; font-family: Trebuchet MS, Arial; font-weight:bold; padding:0 0 5px 0; margin:0 0 10px 0; background:url(../images/generic/dottedLine.gif) bottom left repeat-x; text-decoration: none;text-align: left; line-height: 1em;	}


.floatLeft { float:left; padding:0 10px 5px 0; margin:0 0 0 0;}
.floatLeft200 { float:left; width:200px; padding:0 0 0 0; margin:0 0 0 0;}

.floatRight { float:left; padding:0 0 0 0; margin:0 0 0 0;}

.bold { font-weight: bold; }
.italics { font-style:italic;}
.email { color:#F7B811; font-weight: bold; }
.noPadMar{padding:0 0 0 0; margin:0 0 0 0;}
.white{color:#ffffff}

.padRight20 {padding:0 20px 0 0;}
.padleft10 {padding-left: 10px;}
.padleftRight20 {padding-left: 10px; padding-right:20px; margin:0 20px 0 20px;}
.alignRight { text-align:right;}
.dottedspacer{ background:url(../images/generic/dotted_blue_line_sm.jpg) left repeat-x;  }

.errorText {color:#FF0000; }
div.clear {	height: 0;	clear: both; line-height: 0px; }
.cleaner {clear:both; height:1px;  font-size:1px;  border:none; margin:0; padding:0; background:transparent;}



