html {
overflow: -moz-scrollbars-vertical;
}
html, body { 
margin: 0; 
padding: 0; 
color: #fff; 
height: 100%; 
text-align: center;
background: #72A372; 
background: #000000; 
background: #003D6B; 
} 
table {
margin-left: auto;
margin-right: auto;
border: single black;
margin-top: 15px;
}
td { 
background: #FFFFFF; 
}
#container { 
position: relative; 
width: 560px; 
margin: 0 auto;
text-decoration:none;
font-family:verdana, arial, sans-serif;
font-size:12px;
text-align: left; 
border-left: 200px solid #6E8059; /* left border creates background for left column ~ colour only */ 
background-image: url("border.JPG");
background-repeat: repeat-y;
background-color: #B0CC8F;
min-height: 100%; /* this is where inheritance stops */ 
} 

/* the following changes the width per box model hack 
and then puts in the 100% height (equivalent to min-height) for IE/Win only */ 
/*\ hide from Mac it's not broken */ 
* html #container { 
width: 760px; 
w\idth: 560px; /* should be 760 if in quirks mode */ 
height: 100%; 
} 
/* end hide */ 

/* trick to get compliant browsers to clear the (right) floated div if required */ 
#container::after{ 
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
font-size: 1px; 
clear: both; 
visibility: hidden; 
} 

#header { 
position: absolute; 
z-index: 100; 
left: 50%; 
margin: 0 0 0 -480px; 
padding: 0; 
height: 100px; 
width: 760px; 
/*background: #008; */
background: #fff;
} 

#footer 
{ 
position: absolute; 
left: 50%; 
bottom: 0; 
margin: 0 0 0 -480px; 
padding: 0; 
height: 50px; 
width: 760px; 
/*background: #060; */
background: #E2FFBF;
color: #000;
} 

#left-col 
{ 
position: relative; 
margin: 0 0 0 -190px; 
padding: 100px 0 60px 0; 
width: 180px; 
background: #6E8059; 
color: #000;
text-align: center;
} 

#right-col 
{ 
position: relative; 
float: right; 
margin: 100px 0 0 0; 
padding: 0 0 60px 0; 
width: 550px; 
color: #000; 
background-color: #B0CC8F;
} 

p {margin: 0 20px; padding: 10px 0;} 

#logo {
margin:0; padding:0;
position:relative;
width:600px; height:100px;
margin:0; padding:0;
/*overflow:hidden;*/
}

#logo span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:600px; height:100px;
margin:0; padding:0;
background:url("riveroaks_logo.GIF") top left no-repeat;
}

ul {list-style-type: none;
    padding: 0;
    margin: 25px;
}

li {margin-bottom: 5px;}
.menu a {
     margin: 0 2px;
     padding-top: 5px;
     width: 120px; 
     height: 20px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
     background: #DBE6CF;

	 }
	 
.menu a:hover {
     background: #B0CC8F; 
     border: 1px solid #DBE6CF; 
     }

.menu a:active {
     background: #6e8b3d;
     border: 1px solid gray; 
     color: #fff;
     }

ul.genlist { 
     list-style-type: square;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 40px;
}

ul.ratelist {
     list-style-type: none;
     padding: 0px; 
     margin: 25px;
     margin-top: 0px;
     margin-bottom: 0px;
}

ul.ratelist li{
     margin: 0;
}

p.nospace {
     padding: 0px;
}

h4 {
     padding-bottom: 0;
     margin-bottom: 5px;
}

img.fountain {
	float: right;
	padding-top: 10px;
	margin-right: 50px;
}

img.tree {
	float: right;
	padding-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

table#layout {
     width: 520px;
     border: solid #000 2px;
     background: #E2FFBF;
}

table#layout th {    
     padding: 2px;    
     text-align: center;
}

table#layout td {    
     padding: 4px;    
     border: solid #000 1px;
     text-align: center;
     background: #DBE6CF;
}

table#layout td.white {
     background: #FFFFFF;
}

table#membership {
     width: 510px;
}

table#membership td.center {
     text-align: center;
}

a 
{
	color: Black;
}

a:hover.tournylist 
{
	color: White;
}