/* Link styles
------------------------------------------------ */

a:link    {color: #B60050; text-decoration: none; }
a:visited {color: #B60050; text-decoration: none; }
a:hover   {color: #000; text-decoration: none; }
a:active  {color: #B60050; text-decoration: none; }

a.white {color: #FFFFFF; text-decoration: none;font-weight:normal;}
a.white:link  {color: #FFFFFF; text-decoration: none;}
a.white:visited  {color: #FFFFFF; text-decoration: none;}
a.white:hover  {color: #FFFFFF; text-decoration: underline;}
a.white:active  {color: #FFFFFF; text-decoration: none;}

span.rss_uc a
{font-size:90%;font-weight:normal;}

span.cat_people a
{font-size:120%;color:#B60050; text-decoration: none;}

span.cat_people a:hover
{color: #0000FF; text-decoration: none;}


/* Container
------------------------------------------------ */

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

#all
{
	position: relative;
	margin: 10px auto;
	width: 950px;
	padding:0px;
}

#main
{
    float:left;
    height: auto;
    width: 950px;
    position: relative;
    text-align: left;
    margin: 0px 0px 10px 0px;
}



/* Header
------------------------------------------------ */


#masthead
{
    height: 82px;
    width: 950px;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    background:#B60050;
    float: left;

}


#navigation
{
    height: 20px;
    width:698px;
    z-index:100;
    margin:0px;
    padding: 0px;

}

.search
{
        float: left;
	width: 688px;
        height: 48px;
	margin: 12px 12px 0px 0;
	padding: 0px;
    text-align: right;
}

/* Footer
------------------------------------------------ */
#footer {

        float: left;
	clear: both;
	width: 770px;
        height: 22px;
	margin: 0px;
	padding: 0px;
        background:#B60050;
        text-decoration: none;
}

#copyright{

        float: left;
	width: 770px;
        height: auto;
	margin: 12px 0 0 0;
	padding: 0px;
        font: bold 100% Verdana, Arial, Helvetica, sans-serif;
        color: #B60050;
        text-align: center;
}

/* Layout
------------------------------------------------ */

.content-float-rigid
{
	height: auto;
	float: right;
	width: 770px;
	padding: 0px;
   	margin: 0px;
}

.first-float-rigid
{
        height: auto;
        float: left;
	width: 180px;
	padding: 0px;
        margin: 0px;	
}

.second-float-rigid
{
        height: auto;
        float: left;
	width: 509px;
	padding: 0px;
	margin: 32px 0px 18px 0;
}

.second-float-rigid-wide
{
        height: auto;
        float: left;
	width: 759px;
	padding: 0px;
	margin: 32px 0px 18px 0;
}

.third-float-rigid
{
        height: auto;
        float: right;
	width: 250px;
	padding: 0px;
	margin: 0px;
}


#lhscontainer
{
	width: auto;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 32px 0 0 0;
	text-align: left;
  	color: #000000;
}

#maincontainer
{
	height: auto;
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;
	color: #007f93;
	margin: 0;
	padding: 0 6px 0 0;
  	color: #000000;
}

#rhscontainer
{
	width: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 12px 0 0 0;
	text-align: left;
  	color: #000000;
}



/* Panels & Callouts
------------------------------------------------ */

.panel-people {width:500px;float:left;padding-bottom:18px;margin-right:5px;}

.panel-people-img {width:70px;float:left;margin: 0px 4px 0px 0px;}

.panel-people-img img { float:left;padding:4px;margin: 0px;border:1px solid #DFDFDF;}

.panel-people-img img:hover { border:1px solid #B60050; } 

.panel-people-info {width:380px;float:left;padding:0px;margin-left:16px}



.panel-people-contact{line-height:1.4em;width:240px;height:90px;float:left;padding-bottom:7px;margin-right:5px;overflow:hidden;}

#panel-feature-news
{
    width:240px;
    height: auto;
    padding:5px;
    margin-bottom:8px;
    background:#B60050;
}

.panel-feature-title
{
    width:auto;
    height: auto;
    padding:0px;
    margin:0px 0px 6px 0px;
    color: #FFF;
    text-align:center;
    font: bold 120%  Verdana, Helvetica, Arial, sans-serif;
}

.panel-feature-content
{
    width:auto;
    height: auto;
    padding:5px;
    margin:0px;
    background: #FFF;
}


.event-date
{width:140px;float:left;margin-left:20px;font-weight:bold;font-size:90%;clear:left;}

.event-info
{width:320px;float:left;margin-left:20px;font-size:90%;}

.blog-listing {padding-top:8px;padding-bottom:4px;margin-left:24px;}
.blog-listing p {font-size:90%;}

#affinity-login {
  z-index:10;
  position:relative;
}

div#spotlight {text-align:center;padding:20px 0;}
div#spotlight h2 {font-size:2em;color:#666;padding:0 0 10px 0;}
div#our-people-list {display:none;line-height:14px;}

div#spotlight-image {width:250px;height:146px;background:url(../images/6428.jpg) no-repeat;background-position:center;}
div#spotlight-image img {padding:20px 0 0 0;}

/* Navigation & Lists
------------------------------------------------ */

#contactlist
{
    height: auto;
    width: 528px;
    position: relative;
    margin-top:-16px;
    padding: 0;

}


#contactlist ul
{
padding: 0;
margin: 0px;
display: block;
float: left;
}

#contactlist ul li
{
width: auto;
height: auto;
list-style-type: none;
padding: 0px;
margin: 0px 15px 0px 0px;
display: block;
float: left;
font: 130%  Arial, Helvetica, Verdana, sans-serif;
line-height:1.4em;
text-align: left;
}

#contactlist a
{
color: #A5A7A9;
text-decoration: none;
display: block;
width: auto;
height: auto;
margin: 0px;
padding: 0px 18px 4px 0px;
outline: none;
font-weight:normal;
}

#contactlist a:hover {color: #B60050;}
#contactlist li a.active, #contactlist a:active{color: #B60050; }


.category_list { margin: 0px 0px 0px 0px;width:auto;padding: 0;}

.category_list ul
{
     margin: 0px 0px 0px 0px;
     padding: 0;
     list-style-type: none;
     text-decoration: none; 
}

.category_list li
{
     margin: 0px 8px 0px 2px;
     padding-left: 0px;
     list-style-type: none;
     text-align:right;
}

.category_list a
{
     display: block;
     padding: 6px 18px 7px 4px;
     font: bold 110%  Arial, Helvetica, Verdana, sans-serif;
     width: auto;
     text-decoration: none; 
     outline: none;
}

.category_list a:link, .category_list a:visited { color: #B60050; text-decoration: none; }

.category_list a:hover { color: #000000; text-decoration: none;}

.category_list a:active, .category_list li a.active
{ color: #444444; text-decoration: none;}

.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 0px; 
    margin: 0px 0px 6px 0px;
    font: bold 110%  Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.3em;
}

.articlelist ul
{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist li
{
     height: auto;
     margin: 0px  0px  0px  0px;
     padding: 0px  0px  4px  0px;
     list-style-type: none;

}

.articlelist a
{
     padding: 0px;
     width: auto;
     text-decoration: none;
     background-color:#FFFFFF;
     outline: none;
}


.articlelist a:link, .articlelist a:visited { color: #444444; text-decoration: none;  }
.articlelist a:hover { color: #0000FF; text-decoration: underline;      }
.articlelist a:active, .articlelist li a.active { color: #000000; text-decoration: none;      border:none;}



/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{ 
     font-family: Verdana, Helvetica, Arial, sans-serif;
     line-height: 1em;
     padding-bottom: 0px;
}


h1 { font-family: Arial, sans-serif;font-size: 290%; font-weight: normal; color: #878889; }
h2 { font-size: 170%; font-weight: normal; color: #B60050;line-height:1.3em;}
h3 { font-size: 120%; font-weight: bold; color: #B60050;}
h4 { font-size: 140%; font-weight: bold; color: #000000; }
h5 { font-size: 170%; font-weight: normal; color: #878889; line-height:1.3em;}
h6 { font-size: 110%; font-weight: normal; color: #000000; }
h2.affinitySubTitle {}
h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address
{
     margin:  .2em 0;
     padding: 0;
}

p
{
     line-height: 1.4em;
     margin:  .5em 0;
     padding-bottom: 6px;
}

/* Apply Left Margin:
---------------------------------------------------------------- */
ul, li, dd, blockquote
{
     margin-left: 1.6em;
}

ul
{
     padding-top: 0.5em;
     padding-bottom: 1em;
}

li
{
     padding-bottom: .2em;
}

blockquote
{
     background:#F0F0F0;
     color:#444444;
     font-size: 110%;
     padding: 4px 12px 4px 12px;
     margin-right:1.6em;
     margin-bottom:1em;
}



/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

/* Form Styles
---------------------------------------------------------------- */
#fieldset-wrapper {
	width: auto;
	height: auto;
	padding: 18px 18px 24px 18px ;
	margin: 0px 0px 12px 0px;
	border: 1px solid #CCCCCC;
}



form fieldset
{width: auto;height:auto;padding: 0;margin: 0;border: 0;}

form input#textarea{width:auto;}

form label { font-weight: normal; font-size: 90%;}

.form-container { width: auto;float:right;height: auto; margin: 0; padding: 0;}

.form-row {clear:both; padding: 4px 0px 4px 0px; margin: 0; text-align:right;}
.form-row-contact {padding: 4px 0px 4px 0px; margin: 0; text-align:left;}
.field-widget {}

#contact
{
	height: auto;
        width: 400px;
  	color: #000000;
        position: relative;
        margin: 0px;
        padding: 0px;

}



#zemContactForm fieldset {border: 0;}


.zemError 
{
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
	padding-bottom: 12px;
	margin-top: 0px;
	margin-left: 0px;
	width: auto;
color: #FF0000;

}

.zemError li
{
         padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
color: #FF0000;
}

.zemError li a { color: #FF0000; text-decoration: none; }

/* Pagination
------------------------------------------------ */

#pagination
{
	width:auto;
	height:auto;
	margin: 0px ;
	padding: 0px;
	position: relative;
}


.pagination ul
{
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}

.pagination li
{

	margin:  5px 5px 0px 0px;
	list-style-type: none;
	display: block;
	float: left;
        border: 1px solid #CECECE;
        padding:3px;
	width: 10px;
	height: 10px;
	color: #666666;
        font: normal 90%  Arial, Helvetica, Verdana, sans-serif;
        line-height:1em;
        text-align:center;
background-color:#FFFFFF;
}

.pagination a
{
	text-decoration: none; 
	width: 10px;
	height: 10px;
outline: none;
}

.pagination li a:link, .pagination a:visited { color: #666666; text-decoration: none;outline: none;border:none}

.pagination li:hover {color: #000000; text-decoration: none;border: 1px solid #666666;}

.pagination li:hover.inactive {color: #FFFFFF; text-decoration: none;border: 1px solid #CECECE;}

.pagination  li:active{ width: 10px; height: 10px; padding:3px;color: #FFFFFF; text-decoration: none;font-weight:bold;background:#CECECE;}
.pagination  li.active{	width: 10px; height: 10px; padding:3px;color: #FFFFFF; text-decoration: none;font-weight:bold;background:#CECECE;}


/* Comments
------------------------------------------------ */

h3#comment, h3#comment-add{padding: 0 0 12px 0;}

ol.comments { font: normal 90%  Arial, Helvetica, Verdana, sans-serif;line-height:1em;color: #666666;padding: 0 0 0 12px;}

.comment
{
	margin: 0px;
	padding: 0px 12px 0px 12px;
}

#cpreview .comment
{
	margin: 6px 0 24px 40px;
	padding: 6px 16px 4px 16px;
font: normal 90%  Arial, Helvetica, Verdana, sans-serif;line-height:1em;color: #666666;
background-color:#DFECFF;
}

#cpreview h4 {margin: 0 0 0 40px;color:#000;font-size:100%;font-weight:bold;}

/* Tags
------------------------------------------------ */

.tags {font-size:80%;text-transform:uppercase;margin-top:4px;}

/* Images / Graphics
------------------------------------------------ */

.article-image img {border: 0px solid #DFDFDF;}
.article-image-home img {border: 0px solid #DFDFDF;}
img {border: none;}

.gallery-thumb { height: auto; width: auto; position: relative;  outline: none;}

.gallery-thumb img { padding:4px; margin: 0px 8px 4px 12px; border:1px solid #DFDFDF;}

.image-right
{
    float: right;       
    position: relative;
    margin: 12px 8px 6px 12px;
     border:none;
}

.image-left
{
    float: left;       
    position: relative;
    margin: 12px 12px 6px 0;
     border:none;
}

.errors
{
    border: none;
}

.errors ul li
{
    color:red;
}

.conveyancing-form tr td {
    font-size: 12px;
}

.conveyancing-form {
    margin-top:5px;
    margin-bottom:5px;
}

/* NAVIGATION
--------------------------------------------------------------*/

/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* style the links for the top level */
.navigation ul {
  list-style-type:none;
  padding:0;
  margin:0px 0 0 0;
  float:right;
  z-index:100;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.navigation ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd ) no-repeat 130px center; color:#B60050;}
/* style the second level hover */
.navigation ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.navigation ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {visibility:hidden;position:absolute;height:100px;top:12px;left:270px; width:149px;z-index:100;}
/* another hack for IE5.5 */
* html .navigation ul ul {top:30px;t\op:301px;}
.navigation ul ul {padding:0;margin:0;z-index:100;}
.navigation ul ul li {display:block;width:149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.navigation ul ul a:link, .navigation ul ul a:visited {background:#fff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;z-index:100;}
/* yet another hack for IE5.5 */
* html .navigation ul ul a, * html .navigation ul ul a:visited {width:150px;w\idth:128px;z-index:100;}

/* style the top level hover */
.navigation ul ul a:hover{color:#fff; background:#30a849;z-index:100;z-index:100;}
.navigation :hover > a, .navigation ul ul :hover > a {color:#fff;}

/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul,
.navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navigation ul :hover ul ul{visibility:hidden;}

.navigation li {
  display:inline;
  padding:0;
}

.navigation a:link, .navigation a:visited {
  display:block;
  padding: 0px 8px 0px 0px;
  margin:0 0 0 10px;
  color:#fff;
  float:left;
}
.navigation li a:hover, .navigation li a:active {
  display:block;
  color:#51af65;
  float:left;
  position:relative;
}
.navigation {
  position:relative; 
  width: 688px;
  margin:0 0 0 12px;
  float:right;
  font-size:12px;
}
#navMain ul {
  padding: 0px;
  margin-left:0px;
  display: block;
  float: left;
}

#navMain ul li
{
width: auto;
height: 12px;
list-style-type: none;
padding: 0px;
margin: 0px 8px 0px 0px;
display: block;
float: left;
font: 90%  Arial, Helvetica, Verdana, sans-serif;
line-height:1.2em;
text-align: left;
border-right:1px solid #fff;
  z-index:10;
}
#navMain ul ul {
  height:auto;
  padding:10px 0 0 0;
  position:absolute;
  z-index:200;
  left:270px;
}
#navMain ul ul#aboutDrop {
  height:auto;
  padding:8px 0 0 0;
  position:absolute;
  z-index:200;
  left:36px;
}
#navMain ul ul#newsDrop {
  height:auto;
  padding:8px 0 0 0;
  position:absolute;
  z-index:200;
  left:223px;
}


#navMain ul ul li {
  width: 149px;
  height:auto;
  border:none;
  margin:0;
  padding:0;
  z-index:100;
}

#navMain a
{
background: #B60050;
text-decoration: none;
display: block;
width: auto;
height: auto;
margin: 0px;
padding: 0px 8px 0px 0px;
outline: none;
}


#navMain ul ul a {
color: #F0F0F0;
text-decoration: none;
display: block;
width: 149px;
margin: 0px;
padding: 6px 8px 6px 10px;
outline: none;
  z-index:100;
}
#navMain ul ul a:hover, #navMain ul ul a:active {
color: #F0F0F0;
text-decoration: none;
display: block;
width: 149px;
margin: 0px;
padding: 6px 8px 6px 10px;
outline: none;
background:#4a4a4a;
  z-index:100;
}

#navMain a:hover {color: #ffffff;}
#navMain li a.active, #navMain a:active  {color: #ffffff; }

#navMain li.last {border: none; }