html{height: 100%;}

body
{ font: 62.5%/1.4 Courier, Arial, Helvetica, sans-serif;
  background: #fff url(bg_bottom.png) repeat-x;
  padding: 0px;
  margin: 2.3px;
  font-size: 1em;
}

p
{ padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 0.9em;
  letter-spacing: .09em;
}

h1
{ 
font-size: 1.3em;
  padding: 0px 23px 0px 23px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;
  color: #444;
}

h2
{
	font: 62.5%/1.4 Georgia, Times, serif;
	font-size: 1.35em;
	padding: 0px 0px 0px 10px;
	margin: 0px 250px 0px 8px;
	font-weight: bold;
	color: #444;
	background: #fff;
	font-variant:small-caps;
}

h3
{ font-size: 0.93em;
  padding: 0px 23px 0px 23px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;
  color: #000033;
}

h4
{
	font-size: 0.8em;
	padding: 6px 18px 0px 18px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #6A7988;	
}

h5
{ font-size: 0.6em;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;
}

h6
{ font-size: 1.3em;
  padding: 0px 23px 0px 23px; 
  margin: 0px 0px 0px 0px;               
  font-weight: bold;
  color: #eee;
}

a:link {
	border-bottom: dotted 0px;
	text-decoration: none;
	color: #111;
	background: #c7e0fa;
	padding: 4px;
}

a:visited {
	border-bottom: dotted 0px;
	text-decoration: none;
	color: #666;
	background: #c7e0fa;
	padding: 4px;
}

a:hover {
	background-color:#ffff00;
	color: #333;
	padding: 4px;
}
a:active {
	text-decoration: none;
	background: #c7e0fa;
	color: #333333;
	padding: 4px;
}

img
{ border: 1px #ccc; 
  margin: 0px; 
  padding: 2px; 
}

a{outline: none;}


/* unordered list */
ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
}

ul li
{ list-style-type: circle;
  margin: 0px 0px 0px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main
{width: 900px;
 height: auto;
  border: 18px solid #ddd;
  background:#ddd;
}

/* logo */
#logo
{ width: 900px;
  height: 180px;
  border: 0px dotted;
  background: #ddd url(logo.jpg) no-repeat top left;
}


/* navigation menu */
#menubar
{ height: 32px;
  width: 900px;
   background: #33346c;
} 

#menubar2
{ height: 32px;
  width: 896px;
  border: 0px dotted;
  background: #33346c;
  text-align:center;
  padding: 2px;
  font-size: 1.3em;
} 


/* main content */
#site_content
{ overflow: hidden;
  padding: 0px 0px 0px 0px;
  width: 900px;
  height: auto;
  border: 0px dotted;
  border-color: #330099;
    background: #f8f8ff;
}

/* sidebar */
.sidebar
{ float: left;
  width: 450px;
  height: auto;
  padding: 5px 5px 5px 5px;
  border: 0px dotted;
  background: #f8f8ff;
}



/* page content */
#content
{ text-align: left;
  float: left;
  width: 410px;
  height: auto;
  padding: 6px;
  border: 0px dotted;
    background: #f8f8ff;
}

#content a.colour, #content a.colour:hover{border-bottom: 0px;}

/* footer */
#footer
{ font-size: 0.9em;
  height: 90px;
  width: 900px;
  margin: 0px;
  text-align: center;
  background: #ddd;
  padding: 24px 0px 3px 0px;
}

#footer h1
{ font-size: 1.75em;
  letter-spacing: .1em;
  padding: 6px 0px 6px 0px; 
  margin: 0px 190px 0px 190px;               
  font-weight: bold;
  color: #666;
}

#footer2
{ font-size: 0.8em;
  height: 310px;
  width: 299px;
  margin: 0px;
   border-top: 1px solid #bbb;
   border-right: 1px dashed #aaa;  
    border-bottom: 1px solid #bbb;
  background: #ddd;
  padding: 0px;
  float: left;
}

#footer3
{ font-size: 0.8em;
  height: 310px;
  width: 299px;
  margin: 0px;
   border-top: 1px solid #bbb; 
   border-right: 1px dashed #aaa; 
     border-bottom: 1px solid #bbb;
  background: #ddd;
  padding: 0px;
  float: left;
}

#footer4
{ font-size: 0.8em;
  height: 310px;
  width: 300px;
  margin: 0px;
  border-top: 1px solid #bbb; 
   border-right: 0px dashed #bbb;
     border-bottom: 1px solid #bbb; 
  background: #ddd;
  padding: 0px;
  float: left;
}


/******************* contact form ****************************/


form {

position:relative;
background:#fff;
width:380px;
padding:10px;
margin:10px 0 10px 15px;
border:1px solid #ccc;
color:#fffaf0;

}


.col1 {float:left;margin:0 5px 0 0;}

.col2 {margin:0 0 50px 0;padding:0;}


input, textarea {background:#f8f8ff;padding:2px;}

textarea {width:320px;border:1px solid #a4c7dd;margin:3px 0 0 3px;}

.checkbox {padding:0;}



p.form {margin:10px 0 10px 5px;font-size:.8em;}

p.question {font-size:1em;margin:30px 0 10px 8px;font-weight:bold;}

p.small {font-size:.7em;margin:5px 0 10px 8px;}

p.check {margin:5px 0 0 5px;font-size:.75em;}



.name, .compname, .emailaddress, .address, .tel {width:150px;border:1px solid #a4c7dd;}

.name {margin:0 0 0 24px;}

.compname {margin:12px 0 0 8px;}

.address {margin:0 0 0 8px;}

.tel {margin:12px 0 0 24px;}

.emailaddress {margin:12px 0 0 16px;}

.textcode {margin:5px 0 0 4px;
padding:2px;}



.submit {

letter-spacing:2px;
margin:5px 0 0 0;
width:150px;
border:1px solid #8bdaf6;
background:#A4D1FF;
color:#222;
font-weight:bold;

}

.submit:hover {

border:1px solid #0000ff;
background:#ffff00;
color:#333;
font-weight:bold;

}