/* 2010 California Music Studios CSS LAYOUT - CUT AND BUILD CODING JEREMY@CALIFORNIAMUSICSTUDIOS.COM - JPP-SD@YAHOO.COM */
/* 
REGION: 
MUSIC LESSONS PAGE HOLDER
*/
div#holder-music-lessons{width:auto;margin:0;padding:0;text-align:left;background-color:#6d6e70;} 
/* 
REGION: 
HEAD AND FOOT/NAVIGATION 
*/
div#head-music-lessons,div#foot-music-lessons{margin:0;padding:0;text-align:center;color:#000000;background-color:#6d6e70;}
img#logo-music-lessons{width:1006px;height:159px;}
div#head-nav-music-lessons,div#foot-nav-music-lessons{width:1006px;margin:0 auto 0 auto;padding:0;text-decoration:none;background-color:#3f84c5;}
/* 
REGION: 
WHITE PSEUDO-PAPER BACKGROUND...MAYBE SET ONCE HERE, THEN TELL OTHER ELEMENTS TO INHERIT IT 
*/
div#content-music-lessons{width:1006px;margin:0 auto 0 auto;padding:0;color:#000000;background-color:#ffffff;}
div#fix-page-bottom-ie7{width:1006px;margin:0 auto 0 auto;padding:0;color:#ffffff;background-color:#000000;}
/* 
REGIONS: 
SIDEBAR COLUMN BLOCKS/CONTENT ROW BLOCKS 
*/
div.intro {width:871px;margin:22px 0 5px 45px;float:left;background-color:#ffffff;}
div.sidebar{width:216px;margin:22px 0 5px 45px;float:left;background-color:#ffffff;}
div.sidebar-smalltop{width:216px;margin:0px 0 5px 45px;float:left;background-color:#ffffff;}
div.sidebar-wide{width:316px;margin:22px 0 5px 45px;float:left;background-color:#ffffff;}
div.content{width:655px;margin:22px 0 5px 45px;float:left;background-color:#ffffff;}
div.content-smalltop{width:655px;margin:0px 0 5px 45px;float:left;background-color:#ffffff;}
div.content-narrow{width:555px;margin:22px 0 5px 45px;float:left;background-color:#ffffff;}
div.clear{clear:both;}
div.fright{float:right;}
div.fleft{float:left;}
/* 
STYLE: 
HEAD
*/
div.bar-orange{width:1006px;margin:0 auto 0 auto;padding:0;background-color:#fcb040;line-height:14px;}
span.marquee{margin:0;padding:0;}
div.bar-bbb{width:1006px;margin:0 auto 0 auto;padding:0;background-color:#ffffff;}
span.head-delimit{margin:10px 0 10px 0;padding:5px;font-size:14px;color:#ffffff;}
a.head{font:bold 14px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;text-decoration:none;line-height:20px;text-decoration:none;margin:0 10px 0 10px;padding:0;}a.head:link{color:#ffffff;}a.head:visited{color:#ffffff;}a.head:hover{color:#d51820;}a.head:active{color:#d51820;background-color:#3f84c5;}
/* 
STYLE: 
FOOT AND COPYRIGHT 
*/
span.foot-delimit{margin:5px;padding:0;font-size:12px;line-height:12px;color:#ffffff;}
a.foot{font:bold 12px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;text-decoration:none;line-height:12px;margin:0;padding:0;}a.foot:link{color:#ffffff;}a.foot:visited{color:#ffffff;}a.foot:hover{color:#d51820;}a.foot:active{color:#d51820;}
/* 151px bottom padding hack for damn IE7 at 1280x1024, to hide a rogue WHITE background...can change all white backgrounds to gray and it still appears...I think a large bottom or auto margin somewhere might be causing it to blow down.*/
p#foot-copyright{text-indent:0;margin:0;padding:16px 0 500px 16px;text-align:left;text-decoration:none;color:#000000;background-color:#e7e7e8;}
p#foot-black{background-color:#e7e7e8;}
/*
STYLE: 
BODY AND GLOBALS [alphabetical]
*/
body{text-align:center;margin:0;padding:0;font-family:verdana,geneva,calibri,constantia,corbel,candara,cambria,tahoma,arial,sans-serif;font-size:14px;line-height:18px;font-weight:normal;text-decoration:none;color:#000000;background-color:#ffffff;}
form{margin:0;padding:0;font-family:verdana,geneva,calibri,constantia,corbel,candara,cambria,tahoma,arial,sans-serif;font-size:12px;line-height:16px;font-weight:normal;text-decoration:none;color:#000000;}
a{color:#2767cd;}
a.text{color:#3f84c5;}
a.heading-phone{text-align:center;font:bold 22px cambria,georgia,serif;text-decoration:none;color:#d51820;}
h1{font:bold italic 22px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;text-decoration:none;color:#d51820;}
h1.gold{color:#a87707;}
h1.get-started{font:bold 22px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;letter-spacing:1px;text-decoration:none;color:#000000;}
h2{font:bold italic 18px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;letter-spacing:1px;text-decoration:none;color:#000000;}
h3{font:bold italic 16px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;letter-spacing:1px;text-decoration:none;color:#000000;}
h3.black{font:bold 16px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;letter-spacing:0;text-decoration:none;color:#000000;}
h3.black-plain {font:bold 16px verdana,geneva,calibri,constantia,corbel,candara,cambria,tahoma,arial,sans-serif;letter-spacing:1px;text-decoration:none;color:#000000;}
h2#lessons-available{margin:0;padding:0;font: 18px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;letter-spacing:0;text-decoration:none;color:#000000;}
h4{font:bold 14px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;letter-spacing:1px;text-decoration:none;color:#000000;}
h4#select-lessons{letter-spacing:1px;margin:0;padding:0;color:#6d6e70;}
h4.green{color:#008844;}
hr.blue{color:#3f84c5;}
hr.goldy{color:#a87707;}
hr.gold{color:sienna}
hr.green{color:#6d6e70;}
img.fright{float:right;border:none;margin:0 45px 16px 0;padding:0px;}
img.fleft{float:left;border:none;margin:0px;padding:0px;}
img.marquee{margin:2px 0px 2px 4px;padding:0;border:none;text-align:center;vertical-align:middle;line-height:14px;}
li{font:bold italic 16px calibri,georgia,utopia,serif;line-height:20px;margin:0 0 8px 45px;padding:0;color:#000000;}
li.gold{color:#a87707;}
li.plain{font:italic 16px calibri,georgia,utopia,serif;line-height:20px;margin:0 0 8px 45px;padding:0;color:#000000;}
p{text-indent:3em;padding:2px 5px 2px 5px;margin:18px 0 18px 0;}
p.gold{font-style:italic;color:#a87707;text-indent:3em;padding:2px 5px 2px 5px;margin:18px 0 18px 0;}
p.fright{float:right;}
p.fleft{float:left;}
p.no-indent{text-indent:0;padding:2px 5px 2px 5px;margin:18px 0 18px 0;}
p.no-indent-gold{font-style:italic;color:#a87707;text-indent:0;padding:2px 5px 2px 5px;margin:18px 0 18px 0;}
td{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:disc;list-style-position:outside;}
ul.no-indent{margin:0;padding:0;list-style:disc;list-style-position:outside;color:#a87707;border: solid 1px 0 0 0;}
td.link-hr-blue{width:216px;text-align:center;border-width:1px;border-left-width:0;border-right-width:0;border-style:solid;border-color:#3f84c5 #ffffff #3f84c5 #ffffff;font:bold 14px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;margin:16px 0 0 0;padding:2px;color:#3f84c5;}
td.link-hr-gray{width:216px;text-align:center;border-width:1px;border-left-width:0;border-right-width:0;border-style:solid;border-color:#6d6e70 #ffffff #6d6e70 #ffffff;
font:bold 14px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;margin:16px 0 0 0;padding:2px;color:#6d6e70;}
p.sidebar-quote-blue{width:216px;text-align:left;font:bold 14px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;margin:0;padding:0;color:#3f84c5;}
p.sidebar-quote-gray{width:216px;text-align:left;font:bold 14px 'Palatino Linotype',Palantino,Palladio,'URW Palladio L',cambria,georgia,utopia,serif;margin:0;padding:0;color:#6d6e70;}

table#links-related{margin:0 0 16px 0;}
/* 
STYLE: 
MAIN CONTENT IS IN WIDEST DIV ON RIGHT.
FONT-CONTENT WIDTH RATIO sounds interesting to try, example: 
14px font X 30 = 420px for standard 65column easy reading. 
*/
p.right,ul.right,p#personal-music-lessons{margin:0 0 16px 0;padding:0;}
ul#cms-music-lessons{margin:0;padding:0;}
/* 
STYLE: 
MUSIC LESSON INQUIRY TABLES 
*/
h1#phone-number{text-align:center;}
table#lesson-interests{width:216px;border:solid 1px; color:#6d6e70;background-color:#e7e7e8;}
table#student-age,table#lesson-instrument{width:108px;color:#000000;background-color:#f2d29c;}
table#lesson-skill,table#lesson-style{width:108px;color:#000000;background-color:#b7c9e8;}
table#student-info,table#lesson-zipcode{text-align:left;margin:0;padding:5px;border:solid 1px; color:#000000;background-color:#b7c9e8;}
td.info{vertical-align:middle;white-space:nowrap;text-align:right;}
td.input{vertical-align:top;}
td.info_checkbox{vertical-align:middle;white-space:nowrap;text-align:right;}
td.input_checkbox{vertical-align:middle;white-space:nowrap;text-align:left;}
td.submit{vertical-align:bottom;}
a.link-black-plain{margin:0;padding:0;font-family:verdana,geneva,calibri,constantia,corbel,candara,tahoma,arial,sans-serif;font-size:12px;text-decoration:none;}a.link-black-plain:link{color:#000000;}a.link-black-plain:visited{color:#000000;}a.link-black-plain:hover{color:#d51820;}a.link-black-plain:active{color:#d51820;background-color:#ffffff;}
p.link-hr-blue,a.link-hr-blue{text-align:center;margin:0;padding:0;font-weight:bold;text-decoration:none;}a.link-hr-blue:link{color:#3f84c5;}a.link-hr-blue:visited{color:#3f84c5;}a.link-hr-blue:hover{color:#d51820;}a.link-hr-blue:active{color:#d51820;}
p.link-hr-gray,a.link-hr-gray{text-align:center;margin:0;padding:0;font-weight:bold;text-decoration:none;}a.link-hr-gray:link{color:#6d6e70;}a.link-hr-gray:visited{color:#6d6e70;}a.link-hr-gray:hover{color:#d51820;}a.link-hr-gray:active{color:#d51820;}
/* 
STYLE: 
MUSIC LESSON LOCATION TABLE
*/
table#lesson-location{text-align:left;margin:0;padding:5px;border:solid 1px; color:#000000;background-color:#f7e4c6;}
td.lesson-location{font-weight:bold;color:#3f84c5;}
fieldset.music-lessons-sidebar{border:#3f84c5 solid 2px;color:#000000;margin:5px;padding:10px 5px 5px 5px;background-color:#ffffff;}
legend.music-lessons-sidebar{font-weight:bold;border:#3f84c5 solid 2px;margin:0px 0px 0px 10px;padding:0px 5px 0px 5px;color:#3f84c5;background-color:#e7e7e8;}


table#list-lesson-locations {margin:0px; padding:0px;border:#6d6e70 solid 1px;}
ul.location-list {margin:0px;padding:5px;background-color:#e7e7e8;}
li.lesson-area {font-size:12px;line-height:12px;line-spacing:16px;}
/*
a{margin:0px;padding:0px;font-weight:bold;text-decoration:underline;}a:link{color:#008844;}a:visited{color:#008844;}a:hover{color:#3399cc;}a:active{color:#008844;}
a#Music-Lesson-Inquiry{text-decoration:none;}
a.Music-Lesson-Inquiry{text-decoration:none;}
*/