.form
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size:8pt;
}
.formbold
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size:8pt;
font-weight: bold;
}
input, select, textarea	
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #444444;
background-color: #ffffff;
border: 1px solid #CCCCCC;
}
p
{
line-height:1.5em
}
ul
{
margin: 0px;
padding: 0px; 
}
li
{
list-style: none; 
margin: 5px;
}
a
{
color: #000000; 
text-decoration:none; 
margin: 0px; 
padding: 0px;
}
a:hover{
color: #222222; 
text-decoration:underline;
}
img{
border: none; 
margin: 0px; 
padding: 0px;
}
hr{
height: 1px; 
color: #DDDDDD;
}
h1, h2, h3, h4, h5{
font-size: 1em;
margin: 0px;
text-align: justify;
}
h1{
font-size: 2em;
}
.masthead{
width:100%; 
background-color: #91A2CE; 
color: #FFFFFF;
text-align: right;
vertical-align: middle;
position: relative;
min-width: 800px;
z-index: 2;
height: 80px;
}
.masthead div{
float: left;
width: 800px;
}
.masthead h1{
float: left;
}
.masthead .boxes{
float: right;
margin: 15px 2px 2px 2px;
}
.menu{
position: relative;
background-color: #7182AE; 
width: 100%;
min-width: 800px;
z-index: 1;
padding: 0px;
margin: 0px;
}
.menu div{
width: 635px; 
padding: 0px;
margin: 0px 0px 0px 165px;
}
.menu li{
float: left;
margin: 0px;
padding: 0px;
}
.menu a{
color: #FFFFFF;
}
.menu a:hover{
color: #FFFFFF;
background-color: #61729E;
text-decoration: none;
}
.menu a .hoverimg{
display: none;
}
.menu a .normalimg{
display: inline;
}
.menu a:hover .hoverimg{
display: inline;
}
.menu a:hover .normalimg{
display: none;
}
.menu a span{
display: none;
}
.menu a:hover span{
display: block;
position: absolute; 
top: 20px; 
left: 170px;
color: #444444; 
font-size: 0.8em;
width: 300px;
}
.pagetitle{
position: absolute;
top: 130px;
left: 210px;
}
.pagegraphic{
position: absolute;
top: 105px;
left: 5px;
z-index: 100;
}
.content{
position: relative;
background-color: transparent;
padding: 0px;
margin: 0px 0px 130px 210px;
width: 300px;
top: 120px;
}
.content p{
text-align: justify;
margin-bottom: 1.5em;
margin-top: 0em;
}
.content img{
float: right;
}
.content h2{
margin-bottom: 1.5em;
}
.content h3{
color: #666666;
}
.content hr{
margin-bottom: 1.5em;
}
.content ul{
margin-bottom: 1.5em;
}
.content li{
font-size: 0.8em;
margin: 5px 0 5px 0;
color: #444444;
}
.content form div{
width: 100%;
margin-bottom: 0.5em;
}
.content form div.centre{
text-align: center;
}
.content form div.right{
text-align: right;
}
.content form input, select, textarea{
width: 100%;
margin-bottom: 0.5em;
}
.content form textarea{
height: 10em;
}
.content form input.checkbox{
width: auto;
margin-bottom: 0.2em;
margin-top: 0.2em;
margin-left: 10px;
}
.content form input.button{
background-color: #EEEEEE;
width: 10em;
}

.quicklinks{
position: absolute;
margin: 10px;
left: 0px;
top: 205px;
width: 140px;
font-weight: bold; 
}
.quicklinks ul{
font-size: 0.8em;
}
.quicklinks li{
font-weight: normal; 
list-style-type: disc;
list-style-image: url(images/tree.gif);
list-style-position: outside;
margin-left: 23px;
color: #000000;
}
.quicklinks p{
margin-bottom: 0.5em;
}
.quicklinks .links{
background-color: #DDDDDD;
border: 1px solid #FFFFFF;
width: 100%;
}
.quicklinks .links p, quicklinks .links ul{
margin: 5px;
}

.furtherinfo{
position: absolute;
padding: 0px;
left: 555px;
top: 215px;
background-color:#FFFFFF;
width: 240px;
}
.moreinfo{
margin-top: 2em;
font-size:0.8em; 
border: 1px solid #91A2CE;
width: 100%;
}
.moreinfoheader{
background-color:#91A2CE; 
color: #FFFFFF; 
font-weight: bold; 
padding: 5px;
}
.moreinfoheader img{
float: left; 
margin-right: 7px;
}
.moreinfo p{
font-weight: bold;
color: #666666;
margin: 5px;
}
.moreinfo hr{
width:90%;
margin: 0px 5% 0px 5%;
}

.furtherinfoform{
text-align: right;
padding: 5px 5px 0px 5px;
}
.moreinfo .furtherinfoform p{
text-align: left;
margin: 0px;
width: 225px;
font-size: 1em;
font-weight: normal;
color: #000000;
}
.furtherinfoform input, select{
width: 225px;
margin-bottom: 0.2em;
margin-top: 0.3em;
color: #555555;
font-size: 1em;
}
.furtherinfoform .button{
width: 25%;
color: #FFFFFF;
background-color: #91A2CE;
}

.contactinfo{
margin-top: 2em;
font-size:0.8em; 
border: 1px solid #7182AE;
width: 100%;
}
.contactinfoheader{
background-color:#7182AE; 
color: #FFFFFF; 
font-weight: bold; 
padding: 5px;
}
.contactinfoheader img{
float: left; 
margin-right: 7px;
}
.advert{
font-size:0.8em; 
border: 1px solid #FF6633;
width: 100%;
}
.advertheader{
background-color:#FF6633; 
color: #FFFFFF; 
font-weight: bold; 
padding: 5px;
}
.advert ul{
margin: 0px;
}
.indexbreak{
position: relative;
height: 50px;
}
.indexstripe{
background-color: #DDDDDD;
width: 100%;
position: relative;
top: 0px;
left: 0px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #000000;
min-width: 800px;
height: auto;
min-height:200px;
}
.indexadvert{
font-size: 0.8em; 
width: 180px;
background-color:#FFFFFF; 
color: #000000; 
font-weight: bold; 
border: 1px solid #000000;
height: 180px;
}
.indexadvert div{
margin: 7px 15px 7px 15px;
}
.indexfurtherinfo{
position: relative;
left: 10px;
top: 10px;
float: left;
}
.indexfreelinks{
position: relative;
left: 70px;
color: #FFFFFF;
background-color: #FF6633;
font-size: 0.9em;
height: 180px;
float: left;
margin-top: 10px;
}
.indexfreelinks div{
margin: 5px;
color: #FFFFFF;
border: none;
background-color: #FFFFFF;
line-height: 1.5em;
}
.indexfreelinks p{
margin: 5px;
margin-top: 7px;
margin-bottom: 7px;
width: 185px;
font-weight: bold;
}
.indexfreelinks li{
width: 185px;
}
.indexfreelinks span{
font-weight: bold;
}
.indexfreelinks div{
color: #000000;
}
.indexcontent{
position: relative;
background-color: transparent;
width: 320px;
left: 40px;
top: 10px;
float: left;
}
.indexcontent p{
text-align: justify;
margin-bottom: 1.5em;
margin-top: 0em;
}
.indexcontent h2{
margin-bottom: 1.5em;
}
.indexminwidth{
width: 800px;
}
.recentwork{
position: relative;
left: 0px;
top: 0px;
width: 100%;
background-color: #EEEEEE;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #000000;
min-width: 800px;
}
.recentwork .indexminwidth{
position: relative;
margin-left: 55px;
width: 745px;
margin-bottom: 10px;
}
.recentwork div div{
float: left;
margin: 20px 10px 0px 10px;	
font-size: 0.8em;
}
.recentwork img{
border: 1px solid #000000;
}
.footer{
background-color: #91A2CE; 
color: #FFFFFF; 
width: 100%; 
min-width: 800px;
font-size: 0.8em; 
height: 20px;
}
.footer div{
width: 795px;
margin: 5px 0px 5px 5px;
}