/*
COLOR SCHEME

#89A691
#94AE9B

#2A5E37
*/

#container{border:solid 1px #aaa;background:#fff;color:#333}
#logo{background:#698E73;color:#fff}

h1,a,#sidebar li a:hover{color:#2A5E37}
h2{color:#444}

/* DEFAULT TYPOGREPHY */
html{font:11px Arial, sans-serif}
body{background:#fff;color:#222;text-align:center;overflow:auto}
p,ul,ol,dl,pre,blockquote,address,table,form{margin-bottom:1em}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex{font:inherit;font-size:1em}
a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet{border:none}
table{border-collapse:collapse;border-spacing:0}
th,td{text-align:left;vertical-align:top}
ul,ol,dir,menu{list-style:none}
small,sup,sub{font-size:85%}
sub,sup{vertical-align:baseline}
sup{vertical-align:super}
sub{vertical-align:sub}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}
a abbr,a acronym{border:none}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px solid #ccc}
strong,th,thead td,h3,h4,h5,h6{font-weight:bold}
address{font-style:normal}
cite,em,dfn{font-style:italic}
del{text-decoration:line-through;color:#666}
ins,dfn{border-bottom:1px solid #ccc}
hr{display:none}

/* HEADINGS */
h1{font-size:1.8em}
h2{font-size:1.5em;font-weight:normal}
h3{font-size:1em}

h1{margin:0 0 .62em 0;padding:0}
h2{margin:.62em 0}
h3,h4,h5,h6{font-size:1em;padding:.62em 0 0}

/* TABLES */
table tbody form,
table tbody form *{padding:0;margin:0}

table{width:100%;border-collapse:collapse;clear:both}
thead th{background:#ddd}
thead tr{border-bottom:2px solid #333}
caption{background:#fff;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:2px;padding:5px;margin-top:15px;text-transform:uppercase}
table,caption,tr{border-bottom:1px solid #ddd}
table{border-top:1px solid #aaa}
thead{font-weight:bold}
th,td{padding:5px 7px}

/* LISTS */
ul li{margin-left:20px;padding-left:5px;list-style-type:disc}
ul li ul li{list-style:circle outside}
ol li{list-style-type:decimal;margin-left:15px}
dt{font-weight:bold;padding-top:10px}
dl{clear:both}

/* IMAGES */
img{float:left;padding:0 10px 15px 0}
a img{border:0}

.clear{clear:both}
.floatright{float:right;padding:0 0 10px 10px}
.right{text-align:right}
.floatleft{float:left}
.left{text-align:left}
.stay{float:none;padding:0}
.center{margin-left:auto;margin-right:auto;text-align:center}
.center img{float:none}

.current{font-weight:bold}
.zoom{border:0;padding:0 0 17px 0 !important;background:url(../images/zoom.png) 100% 100% no-repeat}

.captioned{color:#444;display:block;margin:0 10px 15px 10px}
.captioned img{float:none;display:block;padding:0 0 5px 0}
.center .captioned img{margin:0 auto}

/* LAYOUT */
*{margin:0;padding:0;outline:none}
#container{position:relative;width:744px;margin:20px auto;padding:118px 0 0 0;text-align:left}
#content{float:right;width:550px;padding:0 25px 15px 0}

#sidebar{width:115px;padding:0 10px 0 25px;margin-bottom:25px;border-right:1px solid #ddd}
#sidebar ul{padding:0;margin:0}
#sidebar ul ul{padding-top:5px}
#sidebar li{padding:0 0 7px 0;margin:0;list-style:none}
#sidebar ul ul li{padding:0 0 5px 15px;background:url(../images/dash.gif) 5px 7px no-repeat}
#sidebar li a{text-decoration:none}
#sidebar li a:hover{text-decoration:underline}

#logo,
#logo a i{height:95px;width:744px;overflow:hidden;position:absolute;top:0;left:0}
#logo a i{background-image:url(../images/header.gif);background-repeat:no-repeat;display:block}
#logo span{height:110px;display:block;text-align:right;padding:40px 0 0 112px;width:230px;}

#logo strong,
#logo a{color:#2A5E37;display:block}

#logo strong{border-bottom:1px solid #2A5E37;font-size:18px}
#logo a{text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase}

#slogan{position:absolute;top:2px;left:0;text-align:center;color:#fff;width:750px;text-transform:uppercase}

#nav{font-size:13px;position:absolute;top:0;left:35px;width:750px;margin:0;padding:15px 0}
#nav li.first{padding:0}
#nav li{display:inline;padding:0 0 0 15px;margin:0;list-style:none}
#nav li a{text-decoration:none}
#nav li a:hover{text-decoration:underline}

/* FOOTER */
#footer{clear:both;font-size:10px;border-top:1px solid #ddd;height:150px;padding:18px 15px 0 15px}
#footer a:hover{text-decoration:underline}

#accreditations,
#accreditations ul,
#accreditations li{margin:0;padding:0;list-style:none}

#accreditations{background:#fff url(../images/footer.gif) 0 0 no-repeat;color:#666;position:relative;height:100px}
#accreditations strong{font-size:11px}

#foot-members,
#foot-quality-service,
#foot-community-legal-service,
#foot-criminal-defence-service{position:absolute}

#foot-members{top:5px;left:10px;width:230px}
#foot-members li{display:inline}
#foot-quality-service{top:5px;left:328px;width:90px}

#foot-community-legal-service,
#foot-criminal-defence-service{top:5px;width:50px;visibility:hidden}

#foot-community-legal-service{left:425px}
#foot-criminal-defence-service{left:495px}

#footer address,
#copy{padding:0 10px}

#footer address{float:left}
#copy{float:right;text-align:right}
#copy a{text-decoration:none;color:#666}
#copy a:hover{text-decoration:underline}