/* CSS Document */


body {
	margin: 15px 0px 0px;
	padding: 15;
	text-align: center;
	color: #000;
	background-color: #BAC4D8;
}

/* Formatting 
---------------------------------------------------------------------------------*/
h1 {
	font: bold 0.9em/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #022C42;
	margin-left: 10px;
	padding: 0px 0px 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h2 {
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	white-space: normal;
}
h3 {
	font: bold 0.7em/1 Verdana, Arial, Helvetica, sans-serif;
	color: #022C42;
	margin-bottom: 5px;
	margin-top: 5px;
}
h4 {
	font: bold 0.72em Verdana, Arial, Helvetica, sans-serif;
	background-image: url(graphics/housetype_head.jpg);
	background-repeat: repeat;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 0px;
	height: 35px;
}
p {
	color: #000000;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
a {
	color: #022C42;
	text-decoration: none;
	font-weight: bold;
}
a:hover { color: #978700; text-decoration: underline; }  
img {
	border: 0px none;
}
a img { border: 0px none; }   
em { text-decoration: underline; font-style: normal; }
blockquote { margin-left: -1px; margin-bottom: 10px; padding: 0px 10px 0px 20px; border: 1px solid #C8CCDF; background: #F8F9FC; }

/* Additional Formating Selectors 
--------------------------------------------------------------------------*/
.genheading { font: 0.7em/1.2 Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.highlight { text-align: left; padding: 0px 10px 0px 10px; border: 4px solid #C8CCDF; }
.testimonial {
	padding: 5px 0px;
	background: #CFD5E4 repeat;
	margin: 0px;
}
.bodybold { font: bold 0.75em /1.5 arial, sans-serif; color: #003F7F; }
.date { font: 0.7em /1.5 georgia, serif; color: #003F7F; padding-bottom: 5px; border-bottom: 1px solid #003F7F; margin-bottom: 5px; }
.newsfeeddate { font: 0.85em /1.5 arial, sans-serif; color: #003F7F; }
a .newsfeedhead { font: bold 0.75em /1 arial, sans-serif; color: #0292C8; }
a:hover .newsfeedhead { font: bold 0.75em /1 arial, sans-serif; color: #003F7F; }
a.login { color: #fff; }
a:hover.login { color: #ECF0F4; text-decoration: underline; }
a:hover .newsfeedhead { font: bold 0.75em /1 arial, sans-serif; color: #003F7F; }
.servboxtext { font: 0.72em/1.2 arial, sans-serif; color: #063A2D; }
.contactitems { font: bold 0.9em /1.5 arial, sans-serif; color: #003F7F; margin-bottom: 5px; }
#contactwrapper { float: left; border: 1px solid #000;  }

.bodylist {
	list-style: disc;
	color: #000000;
	margin: 0px;
	padding: 5px;
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}
.bodylist ul {
	display: block;
	list-style: circle;
	margin: 0 0 0 40px;
	padding: 5px;
	}
.bodylist ul li {
	display: block;
	list-style: circle inside;
	color: #003F7F;
	text-decoration: none;
	padding: 0px 0px 2px 40px;
}

	
	
.bodylist2 {
	list-style-type: disc;
	list-style-position: outside;
	font: 0.7em/2 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 2px;
	padding-left: 18px;
	}
div.bodylist2 ul {
	display: block;
	list-style: disc url(none);
	margin: 0 2px 0 2px;
	padding: 0px;
	}
div.bodylist2 ul li {
	display: block;
	list-style: disc;
	color: #000;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	}
		
	
/* Layout 
--------------------------------------------------------------------------------------*/




#outerwrapper {
	text-align: center;
	width: 900px;
	background: #022C42;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	padding: 0px;
}

#header {
	width: 900;
	height: 108px;
	margin: 0px;
	background-image: url(graphics/header_bgt.jpg);
	background-repeat: no-repeat;
	background-position: right;
	
}	
#crawfordlogo {
	float: left;
	margin: 0;
	width: 250px;
	height: 108px;
	z-index: 2;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	}

#clientarea {
	position: absolute; 
	text-align: left;
	margin: 0px 0px 0px 617px;
	padding: 2px 0px 0px 45px;
	width: 130px;
	height: 15px;
	font: bold 0.75em arial, sans-serif;
	color: #fff;
	background: url(images/client_area_grad.jpg) repeat-y;
	}
	
* html #clientarea {
	position: absolute; 
	text-align: left;
	margin: 0px 0px 0px 611px;
	padding: 2px 0px 0px 45px;
	width: 130px;
	height: 17px;
	font: bold 0.75em arial, sans-serif;
	color: #fff;
	background: url(images/client_area_grad.jpg) repeat-y;
	}


#maincontent {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 900px;
	z-index: 2;
}

* html #maincontent {
	text-align: left;
	margin: 0px;
	background-color: #ECE9D8;
}
#maincontent2 { text-align: left; margin: 40px 0px 20px 220px; padding: 100px 10px 260px 10px; width: 480px; }
* html #maincontent2 { text-align: left; margin: 20px 0px 20px 90px; padding: 10px; width: 480px; }

.column { float: left; margin-right: 20px; padding: 8px; border: 1px solid #8EDDFB; }

#headwrapper { float: right; margin-left: 5px; width: 600px; background: #003F7F; }
* html #headwrapper { float: right; width: 600px; background: #FFFFFF; }
#newsfeed { margin: 5px; padding: 10px; width: 172px; text-align: left; background: #ECF0F4; }
#contactcontainer { float: right; text-align: left; margin: 10px 5px 0px 0px; padding: 5px; height: 20px; }
.calltoaction { font: 0.75em /1.2 times, serif; color: #003F7F; }
.telnumber { font: bold 0.7em/1 Verdana, Arial, Helvetica, sans-serif; color: #24A1C1; }

#tagline {
	position: absolute;
	margin: 15px 0px 0px;
	text-align: left;
	font: normal 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	left: 250px;
	width: 550px;
	height: 27px;
	}

.servicesbox { 
	float: left;
	width: 215px;
	color: #003F7F;
	margin: 0px 10px 15px 0px;
	padding: 5px; 
	color: #003F7F;
	}
.servicesbox2 { 
	float: right;
	width: 215px;
	color: #003F7F;
	margin: 0px 0px 15px 10px;
	padding: 5px; 
	color: #003F7F;
	}

.serviceheader { padding: 2px 0px 2px 5px; background: url(graphics/housetype_headlisting.jpg) left; font: bold 0.75em/1.2 Geneva, Arial, Helvetica, sans-serif; color: #fff; }
.servicethumb  { float: left; margin: 5px 7px 2px 0px; width: 40px; height: 40px; border: 1px solid #003F7F; }
.serviceboxwrapper { float: left; margin-bottom: 5px; padding-bottom: 8px; padding-top: 5px; border-bottom: 1px solid #0292C8; }


/* -----------Main vertical menu------*/	
	
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#menu {
	top: 0;
	float: left;
	margin-left: 5px;
	background: #fff;
	}
* html #menu {

	top: 0;
	float: left;
	margin-left: 5px;
	}	

#menu {
	width: 192px;
	background-repeat: repeat;
	margin-left: 5px;
	background-color: #CFD5E4;
	}

#menu dt {
	cursor: pointer;
	height: 25px;
	width: 192px;
	color: #000000;
	font: bold 0.7em/25px arial, sans-serif;
	background: #CFD5E4 repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	}
	
#menu dt.first {
	cursor: pointer;
	margin: 1px 0px;
	padding-left: 6px;
	height: 18px;
	line-height: 20px;
	font: 0.7em /1.5 arial, sans-serif;
	color: #fff;
	background: #ccc url(images/menu_bgrad.jpg);
	}
#menu dt.first a {
	color: #fff;
	}
#menu dt.first a:hover {
	color: #fff;
	background: #990000;
	}
#menu dd {
	background: #CFD5E4 repeat;
	}
#menu li {
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
	}
#menu li a {
	font: bold 0.7em/25px arial, sans-serif;
	color: #022C42;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #063A2D;
	}
#menu dt a {
	color: #022C42;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 6px;
	}
#menu li a:hover{
	background: #022C42 repeat;
	color: #fff;
	}
#menu dt a:hover {
	background: #022C42 repeat;
	;
	color: #FFFFFF;
	}

	
/* Main image containers with images as backgrounds
--------------------------------------------------------------------------------------*/
#homeimg {
	float: left;
	width: 600px;
	height: 150px;
	background: url(images/main_img_home.jpg);
	margin-left: 0px;
}
#propertyimg { float: left; width: 360px; height: 120px; background: url(images/main_img_landproperty.jpg); }
#investigateimg { float: left; width: 360px; height: 120px; background: url(images/main_img_investigate.jpg); }
#charitiesimg { float: left; width: 360px; height: 120px; background: url(images/main_img_charities.jpg); }
#planningimg { float: left; width: 360px; height: 120px; background: url(images/main_img_planning.jpg); }
#newsimg { float: left; width: 360px; height: 120px; background: url(images/main_img_news.jpg); }
#appealsimg { float: left; width: 360px; height: 120px; background: url(images/main_img_appeals.jpg); }
#ittradesimg { float: left; width: 360px; height: 120px; background: url(images/main_img_ittrade.jpg); }
#itntertradeimg { float: left; width: 360px; height: 120px; background: url(images/main_img_interrade.jpg); }
#tradenewmediaimg { float: left; width: 360px; height: 120px; background: url(images/main_img_newmedia.jpg); }
#testimonialimg { float: left; width: 360px; height: 120px; background: url(images/main_img_testimonial.jpg); }
#newsletterimg { float: left; width: 360px; height: 120px; background: url(images/main_img_newsletter.jpg); }
#documentsimg { float: left; width: 360px; height: 120px; background: url(images/main_img_docs.jpg); }
#contactimg { float: left; width: 360px; height: 120px; background: url(images/main_img_contact.jpg); }
#accessimg { float: left; width: 360px; height: 120px; background: url(images/main_img_accessibility.jpg); }
#siteimg { float: left; width: 360px; height: 120px; background: url(images/main_img_sitemap.jpg); }
/* ------------------------------------------------------------  Main image containers */


/* Homepage thumbnail sectios
--------------------------------------------------------------------------------------*/
.homecharities { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_charities.jpg);  }
.homelandprop { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_lanproperty.jpg);  }
.homeplanning { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_planning.jpg);  }
.homeappeals { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_appeals.jpg);  }
.homeintertrade { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_intertade.jpg);  }
.homenewmedia { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_newmedia.jpg) ; }
.homelittrade { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_ittrade.jpg) ; }
.homeinvestig { margin-bottom: 8px; height: 52px; width: 494px; background: url(images/home_investigations.jpg) ; }

.hometext { margin: 0px 5px 10px 20px; font: 0.7em/normal Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; }
* html .hometext { float: left; margin: 0px 5px 10px 10px; font: 0.7em/normal Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.boxheading {
	margin: 2px 0px 2px 2px;
	font: bold 0.7em/1.4 Arial, sans-serif;
	color: #063A2D;
	z-index: 2;
	text-align: left;
	padding: 0px 0px 0px 5px;
	background-color: #B3D0CB;
}
.panelcontainer {
	float: none;
	padding: 6px;
	background: #EBEBEB;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}

#sectionhead {
	float: left;
	text-align: left;
	padding: 5px 10px 0px 0px;
	height: 150px;
	width: 600px;
}
* html #sectionhead { float: none; text-align: left; padding: 20px 10px 0px 300px; 
height: 150px; background: no-repeat; }

#sidebar { float: left; width: 300px; text-align: left; margin-bottom: 20px; }
* html #sidebar { float: left; width: 300px; text-align: left;  }

.sideheading {
	text-align: left;
	font: bold 0.7em/1 Geneva, Arial, Helvetica, sans-serif;
	color: #083224;
	margin: 10px 0px 3px 10px;
	backgound: #fff;
}

.newsdisplay { 
	float: left; 
	text-align: left;  
	width: 180px; 
	padding: 6px; 
	margin-left: 5px; 
	background: #ECF0F4 url(images/menu_bground1.jpg); 
	color: #003F7F;
	}
	
* html .newsdisplay { 
	float: left; 
	text-align: left;  
	width: 180px; 
	padding: 6px; 
	margin-left: 3px; 
	background: #ECF0F4 url(images/menu_bground1.jpg); 
	color: #003F7F;
	}
	
.linkbox {
	float: left;
	text-align: left;
	width: 160px;
	margin-left: 9px;
	background: #ECF0F4;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}	

.offersbox {
	float: right;
	text-align: left;
	width: 160px;
	margin-left: 9px;
	background: #ECF0F4;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
	margin-right: 10px;
	}	
/* NAVIGATION 
--------------------------------------------------------------------------------------*/

#breadcrumbs {  font: 0.75em /1.2 arial, sans-serif; color: #000; margin-bottom: 5px; }
	
/* -----------Main vertical menu------*/	


/* Top horizontal menu 
-----------------------------------------------------------------------------*/
#topstrip {
	width: 900px;
	height: 30px;
	background: #063A2D url(graphics/header_bg.jpg) repeat-x;
	text-align: right;
	margin: 0px;
	}
	
#topnav {
	margin: 0px;
	text-align:center;
	z-index: 1;
	
	}
ul#nav { padding: 0px; margin: 0px; }
ul#nav li {
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
}
ul#nav li a {
	display: inline;
	padding: 0px;
	font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
ul#nav li a:hover { 
	color: #F2DF00; 
	display: inline;
	text-decoration: underline; 
	}

/* -----Main Footer nav------*/

#footer {
	padding: 0px 2px 10px 0px;
	font: 0.7em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #003F7F;
	text-align: center;
	color: #003F7F;
	}
* html #footer {
	clear: both;
	padding: 0px;
	font: 0.7em/1.5 arial, sans-serif;
	color: #FFFFFF;
	border-top: 0px none;
	text-align: center;
	color: 003F7F;
	background-color: #003E2D;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

 ul#footernav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #000000;
	}

ul#footernav li {
	float: left;
	clear: right;
	margin: 4px 2px;
	padding: 0px;
	color: #022C42;
	text-decoration: none;
	}

#footernav a {
	margin: 0px 2px 0px 0xp;
	padding: 1px 3px 1px 3px;
	color: #022C42;
	text-decoration: none;
	}

#footernav a:hover {
	color: #978700;
	text-decoration: underline;
	text-align: center;
	}
	
#formcontainer {
	background: #EBEBEB;
	border: 1px solid #022C42;
	padding: 0px 10px;
	margin: 10px;
	}

fieldset { width: 300px; border: 0px; }

legend { margin-left: -7px; padding: 0px; }

.button {
	font: bold 0.7em  arial, sans-serif !important;
	color: #fff;
	background: #022C42;
	border-top: 1px solid #063A2D;
	border-right: 1px solid #063A2D;
	border-bottom: 2px solid #063A2D;
	border-left: 2px solid #063A2D;
	cursor: pointer;
	}

/* -----Table Elements ------------------------------------------------------------*/

.legendtext { font: bold 0.7em Geneva, Arial, Helvetica, sans-serif;  color: #000000; text-align: left; padding: 0px; }
.labeltext {
	text-align: right;
	width: 250px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 10px;
}
.txtfield {  height: 16px; background: #FFFFFF; border: 1px solid #003E2D; font: 0.7em Verdana, Arial, Helvetica, sans-serif; color: 000; }
.txtarea {
	border: 1px solid #053B2C;
	color: 000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

/* -----Used in doc repository table display ------------------------------------------------------------*/

caption { text-align: left; font: bold 0.72em/1.5 Geneva, Arial, Helvetica, sans-serif; color: #063A2D; padding-bottom: 5px; }
th { font: 0.75em /1.5 arial, sans-serif; color: #fff; padding-left: 5px; background: #003F7F;  }

.oddtype {
	background: #ECF0F4;
	border-bottom: 1px solid #AFC0D1;
	border-left: 1px solid #AFC0D1;
	padding: 2px;
	width: 100px;
	font: 0.75em arial, sans-serif;
	text-align: center;
	color: #000;
	}
.odddetail {
	background: #ECF0F4;
	border-right: 1px solid #AFC0D1;
	border-bottom: 1px solid #AFC0D1;
	border-left: 1px solid #AFC0D1;
	padding: 2px;
	font: 0.75em arial, sans-serif;
	color: #000;
	}
	
.eventype {
	padding: 2px;
	font: normal 0.7em/1.4 Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin: 2px;
	}
.evendetail {
	border-right: 1px solid #AFC0D1;
	border-bottom: 1px solid #AFC0D1;
	border-left: 1px solid #AFC0D1;
	padding: 2px;
	font: 0.75em arial, sans-serif;
	color: #000;
	}
/* -----Used in house type ------------------------------------------------------------*/
.longbox { float: none; margin: 0px; padding: 3px; width: 100%;
	background: #fff; border: 1px solid #B3D0CB; }
.longbox_b {
margin: 0px; padding: 3px; width: 320px;
	background: #fff; border: 1px solid #B3D0CB;
}
.propertydetails {
	text-align: left;
	font: 0.7em/normal Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 0px 3px 10px;
	backgound: #fff;
	background-color: #EBEDF1;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0B2972;
}
.propertydetailsheading {

	text-align: left;
	font: bold 0.7em/normal Verdana, Arial, Helvetica, sans-serif;
	color: #0B2972;
	margin: 10px 0px 3px 10px;
	backgound: #fff;
	background-color: #EBEDF1;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0B2972;
}
.dropmenu {

	background: #FFFFFF;
	border: 2px solid #053B2C;
	color: 000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#outerwrappersizedwin {

	text-align: left;
	width: 600px;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	padding: 0px;
}
#maincontentsizedwindow {

	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 600px;
	z-index: 2;
}
#headersizedwindow {

	width: 600px;
	height: 108px;
	margin: 0px;
	background-image: url(graphics/header_bgt.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.status {
	font: normal 0.7em/normal Arial, sans-serif;
	color: #000000;
}
.statusAvailable {
	font: bold 0.7em/normal Arial, sans-serif;
	color: #022C42;
}
.statusSold {


	font: 0.7em/normal Geneva, Arial, Helvetica, sans-serif;
	color: #042A1F;
	background-color: #ECF0F4;
}
.vacancydetails {
	text-align: left;
	font: 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 0px 3px 10px;
	backgound: #fff;
	background-color: #EBEBEB;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #022C42;
}
.vacancydetailsheading {
	text-align: left;
	font: bold 0.7em/normal Verdana, Arial, Helvetica, sans-serif;
	color: #022C42;
	margin: 10px 0px 3px 10px;
	backgound: #fff;
	background-color: #EBEBEB;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #063A2D;
}
#showhouse {
	float: none;
	background: #EBEBEB;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}