/*stylesheet for Broads adventure pages*/

/*basic stuff for centered layout */
body {text-align:center;}
#frame {	width:690px; margin-right:auto; margin-left:auto; padding:0px; text-align:left;	position:relative; }

/*some general stuff - set font size and type etc*/
body,td,a,p,.h {font-family:Trebuchet MS, Verdana, Tahoma,arial,helvetica,sans-serif;font-size:1.0em; padding: 0px; margin: 0px;}

body {background-color:#000; color:#fff}
li,td {font-size:1.0em; padding-bottom:3px;}
p {font-size:1.0em; padding-bottom:10px;}

/*default style for links*/
 a:link{color:#777;font-weight: bold; text-decoration:none;}
 a:visited{color:#777;font-weight: bold;text-decoration:none;}
 a:hover{color:#876;font-weight: bold;text-decoration:underline;}
 a:active{color:#777;font-weight: bold;text-decoration:none;}
 a img {border:0px}

/*default style for headers*/
h1 {font-size:1.8em; font-variant:small-caps; color: #777; font-weight:normal;}
h2 {color:#777; font-size:1.2em; padding:0 0 5px 0; margin:0px; font-weight:normal;}

/*default style for tables*/
td {margin:0px;padding:3px;border:0px;vertical-align:top}
.headcell {text-align:right; background-color:#eee;}
.leftcell {text-align:right; background-color:#ddd;}
.rightcell {text-align:left; background-color:#fff;}

/*now set up the individual division styles by id and class*/
#header {position:absolute; width: 700px; height:150px; top:50px; left:0px; background:url(img/headerbar2.png)}
#menu {position:absolute; height:25px; top:199px; width:400px; right:10px; padding:0px; margin:0px;}
#sidebar {position:absolute; width: 300px; top:200px; left:0px;}
#main {position:absolute; width:330px; top:260px; left:330px; padding:20px;}

#menu ul {list-style-type:none; padding:0px; margin:0px;}
#menu ul li {float:right;}
#menu ul li a{display:block; height: 25px; width:80px; background: url(img/tab-inactive-80.png);padding:0px; margin:0 5 0 0px; text-align:center;color:#fff;}
#menu ul li a.active{background: url(img/tab-active-80.png); color:#000}
#menu ul li a:hover {background: url(img/tab-active-80.png); text-decoration:none; color:#000}