html {
margin: 0;
padding: 0;
border: 0;
}
body {
border: 0;
padding: 0;
padding-top: 20px;
padding-bottom: 5px;
margin: 0;
font: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color: #000;
line-height: normal;
}
img {
border: 0px;
margin: 0px;
}
.clearing {
height: 0;
clear: both;
}
.hide {
}
#headerimage {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}


/*  ----- Main layout sections ----- */



#wrapper {
border: 0;
margin: 0 auto;
padding: 0;
background: transparent;
}
#header {
padding: 10px;
}
#header img {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}
#maincontent {
margin: 0;
background: #fff;
border: 0;
padding: 10px;
}
html>#maincontent {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#maincontent p {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#maincontent ol, #maincontent2 ol {
}
#maincontent li, #maincontent2 li {
font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#sidebar {
}
#sidebar p {
padding: 10px;
color: #000;
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#footer {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
padding: 10px;
clear: both;
}

div#home {
background: transparent;
padding: 10px;
padding-left: 20px;
}
div#about, div#commissioning {
padding: 10px;
}


/* ----- Navbar ----- */

div#topnavbar img {
height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */
}
div#topnavbar p {
padding: 10px;
font: bold 130% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
ul#topnav {
}
ul#topnav span {
}
ul#topnav li {
}
ul#topnav li a {
}


div#searchbar img {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}
div#searchbar label {
padding: 15px;
}

/*  -------------  Links ----------------- */

ul.link {
font: 100% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
list-style-type: none;
padding: 0;
border: 0;
margin: 0;
}
ul.link li {
background: #fff url(../img2/linkarrow.gif) 15px 0 no-repeat;
color: #000;
padding: 2px 15px 15px 50px;
}
ul.link a { color: #00f; }
ul.link a:link, ul.link a:visited { font: bold 100% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; border-bottom: 1px dotted #00f; text-decoration: none; }
ul.link a:active, ul.link a:hover { border-bottom: 1px dotted #773673; color: #773673; text-decoration: dotted; }

ul.link span.link_description {
font: 80% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
div.insert_text {
font: 80% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
padding: 10px 0 15px 0;
}


/*  -------------  Forms ----------------- */
form { 
margin: 0;
padding: 0;
border: 0;
line-height: normal;
}
form fieldset {
margin: 0;
padding: 0;
border: 0;
}
form label {
font: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
form.namedform {
width: 550px;
border: 0;
}
div.formname legend {
margin: 0;
border: 0;
padding: 3px 0 0 140px;
color: #000;
font: bold 120% "Gill Sans", "Trebuchet MS", "Lucida Grande", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
letter-spacing: 1px;
text-align: left;
}

div.row, div.row2 {
clear: both;
padding-top: 3px;
}
div.row2 {
width: 550px;
}
div.row label {
font: bold 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
float: left;
width: 140px;
text-align: right;
padding: 0 5px 0 0;
border: 0;
}
div.row2 label {
font: bold 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
float: left;
margin-left: 145px;
width: 300px;
text-align: center;
padding: 0;
border: 0;
}
div.row input {
float: left;
text-align: left;
color: #000000;
width: 300px;
border: 1px solid #006;
padding: 1px 2px 1px 2px;
font: 90% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
div.row2 input {
color: #000;
background: #fff;
font: 85% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
width: 150px;
padding: 0;
margin-left: 200px;
border: 2px outset #999;
}
span.require {
padding-left: 10px;
float: left;
color: #FF5A00;
font: bold 120% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
div.row2 textarea {
margin-left: 145px;
padding: 1px 2px 1px 2px;
width: 300px;
border: 1px solid #006;
}
input.datebox {
border: 1px solid #006;
margin: 0 2px 0 0;
padding: 0 2px 0 2px;
font: 90% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}


/*  -------------  Span Elements ----------------- */

span.startext {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color: #000;
}
span.photography {
padding-top: 35px;
padding-left: 20px;
font: 65% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
span.quotation {
font-style: italic;
}
span.bold {
font-weight: bold;
}
span.required {
font: bold 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
text-align: center;
}

/* --------- Pointless Display stuff --------------- */

table.articletext td {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

div#banner {
}

img.flag {
}

.wrap {
width: 100%;
clear: both;
float: left;
}
wraphome  {
width: 540px;
clear: both;
float: left;
}

.wrapsitemap {
width: 100%;
clear: both;
}
.wrapsitemap div {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
float: left;
}
.fifty {
width: 50%;
float: left;
}
.twentyfive {
padding-left: 25px;
float: left;
padding-bottom: 15px;
}
.thirty {
width: 30%;
float: left;
padding-right: 15px;
padding-bottom: 15px;
text-align: justified;
}


/* --------- Typography --------------- */

kbd {
font: bold 100% Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6	{
color: #671b63;
font-family: "Gill Sans", "Trebuchet MS", "Lucida Grande", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
letter-spacing: 1px;
}
h1 {
font-size: 140%;
}
h2, h3, h4, h5, h6 {
font: bold medium "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
}


/* --------- sitemap --------------- */

#sitemap ul {
}
#sitemap li {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#sitemap li ul li {
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}


/* ---- Leftovers --- */

.centermid {
text-align: center;
vertical-align: middle;
}
.center {
margin-left: auto;
margin-right: auto; 
text-align: left; 
}


/* ---- Bulding Blocks -----  */

td.greencell {
height: 60px;
border: 2px solid #000;
padding: 3px;
text-align: center;
vertical-align: middle;
}
td.yellowcell {
height: 60px;
border: 2px solid #000;
padding: 3px;
text-align: center;
vertical-align: middle;
}