/*  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:black url('../images/sitebackground2.jpg') no-repeat fixed top center;}


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


#logo { padding: 20px 30px 16px 190px; }
#logo img { width: 335px; }

#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 .7em 0px; font-size: 15px; }
#menu li a { color: white; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }

#content { z-index: 20; background:url('../images/infobox.png'); width: 448px; height: 335px; position: relative; left: 125px; color:white; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px; padding-left:22px; padding-right:0px; padding-top:11px; padding-bottom:11px}
#contentScroll { height: 100%; padding: 0px; margin: 0px; overflow: auto; }
#contentScroll hr {border: 0px none; color: #553b20; background-color:#553b20; height: 3px; margin-left:0px; margin-right:15px; margin-top:0px; margin-bottom: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; background:url('../images/smallbox.png'); width: 350px; height: 60px; float:right; position: relative; right: 10px; top:285px; color:white; padding-left:11px; padding-right:0px; padding-top:11px; padding-bottom:11px}
#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: 0px none; color: #553b20; background-color:#553b20; height: 3px; margin-left:0px; margin-right:15px; margin-top:0px; margin-bottom: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 { background:url('../images/footerbox.png'); width:925px; height: 34px; color: white; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:0px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px }
#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; }

#footer a.facebook, a:hover.facebook, a:visited.facebook, a:active.facebook { color: blue; text-decoration:none; }

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

.time { margin:1em .5em; padding: 0px; }
.time li { padding: 0px; margin: 0px 0px .8em 0px; font-size: 15px; }



#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;}