@charset "utf-8";
/* CSS Document */
HTML 		{overflow-y:scroll;}
BODY 		{font-family:Arial, Helvetica, sans-serif}


.links li		{list-style-type: none;}
.links a 		{text-decoration:none; font-size:14px;}
.links ul li {position: relative;}
.links li ul {position: relative;left: 0px; /* Set 1px less than menu width */top: 0;display: none;}
.links ul li a {border-bottom: 2px solid #eaebf0; display: block;text-decoration: none;/* IE6 Bug */}
/* Fix IE. Hide from IE Mac \*/

/* End */
.links li:hover ul, li.over ul { display: block; } /* The magic */


/* navigation list */

.overlay{
	display:none;
}

#navcontainer {
width: 177px;
}

#navcontainer ul {
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

#navcontainer a {
display: block;
padding: 3px 0px 3px 10px;
width: 167px;
background-color: #ffffff;
border-bottom: 2px solid #eaebf0;
}

#navcontainer a:link, #navlist a:visited
{
text-decoration: none;
}

#navcontainer a:hover {
background-color: #6280a7;
color: #fff;
}

.links {
float:left;
width:165px;
height:60px;
padding-top:5px;

}

.links ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

.links a {
display: block;
padding: 3px 0px 3px 10px;
width: 167px;
background-color: #ffffff;
border-bottom: 2px solid #eaebf0;
}

.links a:link, #navlist a:visited
{
text-decoration: none;
}

.links a:hover
{
background-color: #6280a7;
color: #fff;
}

#servicesmain li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
padding-left: 10px;
padding-right: 10px;
}

body {
padding:0;
margin:0;
background-color:#6280a7;
}

table {
cellspacing:0;
cellpadding:0;
}

p  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
padding-left: 10px;
padding-right: 10px;
}

#page {
margin: auto;
padding: 15;
width: 930px;
background-color: #FFFFFF;
}

/* Links and text */

a.smalllinks {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#6280a7;
text-decoration:none;
}

a.smalllinks:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#003768;
text-decoration:underline;
}

input { 
background-color:#ffffff;
color: #6280a7; 
font-size:11px;
font-family: Arial, Helvetica, sans-serif; 
line-height:15px; 
}

a.mainlinks {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left;
color:#000000;
line-height:24px;
text-decoration:none;
}

a.mainlinks:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #eaebf0;
color:#999;
line-height:24px;
text-decoration:none;
}

.panel-text {
padding:20px 20px;
}

.whitetext {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

.bannerlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #FFF;
}

a.bannerlink:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#fff;
}

a.bannerlink:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#999;
}

a.whitetext:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}

a.whitetext:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}

a.whitetext:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
}

.whitetextright {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
position:absolute;
right:4px;
}

a.whitetextright:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

a.whitetextright:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}

a.whitetextright:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
}

.searchtext {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#6280a7;
text-align:left;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
line-height:24px;
background-color:#6280a7;
padding-left:10px;
padding-right:0px;
margin:6px 0px 6px 0px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
line-height:24px;
background-color:#6280a7;
padding-left:10px;
padding-right:0px;
padding-top:0px;
margin:6px 0px 6px 0px;
}

h2.main-title {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
line-height:24px;
background-color:#6280a7;
padding-left:10px;
padding-right:0px;
}

h3.bottom-title {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:24px;
background-color:#6280a7;
padding-left: 10px;
}

h3 {
background-color:#6280a7;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:24px;
padding-left:10px;
padding-right:0;
padding-top:0;
margin:6px 0px 6px 0px;
}



h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
line-height:24px;
background-color:#6280a7;
padding-left: 10px;
}

.buttonlarge {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:25px;
padding-left:10px;
}

.buttonbackground {
background-image:url('images/button_large.jpg');
background-repeat:no-repeat;
padding-bottom:15px;
padding-top:23px;
}

.maintext {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
padding-left: 10px;
padding-right: 10px;
}

.smalltext {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height:16px;
}

.bannertext {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
background-color:#6280a7;
}

h.bannertext {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
background-color:#6280a7;
}

h1.bannertext {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
background-color:#6280A7;
}

.bigtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 28px;
color: #003768;
}

.formbutton {
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;   
font: 84%;   
background-color:#003768;   
border:1px solid;   
border-color: #000000;
margin-left: 0px;
margin-right: 0px; 
} 
.panel-overlay {
display:inline;
}

/* main divs */

#topstrip {
position:relative;
display:block;
margin:auto;
width:902px;
height:130px;
padding-top:12px;
}

#logo {
position:relative;
display:block;
float: left;
margin:auto;
width:360px;
height:80px;
padding-top:50px;
}

#date {
position:relative;
float: left;
width:170px;
height:36px;
padding-top:29px;
padding-left:10px;
}

#search {
position:relative;
float:left;
width:350px;
height:45px;
padding-top:20px;
padding-left:10px;
}

#header-links {
display:inline;
position:relative;
width:540px;
height:55px;
padding-top:10px;
}

#navtree {
position:relative;
display:table;
margin:auto;
width:900px;
height:auto;
padding-top:3px;
padding-bottom:3px;
color:#6280a7;
}

#feature {
position:relative;
display:block;
margin:auto;
width:900px;
height:302px;
}

#fleft {
position:relative;
float: left;
width:540px;
height:302px;
}

#fright {
position:relative;
float: left;
display:table;
width:340px;
height:282px;
background-color:#6280a7;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}

#body {
position:relative;
display:table;
margin:auto;
width:900px;
height:auto;
padding-top:5px;
padding-left: 0px;
padding-right: 0px;
}

#contentleft {
position:relative;
float: left;
width:357px;
height:auto;
padding-left: 0px;
padding-right: 3px;
}

#contentright {
position:relative;
float: left;
width: 540px;
height: auto;
padding-left: 0px;
padding-right: 0px;
}

#contentbottom {
position:relative;
float: left;
width:900px;
height:auto;
padding-top:10px;
padding-left: 0px;
padding-right: 0px;
}

#contentbottomleft {
position:relative;
float: left;
width:357px;
height:auto;
padding-left: 0px;
padding-right: 3px;
}

#contentbottomright {
position:relative;
float: left;
width:540px;
height:auto;
padding-left: 0px;
padding-right: 0px;
}

#projectmain {
float:left;
width:537px;
height:auto;
padding-left: 0px;
padding-right: 3px;
}

#projectright {
float:left;
display: inline;
width:360px;
height:auto;
padding-left: 0px;
padding-right: 0px;
}

#gallery {
float: left;
width:538px;
height:auto;
}

#projectimages {
width:540px;
height:auto;
}

#wholebody {
float:left;
display: inline;
width: 900px;
height:auto;
padding-left: 0px;
padding-right: 0px;
}

#left {
float:left;
width:320px;
height:auto;
background-color:#6182a5;
}

#bannerpic {
position:relative;
display:table;
margin:auto;
width:900px;
height:150px;
}

#text {
float:left;
width:320px;
height:auto;
align:justify;
}

#righttext {
float:left;
width:550px;
height:auto;
padding-left:30px;
align:justify;
}

#wholebluetitle {
float:left;
width:99.5%;
height:20px;
background-color:#6182a5;
padding-left:5px;
}

#servicesleft {
float:left;
width:177px;
height:auto;
padding-left: 0px;
padding-right: 3px;
background-color:#FFFFFF;
}

#servicesmain {
float:left;
width:536px;
height:auto;
padding-left: 0px;
padding-right: 3px;
background-color:#FFFFFF;
}

#servicesright {
float:left;
width:180px;
height:auto;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFFF;
padding-top:2px;
}

#footerlinks {
position:relative;
display:table;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:5px;
width:895px;
height:17px;
padding-left:5px;
padding-top:3px;
background-color:#6280a7;
}

#footer {
position:relative;
display:table;
margin:auto;
width:900px;
height:auto;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}

#services {
position:relative;
display:table;
margin:auto;
width:900px;
height:180px;
}

/*search*/

.main {
	font-family: arial, helvetica;
	font-size: 10px;
}
.spaced {
	font-family: arial, helvetica;
}
.button {
	font-family: arial, helvetica;
	font-size: 11px;
	height: 22px;
}
a:link { color: #648BCB }
a:active { color: #648BCB }
a:visited { color: #648BCB }
a:hover { color: #003768 }


div.panel-text h2.bannertext {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#ffffff;
line-height:24px;
background-color:#6280A7;
padding-left:10px;
padding-right:0px;
}

div.panel-text a{
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
line-height:24px;
padding-left:10px;
padding-right:10px;
text-decoration:underline;
}

p.bannertext a {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
line-height:24px;
padding-left:10px;
padding-right:10px;
text-decoration:underline;
}

a.normaltext {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
line-height:24px;
padding-left:10px;
padding-right:10px;
text-decoration:underline;
}

span.normaltext {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
line-height:24px;
padding-left:10px;
padding-right:10px;
text-decoration:underline;
}

#viewport h2 {
text-align:left;
}

#viewport p {
text-align:justify;
}

/* Paul Spreadbury Just Search Amendment Code */

#jslinks {
float:right;
text-align:right;
border:none;
position:absolute;
right:0px;
top:200px;
}

.contentcontainer {
	height:224px;
	width:900px;
	position:relative;
	}

.contentcontainer img {
float:left;
}

.content {
	float: right; 
	width: 552px;
	}
	
.content h1 {
	margin-left:7px;
	padding-left:4px;
	}
	
.content h2 {
	margin-left:7px;
	padding-left:4px;
	}
	
.about {
	background-color:#6280a7;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:24px;
	margin:6px 0;
	padding-left:10px;
	padding-right:0;
	border-top:5px solid #FFF;
	height:25px;
	float:left;
	width:895px;
	padding-top:0px;
	margin-bottom:8px;
	font-weight:bold;
}

h3.main-title {
background-color:#6280a7;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:24px;
padding-left:10px;
padding-right:0;
}

/* End Paul Spreadbury Just Search Amendment Code */