/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */
a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #529214; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */



body { margin: 0; padding: 0; color: #000; font-family: Arial,sans-serif; font-size: 80%; background: #c5471b url("/images/background_window.jpg") repeat-y fixed center top; }

a { color: #c5471b; }
a:hover { color: #c5471b; }
a:active { outline: none; }

h1 { color: #ede8cd; font-size: 2em; font-weight: bold; padding: 0.5em 18px; margin-bottom: 0; font-style: italic; background-color: #c5471b; }
h2, h3 { color: #64461e; font-size: 1.5em; line-height: 1em; font-weight: bold; margin: 0; padding: 0; }
h3 { font-style: italic; font-size: 1.25em; }

p { margin-bottom: 0.75em; line-height: 1.25em; }

.container-24col-teaser div { background-color: #c5471b; text-align: center; }
.container-24col-teaser-top { background: transparent url("/images/container_24col_teaser_top.gif") no-repeat center bottom; }
.container-24col-teaser-bottom { margin-bottom: -10px; background: transparent url("/images/container_24col_teaser_bottom.gif") no-repeat center top; }

.container-24col .container-24col-inner { padding: 0 18px; border-bottom: .1em solid ede8cd; background: transparent url("/images/container_24col_background.gif") repeat-y center top; }
.container-24col-top { margin-top: 10px; background: transparent url("/images/container_24col_top.gif") no-repeat center bottom; }
.container-24col-bottom { background: transparent url("/images/container_24col_bottom.gif") no-repeat center top; }
.container-24col .container-24col-inner h1 { font-size: 1.5em; color: #000; background-color: transparent; font-weight: bold; margin: 0; line-height: 1.5em; }
.container-24col .container-24col-inner h1 strong { color: #c5471b; }
.container-24col { margin-bottom: -10px; }

.container-16col .container-16col-inner { padding: 9px 18px; background: transparent url("/images/container_16col_background.gif") repeat-y center top; }
.container-16col-bottom { background: transparent url("/images/container_16col_bottom.gif") no-repeat center top; }

.container-8col .container-8col-inner { padding: 9px 18px; background: transparent url("/images/container_8col_background.gif") repeat-y center top; }
.container-8col-bottom { background: transparent url("/images/container_8col_bottom.gif") no-repeat center bottom; }

.container-6col .container-6col-inner { padding: 0 18px; background: transparent url("/images/container_6col_background.gif") repeat-y center top; }
.container-6col-bottom { background: transparent url("/images/container_6col_bottom.gif") no-repeat center top; }

#header { position: relative; height: 180px; }

#header #login { position: absolute; width: 230px; right: 80px; font-size: 70%; }

#header #login label { color: #c5471b; font-weight: normal; font-size: 11px; float: left; width: 60px; }
#header #login input.userpass { width: 80px; height: 8px; margin-top: 1px; background-color: #fcece5; }
#header #login #login-button {  }

#header #logo { position: absolute; top: 18px; margin-left: -18px; }

#global-menu { position: absolute; top: 72px; right: 0px; background-color: #c5471b; width: 890px; }
#global-menu img { float: right; }
#global-menu ul { position: absolute; top: 50px; padding: 1em; background-color: #ede8cd; border: 1px solid #999; }
#global-menu ul li { display: inline; }
#global-menu ul li a { text-decoration: none; font-style: italic; margin: 0 0.5em; }

#submenu-about { left: 60px; }
#submenu-members { left: 500px; }
ul.submenu li a { border-bottom: 2px solid #ede8cd; }
ul.submenu li a:hover { border-color: #c5471b; }

#content { padding-top: 2em; }

#sidebar .caption { line-height: 1em; padding: 0.5em 1em 0.8em 1em; margin: -5px 0 2em 0; background: transparent url("/images/container_8col_bottom.gif") no-repeat center bottom; }

#footer { border-top: 1px solid #000; padding-top: 2em; margin-top: 2em; }

label { font-weight: normal; }
input.text { width: 92%; }
textarea { width: 92%; height: 10em; }