@charset "utf-8";
/* CSS Document */

body {
font-family: Arial;
margin: 0 auto;
padding: 0px;
height:100%;
background-color: #ffffff;
overflow: scroll;
font-size: .9em;
}

.main {
width: 805px;
height: auto;
margin: 0 auto;
padding: 5px;
}

.banner {
float: left;
width: 800px;
height: 288px;
background-image: url(images/liquidww_01.jpg);
}

.banner_index {
float: left;
width: 405px;
height: 459px;
background-image: url(images/index_01.jpg);
}

.nav {
float: left;
width: 773px;
height: 45px;
padding-left: 27px;
vertical-align: middle;
background-image: url(images/liquidww_04.jpg);
}

ul#buttons {
font-family: Arial;
padding: 0;
margin: 0;
list-style: none;
}
  
li#buttons {
float: left;
position: relative;
}

a#home {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 115px;
color: #888170;
text-decoration: none;
}

a#action {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 195px;
color: #888170;
text-decoration: none;
}

a#community {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 129px;
color: #888170;
text-decoration: none;
}

a#company {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 120px;
color: #888170;
text-decoration: none;
}

a#contact {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 110px;
color: #888170;
text-decoration: none;
padding-left: 7px;
}

a#contribute {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 126px;
color: #888170;
text-decoration: none;
}

a#entertainment {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 157px;
color: #888170;
text-decoration: none;
}

a#humanity {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 128px;
color: #888170;
text-decoration: none;
padding-left: 3px;
}

a#press {
float: left;
line-height: 45px;
text-align: center;
font-weight: bold;
font-size: small;
font-family: Arial;
width: 80px;
color: #888170;
text-decoration: none;
padding-left: 12px;
}

a:hover#home {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#entertainment {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#action {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#company {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#contribute {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#contact {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#donate {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

a:hover#community, a:hover#humanity, a:hover#press {
color: #615944;
background-image: url(images/raindrop.png);
background-repeat: no-repeat;
background-position: center;
}

.content {
float: left;
width: 730px;
height: auto;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 25px;
background-image: url(images/liquidww_03.jpg);
}

.content_index {
float: left;
width: 375px;
height: 439px;
padding: 10px;
background-image: url(images/index_02.jpg);
}

.footer {
float: left;
width: 800px;
height: 18px;
background-image: url(images/liquidww_05.jpg);
}

.footer_index {
float: left;
width: 750px;
height: 96px;
text-align: right;
padding-right: 25px;
padding-left: 25px;
background-image: url(images/index_04.jpg);
}

h3 {
color: #e0e4e4;
}

h5 {
color: #e0e4e4;
text-align: right;
font-size: .9em;
}

p {
color: #e0e4e4;
text-align: left;
}

p#index { text-align: center; font-size: 1.2em; }

ul {
color: #e0e4e4;
}

table {
color: #e0e4e4;
}

a {
color: #615944;
}

a:hover {
color: #ffffff;
}

ol {
    color: #E0E4E4;
}