/* CSS Style sheet */

body {
border: 0px;
padding: 0px;
background: #fff url(../resources/bg3.jpg) top center repeat-y;
font: small Verdana, Helvetica, sans-serif;
}

img {
border: 0px;
}

h1 {
font-size: 150%;
color: #fff;
}
h2 {
font-size: 120%;
color: #27409D;
}
h3 {
font-size: 110%;
color: #27409D;
}

/* Specific Divs */

#container {
display: block;
	position: relative;
	width: 740px;
	margin: 0px auto;
	background: #FFFFFF no-repeat left bottom;
	padding-bottom: 10px;
}

#homeimages {
width: 690px;
}
.portfolio1 {
float: left;
width: 150px;
padding: 8px;
}
.portfolio2 {
float: left;
width: 120px;
margin: 10px;
}
.portfolio3 {
width: 120px;
margin: 10px;
}
.portfoliotext {
float: left;
width: 230px;
font-size: x-small;
padding-left: 10px;
margin-top: 5px;
}
.seasonalguide {
float: left;
width: 250px;
margin-left: 10px;
margin-top: 10px;
}

.smalltext {
font-size: small;
}
#intro2 { 
	background: #FFFFFF url(../resources/banner6.jpg) no-repeat 0 0;
	height: 97px;
}

#intro { 
	background: #FFFFFF url(../resources/banner5.jpg) no-repeat 0 0;
	height: 97px;
}
#intro h1 {
color: #fff;
font-size: 36px;
font-weight: bold;
margin-top: 25px;
margin-left: 25px;
}

#links {
background: #FFFFFF url(../New%20design%20ideas/images/links_image.jpg) no-repeat 0 0;
	height: 367px;
	}
#quickSummary a:link, #quickSummary a:visited {
	color: #B9E0FF;
	font-weight: bold;
	text-decoration: underline;
}
	
#quickSummary a:hover, #quickSummary a:active {
	color: #00004A;
	font-weight: bold;
	text-decoration: underline;
}

#quickSummary p.p1 {
	display: none;
}

#quickSummary p.p2 {
	font-size: 8pt;
	text-align: right;
	margin: 5px;
}

#preamble, .supportingText  {	
	width: 410px;
	text-align: left;
}

/* Header Images */

#preamble { 
	padding:60px 0px 5px 10px;		
}

.explanation {
	padding: 10px 10px 0px;
}

#participation { 
	background:url(../New%20design%20ideas/design%202/participation.jpg) no-repeat left top;
	padding:44px 10px 0px;
}

#benefits { 
	background:url(../New%20design%20ideas/design%202/benefits.jpg) no-repeat left top;
	padding:44px 10px 0px;
}

#requirements { 
	background:url(../New%20design%20ideas/design%202/requirements.jpg) no-repeat left top;
	padding:44px 10px 10px 10px;
}


/* Navigation Bar */

.navbar {
width: 740px;
background-color: #6984C9;
height: 30px;
margin-top: 0px;
padding-top: 0px;
}
.navbar ul {
list-style: none;
line-height: 30px;
margin: 0px;
padding: 0px;
white-space:nowrap;
}

.navbar li {
list-style-type: none;
display: inline;
}
.navbar li a {
text-decoration: none;
padding: 7px 10px;
color: #FFF;
}
.navbar li a:link {
color: #FFF;
}
.navbar li a:visited {
color: #FFF;
}
.navbar li a:hover {
color: #FFF;
background-color: #263F9C;
}

#rightdiv {
	float: right;
	margin-right: 10px;
	background-repeat:no-repeat;
	top: 545px;
	left: 440px;
	width: 150px;
	height: 230px;
}
.floatright {
float: right;
width: 190px;
padding-left: 5px; 
padding-right: 5px;
padding-top: 20px;
}
.floatimages {
float: right;
margin-right: 10px;
}
.imagedisplay {
margin-left: 40px;
}
.imagedisplay2 {
margin-left: 150px;
}
.imagedisplay3 {
margin-left: 20px;
}
.noborder {
border: 0px;}

.left {
float: left;
width: 110px;
}
.left2 {
float: left;
width: 50px;
padding: 30px;
}
.left3 {
float: left;
width: 100px;
height: 17px;
padding: 20px;
}


a {
	color: #27409D;
	text-decoration:none;
}
a:link {
	color: #27409D;
	text-decoration:none;
}
a:visited {
	color: #2651EE;
	text-decoration:none;
	}
a:hover {
	color:#2651EE;
	text-decoration:none;
}
a:active {
	color:#2651EE;
	text-decoration:none;
}
/* Footer Navigation */
.footer {
text-align: center;
clear: both;
font-size: 8pt;
}
.textonly {
margin-right: 60px;

}

a.textonly:link {
color: #5D2C1E;
text-decoration:none;
}
a.textonly:visited {
color: #F5E691;
text-decoration:none;
}
a.textonly:hover {
color:#5D2C1E;
text-decoration:none;
}
a.textonly:active {
color:#5D2C1E;
text-decoration:none;
}

.wrapper {
background-image: url(../corner_leaves.gif);
background-repeat:repeat-y;
}
.wrapper2 {
background-image: url(../horizontal_leaves.gif);
background-repeat:repeat-x;
}

.quote {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-style:italic;
}

/** Customer Logos **/

.logo1 {
list-style: none;
line-height: 53px;
padding-left: 125px;
background-image:url('../resources/wimbledon_sm.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
}

.logo2 {
list-style: none;
line-height: 24px;
padding-left: 125px;
background-image:url('../resources/estee_lauder.gif');
background-repeat: no-repeat;
margin-bottom: 5px;
}

.logo3 {
list-style: none;
line-height: 39px;
padding-left: 125px;
background-image:url('../resources/next_gen.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
}
.logo4 {
list-style: none;
line-height: 42px;
padding-left: 125px;
background-image:url('../resources/dbc_logo.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
}
.logo5 {
list-style: none;
line-height: 18px;
padding-left: 125px;
background-image:url('../resources/citizens_advice.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo6 {
list-style: none;
line-height: 14px;
padding-left: 125px;
background-image:url('../resources/laura_ashley.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo7 {
list-style: none;
line-height: 36px;
padding-left: 125px;
background-image:url('../resources/national_boat_shows.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo8 {
list-style: none;
line-height: 50px;
padding-left: 125px;
background-image:url('../resources/southampton_boat_show.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo9 {
list-style: none;
line-height: 16px;
padding-left: 125px;
background-image:url('../resources/swt.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo10 {
list-style: none;
line-height: 39px;
padding-left: 125px;
background-image:url('../resources/gemalto.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo11 {
list-style: none;
line-height: 50px;
padding-left: 125px;
background-image:url('../resources/nelson_bakewell.gif');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo12 {
list-style: none;
line-height: 33px;
padding-left: 125px;
background-image:url('../resources/peverel_om.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo13 {
list-style: none;
line-height: 21px;
padding-left: 125px;
background-image:url('../resources/brc_logo.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo14 {
list-style: none;
line-height: 40px;
padding-left: 125px;
background-image:url('../resources/bna.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo15 {
list-style: none;
line-height: 40px;
padding-left: 125px;
background-image:url('../resources/marina.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo16 {
list-style: none;
line-height: 40px;
padding-left: 125px;
background-image:url('../resources/fullers.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo17 {
list-style: none;
line-height: 40px;
padding-left: 125px;
background-image:url('../resources/rok_logo.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo18 {
list-style: none;
line-height: 22px;
padding-left: 125px;
background-image:url('../resources/johnson_controls.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo19 {
list-style: none;
line-height: 47px;
padding-left: 125px;
background-image:url('../resources/cbre.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}
.logo20 {
list-style: none;
line-height: 34px;
padding-left: 125px;
background-image:url('../resources/bowlplex.jpg');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}

.logo21 {
list-style: none;
line-height: 34px;
padding-left: 125px;
background-image:url('../resources/coopervision.gif');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}

.logo22 {
list-style: none;
line-height: 34px;
padding-left: 125px;
background-image:url('../resources/peta.gif');
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 10px;
}

/** Drop Down Navigation **/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 150px;
left: 150px;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}



fieldset {  
	background-color: transparent;
	border: 1px solid #cfd3e3;
	float: right; 
	width: 50%;
	padding: 0px 0px 20px 0px;	
	margin: 0 0 1.5em 1em;  
	text-align: left;
	}

legend {  
	margin-left: .5em;  
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #27409D;  
	background-color: transparent;
	}