/* STANDARD HTML CONTROLS
----------------------------------------------------------*/
body {
	margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0; padding: 0;
}
a img {
    border: none;
}
a:link, a:active, a:visited {
	color: #333333;
}

a:hover{
	color: #F68220;
}

.whiteborder {
	border: 2px solid #FFFFFF;
}
#container {
	width: 980px; margin: 0 auto;
}
h2 , h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #F68220;
}
h3 {
	font-size: 12px; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 5px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* HEADER
----------------------------------------------------------*/
#header {
	width: 100%; float: left; height: 82px; background-color: #cccfd1; margin-bottom: 10px;
}
#logo { 
	clear:both; float:left; padding-top: 12px; padding-left: 23px; padding-right: 23px;
}
#toplinks {
	float:left;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 82px; color: #FFFFFF;
}
#toplinks a {
	text-decoration: none; color: #000;
}
#toplinks a:hover {
	text-decoration: none; color: #f58220;
}
#search {
	float:right; padding-top: 19px; padding-right: 14px;
}

/* TITLE
----------------------------------------------------------*/
#title {
	width: 100%; float: left; height: 58px; margin-bottom: 10px;
}
#heading {
	width: 490px; float: left; height: 58px; background-color: #f58220;
	background-image:url(../images/title-curve.gif); background-repeat:no-repeat;
	background-position: right;
}
#contentheading {
	width:980px; float: left; height: 58px; background-color: #f58220;
	background-image:url(../images/title-curve.gif); background-repeat:no-repeat;
	background-position: right;
}
#titletext {
	width: 490px; float: left; height: 58px;
}
#titletext p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333333; margin:0; padding:0; margin-left: 26px; margin-right: 20px;
	margin-top: 8px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 21px;
	color: #FFFFFF; font-weight: normal; margin: 0; padding: 0; line-height: 58px;
	padding-left: 23px;
}


/* ACTIONLINKS
----------------------------------------------------------*/
#actionlinks {
	width: 100%; float: left; margin-bottom: 10px;
}
.action {
	width: 243px; background-color: #cccfd1; float: left; margin-left: 2px;
}
#actionlinks .first {
	margin-left: 0px;
}
#actionlinks .flash {
	margin-left: 0px; background-color: #cccfd1; width: 243px; height: 337px;
}
#flash {
	display: block; margin: 0 auto; width: 225px; height: 318px; border: solid 2px #fff; margin: 8px auto 5px auto;
}
#actionlinks .alternate {
	background-color: #eaecec;
}
#actionlinks .content {
	background-color: #fff;
}
.action h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px; color: #FFFFFF;
	line-height: 56px; font-weight: normal; text-indent: 16px;
	background-image:url(../images/orange-bar2.gif); height: 56px; font-size: 16px; margin: 0;
	background-repeat:no-repeat; background-position:left center; background-color: #343f47;
}
.alternate h2 {
	background-color: #626e77;
}
h2.long {
	line-height:normal; text-indent:0; padding-left: 16px; padding-top: 8px; height: 48px;
}
.action h2 a {
	display: block; width: 100%; color: #fff;  height: 56px; text-decoration:none;
}
.action h2 a:hover {
	color: #f58220;
}
.action img {
	display: block; margin: 0 auto; border: solid 2px #fff; margin: 8px auto 5px auto;
}
.action ul {
	margin:0; text-indent:0; padding-left:15px; list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;
	padding-bottom:7px;
}
.action ul li {
	background-image:url(../images/bullet2.gif); background-repeat:no-repeat;
	background-position:left center; line-height: 17px; text-indent: 15px;
}


/* NEWS
----------------------------------------------------------*/
#news {
	background-image:url(../images/static-news.gif); background-repeat:no-repeat; height: 25px;
	width: 100%; float: left; margin-bottom: 10px;
}
.news-bar a {
	text-decoration: none;
}
.news-bar {
	background: url(../images/backg-news.gif) no-repeat left top; width: 968px; height: 13px;
	border: 1px solid #F68220; margin-bottom: 10px; font-weight: bold; padding: 5px 5px;
	font-size: 10px; font-family: Arial, Helvetica, sans-serif; clear: both; overflow: hidden; 
}

.news-bar .items-wrapper {
    width: 880px; float: right; height: 23px; height: 23px;
}

.news-bar span {
	color: #F68220; float: left;
}
.newsItems {
	float: left; margin: 0; padding: 0; list-style: none;
}
.newsItems li {
	float: left; margin: 0; padding: 0; list-style: none; margin-right: 25px;
}

/* CONTACT
----------------------------------------------------------*/
#contact {
	background-image:url(../images/backg_contact.gif); background-repeat:no-repeat; height: 82px; width: 100%; float: left;
	margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff;
	padding-top: 10px;
}
#contact a{
	text-decoration:none; color: #fff;
}
#contact a:hover{
	color: #f58220;
}
#contactspace {
	clear:both; float:left; width: 490px; height: 60px;
}
#contactmk {
	float:left; background-color: #525b62; width: 212px; height: 50px; padding-top: 10px; padding-left: 13px;
}
#contactbedford {
	float:left; background-color: #525b62; width: 212px; height: 50px; padding-top: 10px; padding-left: 13px;
}
.contactspacer {
	float: left; background-image:url(../images/grey-bar.gif); background-repeat:no-repeat; width:10px; height: 60px;
}
.contactspacer2 {
	float: left; background-image:url(../images/grey-bar.gif); background-repeat:no-repeat; width:10px; height: 60px;
	margin-left: 10px;
}
.contactDetails {
    float: left;
    width: 178px;
}
.contactarrow {
    margin: 0; padding: 0; margin-top: 30px;
	float:right; padding-right: 12px;
}

/* CONTACT
----------------------------------------------------------*/
#footer {
	border-top: solid 1px #dedede; padding-top: 10px; font-size: 11px; width: 100%; float: left;
}
#footer a {
	font-weight: normal;
}
#footer p {
	margin: 0; height: 20px; padding-left: 26px; padding-top: 5px;
}

#dynamicslogo {
	color: #cf142b;
	background: url('../images/dynamics.gif') no-repeat left top;
}
#dynamicslogo a {
	color: #666;
	text-decoration:none;
}
#dynamicslogo a:hover {
	color: #cf142b;
}

/* MENU
----------------------------------------------------------*/
dl {
	width: 213px;
}
dl, dd {
	margin: 0;
	clear: both;
	display: block;
}
dt {
	background: #343f47;
	background-image:url(../images/orange-bar.gif);
	background-repeat:no-repeat;
	padding-left: 15px;
	line-height:26px;
	height:26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:5px;
	clear: both;
}
dt a {
	color: #fff !important;
	text-decoration: none;
}
dd a {
	color: #000;
}
dd > ul {
	list-style: none;
	background-color: #cccfd1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0px 10px 0px;
	margin:0;
}
dd > ul li a {
	text-decoration: none;
	padding-left:15px;
	margin:0;
}
dd > ul li {
	margin-bottom:5px;
}

/* 3COL LAYOUT
----------------------------------------------------------*/
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color: #eceeee;
	margin-bottom:10px;
}
/* dd 3 column settings */
.dd {
	        	/* Right column background colour */
}
.dd .colmid {
    float:left;
    width:200%;
    margin-left:-237px; 	/* Width of right column */
    position:relative;
	right:100%;
   	/*background-image: url(../images/shadow_content.gif);
	background-repeat: repeat-x;*/   	/* Centre column background colour */
	background-color: #FFFFFF;
}
.dd .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:471px;         	/* Left column width + right column width */
	background-color: #cccfd1;	/* Left column background colour */
}
.dd .col1wrap {
    float:left;
	width:50%;
	position:relative;
	right:234px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.dd .col1 {
    margin-top: 0px;			/* Centre column side padding: */
	margin-right: 234px;    /* Left padding = left column width + centre column left padding width */	
	margin-left: 237px;     /* Right padding = right column width + centre column right padding width */

    position:relative;
    left:200%;
    overflow:hidden;
}
.dd .col1full {
	margin-top: 0px;			/* Centre column side padding: */
	margin-right: 0px;    /* Left padding = left column width + centre column left padding width */	
	margin-left: 237px;     /* Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
	background-color: #fff;
}
.dd .col1content {
    padding-left:19px;
    padding-right:22px;
}
.dd .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:224px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right: 0;       		/* Width of the left-had side padding on the left column */
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
}
.dd .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:237px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right: 0;  		/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
	background-color: #eceeee;
}
.dd .col3item {
	padding: 10px 10px 0 10px;
}
.biotitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F68220;
}

/* PROPERTY SEARCH
----------------------------------------------------------*/
#AdvancedSearch {
	font-size: 11px;
}
#AdvancedSearch .TextBox2, #AdvancedSearch .TextBox, #AdvancedSearch select {
	border: 1px solid #ccc; font-size: 11px;
}
.PropertyTypePanel1, .PropertyTypePanel2, .PropertyTypePanel3 {
	width: 218px;
}
.leftCol {
	float: left; width: 338px;
}
.rightCol {
	float: right; width: 338px;
}
.greyBorder {
	border: 1px solid #ccc;
}
#OneColBottom {
	margin-top: 10px;
}
.smallerText {
	font-size: 9px;
}

/* FORMS
---------------------------------------------------------------- */
label { width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block; }
input[type="text"], input[type="password"] { width: 15em; border: 1px solid #ccc; }
fieldset textarea { width: 325px; height: 125px; border: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input[type="submit"] { width: 10em; cursor: pointer; border: 1px solid #ccc; }
fieldset { width: 489px; margin: 0 auto; border: none; }
fieldset p { margin-top: 6px; margin-bottom: 6px; padding: 0; clear: both; }
legend { margin-left: 10px; padding: 2px 6px; }
.buttons { padding-left: 10.5em; }
fieldset .commentsContainer { float: left; display: block; }
.required {	color: #c00; }


/* MISC
----------------------------------------------------------*/
.underline { 
	text-decoration: underline;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */