/* BASIC */

body {font-size: 62.5%;
font-family: Arial, Verdana, Geneva, Lucida, Helvetica, sans-serif; }

h1, h2, h3, p, ul {padding: 0;
margin: 0; }

/* WRAPPER: wraps entire contents of page */

#wrapper {border: solid 1px black; }

/* BANNER */

#banner ul {margin: 0px;
padding: 0px;
list-style: none; }

#banner li {display: inline;
margin-left: 10px; }

#banner li a {color: #666666;
text-decoration: none;
text-transform: uppercase;
font: 1.1em "Trebuchet MS"; }

#banner a:hover {color: #666666;
text-decoration: underline; }

.seperator {border-right: 1px solid #666;
padding-right: 10px; }

/* NAV BAR */

#mainNav ul {margin: 0;
padding: 0;
list-style: none;
background: url(images/bg_nav.png) repeat-x left top;
float: left;
border-bottom: 1px solid #000;
width: 100%; }

#mainNav li {float: left;
padding: 0;
margin: 0; }

#mainNav li a, #mainNav li a:link {color: #FFFFFF;
text-decoration: none;
padding: .5em 1em;
border-right: 1px solid #000;
display: block;
font: bold 1em "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }

#mainNav li a:hover {background: url(images/bg_nav_h.png);
color: #D4D4D4; }

/* IE 6 hack to make entire button clickable */

* html #mainNav a {width: 1px; }

/* MAIN CONTENT */

#main h1 {color: #000;
padding-top: 15px;
margin-bottom: 10px;
font: bold 2.3em Arial, Verdana, Geneva, Lucida, Helvetica, sans-serif; }

#main h2 {font-size: 1.8em;
font-weight: normal;
border-bottom: 1px solid #666;
margin-bottom: 5px;
color: #000; }

#main p {font-size: 1.4em;
margin-bottom: 10px; }

/* MAIN-HOMEPAGE CONTENT */

#main-homepage h1 {color: #000;
padding-top: 15px;
margin-bottom: 10px;
font: bold 2.3em Arial, Verdana, Geneva, Lucida, Helvetica, sans-serif; }

#main-homepage h2 {font-size: 1.8em;
font-weight: bold;
color: #000; }

#main-homepage p {font-size: 1.4em;
margin-bottom: 10px; }

.blockquote {background:#E2FFE4;
padding:10px 20px 10px 20px;
margin: 0px 0px 0px 0px; }

.border {border: 1px solid #000; }

.announcement-box {padding: 5px;
background: #E2FFE4; }

.announcement-box-title {font-size: 1.5em;
font-weight: bold;
display: inline;
color: green; }

.announcement-box-text {display: inline;
padding-left: 10px;
padding-right: 10px; }

.rtl-safe-align-left {text-align: left !important; }

/* SIDEBAR */

#sidebar {background-color: #e8eefa; }

#sidebar h2 {font-size: 1.3em;
color: #FFFFFF;
padding: 7px 8px 0 8px;
margin-bottom: 5px;
background-color: #133B76; }



#sidebar p {margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
color: #666666; }

#sidebar h3 {font-size: 1.1em;
margin-right: 5px;
margin-left: 5px;
color: #663900;
margin-bottom: 3px; }

#sidebar h3 a {color: #16387c;
text-decoration:none; }

#sidebar a:hover {color: #16387c;
text-decoration:underline; }

/* ADVERTISING */

#adverts p {margin-bottom: 15px;
text-align: center;
font-size: x-small; }

#adverts-homepage {/* background-color: #F7F7F7;
*/

       background: url(http://www.shermusic.com/images/LatinBasscvr.jpg);
/*   background: url(http://www.shermusic.com/images/backjazz.jpg);
*/ }

#adverts-homepage p {margin-bottom: 15px;
text-align: center;
font-size: x-small; }

#adverts-homepage h3 {font-size: 1.1em; }

/* COPYRIGHT INFO */

#copyright {padding: 10px;
border-top: 1px solid #000;
background-color: #fff;
font-weight: bold;
color: #000000;
text-align: center;
font-size: x-small; }

body {margin: auto; }

/* uncomment this style to set a fixed width */

#wrapper {width: 974px;
margin-left: auto;
margin-right: auto; }

#banner {position: relative; }

/* fix IE 6: improperly positioning 'subscribe' and 'about us' links in banner */

* html #banner {height: 1px; }

#banner #badge {position: absolute;
left: -18px;
top: -18px; }

#banner #logo {margin-left: 60px;
position: relative;
/* jumping logo fix for IE */ }

#banner ul {position: absolute;
right: 79px;
bottom: 5px; }

#main .figure {float: right;
width: 200px;
margin-bottom: 2px;
margin-left: 10px;
position: relative; }

#main .figure p {position: absolute;
left: 10px;
bottom: 10px;
width: 168px;
background-color: #FFF;
border: 1px dashed #666666;
font-size: 1.1em;
font-weight: bold;
text-align: center;
padding: 5px;
margin: 0; }

#main .figure img {display: block; }

#contentWrapper {position: relative;
clear: both;
width: 100%; }

#sidebar {position: absolute;
top: 15px;
left: 0;
width: 170px; }

#adverts {position: absolute;
top: 15px;
right: 5px;
width: 125px; }

#main {margin-left: 170px;
margin-right: 135px;
padding: 0 15px 15px 20px;
border: 1px solid #666666;
border-top: none;
border-bottom: none; }

.imgleft, .imgright, .imgcenter {border: 1px solid #000; }

.imgleft {float: left;
margin: 5px 15px 5px 0; }

.imgright {float: right;
margin: 5px 0 5px 15px; }

.imgcenter {display: block;
margin: 5px auto; }

img.top {vertical-align:text-top }

img.bottom {vertical-align:text-bottom }

#list li {font-size: 1.4em;
margin-left: 40px; }

#list-regular li {font-size: 1.4em;
margin-left: 15px; }

#star li {font-size: 1.4em;
margin-left: 40px;
list-style-image: url(images/star.gif); }

#main-homepage .figure {float: right;
width: 200px;
margin-bottom: 2px;
margin-left: 10px;
position: relative; }

#main-homepage .figure p {position: absolute;
left: 10px;
bottom: 10px;
width: 168px;
background-color: #FFF;
border: 1px dashed #666666;
font-size: 1.1em;
font-weight: bold;
text-align: center;
padding: 5px;
margin: 0; }

#main-homepage .figure img {display: block; }

#adverts-homepage {position: absolute;
top: 15px;
right: 5px;
width: 125px; }

#main-homepage {margin-left: 170px;
margin-right: 135px;
padding: 0 15px 15px 20px;
border: 1px solid #666666;
border-top: none;
border-bottom: none; }