* { margin: 0px; padding: 0px; font-size: 100%; }
a:link, a:visited { color: #0000FF; font-weight: bold; }
a:hover, a:active { color: #0044FF; }
body { background-color: #EDEDED; font-size: 0.7em; color: #000000; line-height: 1.6em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #336699; margin-bottom: 0.6em; font-weight: bold; }
h1 { font-size: 2em; font-weight: normal; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
hr { display: none; }
img { border: 0px; }
ol, ul { margin-left: 1.1em; padding-left: 1.1em; }
p { margin-bottom: 0.8em; }

#root { width: 924px; margin: 10px auto; }
#navigation { border-bottom: 2px solid #000000; height: 30px; background-repeat: repeat-x; background-image: url(../images/navbkgd.gif); background-color: #9DACCD; margin-bottom: 10px; }
#navigation ul { list-style-type: none; padding-left: 0px; margin-left: 0px; }
#navigation li { display: inline; }
#navigation a { float: left; display: block; padding: 0px 15px; text-decoration: none; color: #FFFFFF; font-size: 1.1em; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 30px; }
#navigation a:hover, #navigation a.active { color: #000000;}

#main { background-image: url(../images/mainbkgd.gif); background-repeat: repeat-y; }
#mainbody { float: left; width: 720px; }
#maincontent { background-color: #FFFFFF; padding: 25px; }
.portrait { float: right; margin: 0px 0px 20px 20px; width: 200px; text-align: center; }
.portrait img { border: 1px solid #808080; }
.cvlink { text-align: center; float: right; margin: 0px 0px 20px 20px; width: 200px; }
#rightpanels { float: right; width: 194px; background-color: #D8DEEA; }
.rightpanel { margin-bottom: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.95em; }
.rightpanelcontent { padding: 8px; }
.rightpanelcontent table { margin-bottom: 0.8em; }
.rightpanelcontent table th { padding-right: 4px; padding-bottom: 3px; text-align: left; vertical-align: top; }
.rightpanelcontent table td { padding-bottom: 3px; vertical-align: top; }
.rightpanelimage { border-bottom: 2px solid #000000; }
#mainborder { background-image: url(../images/mainfooter.gif); background-repeat: no-repeat; font-size: 2px; line-height: 2px; height: 2px; }
#footer { width: 924px; margin: 0px auto; font-size: 0.8em; color: #AAAAAA; text-align: right; }
#footer a { color: #AAAAAA; text-decoration: none; }

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.float-left { float: left; }
.float-right { float: right; }
.error { color: #ff0000; text-align: center; }
div.hr hr { display: none; }
div.hr { padding-top: 2px; margin-bottom: 4px; border: 1px solid #000000; }

.clerk { margin-bottom: 20px; }
.clerk h1 { font-size: 1.3em; margin-bottom: 4px; }
.clerkportrait { float: left; width: 75px; padding-right: 20px; }
.clerkportrait img { border: 1px solid #808080; }
.clerktext { float:  left; width: 560px; }

.barrister { float: left; width: 120px; margin: 0px 6px 20px 6px; display: inline; height: 200px; }
.barrister h1 { font-size: 1em; font-weight: normal; text-align: center; }
.barristerportrait img { border: 1px solid #808080; }

.practicearea { padding-bottom: 10px; border-bottom: 1px solid #000000; margin-bottom: 10px; }
.practicearea h1 { font-size: 1.1em; margin-bottom: 4px; }

.userlist ul { margin: 0; padding: 0; list-style: none; }
.userlist li { margin-bottom: 2px; }