/* S: GS Site Text -------------------------------------------------------------------------------------------- */

body {font-family:verdana, arial, sans-serif; font-size:100%; margin:0em 0em;}

* {margin:0; padding:0;}	

h1 {font-size:1em; word-spacing:.20em; letter-spacing:-.05em; color:#CCCCCC;} 
	
h2 {font-size:1em; word-spacing:.20em; letter-spacing:-.05em; color:#00CCFF;}

h3 {font-size:1em; word-spacing:.20em; letter-spacing:-.05em; color:#00CCFF;}

h4 {font-size:.95em; word-spacing:.20em; letter-spacing:-.05em; color:#00CCFF; margin:0 0 0px 20px;}

p {margin:0px 0px;}

p.footer {font-size:.6em; color:#CCCCCC; font-weight:normal;}/* Copyright */


/* 1-Home */
p.music {font-size:.8em; word-spacing:0em; letter-spacing:-.05em; color:#00CCFF; text-align:center;}
p.homeinfo {font-size:.71em; word-spacing:0em; letter-spacing:-.05em; color:#E6E6E6; text-align:justify;
margin-left:0px; padding:10px 10px 10px 10px;}
p.homeinfo span {color:#E6E6E6; font-weight:bold;}	
p.sidebarlnk {font-size:.8em; margin-top:.2em; margin-bottom:1em; color:#00CCFF; line-height:1.0em; font-weight:bold;} 
 
/* 2-Store Front */
p.storelinks {font-size:.75em; color:#CCCCCC; font-weight:bold;}

	/* Pink - Link Next-Previous Text */
p.pink {height:20px; color:#ec008c; font-size:.85em; font-weight:normal; border:none;}

	/* Store Items */
p.itemheader1 {position:relative; top:-8px; left:20px; font-size:.75em; margin: 0 0 0 0; color:#FFFFFF; line-height:16px;}
p.itemheader1 span {color:#CCCCCC;}
p.itemheader2 {font-size:.75em; margin: 0px 0 0px 20px; color:#FFFFFF; line-height:18px;}
p.itemheader2 span {color:#CCCCCC;}

p.price {font-family:times, arial, sans-serif; position:relative; 
	font-size:.9em; font-weight:bold; color:#FFFFFF; line-height:30px;}

/* 3-Seminars */
p.seminarh1 {font-size:1.4em; font-weight:normal; margin-top:.2em; margin-bottom:.2em; color:#00CCFF; text-align:left;line-height:1.5em; } /* Ice Blue */

p.schedule {height:65px; color:#CCCCCC; font-size:.85em; font-weight: normal; border-top:1px solid #666666; line-height:2em;} /* Grey */



/* 5-FAQ */
p.contact1 {font-size:.75em; margin-top:.2em; color:#CCCCCC; line-height:1.5em;}
p.contact2a {font-size:.75em; margin-top:1em; color:#00CCFF; line-height:1.5em;}
p.contact2b {font-size:.75em; margin-top:.2em; margin-bottom:1em; color:#00CCFF; line-height:1.5em;}

/* 6-Teachers */
p.location {font-size:1em; margin-top:.2em; margin-bottom:.2em; color:#CCCCCC; line-height:1.5em;}
p.ambhead {font-size:1em; padding:0 0 0 40px; word-spacing:.20em; letter-spacing:-.05em; color:#00CCFF;}
p.ambasadors {font-size:.7em; margin:7px 0 0 0px; color:#CCCCCC; line-height:14px;}
p.ambasadors span {color:#00CCFF; margin-left: 0px;}
p.ambbio {font-size:.72em; margin: 5px 10px 5px 10px; color:#00CCFF;}


/* Links */
p.linkinfo {font-size:.75em; color:#CCCCCC; font-weight:bold;}

ul {font-size:.9em; word-spacing:.10em; letter-spacing:-.05em; color:#00CCFF; 
	list-style-type:none; margin-left:20px; padding:20px 0 20px 0;}
	
	

/* Site Wrapper */
div#wrap {height:1000px; background-color:#000000; background-image:url(images/a_site/galaxysky.jpg); 
	background-repeat:no-repeat; text-align:center; }
	
/* Site Footer -------------------------------------------------------------------------------------------- */
div#sitefooter {
	position:absolute; top:870px;left:20px;
	width:740px;
	color:#CCCCCC;
	line-height:30px;
	text-align:center;}	
	
div#dropmenuwrap {
   position:absolute; top:126px; left:170px;
   width:720px; height:50px;
   z-index:1;}	
   
div#citylocation {
	position:absolute; top:154px; left:30px;
	width:250px; height:26px;
	background-color:#000000;
	border-top:2px solid #CCCCCC; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
	text-align:left;
	padding:0px 10px 0 10px}  
	
/* Site Pages*/	
/* Home: ------------------------------------------------------------------------------------ */
div#homemusic {
	position:absolute;
	background-color:#000000;
	height:20px;
	border: 0px solid red; 
	left:340px;
	top:35px;
	width:40px;
	text-align:left;} /* E: Home Music */
	
div#onoff {
	position:absolute;
	background-color:#000000;
	height:20px;
	left:370px;
	top:30px;
	width:70px;
	text-align: left;
	padding: 0 0 10px 0;} /* E: Home Music */	
	
/* Site Headers */
div#homehead1 {position:absolute;top:140px; left:55px; width:500px; height:30px;}	

/* 1-Home Info. In the future, add Accordion select feature */
div#homeinfo {
	position:absolute;
	background-color:;
	left:20px;
	top:130px;
	width:560px;
	border: 1px solid #999999;
	line-height:14px;
	margin: 10px 0 0 5px;
	text-align: left;} /* E: Home Accordion */
	
div#hm_buygs {
	position:absolute;
	background-color:#000000;
	left:595px;
	top:400px;
	width:135px;
	border: 1px solid #999999;
	line-height:10px;
	text-align: center;
	padding: 10px 10px 0px 10px;}/* End-Contact */		 


/* 2-Store Front------------------------------------------------------------------------------------ */	
div#storefront {
	position:absolute;
	background-color:#000000;
	left:10px;
	top:140px;
	width:730px;
	height:330px;
	border: 2px solid #999999;
	line-height:30px;
	margin: 0 0 0 10px;
	text-align: left;
	padding: 0 0 0 0;}/* End-Storefront */	
	
div#sfbooks {
	position:absolute;
	background-color:#000000;
	left:20px;
	top:40px;
	width:200px;
	height:270px;
	/* border: 1px solid #999999; */
	line-height:50px;
	margin: 0 0 0 0;
	text-align:center;
	padding: 0 0 0 0;}/* End-SF Books */
	
div#sftshirts {
	position:absolute;
	background-color:#000000;
	left:240px;
	top:40px;
	width:250px;
	height:270px;
	/* border: 1px solid #999999; */
	line-height:30px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 0 0;}/* End-SF Books */
	
div#sfposters {
	position:absolute;
	background-color:#000000;
	left:510px;
	top:40px;
	width:200px;
	height:270px;
	/* border: 1px solid #999999; */
	line-height:40px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 0 0;}
	
div#sfh1books {
	position:absolute;
	background-color:#000000;
	left:15px;
	top:275px;
	width:200px;
	height:20px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 0 0;}
	
div#sfh2shirts {
	position:absolute;
	background-color:#000000;
	left:240px;
	top:275px;
	width:250px;
	height:20px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 0 0;}
	
div#sfh3posters {
	position:absolute;
	background-color:#000000;
	left:510px;
	top:275px;
	width:200px;
	height:20px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 0 0;}
	
div#googletrack {
	position:absolute;
	background-color:#000000;
	left:280px;
	top:500px;
	width:200px;
	height:20px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 0 0;}
	
	/* 2a-Store Item Page Navigation----------------------------------------- */
div#spnav {
	position:absolute;
	background-color:#FFFFFF;
	left:455px;
	top:10px;
	width:300px;
	height:70px;
	border:solid #999999 1px;
	margin: 0 0 0 0;
	text-align: left;
	padding: 2px 0 0 2px;}	
	
div#spnavlinks {
	position:absolute;
	left:670px;
	top:10px;
	width:90px;
	height:68px;
	margin: 0 0 0 0;
	text-align: left;
	line-height:21px;
	padding: 5px 0 0 2px;}
	
	/* Store Items----------------------------------------- */
div#gss1 {
	position:absolute;
	background-color:#000000;
	top:155px;
	left:20px;
	width:710px;
	height:160px;
	border: 2px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 12px 0 2px 30px;
	text-align:left;}
	
div#gss2 {
	position:absolute;
	background-color:#000000;
	top:330px;
	left:20px;
	width:710px;
	height:170px;
	border: 2px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 10px 0 0 30px;
	text-align:left;}
	
div#gss3 {
	position:absolute;
	background-color:#000000;
	top:505px;
	left:20px;
	width:710px;
	height:170px;
	border: 2px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 10px 0 0 30px;
	text-align:left;}		
	
div#gss4 {
	position:absolute;
	background-color:#000000;
	top:680px;
	left:20px;
	width:710px;
	height:170px;
	border: 2px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 10px 0 0 30px;
	text-align:left;}/* End-SF Books */
	
div#gstshirt1 {position:absolute;
	background-color:#000000;
	top:140px;
	left:20px;
	width:730px;
	height:160px;
	border: 2px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 12px 0 2px 10px;
	text-align:left;}
	
div#gstshirt2 {
	position:absolute;
	background-color:#000000;
	top:315px;
	left:20px;
	width:730px;
	height:170px;
	border: 2px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	text-align:left;}		
	
div#item1details {
	position:absolute;
	top:-7px;
	left:165px;
	width:370px;
	height:170px;
	border: 0px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align:left;}
div#item1buy1 {
	position:absolute;
	top:75px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Price */
	div#item1buy1TS {
	position:absolute;
	top:95px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Price */
div#item1buy2 {
	position:absolute;
	top:100px;
	left:555px;
	text-align:center;
	width:140px;
	height:35px;}	/* PayPal */
div#item1buy2TS {
	position:absolute;
	top:20px;
	left:260px;
	text-align:center;
	width:140px;
	height:35px;}	/* PayPal */
div#item1buy3 {
	position:absolute;
	top:140px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Order Direct */
	
div#item2details {
	position:absolute;
	top:-7px;
	left:165px;
	width:370px;
	height:170px;
	border: 0px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align:left;}
div#item2buy1 {
	position:absolute;
	top:75px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Price */
	div#item2buy1TS {
	position:absolute;
	top:95px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Price */
div#item2buy2 {
	position:absolute;
	top:100px;
	left:555px;
	text-align:center;
	width:140px;
	height:35px;}	/* PayPal */
div#item2buy2TS {
	position:absolute;
	top:25px;
	left:260px;
	text-align:center;
	width:140px;
	height:35px;}	/* PayPal */
div#item2buy3 {
	position:absolute;
	top:140px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Order Direct */
	
div#item3details {
	position:absolute;
	top:-7px;
	left:165px;
	width:370px;
	height:170px;
	border: 0px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align:left;}
div#item3buy1 {
	position:absolute;
	top:75px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Price */
div#item3buy2 {
	position:absolute;
	top:100px;
	left:555px;
	text-align:center;
	width:140px;
	height:35px;}	/* PayPal */
div#item3buy3 {
	position:absolute;
	top:140px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Order Direct */
	
div#item4details {
	position:absolute;
	top:-7px;
	left:165px;
	width:370px;
	height:170px;
	border: 0px solid #999999;
	line-height:50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align:left;}
div#item4buy1 {
	position:absolute;
	top:75px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Price */
div#item4buy2 {
	position:absolute;
	top:100px;
	left:555px;
	text-align:center;
	width:140px;
	height:35px;}	/* PayPal */
div#item4buy3 {
	position:absolute;
	top:140px;
	left:550px;
	text-align:center;
	width:140px;
	height:30px;}	/* Order Direct */
	
/* 3-Seminars ------------------------------------------------------------------------------------ */
div#scheduledrop {
	position:absolute;
	background-color:#000000;
	left:0px;
	top:126px;
	width:760px;
	height:860px;}

div#eventsyear {
	position:absolute;
	width:280px;
	height:70px;
	left: 30px;
	top: 10px;}
	
div#c1date {
	position:absolute;
	text-align:left;
	width:190px;
	height:200px;
	left: 30px;
	top: 60px;
	padding:-10px 0 0 0;}	
	
div#c2place {
	position:absolute;
	text-align:right;
	width:305px;
	height:200px;
	left: 240px;
	top: 60px;}
	
div#c3detail {
	position:absolute;
	text-align:left;
	width:190px;
	height:200px;
	left: 565px;
	top: 60px;}
	
/* 4-Feedback----------------------------------------------------------------------- */	
div#link1 {
	position:absolute;
	background-color:#000000;
	left:15px;
	top:150px;
	width:740px;
	border-top:3px solid #CCCCCC;
	border-bottom:3px solid #CCCCCC;
	height:240px;
	text-align:left;}	
	
div#link1info {
	position:absolute;
	left:90px;
	top:165px;
	width:600px;
	height:140px;
	line-height:30px;
	margin:0 0 0 0;
	text-align:left;
	padding:5px 0 0 0;}

/* 5-FAQ ------------------------------------------------------------------------------------ */
div#ds_faq {
	position:absolute;
	background-color:#000000;
	left:50px;
	top:170px;
	width:660px;
	height:190px;
	border: 2px solid #999999;
	line-height:30px;
	text-align:left;
	padding: 10px 0 0 20px;}/* End-Contact */
	
/* 6-Ambassador Links/Bios------------------------------------------------------------------------------------ */    
div#teacher1 {
	position:absolute; top:182px; left:20px;
	width:740px; height:217px;
	background-color:#000000;
	border-top:3px solid #CCCCCC; border-bottom:3px solid #CCCCCC;}
div#teacher1pic {
   position:absolute; top:190px; left:30px;
   width:100px; height:100px;}
div#teacher1status {
   position:absolute; top:187px; left:140px;
   width:300px; height:100px;
   text-align:left;} 
div#teacher1contact {
   position:absolute; top:206px; left:450px;
   width:300px; height:88px;
   text-align:left;} 
div#teacher1bio {
   position:absolute; top:300px; left:30px;
   width:720px; height:95px;
   border-top: 1px solid #0099CC;
   text-align:justify;}
   
div#teacher2 {
	position:absolute; top:402px; left:20px;
	width:740px; height:217px;
	background-color:#000000;
	border-top:3px solid #CCCCCC; border-bottom:3px solid #CCCCCC;}
div#teacher2pic {
   position:absolute; top:410px; left:30px;
   width:100px; height:100px;}
div#teacher2status {
   position:absolute; top:407px; left:140px;
   width:300px; height:100px;
   text-align:left;} 
div#teacher2contact {
   position:absolute; top:426px; left:450px;
   width:300px; height:88px;
   text-align:left;} 
div#teacher2bio {
   position:absolute; top:520px; left:30px;
   width:720px; height:95px;
   border-top: 1px solid #0099CC;
   text-align:justify;}
   
div#teacher3 {
	position:absolute; top:622px; left:20px;
	width:740px; height:217px;
	background-color:#000000;
	border-top:3px solid #CCCCCC; border-bottom:3px solid #CCCCCC;}
div#teacher3pic {
   position:absolute; top:630px; left:30px;
   width:100px; height:100px;}
div#teacher3status {
   position:absolute; top:627px; left:140px;
   width:300px; height:100px;
   text-align:left;} 
div#teacher3contact {
   position:absolute; top:646px; left:450px;
   width:300px; height:88px;
   text-align:left;} 
div#teacher3bio {
   position:absolute; top:740px; left:30px;
   width:720px; height:95px;
   border-top: 1px solid #0099CC;
   text-align:justify;}	
	

/* S: Rollovers------------------------------------------------------------------------------------- */	
/* S: 1-Home ----- */	
div#hm_buygs a:link {text-decoration:none; color:#FF0066;}
div#hm_buygs a:visited {text-decoration:none; color:#FF0066;}
div#hm_buygs a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#hm_buygs a:active {text-decoration:none; color:#FF0066;}

/* S: 2-Store ----- */
	/* Store StoreFront Select ----- */
div#sfh1books a:link {text-decoration:none; color:#CCCCCC}
div#sfh1books a:visited {text-decoration:none; color:#CCCCCC;}
div#sfh1books a:hover {text-decoration:underline; color:#CCCCCC; }
div#sfh1books a:active {text-decoration:none; color:#FF0066;}

div#sfh2shirts a:link {text-decoration:none; color:#CCCCCC}
div#sfh2shirts a:visited {text-decoration:none; color:#CCCCCC;}
div#sfh2shirts a:hover {text-decoration:underline; color:#CCCCCC; }
div#sfh2shirts a:active {text-decoration:none; color:#FF0066;}

div#sfh3posters a:link {text-decoration:none; color:#CCCCCC}
div#sfh3posters a:visited {text-decoration:none; color:#CCCCCC;}
div#sfh3posters a:hover {text-decoration:underline; color:#CCCCCC; }
div#sfh3posters a:active {text-decoration:none; color:#FF0066;}

div#googletrack a:link {text-decoration:none; color:#CCCCCC}
div#googletrack a:visited {text-decoration:none; color:#CCCCCC;}
div#googletrack a:hover {text-decoration:underline; color:#CCCCCC; }
div#googletrack a:active {text-decoration:none; color:#FF0066;}

	/* Store Next-Back Links ----- */	
div#next {position:absolute; width:140px; height:20px; left:107px; top:130px;}
div#next a:link {text-decoration:none; color:#FF0066;}
div#next a:visited {text-decoration:none; color:#FF0066;}
div#next a:hover {text-decoration:none; color:#FFFFFF; }
div#next a:active {text-decoration:none; color:#FF0066;}

	/* Store Items ------------------- */	
div#item1buy3 a:link {text-decoration:none; color:#FF0066;}
div#item1buy3 a:visited {text-decoration:none; color:#FF0066;}
div#item1buy3 a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#item1buy3 a:active {text-decoration:none; color:#FF0066;}

div#item2buy3 a:link {text-decoration:none; color:#FF0066;}
div#item2buy3 a:visited {text-decoration:none; color:#FF0066;}
div#item2buy3 a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#item2buy3 a:active {text-decoration:none; color:#FF0066;}

div#item3buy3 a:link {text-decoration:none; color:#FF0066;}
div#item3buy3 a:visited {text-decoration:none; color:#FF0066;}
div#item3buy3 a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#item3buy3 a:active {text-decoration:none; color:#FF0066;}

div#item4buy3 a:link {text-decoration:none; color:#FF0066;}
div#item4buy3 a:visited {text-decoration:none; color:#FF0066;}
div#item4buy3 a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#item4buy3 a:active {text-decoration:none; color:#FF0066;}

div#spnavlinks a:link {text-decoration:none; color:#FF0066;}
div#spnavlinks a:visited {text-decoration:none; color:#FF0066;}
div#spnavlinks a:hover {text-decoration:underline; color:#0099CC;}
div#spnavlinks a:active {text-decoration:none; color:#FF0066;}


/* S: 3-Seminars ----- */
a:link {
	color: #0066cc;
	text-decoration: none;}
a:visited {
	text-decoration: none;
	color: #0066cc;}
a:hover {
	text-decoration: underline;
	color: #0066cc;}
a:active {
	text-decoration: none;
	color: #0066cc;}


/* S: 4-Feedback ----- */
div#link1info a:link {text-decoration:none; color:#FF0066;}
div#link1info a:visited {text-decoration:none; color:#FF0066;}
div#link1info a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#link1info a:active {text-decoration:none; color:#FF0066;}

/* S: 5-FAQ ----- */	
div#ds_contact a:link {text-decoration:none; color:#FF0066;}
div#ds_contact a:visited {text-decoration:none; color:#FF0066;}
div#ds_contact a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#ds_contact a:active {text-decoration:none; color:#FF0066;}

/* S: 6-Teachers ----- */	
div#teacher1contact a:link {text-decoration:none; color:#FF0066;}
div#teacher1contact a:visited {text-decoration:none; color:#FF0066;}
div#teacher1contact a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#teacher1contact a:active {text-decoration:none; color:#FF0066;}

div#teacher2contact a:link {text-decoration:none; color:#FF0066;}
div#teacher2contact a:visited {text-decoration:none; color:#FF0066;}
div#teacher2contact a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#teacher2contact a:active {text-decoration:none; color:#FF0066;}

div#teacher3contact a:link {text-decoration:none; color:#FF0066;}
div#teacher3contact a:visited {text-decoration:none; color:#FF0066;}
div#teacher3contact a:hover {text-decoration:none; color:#0099CC; background-color:#FFFFFF;}
div#teacher3contact a:active {text-decoration:none; color:#FF0066;}
/* E: Rollovers-------------------------------------------------------------------------------------------------- */	

/* S: Multi-Drop menus ------------------------------------------------------------------------------------------ */
div.multi_drop_menus * {margin:0; padding:0;}     /* removes margin and padding off all list elements */

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
div.multi_drop_menus {
  behavior:url(lib/js_tools/csshover.htc);/* you must link to the hover.htc file for this menu to work in IE6 and earlier */
/* need a copy? go to http://www.xs4all.nl/~peterned/htc/csshover.htc - copy the code into a text file and save it as csshover.htc */
 font-family: arial, sans-serif;   /* font family for menu */
 font-size:.8em;                   /* size of menu's type relative to parent element */
 margin:0px 0 10px 0px;
 background-color:transparent;}    /* Colors the div - div fills the parent element for a horizontal menu - 
									 set to background-color:transparent; if not needed */
div.multi_drop_menus ul {
 	border-left:1px solid #CCB;   /* Creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
	display:inline;}			  /* Fixes margin-doubling bug in IE6 */
	
div.multi_drop_menus li {
 width:9em;                      /* DS: Sets width of main menu items. */
 background-color:#E0E7C9;       /* Background color of the level 1 menu items */
 border-right:1px solid #CCB;}   /* Creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove */
                 				 /* Border-right is automatically removed from vert menu below  */

div.multi_drop_menus li:hover {
 background-color:#F0F7D9;}       /* Background color of hovered menu items */
 
 div.multi_drop_menus a {
 color:#776;                      /* Sets the color of all menu type */
 padding:.2em 5px;}           	  /* Creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems */
 
 div.multi_drop_menus a:hover {
 color:#443;}        			  /* Type color of a hovered menu choice */

div.multi_drop_menus ul li ul {
 width:9em;}   					  /* Sets the width of menu levels 2 - 4 */
 
div.multi_drop_menus li li { 
 background-color:#E0E7C9;        /* Background color of the level 2 menu */
 border-bottom:1px solid #CCB;}   /* Lines between menu choices - set to 0px if not wanted */
 
div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;      /* Set the border-top of levels 3 and 4 of a horizontal menu - set to 0px to remove - 
                                 for a vertical menu, you will set this for levels 1 - 4 below */
 top:-1px;}                      /* Set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 
div.multi_drop_menus li li li { 
 background-color:#EEB;}          /* background color of the level 3 menu */
 
div.multi_drop_menus li li li li { 
 background-color:#DDA;}          /* background color of the level 4 menu */
 
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
div.multi_drop_menus.transparent ul ul li {
  /* note: the lower the value, the greater the transparency */
  opacity:0.9; /* CSS3 - range 0 to 1 */     
  -moz-opacity:0.9; /* Firefox- range 0 to 1  */
  filter:alpha(opacity=90);}      /* IE- range 0 to 100  */
  
/* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;}      /* Set the border-top of level 1 of the vertical menu - 
                                  broken out separately so it can be different from top border of other levels */

div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;}   /* Adds horizontal lines between menu choices - overrides main setting above for this feature */
 
div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* Set the border-top of levels 2 - 4 of a vertical menu - set to 0 to remove */
 top:-1px;}                       /* Set to negative value of border-top for perfect pop-out alignment - set to 0 if border is 0 - don't remove!*/
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */
 
/* YOU ARE STONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
div.multi_drop_menus {
	float:left; width:100%;}
	
div.multi_drop_menus ul {
 float:left;            /* Makes ul wrap li */
 font-size:1em;}        /* Prevents inheritence from maiin text style sheet */

div.multi_drop_menus li {
 float:left;            /* Causes the list to align horizontally instead of stack */
 list-style-type:none;  /* Removes the bullet off each list item */
 position:relative;}    /* Positioning context for the absolutely positioned drop-down */

div.multi_drop_menus a {
 display:block;          /* Makes link fill li so entire area is "hot" */
 text-decoration:none;}  /* Removes the underlining from the links */
 /* the horizontal menu ends here */
 
 /* the drop-downs starts here */
div.multi_drop_menus ul li ul { 
 position:absolute;       /* Positions the drop-down ul in relation to its relatively positioned li parent */
 border:0;         		  /* stops inheritance from level 1 ul */
 margin-left:0px;}        /* stops inheritance from level 1 ul    Original was 0px */
 
div.multi_drop_menus ul li ul li {
 width:100%;
 padding:0;       /* stops inheritance */
 border-left:0;   /* stops inheritance */
 border-right:0;} /* stops inheritance */

div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div.multi_drop_menus ul li:hover ul {
	display:block; /* Shows the drop-down when the menu is hovered */
	z-index:1000;} /* Safari needs this to display menu on top of other page elements */
	 
/* pop-outs starts here */
body div.multi_drop_menus ul li ul li ul  {
 position:absolute; /* Associated menu with parent li positioning context */
 visibility:hidden; /* Ensures that level 3 menu is not reveal when level 2 is reveled */
 left:100%;
 top:-1px;}         /* Aligns level 3 and 4 pop-out with previous level */
 
div.multi_drop_menus ul li ul li:hover ul {visibility:visible;} /* shows level 3 menu when associated level 2 li is hovered */
/* Second and third level popouts here*/
div.multi_drop_menus ul li ul li:hover ul li ul {visibility:hidden;}   /* ensures that level 4 is not reveled when level 3 is reveled */
div.multi_drop_menus ul li ul li ul li:hover ul {visibility:visible;}  /* shows level 4 menu when associated level 3 li is hovered */
/* The drop-downs end here */
 
/* extra styles for the vertical menu */
div.multi_drop_menus.vertical ul {
 border-left:0px;     /* Removes the border of the level 1 ul that can be used in the horizontal menu */
 margin-left:0;}      /* Removes left margin that is available on horizontal menu */
 
.vertical ul { /* took off the id so the ul ul width setting in prefs was more specific */
 width:100%;} 

div.multi_drop_menus.vertical li {
 position:relative;  /* Positioning context for the level 2 menu */
 width:100%;         /* Set width of level 1 menu - MUST match left value in ul ul selector below */
 clear:left;         /* Makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */
 border-right:0;}    /* Removes right borders used by horiz level 1 */

div.multi_drop_menus.vertical ul ul  {
 position:absolute; /* Make ul position relative to parent li for all menu levels */
 left:100%;         /* Align level 2 with level 1 - MUST match li width in selector above */
 top:-1px;}         /* Aligns the level 2 pop-out */

/* levels 2 -4 width */
div.multi_drop_menus.vertical li li { }
div.multi_drop_menus.vertical ul ul ul {
 left:100%;}          /* align level 2 with level 3 and 3 with 4 - MUST match li width in selector above */
                      /* END MENU MECHANICS */
 
/* Inevitable hacks for IE6  and < */
* html div.multi_drop_menus {
 z-index:1;}   /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element. 
                DS: Set the drop menu wrap index level instead to clear teacher links */
 			    /* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html div.multi_drop_menus ul li ul {
  z-index:400;} /*ensures menu is on top of other page elements */

* html div.multi_drop_menus a { }
/* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
 
* html div.multi_drop_menus.vertical a {
/* now hasLayout in IE - works on the vert menu as container has width */
 zoom:100%;}
 
 * html div.multi_drop_menus ul ul a { /* Second level of horiz menu */
 zoom:100%;}  /* Now IE 'haslayout' - IE now makes background hot in horizontal menus */
  
  /* info on haslayout: 
  http://www.sitepoint.com/forums/showpost.php?p=2041209&postcount=24
  http://onhavinglayout.fwpf-webdesign.de/hack_management/
   */
 /* END OF LIST-BASED MENU */
 
 
/* Site Navigation Strip ------------------------------------------------------------------------------------ */	

div#navmenu1 {
	position:absolute;
	left:0px;
	width:760px;
	height:34px;
	top:90px;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	background-color:#000000;}
		
div#navrocketl {position:absolute; width:40px; height:24px; left:15px; top:96px; 
background-image:url(images/nav/n0_rokl.gif);}
div#navrocketr {position:absolute; width:40px; height:24px; left:662px; top:96px;
background-image:url(images/nav/n0_rokr.gif);}

a.roll  {width:150px; height:24px; padding-top:0px; display:block; background-repeat:no-repeat;}/* Nav Bar2-3 */

div.nb1a {position:absolute; width:76px; height:24px; left:60px; top:96px;}	/* 1-Home */
	div.nb1a a.roll:link {
	background-position: 0px -25px;
	text-decoration:none;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;
	width:76px;}
	div.nb1a a.roll:visited {
	background-position: 0px -25px;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;
	width:76px;}
	div.nb1a a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;}
	div.nb1a a.roll:active {
	background-position: 0px -25px;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;}
	
div.nb1b {position:absolute; width:76px; height:24px; left:60px; top:96px;}	
	div.nb1b a.roll:link {
	background-position: 0px -0px;
	text-decoration:none;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;
	width:76px;}
	div.nb1b a.roll:visited {
	background-position: 0px -0px;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;
	width:76px;}
	div.nb1b a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;}
	div.nb1b a.roll:active {
	background-position: 0px -0px;
	background-image: url(images/nav/n1_home.gif); 
	background-repeat:no-repeat;}
	
div.nb2a {position:absolute; width:81px; height:24px; left:138px; top:96px;}	/* 2-Store */
	div.nb2a a.roll:link {
	background-position: 0px -25px;
	text-decoration:none;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;
	width:81px;}
	div.nb2a a.roll:visited {
	background-position: 0px -25px;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;
	width:81px;}
	div.nb2a a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;}
	div.nb2a a.roll:active {
	background-position: 0px -25px;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;}
	
div.nb2b {position:absolute; width:81px; height:24px; left:138px; top:96px;}	
	div.nb2b a.roll:link {
	background-position: 0px -0px;
	text-decoration:none;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;
	width:81px;}
	div.nb2b a.roll:visited {
	background-position: 0px -0px;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;
	width:81px;}
	div.nb2b a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;}
	div.nb2b a.roll:active {
	background-position: 0px -0px;
	background-image: url(images/nav/n2_store.gif); 
	background-repeat:no-repeat;}	

div.nb3a {position:absolute; width:122px; height:24px; left:221px; top:96px;}	/* 3-Seminars */
	div.nb3a a.roll:link {
	background-position: 0px -25px;
	text-decoration:none;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;
	width:122px;}
	div.nb3a a.roll:visited {
	background-position: 0px -25px;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;
	width:122px;}
	div.nb3a a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;}
	div.nb3a a.roll:active {
	background-position: 0px -25px;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;}
	
div.nb3b {position:absolute; width:122px; height:24px; left:221px; top:96px;}	
	div.nb3b a.roll:link {
	background-position: 0px -0px;
	text-decoration:none;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;
	width:122px;}
	div.nb3b a.roll:visited {
	background-position: 0px -0px;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;
	width:122px;}
	div.nb3b a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;}
	div.nb3b a.roll:active {
	background-position: 0px -0px;
	background-image: url(images/nav/n3_seminars.gif); 
	background-repeat:no-repeat;}

div.nb4a {position:absolute; width:127px; height:24px; left:345px; top:96px;}	/* 4-Feedback */
	div.nb4a a.roll:link {
	background-position: 0px -25px;
	text-decoration:none;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;
	width:127px;}
	div.nb4a a.roll:visited {
	background-position: 0px -25px;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;
	width:127px;}
	div.nb4a a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;}
	div.nb4a a.roll:active {
	background-position: 0px -25px;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;}
	
div.nb4b {position:absolute; width:127px; height:24px; left:345px; top:96px;}	
	div.nb4b a.roll:link {
	background-position: 0px -0px;
	text-decoration:none;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;
	width:127px;}
	div.nb4b a.roll:visited {
	background-position: 0px -0px;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;
	width:127px;}
	div.nb4b a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;}
	div.nb4b a.roll:active {
	background-position: 0px -0px;
	background-image: url(images/nav/n4_feedback.gif); 
	background-repeat:no-repeat;}

div.nb5a {position:absolute; width:56px; height:24px; left:474px; top:96px;}	/* 5-FAQ */	
	div.nb5a a.roll:link {
	background-position: 0px -25px;
	text-decoration:none;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;
	width:56px;}
	div.nb5a a.roll:visited {
	background-position: 0px -25px;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;
	width:56px;}
	div.nb5a a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;}
	div.nb5a a.roll:active {
	background-position: 0px -25px;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;}
	
div.nb5b {position:absolute; width:56px; height:24px; left:474px; top:96px;}	
	div.nb5b a.roll:link {
	background-position: 0px -0px;
	text-decoration:none;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;
	width:56px;}
	div.nb5b a.roll:visited {
	background-position: 0px -0px;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;
	width:56px;}
	div.nb5b a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;}
	div.nb5b a.roll:active {
	background-position: 0px -0px;
	background-image: url(images/nav/n5_faq.gif); 
	background-repeat:no-repeat;}

div.nb6a {position:absolute; width:125px; height:24px; left:532px; top:96px;}	/* 6-Teachers */
	div.nb6a a.roll:link {
	background-position: 0px -25px;
	text-decoration:none;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;
	width:125px;}
	div.nb6a a.roll:visited {
	background-position: 0px -25px;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;
	width:125px;}
	div.nb6a a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;}
	div.nb6a a.roll:active {
	background-position: 0px -25px;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;}
	
div.nb6b {position:absolute; width:125px; height:24px; left:532px; top:96px;}	
	div.nb6b a.roll:link {
	background-position: 0px -0px;
	text-decoration:none;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;
	width:125px;}
	div.nb6b a.roll:visited {
	background-position: 0px -0px;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;
	width:125px;}
	div.nb6b a.roll:hover {
	background-position: 0px -25px;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;}
	div.nb6b a.roll:active {
	background-position: 0px -0px;
	background-image: url(images/nav/n6_teachers.gif); 
	background-repeat:no-repeat;}
				
/* E: Site Navigation & Rollovers------------------------------------------------------------------------------------ */