/*
CANS Advice Notes - www.cans.org.uk
(c) Net Efficiency Ltd
08 January 2007
*/

/* #~~ Base css to even keen all browsers including IE7 operating in IE6 quirks mode ~~# */
/* #~~ begin required styles ~~# */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;text-align:left;}
html,body,select,input,textarea{font-family:arial,helvetica,verdana,sans-serif;}

html,body{background: #fff;margin:0;padding:0;}
body*{line-height:1.22em;}


div,img{margin:0;padding:0;}
fieldset,img{border:0;outline:0;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table{margin:0 0 1em 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

cite,code,em,strong,th{font-style:normal;font-weight:normal;}
b,strong,th{font-weight:bold;}
em,i{font-style:italic;}

select,input,textarea{font:100%;}
label{display:block;}
pre,code{font:100% monospace;*font-size:100%;}

table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}

ul{margin-left:1.5em;}
ol{margin-left:2.5em;}
li{margin:0 0 0.5em 0;}
q:before,q:after{content:'';}

a{color:#069;text-decoration:underline;}
a:hover, a:focus{color:#069;text-decoration:none;outline:none;}
a img, a:link img, a:active img, a:visited img, a:hover img, a:focus img{border:0;outline:0;}

.clearing{height:1px;line-height:1px;clear:both;font-size:0px;margin-top:-1px;}
.alttext{display:block;position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px;top:-10000px;}

#skipnav{position:absolute;top:0;left:0;width:100%;font-weight:bold;color:#000;text-align:center;font-size:0.6em;}
#skipnav a, #skipnav a:link, #skipnav a:visited {display:block;position:relative;width:758px;margin: 0 auto;text-indent:-1000em;border:0;padding:2px 0 2px 2px;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {position:relative;text-indent:0;border:1px dotted #000;border-top:0;margin: 0 auto;color:#000;}

/* common css for typo3 */
ul.sitemap, ul.sitemap ul{list-style-position:outside;list-style-type:none;margin:0;padding:0;}
ul.sitemap ul{margin:2px 0 0 15px;padding:0;font-size:85%}
ul.sitemap ul ul{font-size:100%}
ul.sitemap li{margin:0 0 10px 0;padding:0;}
ul.sitemap li ul li{margin:0 0 5px 0;padding:0;}

img.align-left{float:left;clear:none;margin:0 1em 1em 0;}
img.align-right{float:right;clear:none;margin:0 0 1em 1em;}

/* #~~ end required styles ~~# */


/* NOTE: to get all browsers to use a similar font size chose a higher
up div with an ID and apply as below. It will give a font-size where 
1em = 10px approximately
 */

#wrapper{font-size:x-small;}
* html #wrapper{font-size:xx-small;font-s\ize:x-small;}

/*
#minwidth{background:green;}
#container{background:pink;}
#content{background:aqua;}
#layout{background:blue;}
*/


#allwrap {width:90%;min-width:800px;}

* html #minwidth {padding-left:800px;}
* html #container {margin-left:-800px;position:relative;}

/*\*/
* html #minwidth, * html #container, * html #content, * html #layout{height:1px;}
/**/

#jar{background:white;margin:20px 0;float:left;clear:both;width:100%;}
#jar .ijar{margin:0 25px;}
#banner{float:left;clear:both;width:100%;border:1px solid #ccc;border-width:1px 0;padding:9px 0;position:relative;}
#topnavdiv{float:left;clear:both;background:aqua;width:100%;margin:25px 0;}
#mid{float:left;clear:none;margin:0;width:100%;}

/* banner area */
#strapline{text-align:right;padding: 19px 0 3px 105px;font-size:120%;color:#666;}
#logo{display:block;width:193px;height:57px;/*margin-top:-47px;*/background: 
url("logo.gif") 0 0 no-repeat;float:left;clear:none;position:absolute;top:-38px;left:0;z-index:3;}
#bannerpic{display:block;float:right;clear:none;width:466px;height:85px;background: url("bannerpic.jpg") 0 0 no-repeat;}
h1#bannerheadline{color:#999;font: 210% normal;font-family: georgia;margin: 60px 476px 0 0;~margin-top:70px;}


#topnav{float:left;clear:none;list-style-type:none;margin:0;padding:0;width:100%;background:#ccc;font-size:120%;}
#topnav li{float:left;clear:none;margin:0;padding:0;}
#topnav li a, #topnav li span{display:block;margin:0;padding:4px 18px 5px;text-decoration:none;background:#ccc;float:left;clear:none;color:#000;}
#topnav li a:hover, #topnav li a:focus, #topnav li span{text-decoration:none;background:#06c;color:#fff;}

/* column geometry */
#lhcol,#maincol,#rhcol{float:left;clear:none;}
#lhcol{width:23.2%;font-size:120%;}
#maincol{width:50.9%;font-size:120%;line-height:1.45;}
#rhcol{width:25.7%;font-size:120%;float:right;}
#lhcol .idiv{margin-right:25px;background:#ececec;padding:0;}
#rhcol .idiv{margin-left:25px;}


/* special left and right hand column headline  */
h2.special{padding:4px 0;}
.special span{padding:0 10px;}
.dg{background-color:#999;color:#fff;}
.lg{background-color:#ccc;color:#fff;}
.wc{background-image: url("whitecorner.png");background-position: top right;background-repeat: no-repeat;}
.gc{background-image: url("graycorner.png");background-position: top right;background-repeat: no-repeat;}



/* left hand navigation */
.lhnav, .lhnav ul{margin:11px 0 0;padding:0;list-style-type:none;}
.lhnav li{margin:0 0 11px 0;padding:0 10px;}
.lhnav a, .lhnav span{margin:0;padding:0;text-decoration:none;color:#069;font-weight:bold;}
.lhnav a:hover, .lhnav a:focus, .lhnav span{text-decoration:underline;color:#069;}

/* main column  */
/* most of the setup for the text should eb already defined acceptably above in 
the general setup, all that might be needed are some basic little tweaks */

#maincol h1{font-size:143%;font-weight:bold;color:#069;}
#maincol h2{font-size:143%;font-weight:normal;color:#069;}
#maincol h3, #maincol h4, #maincol h5, #maincol h6{font-size:121%;font-weight:bold;color:#069;}
#maincol div.tx-cans-pi1 h3 {font-weight:normal; text-transform: uppercase; margin:1em 0 0.6em;}

#maincol h1.special{font-family:georgia;color:#069;font-size:143%;font-weight:normal;line-height:140%;}
#maincol p.special{font-size:126%;font-weight:normal;line-height:1.25;padding-right:220px;}
#maincol p.indent1 {padding-left: 50px;text-indent:-20px}
#maincol p.indent2 {padding-left: 70px;text-indent:-20px}
#maincol p.indent3 {padding-left: 90px;text-indent:-20px}
#maincol p{line-height:140%}
#maincol #toclisting td{padding:4px 0;}

#maincol #divbreadcrumblinks{margin:0 0 20px;padding:0;}
#maincol #divbreadcrumblinks ul{list-style-type:none;margin:0;padding:0;}
#maincol #divbreadcrumblinks a {text-decoration:none;}
#maincol #divbreadcrumblinks a:hover, #maincol #divbreadcrumblinks a:active {text-decoration:underline;}

#maincol ul#notelist {list-style-type:none;margin:0;padding:0;color:#999;font-weight:bold;}
#maincol ul#notelist a, #toclisting a{text-decoration:none;color:#069;}
#maincol ul#notelist a:hover,#maincol ul#notelist a:focus, #toclisting a:hover, #toclisting a:focus{text-decoration:underline;color:#069;}
#toclisting a{font-weight:bold;}
#seealso{margin:20px 0 0 0;border-top:#ccc solid 1px;padding:12px 0;}

#maincol ul#dropdownlist {list-style-type:none;margin:0 0 2em;padding:0;}
#maincol ul#dropdownlist a{text-decoration:underline;color:#069;}
#maincol ul#dropdownlist a:hover,#maincol ul#dropdownlist a:focus{text-decoration:none;color:#069;}

#maincol #printpage {margin: 0;padding: 0;float:right;width:40%;text-align:right;}

/* special front page box set - BEGIN */
#maincol .gbox{background:#ccc;position:relative;padding:3px 0 8px;margin:0 0 35px 0;width:100%;overflow:hidden;}
#maincol .gbox h2{color:#fff;font-size:250%;font-family:georgia;text-transform:lowercase;margin:0 0 4px;padding:0 22px;}
.gbox .gtr, .gbox .gtl, .gbox .gbr, .gbox .gbl{position:absolute;width:25px;height:25px;}
.gbox .gtr{background: url("grey_tr_corner.gif") top right no-repeat;top:0px;right:0px;}
.gbox .gtl{background: url("grey_tl_corner.gif") top left no-repeat;top:0px;left:0px;}
.gbox .gbr{background: url("grey_br_corner.gif") bottom right no-repeat;bottom:0px;right:0px;}
.gbox .gbl{background: url("grey_bl_corner.gif") bottom left no-repeat;bottom:0px;left:0px;}

#maincol .gtextbox{position:relative;padding:22px 215px 22px 22px;margin:0 8px;background: #fff url("main_loggedin.jpg") bottom right no-repeat;overflow:hidden;}
.gtextbox .wtr, .gtextbox .wtl, .gtextbox .wbr, .gtextbox .wbl{position:absolute;width:20px;height:20px;}
.gtextbox .wtr{background: url("white_tr_corner.gif") top right no-repeat;top:0px;right:0px;}
.gtextbox .wtl{background: url("white_tl_corner.gif") top left no-repeat;top:0px;left:0px;}
.gtextbox .wbr{background: url("white_br_corner.gif") bottom right no-repeat;bottom:0px;right:0px;}
.gtextbox .wbl{background: url("white_bl_corner.gif") bottom left no-repeat;bottom:0px;left:0px;}


* html .gbox .gtr, * html .gbox .gbr, * html .gtextbox .wtr, * html .gtextbox .wbr{right:-1px;}
* html .gbox .gbr, * html .gbox .gbl, * html .gtextbox .wbr, * html .gtextbox .wbl{bottom:-1px;}
* html #maincol .gbox, * html #maincol .gtextbox{height:1%;}
/* special front page box set - END */




/* right hand column  */
#rhcol h2.special{margin:0;}
#rhcol .box{background:#ececec;padding:9px;margin:0 0 17px 0;color:#333;}
#rhcol .box .idiv, #rhcol .loginbox .idiv{margin:0;padding:0;}

#rhcol .loginbox{background:#fff;border:1px solid #ccc;border-width:0 1px;padding:0;margin:0 0 17px 0;color:#666;}
#rhcol .loginbox .idiv{padding:9px;}
#rhcol .loginbox .arrowbg{background: url("loginbg.gif") 9px center no-repeat;}
#rhcol .loginbox #loginform{padding:0;margin:0 0 0 55px;}
#rhcol .loginbox input{width:80%;}
#rhcol .loginbox input#logingo{width:auto;}
#rhcol label{display:inline;}
#rhcol .bar{padding:6px 10px;margin:0;min-height:12px;background: #ccc url("whitecorner.png") top right no-repeat;}
* html #rhcol .bar{height:12px;}
#rhcol .bar p{margin:0;}
#rhcol .bar a{text-decoration:none;color:#333;}
#rhcol .bar a:hover, #rhcol .bar a:focus{text-decoration:underline;color:#333;}


#rhcol #formSearchBox, #rhcol #formSearchBox p{background:#ececec;}
#rhcol #formSearchBox input{width:80%;}
#rhcol #formSearchBox select{width:80%;}
#rhcol #formSearchBox input#formSearchBoxSubmit{width:auto;}


/* footer and bottom navigation */
#footer{float:left;clear:both;width:100%;color:#666;font-size:110%;margin:15px 0 0;padding:0 0 15px;}
#footer .spacer{width:23.2%;float:left;clear:none;display:block;height:20px;}
#footer .idiv{width:51%;float:left;clear:none;border-top:1px solid #ccc;padding:15px 0 0;}
#updated{font-weight:bold;margin:0 0 17px 0;}
#botnav{float:left;clear:none;list-style-type:none;margin:0;padding:0;}
#botnav li{float:left;clear:none;margin:0;padding:0;border-right:1px solid #666;padding:0 4px;}
#botnav li.lastli{border:0;}
#botnav li.firstli{padding-left:0;}
#botnav li a, #botnav li span{margin:0;padding:0;text-decoration:none;color:#666;}
#botnav li a:hover, #botnav li a:focus, #botnav li span{text-decoration:underline;color:#666;}

/*hide print-only elements*/
#maincol #printheader {display:none;}
#maincol #printfooter{display:none;}


/** Added, DF 2009 Sept 29th **/


a {
    color : #336666;
}

a:hover, a:focus {
    color : #336666;
}

#maincol h1, #maincol h2, #maincol h3 {
    color : #336666;    
}


#maincol ul#notelist a, #toclisting a {
    color : #336666;
}

#maincol h1.special {
    color : #336666;
}

#maincol ul#dropdownlist a:hover, #maincol ul#dropdownlist a:focus,
#maincol ul#dropdownlist a {
    color : #336666;
}

.lhnav a:hover, .lhnav a:focus, .lhnav span,
.lhnav a {
    color : #336666;    
}


#topnav li a:hover, #topnav li a:focus, #topnav li span {
    background-color : #336666;
}

#maincol ul#notelist a:hover, #maincol ul#notelist a:focus, #toclisting a:hover, #toclisting a:focus {
    color : #336666;
}

.dg {
    background-color : #336666;
}