/*  Document   : westcoastswinguk.css
    Created on : 31 March 2009
    Author     : Peter Fradley
    Description: Style sheet for www.westcoastswing.co.uk */

/* Fixed Width Body */
body { padding:0px; margin:0px; min-width:200px; FONT-FAMILY:Bank Gothic, Arial, Helvetica, sans-serif; font-size:16px; background-color: black; background:url(../images/sitebackground4.jpg) black top center no-repeat fixed;}


#wrap { margin:0px auto; width:975px; min-height:250px; overflow:hidden; position:relative; }

#logo { padding: 20px 30px 16px 190px; }
#logo img { height: 100px; }

#menu { z-index: 30; float: left; height: 350px; width: 130px; background:url(../images/menubox.png); position: absolute; top: 115px; left: 10px; color: white; }
#menu ul { list-style:none; margin:1em .5em; padding: 0px; }
#menu li { padding: 0px; margin: 0px 0px .8em 0px; font-size: 15px; }
#menu li a { color: white; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }

#content { z-index: 20; margin: 10px 0px 0px 0px; padding: 11px 0px 11px 22px; background:url(../images/infobox.png); width: 448px; height: 335px; position: relative; left: 125px; color:white;}
#contentScroll { height: 100%; padding: 0px; margin: 0px; overflow: auto; }
#contentScroll hr {border: 0; color: #553b20; background-color:#553b20; height: 3px; margin: 0px 15px 0px 0px;}
#contentScroll p { margin: 7px 10px 7px 0px; padding: .35em; }
#contentScroll a, a:hover, a:visited, a:active { color: #FFCC00; text-decoration: none; }
#contentScroll a:hover { text-decoration: underline; }
#contentScroll .reference, .reference:hover { color:white; text-decoration: none; }

#info { z-index: 20; margin: 0px; padding: 11px 0px 11px 11px; background:url(../images/smallbox.png); width: 350px; height: 60px; float:right; position: relative; right: 10px; top:285px; color:white;}
#infoScroll {height: 100%; padding: 0px; margin: 0px; overflow: auto;}
#infoScroll p { margin: 0px 10px 0px 0px; font-size: 12px;  }
#infoScroll h2 { font-size: 14px; margin: 0px 10px 3px 0px; text-align: center; font-weight: normal;}
#infoScroll hr {border: 0; color: #553b20; background-color:#553b20; height: 3px; margin: 0px 15px 0px 0px;}
#infoScroll a, a:hover, a:visited, a:active { color: blue; text-decoration:none; }
#infoScroll a:hover { text-decoration:underline; }
#infoScroll form { font-size: 12px; margin: 0px; padding: 0px; }

#footer { margin: 10px auto 0px auto; padding: 0px 15px;  background:url(../images/footerbox.png); width:925px; height: 34px; color: white; }
#footer p.contact {margin: 0px; line-height:34px; }
#footer p.links { margin: 0px; line-height: 17px; font-size: 14px;}
#footer  a, a:hover, a:visited, a:active { color: white; text-decoration:none; }
#footer  a:hover { text-decoration:underline; }


.bold { font-weight:bold; }
.center {text-align: center; }
.highlight { background-color: yellow; color: black; font-weight: bold;}

#calendar { z-index: 20; margin: 0px; padding: 0px 0px 0px 22px; background:none; width: 800px; height: 367px; position: relative; left: 125px; color:white; border: 1px solid black; overflow: hidden;} 

#paddedlist li { padding:5px 0px; }

.staff {
clear:both;
}
.staff img {
margin-bottom: 5px;
}
hr { clear: both;}