body {
margin:  0px;
padding:0px;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: small;
color:#403738;
background-color: #efefef;
background-image:url('images/backgr.jpg');
background-repeat:repeat-y;
background-position:left;
}

#container{
margin-top: 0px;
margin-left: 60px;
padding:0px;
color: #403738;
background-color: #efefef;
/*min-height:100%;*/
}

/*html #container{
height: 100%;
}*/

#banner{
margin: 0px;
padding:0px;
color: #403738;
background-color:#ffff01;
background-image:url('images/banbg.jpg');
background-repeat: repeat-x;
background-position: bottom;
min-height: 132px;
border-bottom:2px solid #403738;
min-width:100%;
width:100%;
}

html #banner{
height: 132px;
}

#banner h1{
float:left;
font-size: 1px;
text-indent:-9000px;
width:0;
}

img{
margin:0;
padding:0;
border:outset #bcbcbc;
}


img.left{
float: left;
margin:0px;
padding:0px;
border:0;
}

img.right{
float: right;
margin:0px;
padding:0px;
border:0;
}

img.centre{
margin:0px;
padding:0px;
border:0;
}

#content{
display:block;
margin-top:0px;
padding:4px;
color: #403738;
background-color: #efefef;
}

a:focus{
outline:none;
}

#nav{
float:right;
display:block;
margin-top:0px;
margin-left:8px;
padding:4px;
color: #403738;
background-color: #efefef;
min-height:1024px;
height:1024px;
}

#nav ul {
padding-left:4px;
margin:0px;
list-style-type: none;
}

#nav ul #nav li {
margin:0px;
padding:0px;
display : inline;
}

#nav li{
padding-top:4px;
}

#nav a {
color: #403738;
background-color: #efefef;
text-decoration:underline;
font-weight: bold;
}

#nav a:hover {
color: #403738;
background-color: #efefef;
text-decoration:none;
}

#footer{
display:block;
clear:left;
margin-top:15px;
margin-left:15px;
padding:4px;
font-size:xx-small;
text-align: left;
}

#footer a {
color: #403738;
background-color: #efefef;
text-decoration:underline;
font-weight: bold;
}

#footer a:hover {
color: #403738;
background-color: #efefef;
text-decoration:none;
}

div.boxes {
text-align:center;
margin-top:4px;
padding: 4px;
border: solid 3px #403738;
}

h1, h2, h3, h4, h5, h6{
padding:0px;
font-weight:bold;
text-align:center;
}

h1.titlepage{
font-size:250%;
text-align:left;
padding:0px;
}

h1{
font-size:large;
}

h2{
font-size:125%;
}

h2.subtitle{
font-size:125%;
text-align:left;
text-decoration:underline;
}

h3{
font-size:100%;
}

h4{
font-size:80%;
}

h5{
font-size:70%;
}

h6{
font-size:65%;
}

.small{
padding:0px;
font-weight:bold;
text-align:center;
font-size:75%;
}

.large{
padding:0px;
font-weight:bold;
text-align:center;
font-size:150%;
}

#skipnav{
width: 0px;
height: 0px;
overflow: hidden;
}

.images{
display:block;
text-align:center;
border: solid 3px #403738;
margin-left:auto;
margin-right:auto;
} 

img.leftimg{
float: left;
margin:4px;
padding:0px;
border: solid 3px #403738;
}

img.rightimg{
float:right;
margin:4px;
padding:0px;
border: solid 3px #403738;
}

img.centre{
float:none;
display:block;
margin: 0 auto;
border: solid 3px #403738;
}

div.leftside{
float: left;
display:inline;
}

div.rightside{
float: left;
display:inline;
}

#news{
float:left;
display:inline;
margin:0px;
padding:0px;
color: #403738;
background-color: #efefef;
min-width: 350px;
}

html #news{
width: 350px;
}

#events{
float:left;
display:inline;
margin:0px;
padding:0px;
color: #403738;
background-color: #efefef;
}

span.disclaimer{
font-size:xx-small;
color: #403738;
background-color: #efefef;
margin:0px;
padding:0px;
text-align:left;
}

#nav_sub{
color:#02cc00;
background-color: #efefef;
margin-top: 4px;
margin-bottom: 4px;
}

#nav_sub a{
color:#02cc00;
background-color: #efefef;
text-decoration:underline;
font-weight: bold;
}

#nav_sub a:hover {
color:#02cc00;
background-color: #efefef;
text-decoration:none;
}

#nav_sub span.selected {
color:#02cc00;
background-color: #efefef;
font-weight:bold;
}

div.columns{
float:left;
display:inline;
}

div.columns ul{
list-style-type:none;
}

td{
text-align:left;
vertical-align:top;
}

td.top{
text-align:center;
font-weight:bold;
}

td.cent{
text-align:center;
}

#leftrace{
float: left;
display:inline;
padding:2px;
margin: 0px;
text-align:left;
}
#leftrace ul {
padding-left:4px;
margin:0px;
list-style-type: none;
}

#leftrace ul #leftrace li {
margin:0px;
padding:0px;
display : inline;
}

#leftrace li{
padding-top:4px;
}

#leftrace a {
color: #403738;
background-color: #efefef;
text-decoration:underline;
font-weight: bold;
}

#leftrace a:hover {
color: #403738;
background-color: #efefef;
text-decoration:none;
}

#rightrace{
float:left;
display:inline;
padding:2px;
margin-left:10px;
text-align:left;
}

#rightrace td.top{
text-align:center;
}

/* Formatting for forms */

#join{
font-size: 0.8em;
min-width:80%;
max-width:80%;
width:80%;
}

.clear{
clear:left;
}

#join label{

}

#join input{
}

#content h1{
margin:10px 5px 5px 5px;
font-size:150%;
font-weight:bold;
text-align:left;
/*text-shadow:1px 1px 1px rgba(255,255,0,0.75); */
}

#content p{
margin:10px 5px 5px 5px;
padding:3px;
text-align:left;
font-size:100%;
}

#content ol li{
margin:10px 0;
}


/* Online Applications Styling */

#online form{
margin:5px auto;
padding:50px;
min-width:50%;
width:50%;
background: #efefef;
color:black;
border: inset 1px;
}

#online legend{
font-weight:bold;
letter-spacing: 2px;
}

#online label{
margin: 5px;
padding:2px;
display:block;
width:30%;
float:left;
clear:left;
text-align:right;
font-size:13px;
font-weight: bold;
color:green;
}

#online label.long{
width:50%;
}

#online select{
display:block;
min-width:65%;
width:65%;
float:left;
border: inset 1px;
}

#online textarea{
margin-bottom:5px;
display:block;
float:left;
min-width:65%;
width:65%;
min-height:30px;
height:80px;
border: inset 1px;
}

/*
#online input[type="text"]{
display:block;
min-width:65%;
width:65%;
float:left;
border: inset 1px;
}

#online input[type="radio"]{
display:block;
margin:5px;
padding:3px;
float:left;
min-width:10%;
width:10%;
}


#online input[type="checkbox"]{
display:block;
margin:5px;
padding:3px;
float:left;
min-width:10%;
width:10%;
}
*/


#online input.texts{
display:block;
min-width:65%;
width:65%;
float:left;
margin:6px 0 0 0;
padding:2px;
border: inset 1px;
}

#online input.cb{
float:left;
margin:8px;
padding:2px;
}



#online form span{
display: block;
float:left;
min-width:20%;
width:20%;
}

#online form p{
display:block;
clear:both;
font-weight:bold;
border: outset 1px;
color:#000000;
background:#efefef;
}

a:focus{
outline:none;
}


/* Form Validation Styling */

/* {margin:0; padding:0} */
/*body {font:12px Verdana, Arial, Helvetica, sans-serif; color:#666}*/
#wrapper {width:300px; margin:50px auto}
.form {float:left; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf}
.form label {float:left; width:100px; padding:10px 10px 0 0; font-weight:bold}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; margin-top:10px}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px;}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px;}