/* Color Glossary
#E0E6F2 - pale blue of background
#ffffff - white
#000000 - black
#E9E8E8 - menubar grey
#214084 - dark blue text
#dee3ed - pale blue used on hr and side boxes
#051D78 - blue highlight text color
#12297E - dark blue sidepanel text
*/

@import url(menubar.css);
@import url(footer.css);
@import url(sidepanel.css);
@import url(barristers.css);
@import url(listings.css);
@import url(links.css);
@import url(forms.css);
@import url(contact.css);

.mceContentBody { background: #ffffff; margin: 0; padding: 5px; }

body { background: url('/media/images/base/background-slice.gif') repeat-x top #E0E6F2; margin: 20px 0 0 0; padding: 0px; font-size: 8pt; font-family: Verdana, verdana, helvetica, sans-serif; }

div#header { background: url('/media/images/base/masthead-right.gif') no-repeat right; text-align: left; height: 123px; }

div#outer { width: 100%; text-align: center; margin: 0; padding: 0; }
div#inner { text-align: center; margin-left: 15px; margin-right: 15px; background: #ffffff; min-width: 900px; }

div#container { width: 98%; margin-left: auto; margin-right: auto; }
div.left { width: 200px; float: left; margin: 0px 5px 5px 0px; text-align: left; }
div#left-container { width: 220px; float: left; background: url('/media/images/base/background-line.jpg') repeat-y top right; margin-bottom: 10px;}

div.right ul { margin: 0; padding: 0; list-style: none; }
div.right { width: 200px; float: right; text-align: left; margin: 0px 0px 5px 0px;}
div#right-container { width: 225px; float: right; background: url('/media/images/base/background-line.jpg') repeat-y top left; margin-bottom: 10px; }
div#center { width: 57%; text-align: justify; margin-left: auto; margin-right: auto; padding: 0px 15px; font-size: 9pt; }

.clear { clear: both; }
.hidden { display: none; }
.error { color: #ff0000; font-weight: bold; }

a, a:visited, a:link, a:active { color: #214084; text-decoration: none; font-weight: bold; }
a:hover { color: #214084; text-decoration: underline; font-weight: bold; }

a img { border: 0; }
img.right { margin: 0 0 15px 15px; }
img.left { margin: 15px 15px 0 0; }

hr { height: 1px; color: #dee3ed; background: #dee3ed; border: #dee3ed; }

h1, h2, h3, h4, h5, h5 { margin: 5px 0px 15px 0px; font-family: Arial, arial, helvetica, sans-serif; }
h1 { color: #214084; font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}
h6 { font-size: 0.9em;}

li { margin-bottom: 10px; }