* {margin:0; padding: 0;}
body{
	background-image: url(images/backg.gif); 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}
td,th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}
#header {background-color:#777b71;}
#headercontent {background-color:#8b8e85;}
#headercontent, #wrapper{
	width:640px;
	position:relative; 
	left:50%; 
	margin-left:-320px; 
}

#menubar {margin-top: 10px; padding: 3px; background-color:#333333;}
#header li {display: inline; padding:0 20px; background: transparent url(mainmenu/images/mainmenu_r2_c1.gif) top left no-repeat;}
#main {
	padding-top:20px;
	background-color: #fff; 
	}

.clear {clear:both;}
#footer {font-size: 90%;border-top: 1px dotted #ddd;margin-right: 10px;}

#newscolumn { position:relative; float:left; width:340px;}
#newscolumnimg { position:relative; float:right; width:270px;}

.bottomcolumns {width:24%; float:left;border-left: 1px dotted #ddd; }
#main .bottomcolumns ul {list-style-type:none; list-style-position:inside;text-indent:none; margin: 8px 0;}
.bottomcolumns li {text-indent:none; padding: 0 0 10px 5px;}

#otherlinks {float:left; width: 340px; margin-left: 51px;}
#otherlinks img {position:relative; top:-5px;}



/** Typography
--------------------------------**/

#newscolumn h2 {margin:16px; font-family:'Courier New', Courier, monospace; font-size:130%; color:#333333;padding-left:15px;}
h2, legend { padding: 0 0 0 24px; color:#D99938; font-size:130%; font-weight: bold;}
.services #main  h2, .people #main  h2 {margin: 0 0 16px 24px; padding: 0;}
#main  h4 {margin:0 0 0 24px}
.services #main p {margin-top:8px;}

.bottomcolumns h3 {text-indent: -9999px;}
#helpyou h3 {background: transparent url("http://www.harmans-solicitors.co.uk/images/banner-helpyou.jpg") top left no-repeat;}
#people h3 {background: transparent url("http://www.harmans-solicitors.co.uk/images/banner-people.jpg") top left no-repeat;}
#inthenews h3 {background: transparent url("http://www.harmans-solicitors.co.uk/images/banner-inthenews.jpg") top left no-repeat;}
#employment h3 {background: transparent url("http://www.harmans-solicitors.co.uk/images/banner-online1.jpg") top left no-repeat;}

h3 {font-size:110%;}

p {margin: 24px;line-height:1.5em;}

#newscolumn h3 {clear:left;}
#newscolumn h3 span{position:relative; top:7px;}

legend {padding:0; margin: 0 20px; }

#newslist table {padding:20px 5px;}
#newslist tr {vertical-align:top; padding-bottom: 15px;}
#newslist td {border-top: 1px solid #ddd; height: 2em;}
#newslist tr td.date {width: 100px; font-weight:bold;}
#newslist tr td.source {width: 200px;}
#newslist tr td.title {width: 340px;font-weight:bold;}

#main ul {margin:24px; list-style-position:inside;}
a img {border:none;}

#newscolumn p {margin: 8px 8px 8px 22px; color: #D99938}

/** Pictures
------------------------**/
h1 img {padding:0;}
img {padding: 16px;}
img.listicon {padding: 3px;}
img.acc {float:left; clear:left; padding:8px;} /** accreditaion logos **/
/** Links
-------------------------**/
h2 a {color: #D99938; font-weight: bold;}

/** Forms 
-------------------------- **/
input.borderless {border: none; margin: 10px;}
input {height: 2em;}
label.radio {
	position:relative; 
	top: -15px;
	}

fieldset {width: 610px; border-collapse: collapse;}

/* added 17/04/2010 */
td p {margin:2px;}
table.tblnoborder {margin:0;}
table.tblnoborder td {border:0; padding:0;}
#newslist table.tblnoborder td {border-top: 0;}
#newslist table.tblnoborder {padding:5px 5px;}
#newslist table.tblnoborder img {padding:0;}
.newsquote {position:relative; margin:0 2px; border:1px solid #DDD; background-color:#EEE; padding:5px;}
tr.newsquote {position:relative; border:1px solid #DDD; background-color:#EEE; padding:5px;}