/* CSS/xhtml by Neil Paterson, Civic & Design by Zoe Ingram, Civic. */

* {margin:0; padding:0;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:71%; background:#fff; text-align:left;}
#container {margin:0; padding:20px}

.wrapper {position:relative}
#widepanel .wrapper, #panel2 .wrapper, #panel3 {padding:0 20px}
body#home #panel1 {padding:10px 0 0 20px}
body#home #panel2, body#home #panel3, body#home #panel4 {padding:0 20px}
body#home #panel2 .wrapper {padding:0}

ul.skiplinks {margin:10px 20px 0 20px; padding:0 0 0 20px}
ul.skiplinks li, #header li, #footer li {display:inline; margin-right:10px}
#header {padding:0;}
#header a#btLogo {cursor:pointer; text-indent:-9999px; height:100px; width:229px; padding:0; margin:0; display:block; position:relative; border:none}
#header a#btLogo span {position:absolute; top:10px; left:20px; z-index:1; padding:0; margin:0; background:url(../images/css-better-together-grey.gif); height:93px; width:229px; display:block;}
#header ul, #footer ul {margin:10px 20px;}

#male, #female {float:none; background:none; width:auto; height:auto; margin:0 0 10px 0; text-align:left;}
.bodymaps ul, ul#map {padding:0; margin:10px 0 0 0; text-align:left!important}
.bodymaps li a span, .bodymaps li a:hover span {background:none!important; width:auto!important; height:auto!important}
ul#map {background:none!important; width:auto!important; height:auto!important; position:relative!important; float:none!important; margin:0 0 15px 20px!important}
ul#map li {list-style-type: circle!important}
ul#map li a {display:inline!important; clear:both!important; position:relative!important; height:auto!important; width:auto!important; color:#000!important; background:none!important; text-indent:0!important; top:0!important; left:0!important}
#male li a, #female li a {color:#000}
#male li, #female li {color:#000; list-style-type:disc!important; font-size:100%; margin:0!important; padding:0!important}

em.desc, #panel1 em, em.skiplinks {fonr-size:120%; font-weight:bold; display:block; padding:10px 0 0 20px}

legend, #printLogo {display:none;}
fieldset {border:none; margin:0 0 0 20px}
select {width:20%; margin:0 0 10px 0}

#panel1 img, #panel2 img, #panel3 img, #widepanel img, .bodymaps span, #right img, #wide img, #widepanel .bodymaps li a span {display:none;} 

img {border:none}
p {color:#2F2F2F; line-height:150%; margin:13px 0 13px 0}
a {color:#333; text-decoration:none; border-bottom:1px dotted #333}
a:hover {border-bottom:1px solid #000}
ul, ol {margin:13px 0 13px 20px; line-height:150%; }
li {}
h1, h2, h3 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; color:#333}
h1 {background:#fff; font-weight:normal; font-size:200%; padding:0; font-weight:bold; height:auto; margin:10px 0 10px 0}
h2 {font-size:150%}
h3 {font-size:130%}
hr {border:none; height:2px; background:#A4A4A4;}

.tool-tip {text-align:left;	color:#333; width:139px; z-index:13000;}
.tool-title {font-weight:bold; font-size:100%; margin:0; color:#333; padding:8px 8px 4px; background:#f0f0f0}
.tool-text {font-size:100%; padding:4px 8px 8px; background:#f0f0f0}

.bodymaps {background:#fff; float:none!important; clear:none!important; border:none!important; width:auto!important; min-height:auto!important; margin:0 0 30px 0; padding:0!important; position:relative;}
.bodymaps ul {margin:10px 0 0 0}
#male, #female {width:auto; height:auto; float:none}
#male span.body, #female span.body {display:none;}
.bodymaps ul li {list-style-type:circle; color:#000; background:none; padding:0; margin:0; display:block; height:auto;}
.bodymaps #female li {float:none; clear:both; } 
.bodymaps li a {width:auto; padding:0; display:inline; clear:both; border-bottom:1px dotted #333}
.bodymaps li a:hover {border-bottom:1px solid #000}
.bodymaps li a.odd {background:#fff}
.bodymaps form input.submit {position:relative; bottom:0; left:0; clear:both; margin:0}
div.stepswide, div.steps {float:none; border:0; background:#fff; margin:0; width:auto; padding:0; position:relative}