/* 
southeastlondoncounselling.org.uk
screen.css
august 2010
author:iain stewart - start up web solutions
url: http://www.suws.co.uk/
*/
*{margin:0;padding:0}
body{font:normal 100%/1.375 Helvetica,Arial,sans-serif; color:#000000;background-color:#ffffff}
a,a:link,a:visited,a:active{text-decoration:none;color:#141450;font-weight:bold}
a:hover,a:focus{border-bottom:1px solid #191919;color:#9a210c;background-color:transparent}
h2{font-size:1.5em;line-height:0.91667em; margin:0.5em 0;text-align:right}
h5{font-size:0.875em;line-height:1.143;margin:20px 0 10px 5px}
p{font-size:0.875em; line-height:1.28571; margin-bottom:0.5em;color:#000000}
em{font-style:italic}
strong{font-weight:bold}
abbr,acronym{border-bottom:1px dotted #ababab;cursor:help}
#sitename{float:right;margin-top:40px;width:196px;height:126px;text-indent:-9000em;overflow:hidden}
#sitename a{display:block;text-decoration:none;text-indent:-9000em;background:#ffffff url(../i/bg/site-name.gif) no-repeat 0 0;width:196px;height:126px;border:0 none}
h4{font-size:1em; margin-bottom:0.5em;color:#666699}
#welcome{margin:110px auto 40px auto;width:233px;height:38px;background:transparent url(../i/bg/welcome.gif) no-repeat 0 0;text-indent:-9000em}
.pagetitle{margin:90px 0 40px 20px}
.pagetitle1{margin-top:20px}
h2.pagetitle,h2.pagetitle1{text-align:left;color:#6b5382;background-color:transparent}
.para1,.bodylist{margin-top:90px}
ul.bodylist{font-size:1em;line-height:1.125}
p.listhead{margin-bottom:2px}
.subnote{margin-top:20px;border-top:1px solid #dddddd;padding:1.5em 0}
.mainnote{margin-top:20px}
ul.simplelist{font-size:0.8125em;line-height:1.231;margin:0 0 5px 45px}
ul.simplelist li{margin-bottom:0}
h2.big{color:#6b5382;font-size:2.25em}
ul{font-size:0.875em; line-height:1.28571}
li{margin-bottom:0.42857em}
#navigation{margin:20px 0 0 80px}
#navigation li{font-size:1.1em;line-height:1.125em;margin-bottom:0;font-weight:bold;font-style:italic;padding:3px 0}
#navigation li.active{font-style:normal}
#navigation li a{text-transform:capitalize;color:#133044;background-color:transparent}
#navigation li a:visited{text-decoration:none;color:#133044}
#navigation li a:hover,#navigation li a:focus{border-bottom:1px solid #191919;color:#9a210c;background-color:transparent}
#topnav{margin:0;padding:1em 0 0.4em 0;list-style-type:none;background-color:#ffffff;color:#000000;width:100%;font:bold 0.75em arial,helvetica,sans-serif;text-transform:lowercase;text-align:center}
#topnav li{display:inline}
#topnav li.active{padding:.2em 1em;border-right:1px solid #dddddd}
#topnav li a,#topnav li a:link,#topnav li a:active,#topnav li a:visited{text-decoration:none;background-color:#ffffff;color:#666699;padding:.2em 1em;border-right:1px solid #dddddd;border-bottom:none}
#topnav li a:hover{background-color:#6b5382;color:#e8e9f8;text-decoration:none;border-bottom:none}
#navigation1{margin-top:80px;margin-bottom:30px}
#navigation2{margin-top:20px;margin-bottom:30px}
#navigation1,#navigation2{padding:.3em 0; list-style-type:none;background-color:#003366;color:#ffffff;width:100%;font:normal 0.6875em arial,helvetica,sans-serif;text-transform:lowercase;text-align:center}
#navigation1 li,#navigation2 li{display:inline}
#navigation1 li a,#navigation2 li a{text-decoration:none;background-color:#003366;color:#ffffff;padding:.2em 1em;border-right:1px solid #ffffff}
#navigation1 li a:hover,#navigation2 li a:hover{background-color:#336699;color:#ffffff}
#footer{width:100%;padding:1em 0;border-top:1px solid #dddddd}
.copyright{font-size:0.6875em;margin-left:2em}
.credit{font-size:0.6875em;text-align:right;margin-right:2em}
.hide{display:none}
#contact-details{text-align:left;font-size:0.875em;line-height:1.28571}
#contact-details .fn{font-weight:bold;margin-bottom:10px}
#contact-details div.adr{margin-bottom:10px;padding-left:20px;}
#contact-details div.street-address{display:inline}
#contact-details div.telhead{background:transparent url(../i/phone.png) no-repeat 0 0}
#contact-details div.tel{padding-left:20px}
#contact-details div.tel span{font-weight:bold;margin-left:10px}
#contact-details div.email{margin-top:15px;background:transparent url(../i/email.png) no-repeat 0 0;padding-left:20px}
#contact-details div.email span{margin-left:10px}
#contact-details p {
	margin-top: 20px;
	
}
.hcard-download{margin:20px 0 0 0;border-top:1px solid #000080;border-bottom:1px solid #000080}
.hcard-download p{font-size:0.75em;text-align:center;padding:1em 0;line-height:1;margin:0}
.hcard-download p a{background:transparent url(../i/vcard.png) no-repeat 0 -1px; padding-left:20px}
.statement{margin-top:44px;border-top:1px solid #dddddd;padding:10px 0;font-size:0.75em;text-align:center}
dl{margin:20px 0 10px 10px}
dt{font-size:0.875em;font-weight:bold;color:#431248;margin-bottom:5px}
dd{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #dddddd}
dd p{font-size:0.75em;line-height:1.1;margin-bottom:3px}
.selc{font-style:italic;font-weight:bold}
#formbox1{margin-top:60px}
#form-container{padding:0 10px;margin:0}
#form-container p{color:#353535;background-color:transparent;font-size:85%;font-weight:normal;text-align:left;margin:0}
#form-container form{padding:0}
#form-container h2{text-align:center;margin:10px 0 10px 0}
#form-container fieldset{border:1px solid #641764;margin-top:10px;padding:0 10px 10px 10px}
#form-container legend{font:bold 0.75em Arial,Helvetica,sans-serif;text-transform:uppercase;color:#466f19;background-color:transparent;padding:0 5px 5px 5px}
#form-container input{margin:5px 0 0 0;padding:0}
#form-container textarea{width:200px;height:50px;color:#030303;background-color:#dbdbdb;border:1px solid #a0a0a0;margin:5px 0 0 0;font:normal 0.875em arial,helvetica,sans-serif}
#form-container textarea:focus{background-color:#ffffff;border:1px solid #000000}
#form-container input.txt{color:#030303;background-color:#dbdbdb;border:1px solid #a0a0a0;width:200px;font:normal 0.875em arial,helvetica,sans-serif}
#form-container input.txt:focus{background-color:#ffffff;border:1px solid #000000}
#form-container input.btn{color:#000080;background-color:#f8f8ff;border:3px outset #c7c7f1;padding:2px 4px;font:bold 0.875em arial,helvetica,sans-serif}
#form-container form p{clear:left;margin:0;padding:0;font-size:0.875em}
#form-container form div.right{clear:left;float:right;margin:5px 20px 0 0}
#form-container form p label{float:left;width:30%;padding:6px 10px 0 0;text-align:right;font:bold 0.875em Arial,Helvetica,sans-serif;color:#262626;background-color:transparent;margin:0}
#form-container form p.info{font-size:0.875em;line-height:1.2;margin-top:10px}
#form-container form p.infonote{font-size:0.75em;line-height:1.2;margin-bottom:5px;color:#6f1944;padding-left:20px}
#form-container form p span.req{font-weight:bold;color:#cf280c;background-color:transparent}
#form-container form p label span.req{padding-right:3px}
#form-container form strong.error{display:block;color:#cf280c;font-size:0.875em;font-weight:bold}
#enquirydiv p.feedback{font-size:0.875em;font-weight:bold;color:#ab1533;background-color:transparent;text-align:left;margin:0 0 5px 0;padding:8px 5px;line-height:1.2}
#form-container form img{margin:12px 0 0 20px;padding:5px}
#page{max-width:64em; min-height:48em; position:relative}
.container_12{width:100%}
.maintitle{padding-top:50px}
.skip-link a,.skip-link span{position:absolute;overflow:hidden;width:0;height:0;top:-4em;left:-3em}
.skip-link a:active,.skip-link a:focus{position:absolute;overflow:visible;width:auto;height:auto;font-family:Verdana,Arial,sans-serif;background-color:#ffcc00;color:#0000d5;top:4em;left:1em;padding:.3em;border:.125em solid #0000d5;font-weight:bold}
#topflash{position:absolute;top:40px;left:0;width:459px;height:210px;margin:0;padding:0;overflow:hidden}
#bottomflash{position:absolute;top:590px; left:542px;width:482px;height:205px;margin:0;padding:0;overflow:hidden}
#contactpage #bottomflash {
	top: 620px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{display:inline;float:left;margin-left:1%;margin-right:1%}
.container_12 .grid_3,
.container_16 .grid_4{width:23%}
.container_12 .grid_6,
.container_16 .grid_8{width:48%}
.container_12 .grid_9,
.container_16 .grid_12{width:73%}
.container_12 .grid_12,
.container_16 .grid_16{width:98%}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:6.333%}
.container_12 .grid_2{width:14.666%}
.container_12 .grid_4{width:31.333%}
.container_12 .grid_5{width:39.666%}
.container_12 .grid_7{width:56.333%}
.container_12 .grid_8{width:64.666%}
.container_12 .grid_10{width:81.333%}
.container_12 .grid_11{width:89.666%}
.container_12 .prefix_3{padding-left:25%}
.container_12 .prefix_6{padding-left:50%}
.container_12 .prefix_9{padding-left:75%}
.container_12 .prefix_1{padding-left:8.333%}
.container_12 .prefix_2{padding-left:16.666%}
.container_12 .prefix_4{padding-left:33.333%}
.container_12 .prefix_5{padding-left:41.666%}
.container_12 .prefix_7{padding-left:58.333%}
.container_12 .prefix_8{padding-left:66.666%}
.container_12 .prefix_10{padding-left:83.333%}
.container_12 .prefix_11{padding-left:91.666%}
.container_12 .suffix_3{padding-right:25%}
.container_12 .suffix_6{padding-right:50%}
.container_12 .suffix_9{padding-right:75%}
.container_12 .suffix_1{padding-right:8.333%}
.container_12 .suffix_2{padding-right:16.666%}
.container_12 .suffix_4{padding-right:33.333%}
.container_12 .suffix_5{padding-right:41.666%}
.container_12 .suffix_7{padding-right:58.333%}
.container_12 .suffix_8{padding-right:66.666%}
.container_12 .suffix_10{padding-right:83.333%}
.container_12 .suffix_11{padding-right:91.666%}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}