html {margin-left: -1px; overflow-Y: scroll}

body {margin:0; padding:0; font-family:arial,verdana; text-align:center; background: url(/images/contentbg.png) top center repeat-y #404040}

#preload {display:none}

#headerbg {background: url(/images/headerbg.jpg) top center no-repeat; min-height:400px}

#center {margin:0 auto; width:1000px}

#headerheight {margin:0 auto; height:184px; position:relative}

#logo {display:block; width:526px; height:58px; margin:65px 0 0 33px; outline-style:none; float:left}


/**/
#logincontainer {width:370px; height:31px; float:right; right:0; margin:150px 22px 0 0; font-family:arial,verdana; color:#4b4b4b; font-size:10px; text-align:left; background: url(/images/loginfullbg.png) no-repeat}
#logincontainer form {margin:0; padding:0}
#logincontainersub {list-style-type:none; padding:0; margin:0}
#loginusername {float:left; margin:0 0 0 18px; padding:7px 0 0 0}
#loginusername img {display:inline; vertical-align:top; margin-top:6px}
#loginusername input {font-family:arial,verdana; color:#CCC; font-weight:bold; font-size:10px; background-color:#404040; border:1px solid #c5c4c4; padding:2px; margin-right:10px; width:71px; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; display:inline; vertical-align:top}
#loginpassword {float:left; margin:0 7px 0 0; padding:7px 0 0 0}
#loginpassword img {display:inline; vertical-align:top; margin-top:6px}
#loginpassword input {font-family:arial,verdana; color:#CCC; font-weight:bold; font-size:10px; background-color:#404040; border:1px solid #c5c4c4; padding:2px; margin:0; width:71px; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; display:inline; vertical-align:top}
#loginsubmit {float:left; margin:0; padding:7px 0 0 0}
#loginsubmit input {font-family:arial,verdana; font-weight:bold; color:#ffffff; font-size:10px; background-color:#404040; border:1px solid #999999; width:48px; height:18px; padding:0 0 2px 0; filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; cursor:pointer; letter-spacing:0; vertical-align:top; display:block}


/**/
#logoutcontainer {height:31px; float:right; display:block; margin:150px 22px 0 0; font-family:arial,verdana; color:#4b4b4b; font-size:10px; text-align:left}
#logoutcontainer form {margin:0; padding:0}
#logoutleftbg {list-style-type:none; padding:0; margin:0; float:left}
#logoutbg {list-style-type:none; padding:0; margin:0; height:32px; vertical-align:middle; background: url(/images/loginbg.png) top repeat-x; float:left}
#logoutbg li {margin:0; padding:7px 0 0 0; height:32px; letter-spacing:1px; text-align:right; vertical-align:top}
#logoutbg li span {height:14px; font-size:14px; margin:0; padding:0; line-height:32px}
#logoutbg li input {font-family:arial,verdana; font-weight:bold; color:#ffffff; font-size:10px; background-color:#404040; border:1px solid #999999; width:60px; height:18px; margin:0px 0 0 5px; padding:0 0 2px 0; filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; letter-spacing:0; cursor:pointer; vertical-align:top}


/**/
#topnavcontainer {width:872px; height:41px; margin:0 auto; position:relative; z-index:600}


/**/
#leftcontainer {float:left; width:153px; text-align:left}
#lefttitle {margin:19px 0 0 4px}

#leftnav  {list-style:none; margin:0; padding:0; width:152px; margin-top:14px; margin-left:2px}
#leftnav li {float:left; width:151px; height:35px; margin:0; padding:0; background: url(/images/menus/leftnav/buttonbg.png); position:relative}
#leftnav li.last {float:left; width:151px; height:35px; margin:0; padding:0; background: url(/images/menus/leftnav/buttonbg-last.png); position:relative}
#leftnav li a {width:152px; height:35px; margin:0; padding:0; cursor:pointer; display:block; color:#555; text-decoration:none; text-align:center; font-family:arial,verdana; font-weight:bold; font-size:11px; line-height:34px; background: url(/images/menus/leftnav/hoverbg.png) -151px 0 no-repeat; outline:none}
#leftnav li a img {margin:0 auto; padding-top:11px; border:0}
#leftnav li a:hover {color:#555}

span.highlightbuttonbg {background:url(images/menus/leftnav/highlightbuttonbg.png) top left no-repeat; width:151px; height:35px; display:block; outline:none; margin:0; text-align:center; position:absolute; left:0}
#leftnav li.highlight a div img {margin:0 auto; padding-top:11px; border:0}
#leftnav li.highlight a {text-align:right; /*background: url(/images/menus/leftnav/hoverbg-highlight.png) -151px 0 no-repeat*/}

#newslettertitle {margin:24px 0 0 4px}
.newsletterform {margin:0; text-align:center}
#newsletteremail {font-family:arial,verdana; color:#444; font-size:10px; background-color:#f4f4f4; border:1px solid #c5c4c4; padding:1px 3px 1px 3px; margin:10px 0 0 0; width:96px}
#newslettersubmit {font-family:arial,verdana; font-weight:bold; color:#ededed; font-size:10px; background-color:#404040; border:1px solid #999999; width:70px; height:19px; padding-bottom:3px; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; cursor:pointer; outline:none; margin:10px 0 0 0}

#freelessonsbanner {width:137px; height:86px; display:block; margin-left:7px; padding-top:22px; clear:left}
#freelessonsbanner a {background: url(images/free-guitar-lessons.gif); width:137px; height:86px; display:block; outline:none}


/**/
p {text-align:left; line-height:18px; cursor:text; margin-top:0; margin-bottom:14px; font-size:12px; color:#555555}

a {color: #555555; text-decoration: underline; font-size:12px; font-family:arial}
a:hover {color: #FF0000; text-decoration: underline; font-size:12px; font-family:arial}

a.grayred {font-family:arial,verdana; font-size:12px; color: #555555; text-decoration: underline; font-weight:bold}
a.grayred:hover {font-family:arial,verdana; font-size:12px; color: #FF0000; text-decoration: underline; font-weight:bold}
a.redgray {font-family:arial,verdana; font-size:12px; color:#ff0000; text-decoration:underline; font-weight:bold}
a.redgray:hover {font-family:arial,verdana; font-size:12px; color:#777; text-decoration:underline; font-weight:bold}

.formbutton {background-color:#747474; border-width:1px; color:#f7f7f7; height:28px; padding-bottom:1px; font-size:11px; vertical-align:middle; font-weight:bold; cursor:pointer; font-family:arial}


/**/
#pagetitles {height:53px; display:block; border-bottom:1px solid #999; width:600px; margin:0 auto}
.pagetitle {text-align:left; letter-spacing:6px; font-size:20px; float:left; margin-top:25px; margin-bottom:4px}

#pagetitlelinks {display:block; float:right; margin-top:34px; font-size:11px; color:#222}
#pagetitlelinks a {font-size:11px; display:inline; margin:0px 3px 0px 3px}
#pagetitlelinks a.lastlink {margin-right:0}


/**/
#contentcontainer {float:left; width:694px; text-align:center; height:100%}


/**/
#rightcontainer {float:left; width:153px; text-align:left}

#poststitle {margin:19px 0 0 6px}

#recentposts {list-style-type:none; padding:0; text-align:left; width:128px; margin:14px 0px 0px 14px}
#recentposts li {color:#908f8f; font-family:arial,verdana; font-size:10px; margin-bottom:9px; line-height:12px; font-weight:bold}
.recentposts-thread {font-family:arial,verdana; font-size:10px; color:#f0f0f0; text-decoration:none; font-weight:bold}
.recentposts-thread:hover {font-family:arial,verdana; font-size:10px; color:#f0f0f0; text-decoration:underline; font-weight:bold}


/**/
#footer1container {background: url(/images/footerbg1.png) top center no-repeat; height:60px; text-align:center; clear:left}
#footer1center {margin:0 auto; padding:0; width:1000px; height:31px; position:relative}
a.cornersymbol {width:31px; height:30px; background: url(/images/cornerigsymbol.png); display:block; float:right; margin:1px 10px 0 0}
a.cornersymbol:hover {background-position:0 -30px}	

#footer2bg1 {background: url(/images/footerbottombg1.png) top repeat-x #404040; background-position:0 41px; height:290px; margin:0 auto; padding:0}
#footer2bg2 {background: url(/images/footerbottombg2.png) top center no-repeat; background-position:50% 41px; height:290px; margin:0 auto; padding:0}
#copyrightcontainer {margin:0 auto; padding:12px 0 0 0; height:32px; text-align:center}

#footerlinkscontainer {width:664px; margin:0 auto; position:relative}
#footerlinkscontainer em {letter-spacing:3px; display:block}

#footerlinkscontainer a {color:#6d6d6d; font-family:arial; font-size:11px; text-decoration:underline}
#footerlinkscontainer a:hover {color:#878787; font-family:arial; font-size:11px; text-decoration:underline}

#footercolumn1 {width:129px; float:left; text-align:left; margin-top:35px; line-height:16px}
#footercolumn2 {width:120px; float:left; text-align:left; margin-top:35px; line-height:16px}
#footercolumn3 {width:112px; float:left; text-align:left; margin-top:35px; line-height:16px}
#footercolumn4 {width:112px; float:left; text-align:left; margin-top:35px; line-height:16px}
#footercolumn5 {width:110px; float:left; text-align:left; margin-top:35px; line-height:16px}
#footercolumn6 {width:81px; float:left; text-align:left; margin-top:35px}

a.twitter {width:67px; height:15px; background: url(/images/footer-twitter.png); display:block; float:left; margin:4px 0 0 0}
a.twitter:hover {background-position:0 -15px}
a.facebook {width:76px; height:15px; background: url(/images/footer-facebook.png); display:block; float:left; margin:10px 0 0 0}
a.facebook:hover {background-position:0 -15px}
a.myspace {width:81px; height:21px; background: url(/images/footer-myspace.png); display:block; float:left; margin:10px 0 0 0}
a.myspace:hover {background-position:0 -21px}
a.youtube {width:67px; height:24px; background: url(/images/footer-youtube.png); display:block; float:left; margin:10px 0 0 0}
a.youtube:hover {background-position:0 -24px}
a.rss {width:45px; height:17px; background: url(/images/footer-rss.png); display:block; float:left; margin:10px 0 0 0}
a.rss:hover {background-position:0 -17px}




/**********************/
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0; position:relative; z-index:499}
ul.dropdown {position: relative; float: left; z-index: 496}
ul.dropdown li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; cursor: pointer; z-index: 498}
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; z-index: 497}
ul.dropdown ul li {float: none}
ul.dropdown li:hover > ul {visibility: visible}

/* Sub Placement */
ul.dropdown ul ul {top: -1px; left: 207px}


ul.dropdown .lesson-categories ul {background: url(/images/menus/topnav/dots.png); margin-left:1px; width:209px; z-index:495}
ul.dropdown .lesson-categories li {border-style:solid; border-width:1px 1px 0px 1px; border-color:#b0b0b0; width:208px; float:left}
ul.dropdown .lesson-categories li .ulstyles li {display:block; width:260px; float:left}
ul.dropdown .lesson-categories li .ulstyles {width:261px}
ul.dropdown .lesson-categories li .ultopics li {width:188px; float:left}
ul.dropdown .lesson-categories li .ultopics {width:189px}
ul.dropdown .lesson-categories li .ullevels li {width:192px; float:left}
ul.dropdown .lesson-categories li .ullevels {width:193px}
ul.dropdown .lesson-categories li .ulinstructors li {width:172px; float:left}
ul.dropdown .lesson-categories li .ulinstructors {width:173px}

ul.dropdown .lesson-plans li {background: url(/images/menus/topnav/dots.png); border-style:solid; border-width:1px 1px 0 1px; border-color:#b0b0b0; width:166px; float:left; margin-left:1px}

ul.dropdown .tools li {background: url(/images/menus/topnav/dots.png); border-style:solid; border-width:1px 1px 0 1px; border-color:#b0b0b0; width:103px; float:left; margin-left:1px}


/* Drop Down Text */
ul.dropdown a, ul.dropdown a:visited {text-decoration:none; display:block; line-height:36px; height:38px; padding-left:11px; font-family:verdana,arial; font-size:11px; font-weight:normal; color:#555; text-align:left; outline-style:none; position:relative}
ul.dropdown a:hover	{color:#ff0000}
ul.dropdown a:active, ul.dropdown a:visited {color:#555; outline-style:none}

/* Hover */
ul.dropdown .dir li a:hover {background-color:#eeeded; color:#555}

/* Active Hover */
ul.dropdown li.hover, ul.dropdown li:hover {background-color:#eeeded}


/* Sub Vertical Placement */
ul.dropdown ul {margin-top: 0}
ul.dropdown ul li {font-weight: normal}

ul.dropdown ul li.topline {border-top:1px solid #868686}
ul.dropdown ul li.bottomline {border-bottom:1px solid #b0b0b0}


/* Images */
.arrow {border:0; margin:0; padding:0; position:absolute; right:10px; top:10px}
.instructorpic {border:0; margin:0; padding:0; position:absolute; right:7px; top:6px; border:1px solid #aaaaaa; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90}
ul.dropdown .dir li a:hover .instructorpic {border:0; margin:0; padding:0; position:absolute; right:7px; top:6px; border:1px solid #aaaaaa; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1}
#rock {border:0; margin:0; padding:0; position:absolute; right:24px; top:9px}
#metal {border:0; margin:0; padding:0; position:absolute; right:18px; top:10px}
#classical {border:0; margin:0; padding:0; position:absolute; right:9px; top:6px}
#fusion {border:0; margin:0; padding:0; position:absolute; right:7px; top:10px}
#jazz {border:0; margin:0; padding:0; position:absolute; right:25px; top:10px}
#blues {border:0; margin:0; padding:0; position:absolute; right:22px; top:9px}
#acoustic {border:0; margin:0; padding:0; position:absolute; right:12px; top:9px}
#funk {border:0; margin:0; padding:0; position:absolute; right:20px; top:7px}
#country {border:0; margin:0; padding:0; position:absolute; right:7px; top:11px}
#latin {border:0; margin:0; padding:0; position:absolute; right:21px; top:8px}
#holiday {border:0; margin:0; padding:0; position:absolute; right:7px; top:7px}
#anystyle {border:0; margin:0; padding:0; position:absolute; right:7px; top:11px}


/* Main Buttons */
ul.dropdown li.lesson-search {width:152px; height:41px; display:block}
ul.dropdown li.lesson-search:hover {background: url(/images/menus/topnav/ls2.gif)}
ul.dropdown li.lesson-search a {display:block; width:152px; height:41px; padding:0}

ul.dropdown li.lesson-categories {width:211px; height:41px; display:block}
ul.dropdown li.lesson-categories:hover, ul.dropdown a.lesson-categories.hover {background: url(/images/menus/topnav/lc2.gif)}
ul.dropdown li.lesson-categories a.categories-link {display:block; width:211px; height:41px; padding:0}

ul.dropdown li.video-lessons {width:149px; height:41px; display:block}
ul.dropdown li.video-lessons:hover {background: url(/images/menus/topnav/vl2.gif)}
ul.dropdown li.video-lessons a {display:block; width:149px; height:41px; padding:0}

ul.dropdown li.lesson-plans {width:169px; height:41px; display:block}
ul.dropdown li.lesson-plans:hover {background: url(/images/menus/topnav/lp2.gif)}
ul.dropdown li.lesson-plans a.plans-link {display:block; width:169px; height:41px; padding:0}

ul.dropdown li.tools {width:106px; height:41px; display:block}
ul.dropdown li.tools:hover {background: url(/images/menus/topnav/t2.gif)}
ul.dropdown li.tools a.tools-link {display:block; width:106px; height:41px; padding:0}

ul.dropdown li.forum {width:85px; height:41px; display:block}
ul.dropdown li.forum:hover {background: url(/images/menus/topnav/f2.gif)}
ul.dropdown li.forum a {display:block; width:85px; height:41px; padding:0}
/**********************/