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;
background: url(../img2/bodyback.gif) repeat-x;
}
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;
width: 778px;
background: transparent;
}

#header {
border: 0;
margin: 0;
text-align: left;
color: #000;
background: #1e2a65 url(../img2/toppic/eye.jpg) no-repeat;
clear:both;
height: 125px;
}
.header1 {
background: transparent url(../img2/header.gif) no-repeat;
}
#welcomebody {
float: left;
margin: 0;
border-left: 2px solid #1e2a65;
border-right: 2px solid #1e2a65;
border-bottom: 2px solid #1e2a65;
width: 778px;
background: #fff url(../img2/welcome4.jpg) no-repeat;
font: normal 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
width: 774px;
}
html>#welcomebody {
width: 778px;
}
#homebody {
float: left;
margin: 0;
border-left: 2px solid #1e2a65;
border-right: 2px solid #1e2a65;
width: 778px;
background: #fff url(../img2/welcome6.jpg) no-repeat;
font: normal 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
width: 774px;
}
html>#homebody {
width: 778px;
}
#pagebody {
float: left;
margin: 0;
border-left: 2px solid #1e2a65;
border-right: 2px solid #1e2a65;
width: 778px;
font: normal 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
background: #fff;
voice-family: "\"}\""; 
voice-family:inherit;
width: 774px;
}
html>#pagebody {
width: 778px;
}


#maincontent {
float: right;
margin: 0;
width: 600px;
background: #fff;
border: 0;
padding: 10px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 580px;
}
html>#maincontent {
width: 600px;
font: 80% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#maincontent p {
font: 80% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#maincontent ol, #maincontent2 ol {
margin-top: 20px;
margin-bottom: 10px;
}
#maincontent li, #maincontent2 li {
font: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#sidebar {
float: left;
width: 160px;
background: #C8C6DA;
height: 100%;
border: 0;
}
#sidebar p {
padding: 10px;
color: #000;
font: 78% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#footer {
border: 2px solid #1e2a65;
border-top: 0;
padding: 10px;
text-align: center;
clear: both;
background: #fff;
font: x-small "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
font-size: small;
}
html>#footer {
font-size: x-small;
}

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


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

div#topnavbar {
width:778px;
height:32px;
background: #1e2a65;
}
div#topnavbar p {
height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */
}

ul#topnav {
margin: 0;
padding: 0;
list-style-type: none;
float:left;
width: 730px;
}
ul#topnav span {
display: none;
}
ul#topnav li {
float: left;
margin: 0;
height: 28px;
margin-right: 2px;
}
ul#topnav li a {
display: block;
height: 28px;
border: 1px solid #bed8f2;
}
ul#topnav a.home { width: 27px; background: url(../img2/icon_home.gif) no-repeat; }
ul#topnav a.commtool { width: 164px; background: url(../img2/but_commissioning.gif) no-repeat; }
ul#topnav a.ccpathway { width: 176px; background: url(../img2/but_clinical.gif) no-repeat; }
ul#topnav a.aboutus { width: 100px; background: url(../img2/but_about.gif) no-repeat; }
ul#topnav a.contactus { width: 110px; background: url(../img2/but_contact.gif) no-repeat; }

ul#topnav a.home:hover, ul#topnav a.home:active { background-position: 0 0; }
ul#topnav a.commtool:hover, ul#topnav a.commtool:active { background-position: 0 -32px; }
ul#topnav a.ccpathway:hover, ul#topnav a.ccpathway:active { background-position: 0 -32px; }
ul#topnav a.aboutus:hover, ul#topnav a.aboutus:active { background-position: 0 -32px; }
ul#topnav a.contactus:hover, ul#topnav a.contactus:active { background-position: 0 -32px; }


/*  -------------  Search bar ----------------- */
div#searchbar {
border: 0;
float: left;
padding-top: 2px;
padding-bottom: 2px;
border-left: 2px solid #1e2a65;
border-right: 2px solid #1e2a65;
background: #fff url(../img2/searchbar.gif) bottom no-repeat;
width: 778px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 774px;
}
html>body#searchbar {
width: 778px;
}
div#searchbar input#search_textbox {
width: 156px;
font: 80% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color: #000;
}
div#searchbar span {
float: left;
width: 170px;
padding-bottom: 5px;
}
div#searchbar label {
height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */
}
/*  -------------  Edition box ----------------- */

div#edition {
width: 650px;
float: right;
padding: 5px 10px 10px 0px;
font: bold 85% Arial, Helvetica, sans-serif;
color: #fff;
text-align: right;
text-decoration: none;
}
div#edition a, div#edition a:visited { color: #03f; }
div#edition a:active, div#edition a:hover { color: #bed8f2; }

/* ----- Subnav ----- */

div.subnav {
width:160px;
padding-top: 10px;
padding-bottom: 10px;
}
ul.subnav {
margin: 0;
padding: 0;
list-style-type: none;
width: 160px;
}
ul.subnav span {
display: none;
}
ul.subnav li {
margin: 0;
margin-left: 1px;
margin-top: 1px;
border-top: 1px solid #7d7ea7;
}
ul.subnav li a {
border: 1px solid #7d7ea7;
border-top: 0;
padding: 2px 5px 2px 5px;
display: block;
height: 100%;
background: #fff;
font: bold 80% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
text-decoration: none;
}
ul.subnav a:link, ul.subnav a:visited {
color: #000;
}
ul.subnav a:hover, ul.subnav a:active {
background: #bed8f2 url(../img2/birdicon.gif) left top no-repeat;
padding: 2px 5px 2px 5px;
color: #000;
}


/*  -------------  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;
}


/*  -------------  Mailing List Box ----------------- */

#insert_subscribe {
margin: 0 1px 10px 1px;
border: 1px solid #7d7ea7;
padding: 5px;
font: 80% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
text-align: center;
background: #fff;
}
#insert_subscribe img {
border: 0;
padding: 10px 0;
}
#welcome_subscribe {
padding: 10px;
text-align: right;
font: 80% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
background: #fff;
}
#welcome_subscribe img {
float: right;
margin: 5px 10px;
border: 0;
}

/*  -------------  Forms ----------------- */
form { 
margin: 0;
padding: 0;
border: 0;
line-height: normal;
}

.message {
font: bold 110% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
border: 1px solid #006;
padding: 10px;
text-align: center;
margin: 5px 0;
}
form fieldset {
margin: 0;
padding: 0;
border: 0;
}
form label {
font: normal "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, div.row4 {
clear: both;
padding-top: 3px;
}
div.row2 {
width: 550px;
}
div.row4 {
padding: 10px 10px 0 170px;
}
div.row label {
font: bold 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
float: left;
width: 160px;
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: 200px;
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;
}
div.row4 input {
background: #006;
border: 2px outset #999999;
margin: 0;
width: 190px;
margin-bottom: 3px;
margin-right: 3px;
padding: 1px 3px;
font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color: #fff;
}
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: 75% "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 70% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
text-align: center;
}

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

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

div#banner {
padding: 0 10px 0 0;
width: 500px;
background: transparent;
float: right;
text-align: right;
}

img.flag {
border: 0;
float: right;
border: 1px solid #bed8f2;
margin-right: 3px;
}

.floatright {
float: right;
}
.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	{
padding: 2px 10px 3px 0;
border: 0;
margin: 5px 0 3px 0;
color: #671b63;
font-family: "Gill Sans", "Trebuchet MS", "Lucida Grande", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
letter-spacing: 1px;
}
h1 {
background: url(../img2/h1.gif) left no-repeat; 
font-size: 140%;
color: #000;
border: 0;
border-bottom: 1px dotted #ccc;
padding: 4px 10px 5px 42px;
margin-bottom: 7px;
}
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; 
}

/* ---- Home page stuff --- */

div.h_text {
width: 560px;
background: transparent;
}
div.h_tool {
background: transparent;
width: 540px;
}
div.hometext {
font: 80% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
float: left;
width: 340px;
padding-bottom: 15px;
}
div.homenav {
float: right;
padding: 10px;
}
div.h_text p, div.h_tool p, div.hometext p {
font: 80% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
padding-bottom: 10px;
}
ul.homenav {
margin: 0;
padding: 0;
list-style-type: none;
width: 180px;
}
ul.homenav span {
display: none;
}
ul.homenav li {
margin: 0;
margin-left: 1px;
margin-top: 1px;
border-top: 1px solid #7d7ea7;
}
ul.homenav li a {
border: 1px solid #7d7ea7;
border-top: 0;
padding: 2px 5px 2px 5px;
display: block;
height: 100%;
background: #fff;
font: bold 80% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
text-decoration: none;
}
ul.homenav a:link, ul.homenav a:visited {
color: #000;
}
ul.homenav a:hover, ul.homenav a:active {
background: #bed8f2 url(../img2/birdicon.gif) left top no-repeat;
padding: 2px 5px 2px 5px;
color: #000;
}
/* -- Welcome page stuff -- */


div#w_text {
width: 340px;
float: left;
background: transparent;
height: 360px;
}
div#w_text p {
font: 80% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
padding-left: 10px;
padding-bottom: 20px;
}
div#w_text h1 {
background: url(../img2/h1_home.gif) left no-repeat; 
font-size: 140%;
color: #000;
border: 0;
border-bottom: 1px dotted #ccc;
padding: 4px 10px 5px 70px;
margin-bottom: 7px;
}
div.w_edition {
background: url(../img2/editionbox/custom_corners_topleft.gif) top left no-repeat;
position:relative;
float: left;
margin-left: 20px;
} 
div.w_edition h3 {
position:relative;
background: url(../img2/editionbox/custom_corners_topright.gif) top right no-repeat;
font-size:100%;
color: #000;
padding:10px;
padding-left: 5px;
padding-bottom: 20px;
margin:0;
right:-8px;
}
div.w_editionBody {
background: url(../img2/editionbox/custom_corners_right.gif) top right repeat-y;
margin:0;
margin-top:-2em;
padding:15px;
padding-left: 0;
position:relative;
right:-8px;
}
div.w_editionFooter {
background: url(../img2/editionbox/custom_corners_bottomleft.gif) bottom left no-repeat;
position:relative;
top:7px;
}
div.w_editionFooter p {
background: url(../img2/editionbox/custom_corners_bottomright.gif) bottom right no-repeat;
padding:0;
display:block;
margin:-2em 0 0 0;
position:relative;
right:-8px;
font-size: 50%;
}
div.w_editionLongContent {
background: url(../img2/editionbox/custom_corners_leftborder.gif) top left repeat-y;
}

ul#editionlist {
font: 100% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
list-style-type: none;
background: #fff;
padding: 0;
border: 0;
margin: 0;
}
ul#editionlist li {
color: #000;
margin: 0;
padding: 2px 5px 2px 5px;
}


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

td.greencell {
height: 60px;
background-color: #CDE2E8;
border: 2px solid #000000;
padding: 3px;
text-align: center;
vertical-align: middle;
}
td.yellowcell {
height: 60px;
background-color: #ff9;
border: 2px solid #000000;
padding: 3px;
text-align: center;
vertical-align: middle;
}