#classes a {text-indent: -5000px;width:20px;height:110px;background: url("images/tabclasses.gif") 0 0 no-repeat ;}
#classes a:link {width:2020px;height:100px;
	margin: 0 0 0 -2000px;
}
#instructors a {width:20px;height:110px;background: url("images/tabinstructors.gif") 0 0 no-repeat ;}
#workshops a {width:20px;height:110px;background: url("images/tabworkshops.gif") 0 0 no-repeat ;}
#nutrition a {width:20px;height:110px;background: url("images/tabnutrition.gif") 0 0 no-repeat ;}
/* Colours -  darker blue  #0397d6; paler blue #8bc0e8 orange #fcb040  */
body {height:100%;
		 color:#0397d6;
		 margin:0px;padding:0px;
		 background-color:#fff;
		 text-align:left;
		}

/* Typography */
body {
	margin: 0px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 72%;
	color: #111;
	background-color: #ffffff;
	}

#content {
	margin: 0em;
/*	margin: 4em 0em 2em 6em;*//* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: normal;
	color: #09044d;
	}
* a:link {
	}
* a:visited {
	}
* a:active {
  text-decoration: underline;
	}
* a:hover {
	text-decoration: none;
	}
hr {clear:left;}
h1 {clear:both;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color:#0397d6;
	}

h2 {
	font-size: 1.2em;
	margin: .5em 0em;
	font-weight: bold;
	color:#0397d6;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
i {font-style:normal;}
ol, ul, li {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
ol, ul, li {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0.5em 0px;
	}
p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
/* end of typography */


/* Page Layout Styles*/
div.idCentre {
						  width:775px;
							background-color:#fff;
							border:2px solid #0397d6;border-right:0px;
							padding:0px;
  						margin:0px auto;
							text-align:left;
  						}
.idCentre a:link {text-decoration:none;color:#CC5500;background-color:#fff;}
.idCentre a:visited {text-decoration:none;color:#CC5500;background-color:#fff;}
.idCentre a:hover {text-decoration:none;color:#CC5500;background-color:#fff;}
.idCentre a:active {text-decoration:underline;color:#CC5500;background-color:#fff;}
 
#Address {float:right;width:370px;
				  margin:5px 0px;
				  font-size:1.1em;text-align:right;
					background-color: #fff;color:#0397d6;
				}
#Address a {background-color: #fff;}
#Address p {font-size:1em;line-height:.8em;}
#logo {float:left;width:280px;padding:0px;height:117px;color:#0397d6;background-color: #fff;}
#logo p, #logo h2 {margin-left:10px;}
#logo p {padding:0px;}
#logo a {text-decoration:none;}
#logo a img {border:none;margin:0px;padding:5px;}
#logo ul {list-style-type: none;padding-top:10px;margin-left:10px;}
#navigation-bar{float:left;width:400px;color:#0397d6;
						background-color:#fff;font-size:1em;font-family:verdana;
						margin:5px 0px 0px;}
#mainnavbar{
						padding:0px;margin:0px 0px 0px 0px;height:2em;
						color:#0397d6;
						background-color:#fff;
					}
#secondarynavbar{
						margin-left:0px;
						color:#555;
						background-color:#fff;
						font-size:12px;
					}
div.instructorsnav{width:270px;padding:0px;margin:20px 0px 0px;}
div.instructorsnav h2 {text-indent:5px;}
div.instructorsnav ul {padding:0px;margin:0px;}
div.instructorsnav ul li a {text-decoration:none;background-color:#fff; font-size:.8em;color:#0397d6;}
div.instructorsnav ul li {display:inline; list-style-type:none;float:left;width:130px;line-height:.8em;text-align: left;padding:0px 0px 5px 0px;;margin:0px;
											}
/*li { display: inline;
	 	 list-style-type: none;
	 }*/
div.instructorsnav ul li a:link {text-decoration:none;color:#0397d6; background-color:#fff;}
div.instructorsnav ul li a:visited {text-decoration:none;color:#0397d6; background-color:#fff;}
div.instructorsnav ul li a:hover {text-decoration:underline;color:#0397d6; background-color:#fff;}
div.instructorsnav ul li#active a {text-decoration:underline;color:#0397d6; background-color:#fff;}

#instructorstext {margin:0px;clear:both;color:#fff; background-color:#0397d6;}
#instructorstext img {float:left;margin:0px;padding:10px 2px 2px;}
#instructorstext h1 {color:#fff;}
#instructorstext h2 {color:#fff;}
#instructorstext p {padding-left:0px;padding-right:0px;margin:5px 10px;}

#bioname     {float:left;width:180px;text-align:left;font-size:150%;font-weight:bold;color:#fff;padding:0 5px 5px 5px;}
#biotitle    {float:right;width:60%;text-align:left;font-size:150%;font-weight:bold;color:#fcb040;padding:5px;}
#bioareas    {float:right;width:60%;text-align:left;font-size:120%;font-weight:bold;color:#fcb040;padding:5px;}
#biocontents {float:left;font-size:100%;font-weight:normal;color:#fff;padding:5px;}
#prevnext		 {float:left;clear:both;width:100%;}
#next 			 {float:right;margin-right:2em;width:2em;font-weight:bold;text-align:right;background-color:#0397d6;}
#previous		 {float:left;margin-left:1em;width:2em;font-weight:bold;text-align:left;background-color:#0397d6;}
#next a {text-decoration:none;color:#fcb040;background-color:#0397d6;}
#return {float:right;width:90px;text-align:left;}

#main {float:right;width:475px;/*height:500px;*/background-color:#0397d6;color:#fff;
			 border:none;
			 margin:0px;padding:0px;
			 text-align:left;
			}
#maincontents {width:465px;margin:0px auto;
							 text-align:justify;font-weight:normal;font-family:verdana;
							 overflow:visible;color:#fff;}
#maincontents p {line-height:1.3em;}

#main h1 {
	font-size: 1.7em;
	margin: 2em 0em;
	font-weight: bold;
	padding:0px 10px;
	}
#main h2 {
	font-size: 1.2em;
	margin:0em;
	font-weight: bold;
	padding:5px;color:#fff;background-color:#0397d6;
	}
#main	h3 {
	font-size: 1.2em;
	margin: 0em;
	font-weight: bold;
	padding:0px 30px;
	}
#main p  {padding:0px;}
.idCentre #main a:link {text-decoration:none;color:#fff;background-color:#0397d6;}
.idCentre #main a:visited {text-decoration:none;color:#fff;background-color:#0397d6;}
.idCentre #main a:hover {text-decoration:none;color:#fff;background-color:#0397d6;}
.idCentre #main a:active {text-decoration:underline;color:#fff;background-color:#0397d6;}
#leftcolumn {width:220px;
						 float:left;
						 background-color:#5fc3af;
						 background-color:#fff;
						 /*margin-left:5px;*/
						 text-align:center;
						 border-right:1px solid #5fc3af;
						 background-image: url(images/leftsidesbg.gif);
			 			 background-position:top left;
			 			 background-repeat:repeat;
						}
#leftcolumn p {text-align: left;}
#leftcolumn ul li {text-align: left;}
#leftcolumn h2 {text-align: left;}
#rightcolumn {width:589px;				  
							background-color:#82d8c6;
							background-color:#fff;					
							border-left:1px solid #82d8c6;
							background-image: url(images/rightsidesbg.gif);
			 			 	background-position:top right;
			 			 	background-repeat:repeat;
						 }
/*#rightcolumn p  {padding:0px 10px;}
#rightcolumn h2  {padding:0px 10px;}*/
#rightcolumn a:link {text-decoration:none;color:#850063;background-color:#82d8c6;}
#rightcolumn a:visited {text-decoration:none;color:#850063;background-color:#82d8c6;}
#rightcolumn a:hover {text-decoration:underline;color:#94406a;background-color:#82d8c6;}
#rightcolumn a:active {text-decoration:underline;color:#94406a;background-color:#82d8c6;} 
#activemainnav {/*position:relative;left:10px;*/
						 	  background-color:#5fc3af;
						 		background-image: url(images/maintopleftbg.gif);
						 		background-position:top left;
			 			 		background-repeat:no-repeat;
							  color:#fff;
							  padding:5px 0px;
								width:180px;
								text-align:left;text-indent:28px;
								}
#breadcrumbs {color:#fff;
						 	background-color:#5fc3af;
						  background-image: url(images/maintopbg.gif);
							background-position:top right;
			 			  background-repeat:no-repeat;
							padding:5px 0px 10px 0px;
						  text-align:left;text-indent:28px;
							font-size:12px;
							}
#designyourown {z-index:100;height:158px;width:163px;float:right;margin-right:-10px;margin-top:-60px;}

div.Wrap {/*width: 100%;height:100%;*/padding-bottom:10px;
	background-color:transparent;
	background-image: url(images/greydropshadowbottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
/*#ResizeText {float:right;
						 color:#d8d8d8;background-color:#000;
						 padding:0 20px 0 0; margin:0px;
						 font-weight:bold;}
#ResizeText a:link {font-weight:normal;padding-right:5px;}
#smallText {font-size:14px;
					  font-family:serif;}
#largeText {font-size:16px;
					  font-family:serif;}
*/
#ShoppingCart {float:right;color:#98cd01;background-color:#000;}
#ShoppingCart img {border:0px}

#ScreenHeader{height:97px;width:100%;text-align:left;background-color:#000;color:#d8d8d8;}

#SiteHeaderText {height:40px;padding:5px 0px 0px 5px;border:none;
								background:#000;color:#d8d8d8;
								}
#SiteHeaderText a img {border: none;padding:0px;}
#SiteTitleText{width:483px;
							 color:#000;
							 background:#fff;
							 float:left;
							 text-align:left;font-family:helvetica;
							 margin:0px;padding-top:20px;}
#ContactLink {float:left;width:300px;}
div.centredimage {
    display: block;
		text-align:center;
		margin: 0px 0px 20px 85px;
		background-color:#000;color:#d8d8d8;
		width:626px;
		padding:6px;}
div.floatedleftimage {
    float:left;
		padding:20px 0px 0px 0px;}
div.floatedrightimage {
    float:right;
		padding:0px;
		}
div.tripleimage {display:block;margin: 0 auto;width:600px;}
#leftimage   {float:left;margin-left:17px;margin-right:34px;background-color:#000;color:#d8d8d8;padding:0px;}
#rightimage  {float:right;background-color:#000;color:#d8d8d8;margin-left:17px;padding:0px;}
#floatedtext {float:left;
						  width: 660px;
						  padding:0px 0px 10px 10px;
							background-color:#fff;color:#333;}					
#floatedtextright {float:right;
						  padding:20px;
							background-color:#000;color:#d8d8d8;}
#floatedtext p {color:#333;background-color:#fff;
						    padding:0px 15px 10px 10px;
								margin:0px;
								}
#floatedtext img {float:left;margin:5px 10px 0px 0px;}
/*#floatedtext a:link {text-decoration:none;color:#e31616;background-color:#fff;}
#floatedtext a:visited {text-decoration:none;color:#e31616;background-color:#fff;}
#floatedtext a:hover {text-decoration:underline;}
*/
#floatedright {float:right;width:230px;margin:-10px -20px 0px 10px;background-color:#fff;color:#333;}
#floatedright img {margin:10px 10px 15px 10px;}
#floatedleft {float:left;width:230px;margin:-10px 10px 0px 0px;background-color:#fff;color:#333;}
#floatedleft img {margin:10px 10px 0px 10px;}

.cleared {clear:both;}
.clearforheight{clear:both;
    		  height:1px;
    			overflow:hidden;}
.prop {
    float:right;
    width:1px;
  }

.minMain {
    height:525px;
  }
					
			
div.BottomText {position:absolute;right:5px;top:650px;width:100%;
								text-align:center;
								background:#000;color:#d8d8d8;
								}
												
/*#leftcolumn {position:absolute; left:0px;
						 width:270px;
						 background-color:#fefefe;
						 color:#777;
						 padding:5px;
						 overflow:visible;
						}
#leftcolumn a:link {}
#leftcolumn a:hover   {background-color:#eee;}
#rightcolumn {position:absolute;
						 	width: 600px; 
						  left:320px;
							top:110px;
							padding:10px 0px 0px 0px;
							margin:20px 0px 0px 0px;
							overflow:hidden;
						 }*/
#floattext {float: left;
            background-color:#fefefe;
						color:#444;
						padding:5px;
						overflow:visible;
						}

p.c{text-align:center;}
#footer {margin:20px 0px 0px 0px;
				 padding:0px;
				 border:none;
         clear:both;
				}
#footer p {text-align:left;
					 color:#555;
					 margin:0px;padding:0px;
					}
#licencingact {width:100%;
							 font-size:80%;
							 color:#555;
							}
.CopyrightBanner a {/*font-size:80%;font-weight:normal;*/}		
#idCopyrightLink {float:left;width:33%;text-align:left;}
#homepagecopytext{width:400px;float:left;
									margin:0px;
									text-align:left;
									color:#850063;
									padding:0px;
									}
#Copyright{width:200px;float:left;text-align:center;}
#idFrontOnLink {width:100px;text-align:left;margin-top:20px;													 }
#idFrontOnLink a {/*font-size:70%;*/}
#idFrontOnLink a:link 	 {color:#CC5500;text-decoration:none;font-weight:normal;}
#idFrontOnLink a:visited {color:#CC5500;text-decoration:none;font-weight:normal;}
#idFrontOnLink a:hover 	 {color:#CC5500;text-decoration:underline;font-weight:normal;}
#idFrontOnLink a:active  {color:#CC5500;text-decoration:none;font-weight:normal;} 

#UpdateGraphic {position:absolute;top:0px;left:0px;}
#ControlPanelVcards {text-align:center;}
#ControlPanelVcards ul {list-style-type: none;}
/*body div#toolTip { position:absolute;z-index:1000;width:110px;background:#d8d8d8;text-align:center;padding:2px;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#e31616;}
body div#toolTip p em { display:none;margin-top:3px;color:darkgreen;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }*/

th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #e31616;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #000000;
}
td.cart {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #000;
	padding: 6px 6px 6px 12px;
}
td.cartleft, th.cartleft {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;	
	border-left: 1px solid #666;
	background: #000;
	padding: 6px 6px 6px 12px;
}
td.cartright {
	border-right: 1px solid #666;
	background: #000;
	padding: 6px 6px 6px 12px;
}

th.confirm {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #e31616;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #fff;
}
td.confirm {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
td.confirmleft, th.confirmleft {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;	
	border-left: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
td.confirmright {
	border-right: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
#displayorder {width:750px;margin-left:30px;}
#shopfunctions {position:absolute;top:0px;right:20px;z-index:100;
							  border:2px solid #e31616;
								padding:5px;
								background:#fff;}
#gotohomepage {float:right;}
.packaging p {margin:5px;}

li#active a {text-decoration:underline;color:#CC5500;background-color:#fff;}