/* margins/padding: 
   4 - top right bottom left
   2 - top&bottom left&right
   1 - all
*/
body {
 background-color: #fff;
 color: #000;
 margin: 0;
 padding: 0;
 line-height: 1.33;
}

/* fonts */
body, th, td, input, select {
 font-family: Verdana, Helvetica, Arial, sans-serif;
}
body, th, td {
 font-size: x-small; /* ie5 bug */
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
}
small, #news, #footer, #footer td, #breadcrumbs, #breadcrumbs td, input, select, .small {
 font-size: xx-small; /* ie5 bug */
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: x-small;
}

a:link {
 color: #003399;
}
a:visited {
 color: #551A8B;
}
a.nodecor  {
 text-decoration: none;
}

/* areas of the screen - sizes, colours */
div#banner {
 background-color: #FFCC00;
 border-bottom: 1em solid #FFD900;
 padding: 0.2em 0.4em;
}
table#main {
 height: 400px;
}
td#navcol {
 margin: 0;
 padding: 0;
 border-right: 1px dotted #003399;
}
div#menu {
 margin: 0 0.75em 1em 1em;
}
div#atom p {
 margin: 2em 0.75em 1em 1.5em;
}
td#bodycol {
 padding: 0 1.5em 0.6em 1.5em;
}
div#bodycol {
 padding: 0 0.5em 0.5em 0.5em;
}
div#news {
 width: 17em;
 border: 1px dotted #000;
 float: right;
 margin: 1em 0 0 0.5em;
 padding-right: 0.5em;
}
div#mapContainer {
 margin-top: 0.4em;
 width: 100%;
 position: relative;
 z-index: 0;
}
div#map {
 height: 400px;
 border: 1px solid #979797;
 z-index: 0;
}
div.map {
 overflow: hidden;
 margin-left: 15.5em;
 position: relative;
}
div.map-max {
 height: 100% !important;
 width: 100% !important;
 position: fixed !important;
}
div#mapkey {
 height: 400px;
 position: absolute;
 z-index: 1;
 width: 15em;
 top: 0px;
 left: 0px;
 overflow: auto;
 border: 1px solid #979797;
}
div#footer {
 padding: 4px;
 margin: 0 2px;
}

/* banner setup */
#banner img, #banner2 img, #navcol img {
 display: block;
}
#navcol a img {
 display: inline;
}
#banner td {
 vertical-align: middle;
}
div#banner h1 {
 color: #003399;
 font: bold 3em "Lucida Bright", Georgia, Times, serif;
 margin: 0 0 0 0.5em;
}

/* menu setup */
#menu h2 {
 color: #000;
 font-size: 1em;
 font-weight: bold;
 margin: 0;
 white-space: nowrap;
}
#menu ul {
 margin: 0.4em 0 0.4em 2em;
 list-style-image: url(../images/nav_bullet.gif);
 list-style-type: square;
}
#menu ul ul {
 margin: 0 0 0 1.5em;
}
#menu li.current {
	font-weight: bold;
 	color: #003399;
}
#menu li.current ul {
	font-weight: normal;
}

/* headings */
h1, h2, h3 {
 color: #003399;
}
h1 {
 font-size: 1.5em;
 font-weight: bold;
 margin: 0 0 0.8em 0; 
}
h2 {
 font-size: 1.3em;
 font-weight: bold;
 margin: 0.67em 0;
}
h3 {
 font-size: 1.17em;
 font-weight: bold;
 margin: 0.67em 0;
}

/* paragraph */
p {
 margin: 0.67em 0 0.67em 1.5em;
}
li p {
 margin-left: 0;
}
img, #bodycol img.no-bdr {
 border: 0px;
}
#bodycol img {
 border: 1px solid #000;
}

/* lists */
ul, ol {
 padding-left: 0px;
 margin: 0.67em 0.2em 0.67em 3em;
}
ol ul, ul ol, ul ul, ol ol {
 /* IE sets padding, Mozilla margin, so make sure we set one to 0 */
 padding-left: 0;
 /* since we changed ul margins, need to reset others */
 margin: 0 0 0 2em;
} 

/* tables */
#bodycol table {
 margin-left: 1.5em;
}
#bodycol table.noindent {
 margin-left: 0;
}
#bodycol table table {
 margin-left: 0;
}
#bodycol th {
 text-align: left;
 white-space: nowrap;
}
td, th {
 vertical-align: top;
}
table.spaced td {
	padding-right: 2em;
}
table.center th, tr.center th, th.center {
 text-align: center;
}

#bodycol table.noindent {
 margin-left: 0;
}
.links ul {
 padding-left: 0;
 margin: 0.5em 0.2em 0.5em 2em;
}
table.links td > h2:first-child {
 margin-top: 0;
}
.links h2 {
 font-size: 1.17em;
 margin: 0.5em 0;
}
.links p {
 margin-left: 1em;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.left {
 text-align: left;
}
.ul {
 text-decoration: underline;
}
.tooltip {
 background-color: #ffffff;
 font-weight: bold;
 border: 1px solid #000;
 font-family: Verdana;
 padding: 1px 2px;
 white-space: nowrap;
}
.gmap-control-container {
 margin: 5px;
}
.gmap-control-outer {
 background-color: white;
 border: 1px solid black;
 cursor: pointer;
 text-align: center;
 position: relative;
 overflow: hidden;
 width: 66px;
 float: left;
}
.gmap-control-nearest {
 background-color: white;
 border: 1px solid black;
 position: absolute;
 width: 115px;
}
.gmap-control-nearest p {
 margin: 0 3px 3px 3px;
}
.gmap-control-nearest, .gmap-control-inner {
 color: black ;
 font-family: Arial,sans-serif;
}
.gmap-control-inner {
 font-size: 12px; 
 border-width: 1px;
 border-style: solid;
}