/*---------------------------------------------------------------------------------------
  
                        Website: Copleys
                        Author: Bitmedia
                        Created: November 2008
						Modified: February 2010 by Guava Design
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Layout
    Content
	Page Groups
    Typography - moved to external stylesheet
	Navigation
    Form Styles
    Misc
	Whos Who
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: url('../images/bg.png') repeat-y top center #004d96;}


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

/* Container */
#pageContainer { width: 910px; padding: 0 22px 15px; margin: 0 auto; overflow: hidden;}

/* Columns */
#mainColumn { float: right; width: 706px; padding-top: 28px;}
#sideColumn { float: left; width: 189px; padding-top: 36px;}
#header { overflow: hidden;}
#header img {width:706px;}


/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/

img#logo { margin: 0 0 0 35px;}
#contentContainer { width: 706px; padding: 10px 0; background: url('../images/contentTop.png') no-repeat;}
#content { width: 666px; padding: 15px 10px 10px 30px; background: url('../images/contentBottom.gif') no-repeat bottom left; overflow: hidden;}

#telephone { float: right; margin-top: 0px;}
#stIvesNumber { float: right; width: 216px; height: 21px; margin-left: 10px; background: url('../images/stIves-number.png') no-repeat; text-indent: -9999px;}
#huntingdonNumber { float: right; width: 265px; height: 21px; background: url('../images/huntingdon-number.png') no-repeat; text-indent: -9999px;}

#contentSideContainer { float: right; width: 208px; margin: 0 0 15px 15px; background: url('../images/contentSideTop.png') no-repeat;}
#contentSide { padding: 6px 0 16px 7px; background: url('../images/contentSideBottom.png') no-repeat bottom left;}
#contentSide2 { padding: 6px 0 16px 7px; background: url('../images/contentSideBottom.png') no-repeat bottom left;}

#dptheadInfo { padding: 5px 6px 0; line-height: 1.7em; font-size: 1.2em;}
#dptheadInfo a { color: inherit;}
#dptheadInfo a:hover { color: #1c8dbf;}
#dptheadInfo strong { font-size: 1.2em;}



/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/
/* News */
#newsPageGroup { width: 188px; padding: 0 0 5px 0; background: url('../images/newsBottom.png') no-repeat bottom left #0095d7;}
/* .newsLink { padding: 0 0 10px 0;} */
.newsLink { padding: 0 0 5px 0;}
.newsLink a { color: #fff; text-decoration: none; font-size: 1em; padding: 0 0 0 10px; line-height: 1.2em; display: block; }
.newsLink a:hover { color: #fff; background: #3fa8d6;}

/* Get rid of the br on the news links */
.newsLink br { display:none;}

/* Date on RSS Nav */
#rssFeed span {padding: 5px 0 0 10px;}

/* Our Team Listings */
.listTeamCont {margin-top:2em;}
.listTeamLink a { text-decoration: none; padding: 0 0 0.5em 20px; font-weight:bold; font-size: 1.2em;}
.listTeamLink a:hover { }

/* Events Listings */
.listEventCont {margin-top:2em;}
.listEventLink a { text-decoration: none; padding: 0 0 0.5em 20px; font-weight:bold; font-size: 1.2em;}
.listEventLink a:hover { }

/* FEATURE - Family Links */
.featFamilyPageGroup { width: 188px; margin:0; padding: 0 0 5px 0; background: url('../images/newsBottom.png') no-repeat bottom left #0095d7; text-align:left; }
.featFamilyLink { padding: 0 0 5px 0;}
.featFamilyLink a { color: #fff; text-decoration: none; font-size: 1.2em; padding: 5px 0 5px 10px; line-height: 1.2em; display: block; }
.featFamilyLink a:hover { color: #fff; background: #3fa8d6;}
#contentSide2 h3.familyHeader { display: block; font-size: 1.8em; width: 173px; margin:0; padding: 15px 5px 15px 10px; background: url('../images/newsTop.png') #004d96 no-repeat; color: #fff; text-align:left; }

/* FEATURE - Hot Links */
#featSubNav { width: 188px; margin:0; padding: 0 0 5px 0; background: url('../images/newsBottom.png') no-repeat bottom left #0095d7; text-align:left;}
#featSubNav ul {
	padding:0;
	margin:0;
}
#featSubNav ul li { padding: 0 0 5px 0; margin:0; list-style:none;}
#featSubNav ul li a { color: #fff; text-decoration: none; font-size: 1.2em; padding: 5px 0 5px 10px; line-height: 1.2em; display: block; }
#featSubNav ul li a:hover { color: #fff; background: #3fa8d6;}
#featSubNav ul li.selected a {
	color:yellow;
}
#contentSide2 h3.hotLinkHeader { display: block; font-size: 1.8em; width: 173px; height: 37px; margin-top: 0px; padding: 15px 5px 0 10px; background: url('../images/newsTop.png') no-repeat #004d96; color: #fff;}

/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Main Nav */
div#header ul { float: left; width: 697px; padding: 11px 0 0 9px; margin: 0; list-style: none;}
div#header ul li { float: left; display: inline; margin: 0; padding: 0;}
div#header ul li a { display: block; float: left; text-indent: -9999px; outline: 0;}
div#header ul li a.wills-link { width: 134px; height: 34px; background: url('../images/wills.png') no-repeat;}
div#header ul li a.dispute-resolution-link { width: 133px; height: 34px; background: url('../images/dispute.png') no-repeat;}
div#header ul li a.family-matters-link { width: 133px; height: 34px; background: url('../images/family.png') no-repeat;}
div#header ul li a.moving-home-link {width: 134px; height: 34px;  background: url('../images/moving.png') no-repeat;}
div#header ul li a.commercial-link {width: 134px; height: 34px;  background: url('../images/commercialonly.png') no-repeat;}
div#header ul li a.defending-prosecutions-link { width: 134px; height: 42px; background: url('../images/defending.png') no-repeat;}
div#header ul li a.commercial-property-link { width: 134px; height: 42px; background: url('../images/commercial.png') no-repeat;}
div#header ul li a.personal-injury-link { width: 132px; height: 42px; background: url('../images/personal.png') no-repeat;}
div#header ul li a.business-link { width: 134px; height: 42px; background: url('../images/business.png') no-repeat;}
div#header ul li a.employment-link { width: 134px; height: 42px; background: url('../images/employment.png') no-repeat;}
div#header ul li a:hover { background-position: bottom left;}
div#header ul li.selected a { background-position: bottom left;}
div#header ul li ul {
	display:none;
}


/* Side Nav */
#sideNav { width: 189px; margin-top: 10px; padding-top: 9px; background: url('../images/sideNavTop.png') no-repeat;}
#sideNav ul { margin: 0; padding: 0 0 9px 0; list-style: none; background: url('../images/sideNavBottom.png') no-repeat bottom left;}
#sideNav ul li { margin: 0; padding: 0; text-align: right; padding-right: 15px;}
#sideNav ul li a { color: #595959; text-decoration: none; font-size: 1.1em;}
#sideNav ul li a:hover { color: #1c8dbf;}
#sideNav ul li a.currentPage { color: #1c8dbf;}

/* Minor Nav */
ul#minorNav { margin: 0; padding: 0; list-style: none;}
ul#minorNav li { margin: 0; padding: 0;}
ul#minorNav li a {}
ul#minorNav li a:hover {}
ul#minorNav li a.currentPage {}



/*---------------------------------------------------------------------------------------
   Form Styles
---------------------------------------------------------------------------------------*/

/* Default Form Style */
#formDefault { width: 350px;}
.formRow { width: 100%; float: left; margin-bottom: 10px;}
.formLeft { width: 150px; float: left;}
.formRight { float: left;}
.formRight input, .formRight textarea { margin-right: 5px;}
input.textInput { border: 1px solid #9a9a9a; background: #fffff1; color: #000;}
textarea.textArea { border: 1px solid #9a9a9a; background: #fffff1;}
select.select { border: 1px solid #9a9a9a; background: #fffff1; color: #000;}
select.select option {background: #fffff1; color: #000;}

/* Small Submit Button (Default) */
input.submit {  width: 75px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit.png') no-repeat; cursor: pointer;}
input.submit:hover { background-position: top right;}

/* Medium Submit Button */
.medSubmit { float: left;}
.medSubmit input.submit {  width: 107px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit2.png') no-repeat; cursor: pointer;}
.medSubmit input.submit:hover { background-position: top right;}

/* Large Submit Button */
.lgeSubmit { float: left;}
.lgeSubmit input.submit {  width: 127px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit3.png') no-repeat; cursor: pointer;}
.lgeSubmit input.submit:hover { background-position: top right;}


/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body.errorPage {}
p#errorMessage { padding: 50px 100px 50px 0; text-align: center; font-size: 1.3em;}

/*---------------------------------------------------------------------------------------
   Whos Who
---------------------------------------------------------------------------------------*/
.whosWhoRow {
	clear:both;
}

.whosWhoRow .person {
	float:left;
	margin:0 20px 20px 0;
}

.whosWhoRow .person .caption {
	text-align:center;
}