/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #dcdffe;
}

table.maintable {
	background-image: url(img-new/left-blank.jpg);
	background-repeat: repeat-y;
}

.content {
	background-color: #FFFFFF;
	background-image: url(img-new/top-blank-h.jpg);
	background-repeat: repeat-x;
	padding-top: 30px;
}

td.side {
	padding: 0px 56px 0 35px;
	text-align: left;
}

td.side p, td.side ul li {
	font-size: 10pt;
}

td.side a, td.side a:visited {
	color: #000;
}

td.side h2 {
	margin-top: 0px;
	padding-top: 0px;
	
}

td.side ul {
	list-style-type: square;
	margin-left: 0px;
    padding-left: 20px;
}

td.side ul li {
	margin-bottom: 10px;
}

p, li {
	font-family: Arial, Helvetica;
	font-size: 11pt;
}

.p24 { font-size: 24pt; }
.p20 { font-size: 20pt; }
.p18 { font-size: 18pt; }
.p16 { font-size: 16pt; }
.p9 { font-size: 9pt; }
.p8 { font-size: 9pt; font-weight: bold; }
h1 {
	font-family: Arial, Helvetica;
	font-size: 20pt;
	color: #003366;
	text-align: center;
    margin-top: 0px;
}
h2 {
	font-family: Arial, Helvetica;
	font-size: 16pt;
	color: #003366;
	text-align: center;
}

h3 {
	font-family: Arial, Helvetica;
	font-size: 14pt;
	color: #0066CC;
	font-style: italic;
	text-align: center;
}

h4 {
	font-family: Arial, Helvetica;
	font-size: 14pt;
	color: #0066CC;
	text-align: left;
}

h5 {
	font-family: Arial, Helvetica;
	font-size: 14pt;
	color: #0066CC;
	text-align: center;
}


.footer p {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #FFFFFF;
	text-align: center;
}
.left {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #003366;
	width: 250px;
	background-image: url(img-new/left-blank-h.jpg);
	background-repeat: no-repeat;
}
.left p {
	padding-left: 50px;
	padding-right: 50px;
	font-size: 9pt;
}

.left ul {
	margin-left: 50px;
	padding-left: 15px;
	list-style-type: square;
}

.left ul li {
	margin-left: 0px;
	margin-bottom: 15px;
	font-size: 9pt;
}

.left ul li a,  .left ul li a:visited {
	color: #003366;
	font-weight: bold;
}

#optin {
	position: relative;
	background-image: url(img-new/optin.gif);
	width: 440px;
	height: 180px;
	margin: 0px auto 0px auto;
}

#opttext {
    position: absolute;
    width: 280px; height: 50px;
    top: 68px; left: 140px;
	font-size: 9pt;
	font-family: Arial, Helvetica;
    color: #000;
}

#emailx {
	position: absolute;
	width: 189px;
	height: 20px;
	padding: 5px 5px 0px 5px; margin: 0;
	left: 140px;
	top: 130px;
	font-size: 9pt;
	font-family: Arial, Helvetica;
	background: transparent url(img-new/emailx.gif) no-repeat fixed;
	border: none;
}

*>#emailx { background: transparent url(img-new/emailx.gif) no-repeat; }

#submitx {
	position: absolute;
	width: 72px;
	height: 25px;
	left: 348px;
	top: 130px;
	border: none;
}


ul.nolist {
    list-style-type: none; margin-left:0px;
    padding-left: 0px; }

ul.nolist li {
    padding-left: 25px;
    background-image: url(img-new/bullet-x.gif);
    background-repeat: no-repeat;
}

ul.lessonlist {
    list-style-type: none; margin-left:0px;
    padding-left: 0px; }

ul.lessonlist li {
    padding-left: 40px;
    background-image: url(img-new/icon_doc.gif);
    background-repeat: no-repeat;
	border-bottom: dashed 1px #00f;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

ul.lessonlist li.audio {
    background-image: url(img-new/icon_audio.gif);
}

ul.lessonlist li.video {
    background-image: url(img-new/icon_video.gif);
}

ul.lessonlist li.doc {
    background-image: url(img-new/icon_doc.gif);
}

ul.lessonlist li.music {
    background-image: url(img-new/icon_music.gif);
}

ul.lessonlist li.keyboard {
    background-image: url(img-new/icon_keyboard.gif);
}

.box {
	border: 3px dashed #FF0000;
}

.style3 { color: #CC0000; }

.carttable {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
}

.cartcell {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	background-color: #FFFFCC;
}

td.rightbluegradient { background-image: url(img-new/right-corner-only.jpg); background-position: 0 -28px; }

td.rightcol {
	margin: 0; padding: 0;
	background-image: url(img-new/right-corner-only.jpg);
	background-repeat: no-repeat;
	padding-top: 150px;
}

td.rightcol ul{
	list-style-type: none;
	margin: 0; padding: 0;
	background-image: url(img-new/right-yellow.jpg);
}

td.rightcol ul li {
	margin: 0; padding: 0;
	background-image: url(img-new/right-yellow-top2.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

td.rightcol ul li ul {
	list-style-type: none;
	margin: 0; padding: 0;
	background-image: url(img-new/right-yellow-bot.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 47px;
}

td.rightcol ul li ul li {
	margin: 0; padding: 0;
	padding-left: 35px;
	background-image: url(img-new/right-yellow.jpg);
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 10pt;
}

td.rightcol ul li h2 {
	font-family: Arial, Helvetica;
	font-size: 14pt;
	color: #003366;
	text-align: left;
	padding: 0px; margin: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 35px;
}

td.rightcol ul li ul li a {
	color: #000000;
	text-decoration: none;
}

td.rightcol ul li ul li a:visited {
	color: #000000;	
}

td.rightcol ul li ul li a:hover {
	color: #000000;	
	text-decoration: underline;
}

.topheader {
	padding-right: 30px;
	padding-left: 40px;
}


#search { 
	width: 300px;
	float: right;
	position: relative;
 }

#searchfield {
	position: absolute;
	width: 256px;
	height: 22px;
	margin: 0px;
	padding: 4px 0px 0px 6px;
	font-size: 8pt;
	font-family: Arial, Helvetica;
	left: 0px;
	top: 4px;
	background: transparent url(img-new/searchfield.gif) no-repeat fixed;
	border: none;
}

*>#searchfield { background: transparent url(img-new/searchfield.gif) no-repeat; }

#search input.searchbutton {
	position: absolute;
	left: 256px;
	top: 4px;
	width: 31px;
	height: 22px;
}


form {
	padding: 0px;
	margin: 0px;
}

.padlock {
	padding-top: 90px;
	padding-left: 30px;
	text-align: left;
	height: 178px;
}
.topright {
	background-image: url(img-new/top-right-h.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.loginfo {
	padding-right: 50px;
	padding-left: 30px;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	text-align: left;
}

.loginfo p {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	text-align: left;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0; list-style:none; height:29px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:930px; text-align: center;}
#nav li.top {display:block; float:left; background-color:transparent; margin-left: 40px; margin-right: 35px; }
#nav li a {display:block; float:left; height:29px; text-decoration:none; padding:0; cursor:pointer; background-color:transparent; }
#nav li a b {margin-left:-999px;}

#nav li a.home { background: url(img-new/menu_home.gif); width: 71px; }
#nav li a.aboutus { background: url(img-new/menu_aboutus.gif); width: 91px; }
#nav li a.blog  { background: url(img-new/menu_blog.gif); width: 66px; }
#nav li a.products  { background: url(img-new/menu_products.gif); width: 96px; }
#nav li a.freelessons  { background: url(img-new/menu_freelessons.gif); width: 114px; }
#nav li a.studentslogin  { background: url(img-new/menu_studentslogin.gif); width: 140px; }
#nav li a.testimonials  { background: url(img-new/menu_testimonials.gif); width: 121px; }
#nav li a.contactus  { background: url(img-new/menu_contactus.gif); width: 110px; }
#nav li a.members  { background: url(img-new/menu_members.gif); width: 139px; }

#nav li:hover a,
#nav a:hover
{background-position: 0 29px; background-color:transparent;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background-color:transparent;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:29px; background: #edb; width:150px; height:auto; z-index:300; background-color:transparent;}
#nav :hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:150px; font-weight:normal; background-color:transparent;}
#nav :hover ul.sub li a
{display:block; margin-left: 10px; height:25px; width:150px; text-decoration:none; padding:0; cursor:pointer; background-color:transparent;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0; background-color:transparent;}

#nav :hover ul li a.hhome {background:url(img-new/menu_hhome.gif);}
#nav :hover ul li a.meetlisa {background:url(img-new/menu_meetlisa.gif);}
#nav :hover ul li a.bblog {background:url(img-new/menu_bblog.gif);}
#nav :hover ul li a.pproducts {background:url(img-new/menu_pproducts.gif);}
#nav :hover ul li a.stestimonials {background:url(img-new/menu_studenttestimonials.gif);}
#nav :hover ul li a.ccontactus {background:url(img-new/menu_ccontactus.gif);}
#nav :hover ul li a.faqs {background:url(img-new/menu_faqs.gif);}
#nav :hover ul li a.search {background:url(img-new/menu_search.gif);}
#nav :hover ul li a.premiumpiano {background:url(img-new/menu_premiumpiano.gif);}
#nav :hover ul li a.pianoplus {background:url(img-new/menu_pianoplus.gif);}
#nav :hover ul li a.lifetime {background:url(img-new/menu_lifetime.gif);}
#nav :hover ul li a.alumni {background:url(img-new/menu_alumni.gif);}

#nav :hover ul li a.premiumcourse {background:url(img-new/menu_premiumpiano.gif);}
#nav :hover ul li a.freelessons {background:url(img-new/menu_freelessons.gif);}
#nav :hover ul li a.comparison {background:url(img-new/menu_comparison.gif);}
#nav :hover ul li a.beginnerslevel {background:url(img-new/menu_beginnerslevel.gif);}

/* --- RESERVED FOR OTHER MENUS --- */

#nav :hover ul li a.memberslogin {background:url(img-new/menu_memberslogin.gif);}
#nav :hover ul li a.membership {background:url(img-new/menu_membership.gif);}
#nav :hover ul li a.plessons {background:url(img-new/menu_plessons.gif);}
#nav :hover ul li a.blessons {background:url(img-new/menu_plessons.gif);}

#nav :hover ul li a.tlessons {background:url(img-new/menu_plessons.gif);}
#nav :hover ul li a.sheetmusic {background:url(img-new/menu_sheetmusic.gif);}
#nav :hover ul li a.keyboards {background:url(img-new/menu_keyboards.gif);}
#nav :hover ul li a.recitals {background:url(img-new/menu_recitals.gif);}

#nav :hover ul li a.tips {background:url(img-new/menu_tips.gif);}
#nav :hover ul li a.general {background:url(img-new/menu_general.gif);}
#nav :hover ul li a.videos {background:url(img-new/menu_videos.gif);}


#nav :hover ul.sub li a:hover 
{background-position: 0 25px; position:relative; background-color:transparent;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px; background-color:transparent;}