/* Common Site-wide styles */
body,p,ul,h1 {margin:0px; padding:0px; font-family:Arial;}
p {background-color:#fff; letter-spacing:1pt; line-height:25px; text-align:justify; margin-bottom:25px;}

/* Title */
#title {position:absolute; text-indent:-1000px; left:200px; top:30px; width:800px; height:185px; background-image:url(/LeadTrumpet/Images/LeadTrumpetLogo.png); background-repeat:no-repeat;}

/* Menu */
#menu {position:absolute; top:160px; left:380px;}
#menu li {display:inline; margin-right:40px;}
#menu li a {color:#FFF; font-size:17pt; text-decoration:none; height:25px; padding-left:6px; padding-right:6px;}
#menu li a:hover {color:#FFF; font-size:17pt; text-decoration:none; background-image:url(/Leadtrumpet/Images/MenuHighlight.png); background-repeat:repeat-x;}


/* Sidebar */
#sidebar {position:absolute; left:30px; top:223px; height:auto; width:150px;}
#sidebar .ad {display:block; margin-bottom:15px; height:110px; text-indent:-1000px; background-repeat:no-repeat;}
#sidebar #listen {background-image:url(/LeadTrumpet/Images/Listen.png); cursor:pointer;}
#sidebar #freeBigBandChart {background-image:url(/LeadTrumpet/Images/FreeChart.png);}
#sidebar #freeMetronome {background-image:url(/LeadTrumpet/Images/FreeMetronome.png);}
#sidebar #listenPanel {position: absolute; left:131px; top:68px; display:none; height:200px; width:200px; background-color:#fff; z-index:1000; padding:5px; border:1px solid black;}
#sidebar #listenPanel #tracks {list-style-type:none; overflow:auto; height:180px;}
#sidebar #listenPanel #tracks li {margin-bottom:0px; text-indent:0px;}
#sidebar #listenPanel #tracks li a { text-decoration:none;}
#sidebar #listenPanel #tracks li p { font-size:8pt; letter-spacing:normal; margin-bottom:0px}

#closeListen { color:Blue; cursor:pointer; padding:0px; margin:0px; position:absolute; right:5px; bottom:5px; font-size:8pt;}

/* Main Content*/
#mainContent {position:absolute; left:200px; top:223px; width: 800px; height:1000px; background-color:white; z-index:0;}