body {
margin: 15px 7% 0 7%;
font: 80% "Trebuchet MS", arial, verdana, sans-serif;
background: #efefef url(/images/beeston-layout/body-fade.png) repeat-x top center;
}

/* top menu */
#top-menu a:link, #top-menu a:visited, #top-menu a:active,
#sub-menu a:link, #sub-menu a:visited, #sub-menu a:active {
color: #0D0D0D;
text-decoration: none;
}

#top-menu a:hover, #sub-menu a:hover {
color: #4D4D4D;
}

ul#top-menu li {
display: block;
float: left;
text-align: center;
padding-top: 0.1em;
padding-left: 1.1em;
padding-right: 1.1em;
height: 1.7em;
background: #a0b8cf;
margin-right: 0.3em;
}

/* IE hack to remove float gap below menu */
*:first-child+html ul#top-menu li { margin-bottom: -8px }
* html ul#top-menu li { margin-bottom: -8px }

ul#top-menu li.selected, ul#sub-menu li.selected {
background: #5c85ad;
}

ul#top-menu li.yellow {
background: #E6AC00;
}

/* bottom menu */
#sub-menu-container {
overflow: auto;
background: #a0b8cf;
}

#sub-menu {
width: 70%;
}

#sub-menu li {
display: block;
float: left;
text-align: center;
padding-top: 0.1em;
padding-left: 1.1em;
padding-right: 0.7em;
height: 1.7em;
}

#sub-menu img {
vertical-align: middle;
}

/* banner */
h1#banner-caption {
color: #E6AC00;
font-size: 1.6em;
margin-bottom: .4em;
}

#banner {
height: 125px;
clear: both;
position: relative;
}

.bg {
background: #5c85ad url(/images/beeston-layout/banners/banner.php) no-repeat right top;
}

.nobg {
background: #5c85ad;
}

#banner img#logo{
position: absolute;
top: 30px;
left: 15px;
}

#banner img#logo-football{
position: absolute;
top: 0;
left: 0;
}

#banner img#bee1 { position: absolute; top: -50px; right: 0px; }
#banner img#bee2 { position: absolute; top: -65px; right: 40px; }
#banner img#bee3 { position: absolute; top: -25px; right: 300px; }

#beekeeper {
position: absolute;
right: 0px;
width: 293px;
height: 194px;
z-index: 10;
}

html>body #beekeeper { background: url(/images/beeston-layout/beekeeper.png) no-repeat left top; }
* html #beekeeper { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/beeston-layout/beekeeper.png', sizingMethod='image'); }

/* content structure */
#content-right {
position: relative;/*ie needs this to show float */
width: 249px;
float: right;
}

#content-left {
position: relative;/*ie needs this to show float */
color: #000;
margin-right: 250px;
}

#content-left-inner {
width: 100%;
float: left;
border-right: 1px dashed #cccccc;
padding: 1em 0 1em;
}

#content-left-inner ul {
margin-left: 3em;
margin-bottom: 1em;
}

/* left content styles */

#content-left-inner a:link, #content-left-inner a:visited, #content-left-inner a:active {
color: #002080;
}

/* adsense */
#adsense {
margin: auto 0 auto;
}

/* flashban */
#flashban {
}

/* right column styles */

#content-right-inner {
padding-left: 1em;
}

#content-right-inner a:link, #content-right-inner a:visited, #content-right-inner a:active {
color: #003300;
}

#content-right-inner a:hover {
color: #006600;
}

#content-right-inner img {
vertical-align: middle;
}

#content-right-inner h4 {
font-size: 1.2em;
font-weight: bold;
}

#content-right-inner p {
margin: 0.3em 0 0.8em
}

/* right menu */
ul#right-menu {
margin: 5em 0 2em;
}

ul#right-menu .selected {
font-weight: bold;
} 

ul#right-menu  ul {
margin: 0.3em 0 0.3em 3em;
}

ul#right-menu  ul li {
list-style-type: bullet;
list-style-image: url('/images/beeston-layout/bullet-green.png');
}


/* footer */

#footer {
clear: both;
position: relative;
text-align: center;
}

#footer img#bee-footer { position: absolute; top: -25px; right: 11px; }

#footer span {
display: block;
border-top: 5px solid #5c85ad;
padding-top: 5px;
margin-bottom: 15px;
}