/*light blue: #bbc4c3*/
/*dark blue: #012235*/

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

body 
{
    font-family:Calibri, Sans-Serif;
    background:url('images/Sidebar.png') repeat-y;
    z-index:2;
    height:100%;
}
h
{
    color: #012235;
}
.row{margin-bottom:5px;}
.row label{float:left;text-align:right;width:100px;margin-right:3px;}
div#formRight .row label{width:250px;}
#header
{
    width:100%;
    z-index:1;
    height:340px;
    background-image:url("images/bannercenter.gif");
    background-repeat:repeat-x;
}
#header
#bannerleft
{
    float:left;
    background-image:url('images/bannerleft.gif');
    background-repeat:no-repeat;
    height:340px;
    width:439px;
    z-index:2;
}
#bannerleftInner
{
    float:left;
    background-image:url('images/bannerleftInner.gif');
    background-repeat:no-repeat;
    height:340px;
    width:439px;
    z-index:2;
}
#bannerright
{
    float:right;
    background-image:url('images/bannerright.gif');
    background-repeat:no-repeat;
    width:382px;
    height:340px;
    background-color:White;
    z-index:2;
}
#Sidebar
{
    width:180px;
    background:url('images/Sidebar.png') repeat-y;
    z-index:2;
    height:100%;
    position:absolute;
}
#SidebarBottom
{
    z-index:3;
    margin-left:33px;
    height:100%;
    padding-top:190px;
    background: url('images/SidebarImage.png') no-repeat 50% bottom;
}
#NavigationContainer
{
position:absolute;
top:350px;
width:100%;
background-color:#bbc4c3;
height:29px;
z-index:1;
left: 0px;
}
#Navigation
{
margin-left:190px;
font-family:Calibri, Sans-Serif;
}
#Navigation li
{
float:left;
list-style:none;
padding-right:3%;
padding-top:6px;
font-size:100%;
}
#Navigation a:link, a:active, a:visited
{
color:#012235;
text-decoration:none;
font-weight:500;
}
#Navigation a:hover
{
    color:White;
}
#EdOnTheWeb
{
float:right;
color:#00324b;
margin-top:50px;
width: 375px;
}
#EdOnTheWeb span
{
float:left;
margin-right:7px;
margin-left:21px;
font-size:10pt;
margin-top:8px;
font-family:Helvetica;
}
#EdOnTheWeb ul li
{
float:left;
padding-right:7px;
list-style:none;
}
#EdOnTheWeb ul li a
{
text-decoration:none;
font-size:8pt;
color:#00324b;
font-weight:normal;
}
#EdOnTheWeb ul li a img
{
    border-style:none;
}
#EdOnTheWeb ul li a:hover
{
    color:#bcc5c4;
}


#Main
{
    padding-left:220px;
    padding-top:75px;
}
#LatestNews
{
    width:49%;
    float:left;
}
#LatestNews span
{
    font-size:12pt;
    padding:5px 0px 5px 0px;
    color:#012235;
}
#LatestNews p
{
    font-size:11pt;
}
#accordion a:link, #accordion a:visited, #accordion a:active, #accordion a:hover
{
    display:block;
    height:35px;
    background:#012235 url('images/AccorHeader.png') repeat-x;
    color:White;
    text-decoration:none;
    text-align:center;
    padding-top:10px;
    font-weight:bold;
    font-size:13pt;
} 
#accordion a
{
       border-bottom:solid 2px #bbc4c3; 
}
#homeRight
{
    width:35%;
    margin-right:5%;
    float:right;
}
#accordion
{
    height:100%;
    border:solid 2px #bbc4c3;
}
#Footer
{
    width:100%;
    text-align:center;
}
#accordion div
{
    text-align:center;
    overflow:hidden;
}
ul#products
{
    list-style:none;
    border:solid 2px #012235;
    width:320px;
    border-bottom-style:none;
    border-right-style:none;
}
ul#products li a:link, ul#products li a:visited, ul#products li a:active
{
    display:block;
    width:320px;
    height:80px;
    background-color:white;
    border-bottom:solid 2px #012235;
    border-right:solid 2px #012235;
}
ul#products li a:hover
{
    background-color:#bbc4c3;
}
a#lnkMallets
{
    background-image:url('images/Mallets.png');
    background-repeat:no-repeat;
}
a#lnkBooks
{
    background-image:url('images/Books.png');
    background-repeat:no-repeat;
}
a#lnkRecordings
{
    background-image:url('images/Recordings.png');
    background-repeat:no-repeat;
}

#Bio{float:left;width:65%;}
#Bio img{float:left;}
#Quotes{width:30%;float:right;padding-right:5px;}
#Quotes span{margin-right:3px; margin-left:3px;}
#QuotesHeader{width:100%; text-align:center; height:25px; color:White; background:url('images/QuoteHeaderBackground.png') repeat-x; 
z-index:1;
}
#QuotesHeaderLeft{float:left; height:25px; width:30px; background:url('images/QuoteRoundedCornerLeft.png') no-repeat; 
z-index:3;
}
#QuotesHeaderRight{float:right; height:25px; width:30px; background:url('images/QuoteRoundedCornerRight.png') no-repeat; 
z-index:3;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:500px;width:700px;background-color:#fff;border:3px solid #bbc4c3;}
.simplemodal-close{text-decoration:none;color:#012235;}
.simplemodal-close:hover{text-decoration:underline;}

ul#TrackListing{list-style-type:none;}
#LatestNewsPage{float:left;width:70%;}
#LatestNewsPage span{color:#012235;}

#modalRecording h2{text-align:center;}
#modalRecording div{padding:5px 5px 5px 5px;}
#modalRecording #TrackListing{width:200px;}

/*Videos*/
#videos #heading{width:100%; text-align:center;}
#videos table{width:100%; margin:0px auto;}
#videos table tr td{width: 60%;}
#videos table tr td object{margin-bottom:20px;}
#videos table tr td span{width:200px;color:#012235;}
#videos span{color:#012235;}
#videos a.page:link, a.page:active, a.page:visited
{color:#012235;text-decoration:none;}
#videos a.page:hover{text-decoration:underline;}
/*End Videos*/

/*images*/
#SlideshowHeader{width:770px; margin:0px auto; text-align:center;}
.slideshow{width:770px;margin:0px auto;}
#SlideshowNavigation{width:770px;margin:0px auto;}
img#imgPrevious{float:left;}
img#imgNext{float:right;}
img#imgPrevious, img#imgNext{cursor:pointer}

/*Links*/
#Links a:link, #Links a:active, #Links a:hover, #Links a:visited
{color:#012235; text-decoration:none; font-size:14pt;}
#Links a:hover {text-decoration:underline;}
/*End Links*/

/*Music Education*/
#MusicEducationHeader{width:404px; margin:0px auto; margin-bottom:20px;}
#MusicEducationContent{width:85%;margin:0px auto;}
#MusicEducationContent ul{margin-top:10px;list-style:none; width:200px;margin:0px auto;font-size:14pt;}
#MusicEducationContent a:link, a:active, a:visited
{color:#012235;text-decoration:none;}
#MusicEducationContent a:hover{text-decoration:underline;}

/*Contact Form*/
#ContactWrapper{width:80%; margin:0px auto;}
#ContactForm{float:left;width:420px;}
#ContactForm div.row{margin-bottom:5px; width:400px;}
#ContactForm div.row label{width:150px; padding-right:4px; float:left; text-align:right;}
#ContactInformation{text-align:center; float:right;}
#ContactInformation fieldset{height:203px;}

#BooksWrapper table tr td{vertical-align:top;}

#ShopContainer p{margin-bottom:20px;}

div#OrderFormHolder{width:700px;margin:0px auto;margin-bottom:25px;}

.form{margin-bottom:10px;}
.form fieldset{padding:10px;width:400px;}
.form dl{float:left;width:400px;}
.form dl dt{float:left;margin-right:10px;}
.form dl dt label{text-align:right;width:75px;float:left;}
/*.form dl dd{padding-bottom:10px;}*/
.form dl dd.validator{margin-left:85px;}
.right {float:right;}
.guestbook-entry hr{margin:10px 0px 10px 0px;}
.guestbook-entry span{margin-right:15px;}
.guestbook-entry p.line-one{margin-bottom:7px;}