﻿body {
    background-image:url('images/bg_main.gif');
    background-repeat:repeat;
    padding:0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
}
a {
    color:#fff;
}
a:visited {
    color:#ccc;
}
.container {
    width:1050px;
    background-image:url('images/bg_content.jpg');
    background-repeat:repeat-y;
    margin-left:auto;
    margin-right:auto;
}
.header {
    width:100%;
    height:266px;
    background-position:left top;
    background-repeat:no-repeat;
    position:relative;
}
.header img {
    width:922px;
    height:auto;
}
.tagline {
    width: 705px;
    color: #FF9900;
    position: absolute;
    bottom: 80px;
    right: 0px;
    font-size: 19px;
    letter-spacing: 10px;
}
#menu {
    text-align: right;
    font-size: 21px;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    right: 40px;
    bottom: 20px;
    letter-spacing: 3px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
        width: 665px;
    padding-top: 10px;
    padding-bottom: 10px;
}
a.menuitem, a.menuitem:visited {
    color:#fff;
    text-decoration:none;
    margin-right:29px;
}
a.menuitem:hover {
    color:#FFD700;
}
.last {
    margin-right:1px!important;
}
.sidebar {
    width:190px;
    float:left;
    text-align:center;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
}
.maincontent {
    float:left;
    width:794px;
    padding-left:20px;
    padding-bottom:25px;

}
.maincontent img {
    margin-right:20px;
}
.clearfix {
    clear:both;
}
h1 {
    color:#FF9900;
    font-size:28px;
}
.footer {
    height:100px;
    text-align:center;
    padding-top:20px;
}
.sidebar form {
        margin-top:20px;
    }
.musictable img {
    width:300px;
    height:300px;
}
.musicbanner {
    width:100%;
    height:auto;
}
.booktable td {
    padding-top: 20px;
    vertical-align: bottom;
    padding-bottom: 5px;
    border-bottom:1px solid #ccc;
}
.bodyText {
    text-align:left!important;

}
.linksLink, .linksLink:visited {
    text-decoration: underline;
    color: #6699CC;
}
.contacttextfield {
    width:100%;
    border: 1px #ccc solid;
    padding:5px;
    margin-top:10px;
}
.contacttextbox {
    width:100%;
    border: 1px #ccc solid;
    font-family:Arial, Helvetica, sans-serif;
        padding:5px;
        margin-top:10px;
}
.sendbutton {
    width:102%;
    margin-top:10px;
    padding:5px;
    height:35px;
}
.col1 {
    width:200px;
}
.contacttable {
    width:98%;
}
.mainimg {
	float:left; 
	margin-right:10px;
	width:300px;
}
.maintext {
	width:480px;
	float:left;
}
a.mainlink {
	display:block; background-color:#039; color:#fff; padding:10px; width:480px; margin-bottom:10px; text-align:center;
}
a.mainlink:visited {
	color:#fff;
	}
a.mainlink:hover {
	background-color:#06C;
}
@media screen and (max-width:960px)  {
      body {
        font-size:24px;
    }
    .header, .container {
        width:620px;
    }
    .container {
        background-image:none;
        background-color:#333;
        border-right:10px #666 solid;
        border-left:10px #666 solid;
    }
    .header {
        height:166px;
    }
    .header img {
        width:100%;
    }
    .tagline {
        width:380px;
        letter-spacing:normal;
        bottom: 20px;
        right: 0px;
    }
    .menu_hide {
        display:none;
    }
    .sidebar {
        width: 394px;
        padding-right: 200px;
        text-align:left;
        padding-left:25px;
        position:relative;
        background-color:#003366;
        margin-top: 25px;
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .maincontent {
        width:580px;
        padding-right:20px;
    }
    .menuswitch {
        display: block;
        width: 95px;
        height: 75px;
        background-image: url(images/mobile_menu.png);
        position: absolute;
        right: 25px;
        top: 25px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #menu {
    text-align: right;
    font-size: 21px;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    top:310px;
    letter-spacing: 3px;
    border-top:none;
    border-bottom:none;
    width: 595px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#003366;
    height:400px;
    z-index:99;
    padding-left:25px;
}
a.menuitem, a.menuitem:visited {
    color:#fff;
    text-decoration:none;
    margin-right:29px;
    display:block;
    border-bottom:solid 1px #fff;
    padding-top:15px;
    padding-bottom:15px;
    font-size:30px;
}
a.menuitem:hover {
    color:#FFD700;
}
.last {
    margin-right:29px!important;
}
.sidebar input {
        z-index:100;
    }
.musictable td {
    display:block;
}
.musictable img {
    width:100%;
    height:auto;
}
.booktable td {
white-space: nowrap;
}
.mainimg {
	margin-right:auto;
	margin-left:auto;
	width:300px;
	float:none;
}
.maintext {
	width:100%;
	float:none;
	text-align:center;
}
a.mainlink {
	display:block; background-color:#039; color:#fff; padding:20px; margin-bottom:20px; width:auto; text-align:center;
}

}