/* HTML */
/*
Colour scheme - 

Dark Grey -         #37393D    [Text, Page BG] - contrasts with #44474C
Pale Green -        #C3D9A3  [Container BG]
Green/Cream -    #EAF2DC   [Contrast BG]
*/

body { 
  background-color: #37393D;
  font-family: Helvetica, Ariel, sans-serif;
  font-size: 0.84em;
}

h1 {
  font-size:1.8em;
  width: 100%;
  padding: 12px 0px 2px;
  margin: 0px 0px 24px;
}
h2 {
  font-size:1.4em;
  padding: 12px 0px 6px;
  margin: 0px 0px 24px;
}
p {
  margin: 0px 0px 24px;
}
a {
  color:#37393D;
  text-decoration: underline;
}
a:hover {
  color: #44474C;
}

/* LAYOUT */

#container {
  position: relative;
  float:left;
  width:100%;
  text-align:center;
}

#header {
  margin: 0;
  text-align:left;
  width: 780px;
  position:relative;
  float:left;
}
#header_img {
  position: relative;
  float:left;
  width: 500px;
  padding:0px;
  margin:0px;
  display:inline;
}
#header_ad{
  width:240px;
  padding: 0;
  margin: 12px 0 0;
  position: relative;
  float:right;
  display:inline;
}


#content_wrapper {
  margin: 0 auto 48px;
  text-align:left;
  width: 780px;
  color: #37393D;
}
#content_header {
  background:#C3D9A3 url(../images/main_top.jpg) top left no-repeat;
  position: relative;
  float:left;
  padding: 0;
  margin: 0;
  width: 780px;
  height: 32px;
}
#main_content {
  width:100%;
  background-color:#C3D9A3;
  position:relative;
  float:left;
  margin: 0;
  padding: 0;
}
#content_footer {
  background:#C3D9A3 url(../images/main_bottom.jpg) bottom left no-repeat;
  position: relative;
  float:left;
  padding: 48px 0 0 0;
  margin: 0 0 48px;
  width: 780px;
  height: 32px;
  text-align:center;
}

#content {
  position: relative;
  float:left;
  width: 400px;
  padding:12px;
}
#content_text {
  
}

#sidebar {
  position: relative;
  float:left;
  width: 240px;
  margin: 0 0 0 30px;
}

#sidebar select , 
#sidebar .required {
    background-color:#C3D9A3;
    border:1px solid #899973;
    color:#37393D;
}


.side_header {
  position:relative;
  float: left;
  font-size: 1.4em;
  width: 240px;
  padding: 12px 0px 2px 24px;
  margin: 0;
  background:#EAF2DC url(../images/side_top.jpg) top left no-repeat;
}

.side_content {
  position:relative;
  float: left;
  margin: 0;
  background-color:#EAF2DC;
  padding: 24px 12px 0px;
  width: 240px;
}

.side_content div {
  padding: 12px 0px; 
}

.side_header a {
  text-decoration:none;
}

.side_footer {
  position:relative;
  float: left;
  padding: 0 12px;
  margin: 0 0 24px;
  width: 240px;
  background:#EAF2DC url(../images/side_bottom.jpg) bottom left no-repeat;
}

#about_text, #credit_text {
  
}

.thumb, .thumb2 {
  border:#37393D 2px solid;
  padding: 0px;
}

.thumb2 {
  margin: 0px 24px 24px 0px;
}

/* Tables */

table {
	border-top:#EAF2DC 1px solid;
	border-left:#EAF2DC 1px solid;
    margin: 24px 0px;
}
table  td{
	border-right:#EAF2DC 1px solid;
	border-bottom:#EAF2DC 1px solid;
    padding: 8px;
}
table  td.shade{
    background-color:#EAF2DC;
}
table  th{
	border-right:#EAF2DC 1px solid;
	border-bottom:#EAF2DC 1px solid;
	background-color:#CEE6AD;
    padding: 8px;
    font-weight:bolder;
}



/* BUTTONS */


.buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#C3D9A3;
    border:1px solid #899973;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#37393D;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
    line-height:17px; /* Safari */
}

.buttons button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons button:hover{
    background-color:#CEE6AD;
    color:#505943;
	}