/* nav button specials in content */
a.yellowc 		{background:url(/images/MainLayout/yellowc.jpg); display:block; width:254px; height:51px; text-decoration:none; text-align:left;
				padding:12px 0 0 10px; margin:5px 0 5px 0; background-position:top;}
a.yellowc:hover { background-position:bottom; } 

a.yellowcomp 	{background:url(/images/MainLayout/yellowcomp.jpg) no-repeat; display:block; width:254px; height:51px; text-decoration:none; 
				text-align:left; padding:12px 0 0 10px; margin:5px 0 5px 0; background-position:top;}
a.yellowcomp:hover {background-position:bottom;}

/* nav button specials in content */
a.tellfriend 	{background:url(/images/MainLayout/tellfriendbut.jpg) no-repeat; display:block; width:174px; height:51px; text-decoration:none; text-align:left; 
				padding:12px 0 0 10px; margin:5px 0 5px 0; background-position:top;}
a.tellfriend:hover {background-position:bottom;}

.greybar, a.greybar {background:url(/images/MainLayout/goldslimbutlit.jpg) no-repeat; display:block; background-position:top right; width:250px; text-decoration:none; text-align:left; border: 1px solid #999; padding:5px 0 10px 10px; margin:0 0 10px 0;}
a.greybar:hover {background-color:#FFDFFF; background-position:top left;}

.greybars, a.greybars {background:url(/images/MainLayout/goldslimbutlit.jpg) no-repeat; display:block; background-position:top right; width:220px; text-decoration:none; text-align:left; border: 1px solid #999; padding:5px 0 10px 10px; margin:0 0 10px 0;}
a.greybars:hover {background-color:#FFDFFF; background-position:top left;}

/* side menu headers */
a.curriculum, .curriculum {background:url(/images/MainLayout/currstop.jpg) no-repeat; background-position:top; display:block; width:162px; height:22px; text-decoration:none; text-align:left; 
						padding:4px 0 0 20px; margin:0; font:bold 15px Arial, Helvetica, sans-serif; color:#fffff5; }
a.quiz, .quiz 			{background:url(/images/MainLayout/quizstop.jpg) no-repeat; display:block; width:162px; height:22px; text-decoration:none; text-align:left; background-position:top;
						padding:4px 0 0 20px; margin:0; font:bold 15px Arial, Helvetica, sans-serif; color:#fffff5;}
.community, a.community {background: no-repeat;  display: block;  width: 167px;  height: 22px;  
						text-decoration: none;  text-align: left;  background-position:top; padding: 4px 0 0 15px;  margin: 0; font: bold 15px Arial, Helvetica, sans-serif;  color: #333; } 
a.curriculum:hover, a.quiz:hover, a.community:hover, a.video:hover {background-position:bottom;}
/* sidemenu gold buttons */
a.sidmtitl, .sidmtitl 	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; 
						line-height:17px; display:block; padding: 3px 0 3px 20px; text-decoration:none; background-color:#FFF;} 
a.sidmtitly, .sidmtitly {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; background:url(/images/MainLayout/goldslimbut.jpg); 
						display:block; width:162px; height:23px; text-decoration:none; text-align:left; padding:6px 0 0px 20px; background-position:top;}
html>body a.sidmtitly, .sidmtitly {padding:6px 0 0 20px; }



a.sidmtitly:hover {background-position:bottom;}

a.sidmtitlw, .sidmtitlw {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; background:url(/images/MainLayout/goldslimbut.jpg); 
						display:block; width:223px; height:23px; text-decoration:none; text-align:left; padding:6px 0 0px 20px; background-position:top;}
html>body a.sidmtitlw, .sidmtitlw {padding:6px 0 10px 20px; height:13px;}
a.sidmtitlw:hover {background-position:bottom;}



/********************************************************************* NAVIGATIONAL ***END****/


/**** FONTS ****/
h1 			{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; letter-spacing:0.5px; line-height:22px; text-align:left; font-weight:bold; }
h2 			{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; letter-spacing:0.2px; line-height:21px; text-align:left;}
h2 a	 	{text-decoration:none; color:#333;}
h3 			{font-family:Arial, Helvetica, sans-serif; 	font-size:medium; color:#333; letter-spacing:0.2px; line-height:18px; text-align:left;}/*ADDED FOR AMEMBER */
.gentext 	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:19px; }
a.gentext 	{text-decoration:underline; color:#03F; }
.genhead 	{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; letter-spacing:0.2px; line-height:20px;}
a.genhead 	{text-decoration:none; color:#000;}
.genheadw 	{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#F6F6F6; letter-spacing:0.2px; line-height:20px;}
a.genheadw 	{text-decoration:none;	color:#F6F6F6;}
a.genheadw:hover {color:#F6F6F6;}
.small 		{font-family:Arial, Helvetica, sans-serif; font-size:x-small; color:#000; }
a.small 	{text-decoration:none; color:#000;}
.smallw 	{font-family:Arial, Helvetica, sans-serif; font-size:x-small; color:#F9F9F9;}
.smallw, a.genheadw:hover, a.genheadw, .genheadw, a.smallw   {background-color:transparent;}
a.smallw, a.smallw:hover {color:#F9F9F9;}
.center 	{text-align: center;}
.right 		{text-align: right;}
.left 		{text-align: left;}
.justify 	{text-align: justify;}

.flright 	{float:right; width:auto;}
.flleft 	{float:left; width: auto;}

.clear 		{clear:both; display:block;}
hr.clear 	{clear:both; margin-bottom:0; border:none;}

table, td 	{padding:0; margin:0;}

/** IMAGE STYLES **/


img.imgbrd 					{border: 1px solid #666; margin-top: 10px;}




.hide  {display:none;} 
*:first-child+html hr  {display:none;} 
.print {display:none;} 
hr {display:block; margin:0; padding:0;}




.quotetop 	{background-image:url(/images/MainLayout/quotetop.jpg); background-repeat:no-repeat; background-position:top left ; padding:0 0 30px 60px;  }
.quotebot 	{background-image:url(/images/MainLayout/quotebot.jpg); background-repeat:no-repeat; background-position:bottom right; padding-right:60px;}




								
/* BODY LISTS - eg LIST OF VIDEOS OR CATEGORIES IN MAIN BODY OF PAGES */
.listhead 		{font-weight:bold; text-decoration:none; color:#000; background-position:left;}
.vidlisttitle	{background:url(/images/MainLayout/playbutred.png) no-repeat;  }
.curlistitle	{background:url(/images/MainLayout/category.png) no-repeat;   }
.backlistitle	{background:url(/images/MainLayout/backbutton.png) no-repeat;  }
.quizlisttitle	{background:url(/images/MainLayout/playbutgreen.png) no-repeat;  }
.listinfo 		{background:url(/images/MainLayout/infobut.png) no-repeat;  }
.active 		{background:url(/images/MainLayout/tick.png) no-repeat;   background-position:right; display:block; width:497px;} 
.demo {display:block; width:497px;}
.listdetail, .backlistitle, .curlistitle, .vidlisttitle, .quizlisttitle, .listinfo
				{cursor:pointer; text-decoration:none; color:#000; background-position:left;}
.listhead, .backlistitle, .curlistitle, .vidlisttitle, .quizlisttitle, .listinfo
 				{display:block; width:455px; height:24px; padding:6px 0 0 42px; border-bottom:1px solid #666;}
				
/* Double barrelled fix for IE6 - OMG it worked - fix through rest for center list menus*/
.demo .curlistitle:hover, .demo .vidlisttitle:hover, .demo .backlistitle:hover, .demo .quizlisttitle:hover, .demo .listinfo:hover   {background-color:#FDD92E;}
.active .curlistitle:hover, .active .vidlisttitle:hover, .active .backlistitle:hover, .active .quizlisttitle:hover, .active .listinfo:hover {background-color:#CF0;} 

				
				
.red	{color:#FDFDFD;}
.blue	{color:#FCFCFC;}
.green 	{color:#F9FEFF;}
.gold 	{color:#636767;}


.sbox {margin:0 5px 0 0; width:170px; }
html>body.sbox {margin:3px 5px 0 0; width:170px; }




/* Left and right columns usually will contain navigational menus */
.sider 		{width:182px; margin: 0 0 5px 0; text-align:left; float:right;} 
.sidel		{width:182px; margin: 0 0 5px 0; text-align:left; float:left;}
.siderwide 	{width:243px; margin: 0 0 5px 0; text-align:left; float:right;} /* for 3 coolumn wide right column*/
/* sidemenus container */
.barnav, .barnavid 	{; border: 1px solid #666; margin: 0 0 10px 0; padding:0;}

.barnavwide 		{width: 243px; border: 1px solid #666; margin: 0 0 10px 0; padding:0;}
.barnavwide span 	{width:100%; display:block; background-color: #fff;}
/* Nav list/menu behaviour */



.stargreen {display:block; width:100px; height:60px; background-image:url(/images/stargreen.png);   text-align:center; 
color:#fffff3; font-size: 28px; padding-top:40px; margin:5px;}
.bigredstar {display:block; width:240px; height:160px; background-image:url(/images/bigredstar.jpg); text-align:center; 
color:#fffff3; padding-top: 80px; text-decoration:none; line-height:22px;}
.biggreenstar {display:block; width:240px; height:160px; background-image:url(/images/biggreenstar.jpg); text-align:center; 
color:#fffff3; padding-top: 80px; text-decoration:none; line-height:22px;}
.hugetext {font-size: 42px; text-decoration:none;}






/* -------- CREATED FOR UNIVERSAL BASE COLOR CHANGES --------- */

.demo, .listdetail, .cursectitle, a.cursectitle, .vidsectitle, .vidsectitled, a.vidsectitle, a.vidsectitled, .quizsectitle, a.quizsectitle, .comsectitle, a.comsectitle, .button, .community, a.community, a.quiz, .quiz, a.curriculum, .curriculum, a.video, .video, .barnavwide, .barnav, .barnavid, #zp-footer, .loggedin, .loggedoff, .slimen ul li a, .minividcaption, .listinfo {background-color:#D8d8d8;} /* GREY */




.red {background-color:#940D05;}/* RED */
.blue, .buttonrr, input.buttonrr, .cartbut {background-color:#069;}/* BLUE */
.green {background-color:#339935;}/* GREEN */

/* -------- CREATED FOR UNIVERSAL BASE COLOR CHANGES - To Change Menu Base colors - go to Menus and HEED THE WARNINGS --------- */