/* ---- MAIN STYLES ----- */
body, html {
background: #000;
margin: 0;
padding: 0;
text-align: center;
height: 100%;
}
body, td {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #000;
line-height: 15px;
}
p {
margin: 5px 0 10px 0;
line-height: 17px;
}
.left {
float: left;
}
.right {
float: right;
}
.hidden {
display: none;
}
div.cleaner {
clear: both;
margin: -1px 0 0 0;
border: none;
visibility: hidden;
}
.line {
border-bottom: solid 1px #195000;
padding: 0;
margin: 15px 0 10px 0;
}
/* -- 1st HYPERLINK STYLE -- */
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: underline;
}
/* -- 2nd HYPERLINK STYLE -- */
a.white, .white:visited {
font-size: 11px;
color: #fff;
font-weight: bold;
text-decoration: underline;
margin: 0 5px 0 5px;
}
a.white:hover, .white:visited:hover {
color: #ccc;
text-decoration: underline;
}
/* -- PURPLE HYPERLINK STYLE -- */
.purple {
color: #a641af;
text-decoration: none;
}
.purple:hover {
color: #a641af;
text-decoration: underline;
}
/* - NAVIGATION STYLES - */
#navigation {
margin: 0 10px 0 10px;
height: 30px;
background: url(../images/bg_nav.gif);
padding: 0;
position: relative;
}
#navigation li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
#navigation li, #navigation a {
height: 31px;
display: block;
}
#nav_home {left: 15px; width: 56px; background: url(../images/nav_home.gif) left top no-repeat; }
#nav_home a:hover {background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home a:visited:hover {background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home_selected {left: 15px; width: 56px; background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_news {left: 109px; width: 55px; background: url(../images/nav_news.gif) left top no-repeat; }
#nav_news a:hover {background: url(../images/nav_news_off.gif) left top no-repeat; }
#nav_news a:visited:hover {background: url(../images/nav_news_off.gif) left top no-repeat; }
#nav_news_selected {left: 109px; width: 55px; background: url(../images/nav_news_off.gif) left top no-repeat; }
/* --- LAYOUT STYLES --- */
#container {
width: 912px;
margin: 0 auto 0 auto;
background: #000;
padding: 0;
text-align: left;
height: 100%;
}
#bg_black {
background: transparent url(../images/bg_black.jpg) top left no-repeat;
text-align: left;
}
#bg_white {
background: transparent url(../images/bg_white.jpg) top left no-repeat;
text-align: left;
}
#logo_black {
margin: 51px 0 0 50px;
_margin: 51px 0 0 50px;
width: 148px;
height: 72px;
float: left;
background: transparent url(../images/logo_black.jpg) top left no-repeat;
}
#logo_white {
margin: 51px 0 0 50px;
_margin: 51px 0 0 50px;
width: 148px;
height: 72px;
float: left;
background: transparent url(../images/logo_white.jpg) top left no-repeat;
}
#logo_wesavedit {
margin: 51px 0 0 50px;
_margin: 51px 0 0 50px;
width: 148px;
height: 72px;
float: left;
background: transparent url(/wesavedit/images/logo_wesavedit.jpg) top left no-repeat;
}
#butterfly {
margin: 0;
float: right;
width: 159px;
height: 145px;
}
#footer_links {
padding: 10px 25px 0 0;
float: right;
}
.beetle {
background: transparent url(../images/beetle.gif) bottom left no-repeat;
}
.scroll {
scrollbar-face-color: #699c6c;
scrollbar-arrow-color: #333;
scrollbar-track-color: #fff;
scrollbar-shadow-color: #699c6c;
scrollbar-highlight-color: #699c6c;
scrollbar-3dlight-color: #699c6c;
scrollbar-darkshadow-Color: #699c6c;
}
/* --- CONTENT STYLES --- */
.content {
margin: 0 30px 0 30px;
line-height: 15px;
}
.formstyle_white {
font-weight: bold;
line-height: 20px;
color: #fff;
}
.formstyle {
font-weight: bold;
line-height: 20px;
}
#box_red {
margin: 0 0 0 0;
height: 90px;
background: #f15722 url(../images/box_corporate.gif) top left no-repeat;
}
#box_orange {
margin: 0 0 0 0;
height: 82px;
background: #fcb415 url(../images/box_group.gif) top left no-repeat;
}
#box_green {
margin: 0 0 0 0;
height: 75px;
background: #00a74f url(../images/box_friend.gif) top left no-repeat;
}
.box_sponsor {
width: 137px;
height: 77px;
float: left;
margin: 0 16px 17px 0;
border: solid 1px #a23bad;
}
h1, h2, h3, h4, h5, h6 {
}
.white {
color: #fff;
}
/* --- UL & LI STYLES --- */
ul.bullets, ol.bullets {
list-style: url(../images/bullet.gif) outside none;
margin: 5px 10px 5px 22px;
padding: 0;
}
/* ----- FORM STYLES ----- */
form {
margin: 0;
padding: 0;
}
input.field, textarea, select {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #333;
background: #f2f2f2;
border: solid 1px;
border-color: #699c6c;
width: 110px;
height: 18px;
padding: 1px 3px 1px 3px;
}
textarea {
overflow: auto;
height: 50px;
padding-right: 0;
}
select {
padding-right: 0;
}
input.submit {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
background: #a641af;
border: solid 1px #666;
padding: 1px 5px 1px 5px;
}
.required {
color: #da3030;
}
/* ---- ROBIN HOOD CLUB STYLES ---- */
.rhc_line {
width: 750px;
height: 22px;
}
.rhc_text {
float: left;
width: 60px;
height: 22px;
line-height: 20px;
}
.rhc_text2 {
float: left;
width: 44px;
height: 22px;
line-height: 20px;
}
.rhc_field {
float: left;
width: 130px;
height: 22px;
}
/* ---- OTHER STYLES ---- */
span a.help span
{
position: relative;
font-size: 105%;
font-weight: normal;
text-align: left;
}
span a.help span span
{
display: block;
position: absolute;
visibility: hidden;
top: -23px;
left: 50px;
padding: 0.2em 0.5em;
width: 30em;
background: #333;
border: solid #699c6c 1px;
color: #fff;
}
span a.help:hover span span
{
visibility: visible;
}
span a.help
{
color: #fff;
cursor: help;
text-decoration: none;
}
span a.help:hover {
background-color: #ffffff;
color: #699c6c;
text-decoration: none;
}