/* 
warnergoodman.co.uk LLP site

#990033;   commercial
#333366;   private client
#CC3333;   civil litigation
#006699;   financial services
#339900;   personal injury
#6699CC;   conveyancing
#660033;   family
#669999;   clinicalneg

new definitions
#990033;   employment
#990033;   commercial litigation
#990033;   commercial property
#669999;   news
*/

html, body{
	padding: 0;
	margin: 0;
}

body {
	font : normal 76% verdana, arial, sans-serif;
}

img {
   border:none;
}

p {
   text-align: justify;
}

div#wrapper{
  /* main parent wrapper */
	margin-left: 10px;
	width:98%;
	min-width:950px;
	text-align : center;
	margin-top:1%;
}

div.main{
  /* main page content holder */
	text-align : left;
	margin: 0 160px 0 175px;
}

div.content{
	margin: 0 10px 20px 10px;
    padding: 10px 15px;
}

div.contentholder{
	 min-height:480px;
}

div#fixednav{
   /*  common fixed links at page bottom */	
    text-align: center;
}

div#dynmenu{
  /* links to dynamic content pages */
	float:right;
	width: 150px;
	height:300px;
	text-align : left;
	padding: 0 0 0 10px;
}

div#subnav{
	padding: 0 0 10px 10px;
}

div.leftmenu{
  /* container for left hand menu system */
	float:left;
	/*padding: 45px 0 0 20px;*/
}

#menucommercial, #menuprivate,  #menucivil, #menufinancial, #menupi,  #menuconvey, #menufamily, #menuclinicalneg, #menuemployment
, #menucomlitigation, #menucomproperty, #menunews{
   /*  left hand  menu segment divs*/
   height: 81px;
   width: 172px;
   text-align : left;
   margin: 0;
}

a.leftnavlink, a.leftnavlink:visited{
   /* nav links in left hand menu system */
    display:block;
    color:#FFFFFF;
	font-weight : bold;
	font-size: 80%;
	padding: 0 0 0 10px;
}

/* commercial section template */
div.cntcommercial{
}
div#cntcommercial h1, div#cntcommercial h2, div#cntcommercial h3, 
div#cntcommercial h4, div#cntcommercial h5, .commercialcol{
	color : #990033;
}
div#colcommercial{
   background-color: #990033;
}

/* private section template */
div.cntprivate{
}
div#cntprivate h1, div#cntprivate h2, div#cntprivate h3, 
div#cntprivate h4, div#cntprivate h5, .privatecol{
	color : #333366;
}
div#colprivate{
   background-color: #333366;
}

/* civil  section template */
div.cntcivil{
}
div#cntcivil h1, div#cntcivil h2, div#cntcivil h3, 
div#cntcivil h4, div#cntcivil h5, .civilcol{
	color : #CC3333;
}
div#colcivil{
   background-color: #CC3333; 
}

/* financial section template */
div.cntfinancial {
}
div#cntfinancial h1, div#cntfinancial h2, div#cntfinancial h3, 
div#cntfinancial h4, div#cntfinancial h5, .financialcol{
	color : #006699; 
}
div#colfinancial{
   background-color: #006699;
}

/* PI section template */
div.cntpi{
}
div#cntpi h1, div#cntpi h2, div#cntpi h3, 
div#cntpi h4, div#cntpi h5, .picol, div#piimage, div#piimage a, strong#pi{
	color : #339900;
}
div#colpi{
   background-color: #339900;
}

/* conveyancing section template */
div.cntconvey{
}
div#cntconvey h1, div#cntconvey h2, div#cntconvey h3, 
div#cntconvey h4, div#cntconvey h5, .conveycol{
	color : #669acc;
}
div#colconvey{
   background-color: #6699CC;
}

/* family section template */
div.cntfamily{
}
div#cntfamily h1, div#cntfamily h2, div#cntfamily h3, 
div#cntfamily h4, div#cntfamily h5, .familycol{
	color : #660032;
}
div#colfamily{
   background-color: #660033;
}

/* Clinical neg section template */
div.cntclinicalneg{
}
div#cntclinicalneg h1, div#cntclinicalneg h2, div#cntclinicalneg h3, 
div#cntclinicalneg h4, div#cntclinicalneg h5, .clinicalnegcol{
	color : #669999;
}
div#colclinicalneg{
   background-color: #669999;
}

/* Employment section template*/
div#cntemployment h1, div#cntemployment h2, div#cntemployment h3, 
div#cntemployment h4, div#cntemployment h5, .employmentcol{
	color : #990033;
}
div#colemployment{
   background-color: #990033;
}

/* Commercial Litigation section template*/
div#cntcomlitigation h1, div#cntcomlitigation h2, div#cntcomlitigation h3, 
div#cntcomlitigation h4, div#cntcomlitigation h5, .comlitigationcol{
	color : #990033;
}
div#colcomlitigation{
   background-color: #990033;
}

/* Commercial property section template*/
div#cntcomproperty h1, div#cntcomproperty h2, div#cntcomproperty h3, 
div#cntcomproperty h4, div#cntcomproperty h5, .compropertycol{
	color : #990033;
}
div#colcomproperty{
   background-color: #990033;
}

/* News section template*/
div#cntnews h1, div#cntnews h2, div#cntnews h3, 
div#cntnews h4, div#cntnews h5, .newscol{
	color : #669999;
}
div#colnews{
   background-color: #669999;
}

div#bandholderhome{
  /* holds coloured band on homepage */
  margin-right: -28px; 
  padding-top:30px;
}
div#bandholder{
  /* holds coloured bands elsewhere */
  width : 104%;
  margin-top:20px; 
  margin-right: -50px; 
}
div.band{
  /* coloured band segments */
  width:12%;
  height:5px;
  font-size: 1px;
  line-height:1px;
  display:inline;
  float:left;
}


#breadcrumbs{
    /* history trail bar */
	margin: 0 0 0px 0;
	padding:3px 3px 3px 3px;
	font-size: 90%;
    background-color:#DDDDDD;
}

div#latest{
    /* CMS content menu */
	padding:10px;
}

.latestItem{
    /* CMS content links */
	padding: 0 0 10px 0;
}

.clear{
	clear:both;
}

a{
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}

.sep{
   /*  menu separator pipe symbol */
	font-size : 150%;
	color: #e57d48;
}

a.nava{
   /* nav bar links */
   padding:5px;
}

a.footernava{
   padding: 5px;
   color : #111111;
}

a.nava:hover, a.footernava:hover{
   background-color:#DDDDDD;
}

p#today{
    /* date device */
	padding: 30px 0 8px 0;
	font-weight : bold;
}


img#wgslogo{
	text-align:center;
	margin: 0 0 10px 0;
}

#sizerholder{
  /* JS text sizer mechanism */
	display:none;
}
.sizerSep{
   /*  sizer separator pipe symbol */
	font-size : 50%;
	color: #e57d48;
}
.sizer{
	padding: 3px;
}

#sizer-s{
    font-size:80%;
}

#tsSmall, #tsMedium, #tsLarge{
   color : #111111;
}

#sizer-m{
    font-size:90%;
}

.right{
   text-align:right;
}

.center{
	text-align : center;
}


.shortImage{
   /* for final content pages */
   float:left;
   margin: 0;
   border-style: none;
}

#searchStaff{
   /* staff page search form */
   float:left;
   width:165px;
   padding: 3px;
   margin: 0 10px 0 0;
   background-color:#DDDDDD;
}

#chosenSkillID, #chosenOfficeID, #staffToFind {
   /* form controls on staff page search form */
   border: 1px solid #BCBCBC;
   margin: 0 0 3px 0;
   width: 160px;
}

#staffToFind {
   /* input overide for above */
   width: 156px;
}
#staffDetails {
   width:380px;
   float:right;
}

.col2All{
	float: left;
	width: 100%;
}

.col2Common{
	background-image : url(images/col2Common.gif);
	padding: 0 0 0 0px ;
	background-repeat : no-repeat;
	background-position : top left;
  margin: 20px 40px 0px 0px;
	width: 240px;
	float :left;
}

div#aboutusheader{
  text-align : right;
  padding : 0px 0px 10px 0px;
}

table#remedy, table#cohab{
 /* family/emergencyremedy.php */
	color: #996666;
	font-weight : bold;
	width:500px;
}

div#compensation{
   /* pi/compensation.php */
	background-image : url(pi/images/cheque.gif);
	background-position : top center;
	background-repeat : no-repeat;
	color: #339900;
	width:500px;
	height:600px;
	line-height: 200%;
	font-weight:bold;
}

div#buyingselling{
   /* commercial/buying&selling.php */
	background-image : url(commercial/images/buysell.gif);
	background-position : center;
	background-repeat : no-repeat;
	width:500px;
	height:880px;
}

div.address{
	  background-color:#DDDDDD;
		padding:10px 15px;
		margin:30px 0px 0px 10px;
		height: 11em;
		width:240px;
		float:left;
	}
	
div.equity{
	background-repeat : no-repeat;
	background-position : center left;
	padding: 0 0 0 100px;
}
div#equity1{
	background-image : url(financial/images/equity1.gif);
}
div#equity2{
	background-image : url(financial/images/equity2.gif);
}
div#equity3{
	background-image : url(financial/images/equity3.gif);
}

div.retirement{
	background-repeat : no-repeat;
	background-position : center left;	
	padding: 0 0 0 100px;
	height:5em;
}
div#retirement1{
	background-image : url(financial/images/retirement1.gif);
}
div#retirement2{
	background-image : url(financial/images/retirement2.gif);
}
div#retirement3{
	background-image : url(financial/images/retirement3.gif);
}
div#retirement4{
	background-image : url(financial/images/retirement4.gif);
}
div#retirement5{
	background-image : url(financial/images/retirement5.gif);
}
div#retirement6{
	background-image : url(financial/images/retirement6.gif);
}
div#retirement7{
	background-image : url(financial/images/retirement7.gif);
}

.col2Commercial{
	background-image : url(images/col2Common.gif);
	margin: 15px 0;
	padding: 0 0 0 60px ;
	background-repeat : no-repeat;
	background-position : top left;
	width: 200px;	
	height:3em;
}

table.casetrack{
   border:1px solid #6699CC;
   border-collapse:collapse;
}
td.case{
   border:1px solid #6699CC;
   padding: 5px;
}

.bold{
   font-weight:bold;
}

div.pop{
   background-color:#F5F5F5;
   padding: 15px;
   position: absolute;
   width: 200px;
   min-height:100px;
   left: 0;
   top: 0;
   border: 2px solid #C7C7C7;
   display: none;
}
p.quote {
	font-family: "Lucida Handwriting", "Comic Sans MS";
	margin: 0 3em 0 3em;
}

img.lefthandmenunav{
  width:172px;
  height : 611px;
  /*padding : 40px 0px 0px 0px;*/
}
img#mnuabout{
  width:175px;
  height : 132px;
}

img#mnurecruit{
  width:175px;
  height : 132px;
}

img#mnunews{
  width:172px;
  height : 690px;
}

div.leftmenumap{
  position : absolute;
  width: 172px;
  height :611px;
  left : 10px;
}

div.leftmenumap ul{
  list-style: none;
  padding : 0;
  margin : 43px 0px 0px 0px;
  border : none;
}

div.leftmenumap li{
  width: 162px;
  height : 60px;
  margin : 0px 0px 20px 0px;
}

div.leftmenumap li a {
  display : block;
  /*text-decoration : none;*/
  width: 100%;
  height : 100%;
  padding : 0px 0px 5px 0px;
  color : #ffffff;
  margin-left: 10px;
  text-align : left;
}

div#piimage {
  padding : 30px 0px 30px 0px;
  height : 351px;
  width : 100%;
  background-image : url(pi/images/Claims.JPG);
  background-repeat : no-repeat;
	background-position : center;
}

div#piimage li{
  list-style : none;
  font-size : 120%;
  font-weight : bold;
  margin-bottom : 25px;
}

li#leftimagelink{
  text-align : left;
  margin-left : 2%;
  height: 15px;
  width: 200px
}

li#rightimagelink{
  width : 180px;
  text-align : left;
  margin-left : 70%;
}

img.recruittopimage{
  float : right;
  padding:0px 0px 20px 20px;
  width : 200px;
  height : 200px; 
}

img.newstopimage{
  float : right;
  padding:0px 0px 20px 20px;
  width : 200px;
  height : 200px; 
}