/* CSS Document */

html {
height: 100%;
}

body {
height: 100%;
margin: 0px;
font: 11px Arial, Helvetica, sans-serif;
color: #464646;
background: #534741 url(../images/body.gif) center repeat-y;
}

h2, h3 {
margin: 0px;
font-size: 12px;
}

h3 {
font-size: 11px;
color: #7C7C7C;
}

p, table {
margin: 8px 0px;
}

a {
text-decoration: none;
color: #B95368;
}

a:hover {
text-decoration: underline;
}

ul {
padding: 0px;
margin: 8px 16px;
}

td {
padding-top: 3px;
}

td.label {
width: 50px;
font-weight: bold;
color: #7C7C7C;
}

form {
margin-top: 16px;
}

form table {
margin: 8px 0px;
}

input, select {
font: 11px Arial, Helvetica, sans-serif;
color: #464646;
}

input.large {
width: 280px;
}

input.medium {
width: 240px;
}

input.small {
width: 140px;
}

select {
width: 146px;
}

input.checkbox.first {
margin-top: -5px;
}

form a {
display: block;
width: 97px;
height: 23px;
padding-top: 7px;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #8A283C;
background-image: url(../images/submit.gif);
}

form a:hover {
text-decoration: none !important;
color: #B95368;
}

#container {
width: 770px;
min-height: 100%;
margin: 0px auto;
background-color: #FFFFFF;
}

#header {
height: 130px;
background-image: url(../images/header.gif);
}

#menu {
position: relative;
top: 100px;
height: 30px;
font: 12px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
font-weight: bold;
}

#menu a {
display: block;
float: left;
height: 16px;
padding: 7px 15px;
color: #534741;
}

#menu a:hover, #menu a.active {
text-decoration: none;
color: #988675;
}

.submenu {
display: none;
position: absolute;
}

.submenu a {
display: block;
height: 15px;
padding: 5px 15px;
white-space: nowrap;
background-color: #534741;
color: #C7B299;
}

.submenu a:hover {
text-decoration: none;
background-color: #362F2D;
color: #FFFFFF;
}

#banner {
height: 220px;
background-image: url(../images/banner.jpg);
}

#title {
height: 51px;
padding-top: 10px;
font: 15px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #8A283C;
}

#title div {
float: right;
margin-left: 15px;
}

#title div.campaigns {
width: 245px;
}

#title div.events, #title div.news {
width: 240px;
}

#title div.main {
width: 550px;
margin-left: 20px;
}

#title span {
font-size: 14px;
line-height: 11px;
color: #534741;
}

div.shadow {
clear: both;
height: 4px;
font-size: 0px; /* IE6 */
background-image: url(../images/shadow_hor.gif);
}

div.shadow div {
float: right;
height: 100%;
background: url(../images/shadow_join.gif) no-repeat;
}

div.shadow div.events, div.shadow div.news {
width: 255px;
}

div.shadow div.main {
width: 570px;
}

div.footer {
background-image: url(../images/shadow_hor_footer.gif);
}

div.footer div {
background-image: url(../images/shadow_join_footer.gif);
}

#column {
float: left;
width: 200px;
height: 257px;
background: url(../images/column.gif) no-repeat;
}

#columns {
float: left;
min-height: 260px;
background-image: url(../images/columns.gif);
}

#columns div.column {
float: left;
padding: 15px;
}

#columns div.campaigns {
width: 230px;
}

#columns div.events, #columns div.news {
width: 225px;
/*background: url(../images/shadow_ver.gif) repeat-y;*/
}

#main {
float: left;
width: 520px;
min-height: 260px;
padding: 20px 30px 30px 20px;
background: url(../images/shadow_ver.gif) repeat-y;
}

#main a:hover {
text-decoration: underline;
}

#columns div.item, #main div.item {
float: left;
width: 100%;
}

#columns div.item img, #main div.item img {
float: right;
margin: 8px 0px 0px 8px;
border: 1px solid #959595;
}

#columns div.item p, #main div.item p {
display: block;
}

#columns div.item a, #main div.item a {
font-weight: bold;
}

#columns div.item {
padding: 15px 0px;
border-top: 1px solid #C5C5C5;
}

#columns div.first {
padding-top: 0px;
border-top: none;
}

#columns div.campaigns div.item p {
width: 140px;
}

#main div.item {
margin-top: 20px;
}

#main div.item p {
width: 330px;
}

#main div.item p.campaign {
width: 230px;
}

#footer {
clear: both;
height: 70px;
padding-top: 20px;
font: 12px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
font-weight: bold;
background-image: url(../images/footer.gif);
}

#footer a:hover {
text-decoration: none;
}

#logo {
float: left;
width: 50px;
height: 60px;
margin: 0px 10px;
}

#home {
display: block;
float: left;
color: #534741;
}

#home:hover {
color: #988675;
}

#copyright {
position: absolute;
left: 50%;
width: 300px;
margin-left: -150px;
text-align: center;
color: #736257;
}

#created {
display: block;
float: right;
margin-right: 10px;
color: #8A283C;
}

#created:hover {
color: #B95368;
}