@charset "utf-8";

body {
background: #C8EB90;
color: #470061;
font-size: 87.5%;
}

/* Page Layout ---------------------------------- */

div#page {
margin: 0 auto;
/*background: white;*/
background: white url(../images/10thA.jpg) repeat center center;
border: 1px solid #99B46E;
border-width: 0 1px;
padding: 0 3%;
max-width: 1024px;
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.5;
}

div#masthead {
margin-bottom: 1em;
border: 2px solid #5d007f;
background: url(../images/masthead-2008.jpg) no-repeat left top;
text-align: right;
}

div#content {
float: left;
width: 74%;
}

div#main {
float: right;
width: 64.9%;
}

div#info {
float: left;
width: 32.4%;
}

div#subnav {
float: right;
width: 24%;
}

div#footer {
clear: both;
padding: 0.5em;
font-size: 90%;
text-align: center;
}

/* General stuff --------------------------------- */

body, ul, ol, li, dl, dt, dd, form {
margin: 0;
padding: 0;
}

h2 {
margin: 0.2em 2px;
padding: 0 0.73em;
font-size: 1.2em;
}

h3 {
margin: 0.2em 2px;
padding: 0 0.8em;
font-size: 1.1em;
text-transform: uppercase;
line-height: 1.3;
}

p {
margin: 0.4em 2px;
padding: 0 0.8em;
}

img {
border: none;
vertical-align: bottom;
}

blockquote {
margin: 0 2px;
background: no-repeat center top;
padding-top: 120px;
}

blockquote p {
margin-left: 0;
margin-right: 0;
font-style: italic;
font-weight: bolder;
}

address {
margin: 0.4em 2px;
padding: 0 0.8em;
font-weight: bold;
font-style: normal;
}

.clearfloats {
clear: both;
height: 0;
overflow: hidden;
}

ul.bullet li {
padding-left: 16px;
background: url(../images/bullet_green.gif) no-repeat left 0.5em;
}

ol {
margin: 0.4em 1em;
padding: 0 2em;
}

hr {
margin: 0 2px;
height: 1px;
border: none;
background-color: #669a17;
color: #669a17;
}

div#credit {
font-size: 85%;
color: #99B46E;
text-align: center;
}

div#credit a {
color: #99B46E;
text-decoration: none;
padding: 0.4em 2px;
font-weight: bold;
}

div#credit a:hover {
background-color: #99B46E;
color: white;
}

/* Top Navigation ------------------------------- */

ul#mainnav {
padding: 150px 10px 0 0;
font-size: 107%;
line-height: 2;
list-style: none;
}

ul#mainnav li {
display: inline;
color: #C8EB90;
}

ul#mainnav a {
border: 1px solid #c8eb90;
background-color: #5D007F;
padding: 0 1em;
color: #C8EB90;
font-weight: bold;
text-decoration: none;
}

ul#mainnav a:hover { background-color: #751A96; }

/* Round-cornered boxes -------------------------- */

div.box {
margin: 0 0 1em;
background: url(../images/panel-bottom-left.gif) no-repeat left bottom;
}

div.box1 {
background: url(../images/panel-bottom-right.gif) no-repeat right bottom;
padding-bottom: 0.5em;
}

div.box2 { background: url(../images/panel-top-left.gif) no-repeat left top; }

div.box2 h1, div.box2 h2 {
margin: 0;
background: url(../images/panel-top-right.gif) no-repeat right top;
padding: 0.1em 0.6em;
color: white;
font-weight: normal;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}

div.box a, div#footer a {
border-bottom: 1px dotted #5D007F;
padding: 1px 2px;
color: #5D007F;
font-weight: bold;
text-decoration: none;
}

div.box a:hover, div#footer a:hover {
background-color: #751A96;
color: #C8EB90;
}

div.box ul {
margin: 0.4em 2px;
padding: 0 0.8em;
list-style-type: none;
}

div.box dl {
margin: 0.4em 2px;
padding: 0 0.8em;
}

div.box dt {
margin-top: 0.4em;
font-weight: bold;
}

/* TABLES --------------------------------------------- */

table.event {
font-size: 100%;
margin: 0 2px;
border-collapse: collapse;
}

table.event td { vertical-align: top; }

table.event td {
border-top: 1px solid #669a17;
padding: 4px 2px;
}

table.event td.month {
background-color: #669A17;
margin: 0.3em 0 0.2em;
padding: 0 0.2em;
font-weight: bold;
font-size: 1.2em;
}

table.event td.cost {
text-align: right;
width: 4em;
}

table.event h3 {
margin: 0 0 0.2em;
padding: 0 0.18em;
font-size: 1.1em;
text-transform: uppercase;
line-height: 1.3;
}

table.event p {
margin: 0;
padding: 0 0.2em;
}

table.event img {
float: right;
margin-left: 2px;
border: 1px solid #669a17;
}

table.event a.button {
margin: 0;
padding: 0;
border-bottom: none;
}

table.event a.button img {
border: none;
float: none;
margin-left: 0;
}

table.event .sprint { font-size: 0.9em; }

form.apply input, form.apply textarea {
margin: 0;
border: 1px solid #476D13;
padding: 1px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 100%;
}

form.apply input.cb {
border: none;
margin: 1px;
}

input.query {
border: solid 1px #476D13;
padding: 1px;
background: #649B1B;
color: #FFFFFF;
vertical-align: middle;
}

input.button {
border: solid 1px #440057;
background: #60007B;
padding: 0;
color: #C9EB94;
cursor: pointer;
}

ul.radio {
padding: 0;
text-align: center;
list-style-type: none;
}

ul.radio li { display: inline; }

ul.radio a {
border: none;
padding: 0;
text-decoration: none;
}

/* Context ----------------------------------- */

.bHome #aHome, .bAbou #aAbou, .bJoin #aJoin, .bEvnt #aEvnt, .bCont #aCont { background-color: #751A96; }

div.adminform {
margin: 0.4em 2px;
padding: 0 0.8em;
line-height: 1.8;
}

body.admin div#info { display: none; }

body.admin div#main { width: 100%; }

body.admin table {
font-size: 100%;
margin: 0.5em 1em;
border-collapse: collapse;
}

body.admin th {
background-color: #649B1B;
text-align: left;
}

body.admin th, body.admin td {
padding: 1px 1em 1px 0.1em;
line-height: 1.3;
}

body.admin tr.alt td { background-color: #C2D3A7; }

body.admin label {
width: 7em;
float: left;
display: block;
}

body.admin table img { height: 1.3em; }

body.admin form img { border: 1px solid #669a17; }

div.clearfloat {
clear: both;
height: 0;
}