/* --------- default --------- */

html, body {
height: 90%;
}

body
{
margin: 0 auto;
padding: 0 ;
font: normal 12px 'Trebuchet MS',Arial, verdana, sans-serif;
color: #000;
background-color: #55ADE3;
}
		
#header
{
height: 170px;
background-color: white;
}

.myBox
{
width: 755px;
margin: 20px auto;
background-color: #FFF;
}	

#wrapper {
padding: 0 5px 5px 0;
}

#content
{
padding: 20px 15px 0 20px;
padding-right:300px;
}	

#rightnav
{
float: right;
width: 220px;
margin: 0 5px 5px 5px;
padding: 0 5px 5px 5px;
}

#footer {
color: #fff;
clear: both;
background:  url(images/footer.gif) repeat-x;
margin: 0 15px 0 15px;
text-align:center;
padding: 3px;
font: normal 10px Tahoma, Arial, Geneva;
}

#navlistfooter {
text-align:center;
padding: 3px;
margin:0;
line-height: 0.4em;
}

/* --------- headings and paragraphs--------- */

#rightnav h1
{
font: normal 11px Arial, geneva, verdana;
font-weight: bold;
margin-bottom: 15px;
margin-top: 3px;
padding: 0;
}

h2 {
font: bold 15px Arial, geneva, verdana;
color: #134F8E;
}

h3 {
font: bold 13px Arial, geneva, verdana;
color: #114D8D;
}

.heading {
margin-top: 5px;
}

#content p {
font: normal 11px Tahoma, Arial, Geneva, Verdana;
line-height: 1.9em;
}

#rightnav p {
font: normal 11px Tahoma, Arial, Geneva, Verdana;
line-height: 1.9em;
}

p.coord {
font: normal 9px Arial, geneva, verdana;
background:  url(images/build-transparent.jpg) no-repeat;
background-position: bottom right;
line-height: 1.9em;
}


/* --------- links and lists --------- */

a {
color: #006699;
text-decoration: underline;
font: normal 11px Tahoma, Arial, Geneva, Verdana;
}

a:hover {
color: #F68A1F;
text-decoration: underline;
font: normal 11px Tahoma, Arial, Geneva, Verdana;
}

#rightnav a
{
font: normal 11px Verdana,'Trebuchet MS',Arial, sans-serif;
text-decoration:none;
}

#content ul  li  {
font: normal 11px Tahoma, Arial, Geneva, Verdana;
color: #0F437A;
line-height: 130%;
list-style-image: url(images/blue-square.gif);
list-style-type: square;
padding: 0 0 0.5em 0.5em;
}

#footer a {
text-decoration: none;
color: #ccc;
}
#footer a:hover {
text-decoration: none;
color: white;
}

#navlist li a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
}

#navlistfooter li{
display: inline;
list-style-type: none;
}

#navlistfooter li a {
padding: 5px;
}

#footer ul a {
font-size: 1.2em;
color: white;
text-decoration: none;
}

#footer ul a:hover {
font-size:  1.2em;
color: #F68A1F;
text-decoration: none;
}

a.pdf {
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
background-image: url(images/pdf.gif);
background-repeat: no-repeat;   
padding: 0.1em 0 0.2em 2em;
}

/* --------- misc --------- */

.indent {
padding-left: 35px;
}

.orange {
color: #F68A1F;
}

.black {
background-image: url(images/triangle.gif);
background-repeat: no-repeat;	
background-position: 0 .1em;
padding-left: 1.2em;
padding-bottom: 0.2em;
color: #000;
}

.dotted {
margin-left: 10px;
border-bottom:dotted 1px #F7A100
}


#flash {
height: 225px;
}

.bullet {
background-image: url(images/triangle.gif);
background-repeat: no-repeat;	
background-position: 0 0.2em;
padding-left: 1.2em;
font: normal 11px Arial, geneva, verdana;
}

#logotop {
margin-top: 125px;
}

.logos {
margin-top: 15px;
}

.float {
position: relative;
float: right;
padding-left: 15px;
padding-bottom: 15px;
}

/* --------- enquiry form  --------- */

#form {
border: 1px solid #145CA8;
padding-bottom: 10px;
margin-bottom: 10px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 120px; /*width of left column containing the label elements*/
height: 1%;
color: #024384;
}

.cssform label{
float: left;
margin-left: -110px; /*width of left column*/
width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 215px;
}

input, textarea {
border: 1px solid #145CA8;
width: 215px;
}

.cssform textarea{
width: 215px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


#submitbutton{
cursor:pointer;
background:#155CAA;
color: #fff;
font-weight: bold;
margin-left: 30px;
width: 70px;	
}

#submitbutton:hover{
cursor:pointer;
background:#114D8D;
color: #fff;
font-weight:bold;
width: 70px;	
}