@charset "UTF-8";
/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; }

.container {
margin-left: auto; margin-right: auto; width: 900px; min-height: 100px; background: url("../images/indexbackground.jpg") 27px 50px; background-repeat: repeat-y; background-color:#007979; overflow: visible;}
.practicecontainer {margin-left: auto; margin-right: auto; width: 900px; min-height: 100px; background: url("../images/practicebackground.jpg") 27px 50px; background-repeat: repeat-y; background-color:#007979; overflow: hidden; background-repeat: repeat-y; }
.admincontainer {margin-left: auto; margin-right: auto; width: 900px; min-height: 100px; background: url("../images/adminbackground.jpg") 27px 50px; background-repeat: repeat-y; background-color:#007979; overflow: visible;}
.memberscontainer {margin-left: auto; margin-right: auto; width: 900px; min-height: 100px; background: url("../images/membersbackground.jpg") 27px 50px; background-repeat: repeat-y; background-color:#007979; overflow: visible;}
.mediationcontainer {margin-left: auto; margin-right: auto; width: 900px; min-height: 100px; background: url("../images/mediationbackground.jpg") 27px 50px; background-repeat: repeat-y;background-color:#007979; overflow: visible;}
.recruitmentcontainer {margin-left: auto; margin-right: auto; width: 900px; min-height: 100px; background: url("../images/recruitmentbackground.jpg")  27px 50px; background-repeat: repeat-y; background-color:#007979; overflow: visible;}

/*header links*/
#index
{display: block; float: left;; width: 120px; height: 50px; background: url("../images/headerlogobutton.gif") no-repeat 0 0;}
#index:hover
{background-position: 0 -50px;}
#index span
{display: none;}

#members
{display: block; float: left; width: 86px; height: 50px; background: url("../images/headermembersbutton.gif") no-repeat 0 0;}
#members:hover
{background-position: 0 -50px;}
#members span
{display: none;}

#practice
{display: block; float: left; width: 158px; height: 50px; background: url("../images/headerpracticebutton.gif") no-repeat 0 0;}
#practice:hover
{background-position: 0 -50px;}
#practice span
{display: none;}

#mediation
{display: block; float: left; width: 90px; height: 50px; background: url("../images/headermediationbutton.gif") no-repeat 0 0;}
#mediation:hover
{background-position: 0 -50px;}
#mediation span
{display: none;}

#recruitment
{display: block; float: left; width: 114px; height: 50px; background: url("../images/headerrecruitmentbutton.gif") no-repeat 0 0;}
#recruitment:hover
{background-position: 0 -50px;}
#recruitment span
{display: none;}

#pupillage
{display: block; float: left; width: 92px; height: 50px; background: url("../images/headerpupillagebutton.gif") no-repeat 0 0;}
#pupillage:hover
{background-position: 0 -50px;}
#pupillage span
{display: none;}

#admin
{display: block; float: left; width: 133px; height: 50px; background: url("../images/headeradminbutton.gif") no-repeat 0 0;}
#admin:hover
{background-position: 0 -50px;}
#admin span
{display: none;}

#contact
{display: block; float: left; width: 107px; height: 50px; background: url("../images/headercontactbutton.gif") no-repeat 0 0;}
#contact:hover
{background-position: 0 -50px;}
#contact span
{display: none;}

a.header:link {color: #007979; text-decoration: none; font-weight: bold;}
a.header:visited {color: #007979; text-decoration: none; font-weight: bold;}
a.header:hover {text-decoration: underline}

a:link {color: #007979; text-decoration: none }
a:visited {color: #007979; text-decoration: none }
a:hover {text-decoration: underline }

.kbwlogo { position: absolute; top: 0px; left:0px; width: 120px;}
.header { display: inline; color:#b8b8b8; font-size: small; text-align:left; /*background-color:#b8b8b8;*/ width:900px; height: 50px; padding: 0px;}
.footer { 
color: #007979; font-size: small; text-align:center; background-color:#b8b8b8; width:890px; padding: 5px; }

.mainarea { color: #007979; text-align:center; width:610px; padding: 15px; margin-left: 120px; min-height: 400px;}
.practicemainarea { color: #007979; text-align:center; width:780px; margin-left:120px; min-height: 450px;}
.adminmainarea { color: #007979; text-align:center; width:780px; margin-left:120px; min-height: 250px;}
.practicemugshots { color: #007979; text-align:center; width:780px; height: 270px; margin-left:120px; }
.news { float: right; width: 120px; color: #239d9d; font-size: 7pt; text-align: justify; overflow: hidden; padding: 10px;}

p { text-align: justify; color:#007979; font-size:small; margin-right: 30px; margin-left: 30px; }
h1 { text-align: left; color:#007979; font-size:medium; margin-right: 30px; margin-left: 30px; }
h2 { text-align: left; color:#007979; font-size: small; font-weight: bold; margin-right: 30px; margin-left: 30px; }
h3 { text-align: center; color:#007979; font-size: 24pt; padding-top: 10px; padding-bottom: 10px; height: 30px;  }
h4 { text-align: center; color:#007979; font-size: 14pt; padding-bottom: 5px;}
h5 { text-align: left; color:#007979; font-size:9pt; margin-right: 10px; margin-left: 10px; }
h6 { text-align: left; color:#007979; font-size:8pt; margin-right: 10px; margin-left: 10px;  }
h7 { text-align: justify; color:#007979; font-size:10pt; margin-right: 30px; margin-left: 30px; }

.mediationpicture {float:right;  padding: 10px; background-color: #f2f0f0; text-align: left; color:#007979; font-size:8pt; width: 150px; margin-left: 15px; margin-right: 20px;  }
.barristerpicture {float:right;  padding: 10px; background-color: #f2f0f0; text-align: left; color:#007979; font-size:8pt; width: 200px; margin-left: 15px; margin-top: 20px; margin-right: 20px;  }

#contactimage {vertical-align: middle;}
.rightfloatinset { float:right; width:170px; background-color:#f6f6f6; color:#000000; margin: 0 20px 10px 15px; padding: 10px; font-size:8pt; text-align:left; border-color: #239d9d; outline: solid 1px #239d9d; }
.mugshot { float: left; width: 170px; background-color: #f6f6f6; padding: 6px; font-size: 8pt; margin-left: 10px; margin-bottom: 15px;}
.mugshotimage {float: left; height: 60px; width: 50px; }
li {display:inline;}
.adminpicture {float: left; width: 170px; background-color: #f6f6f6; padding: 6px; font-size: 8pt; margin-left: 130px; margin-bottom: 15px;}