/*
WHO, WHAT, URL
(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:verdana,arial,helvetica,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%;}
th,td{border:1px solid #000;padding:4px;vertical-align:top;}

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

a{color:#444;text-decoration:underline;}
a:hover, a:focus{color:#444;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;font-size:0.6em;}
#skipnav a, #skipnav a:link, #skipnav a:visited {display:block;position:relative;width:758px;margin: 0;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;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;width:760px;padding-top:5px;}
* html #wrapper{font-size:xx-small;font-s\ize:x-small;}

#banner{height:120px;width:760px;float:left;clear:both;}
#logo{display:block;float:left;clear:both;width:396px;height:32px;margin:44px 0 0 8px;_margin-left:4px;border:0;background: url("logo.png") 0 0 no-repeat;}
#keyimgs{display:block;width:330px;height:115px;float:right;clear:none;background-repeat:no-repeat;background-position: 0 0;overflow:hidden;}
#innerimg{display:block;width:330px;height:115px;float:right;clear:none;background: url("mask.png") 0 0 no-repeat;}


#searchbar{float:left;clear:both;width:100%;border-top:1px solid #000;background: url("fade.gif") 0 0 repeat-x;font-size:1.1em;padding:5px 0 0 0;}
#searchform{/*background:yellow;*/}
#searchform p{text-align:right;}
#searchform label, #searchform input{display:inline;margin-right:4px;cursor:pointer;}
#fpsearch{padding:1px 2px;}
#searchform #fpsubmit{vertical-align:bottom;margin-right:10px;}


#mid{width:760px;float:left;clear:both;}
#lhcol{float:left;clear:none;width:150px;padding:0 52px 0 10px;font-size:1.3em;}
* html #lhcol{width:212px;w\idth:150px;}

#lhnav, #lhnav li{list-style-type:none;list-style-position:outside;margin:0;padding:0;}
#lhnav a, #lhnav span{display:block;width:142px;padding: 9px 4px;}
* html #lhnav a, * html #lhnav span{width:150px;w\idth:142px;}
#lhnav li.firstli a, #lhnav li.firstli span{padding-top:0;}


#lhnav a{border-bottom:1px dotted #696;color:#363;}
#lhnav a:hover, #lhnav span{border-bottom:1px solid #000;color:#000;}
#lhnav a, #lhnav a:link, #lhnav a:hover, #lhnav a:active, #lhnav a:visited{text-decoration:none;}


#maincol{float:left;clear:none;width:538px;color:#333;}

div.dots{display:none;}
#maincol div.dots{display:block;font-size:1px;line-height:1px;height:1px;overflow:hidden;margin:6px 0;clear:both;}
#maincol div.drk{border-top:1px dotted #6c6c6c;}
#maincol div.lgh{border-top:1px dotted #a7c4a7;}

#maincol h1, #maincol h2, #maincol h3{color:#393;font-size:1.8em;margin-top:18px;margin-bottom:20px;}
#maincol h2{font-size:1.5em;}
#maincol h3{font-size:1.2em;}
#maincol table{font-size:1em;}
#maincol p, #maincol ul, #maincol ol{font-size:1.2em;line-height:1.4em;}
#maincol a, #maincol a:hover{text-decoration:none;}
#maincol a{border-bottom:1px dotted #333;color:#333;}
#maincol a:hover{border-bottom:1px solid #393;color:#393;}


#maincol p.greentext{font-size:1.4em;color:#393;line-height:1.3em;margin:0 4px 1em 4px;}
#maincol p.greentext a{color:#393;border-bottom:1px dotted #393;}
#maincol p.greentext a{color:#333;border-bottom:1px solid #333;}

#maincol div.pullout{float:right;clear:none;width:150px;margin:0 0 10px 20px;padding:9px 5px 0 9px;border:1px dotted #a7c4a7;border-width:1px 0;}
#maincol div.pullout p{margin-bottom:9px;font-weight:bold;}


#maincol ul#snav{font-size:1.1em;list-style-type:none;margin:0;padding:0 0 9px 0;color:#363;border-bottom:1px dotted #6c6c6c;text-transform:lowercase;}
#maincol ul#snav li{display:inline;}
#maincol ul#snav a{border:0;color:#363;}
#maincol ul#snav a:hover, #maincol ul#snav span{border-bottom:1px solid #000;color:#000;}

#maincol p.totop{font-size:1em;}
#maincol p.totop a{color:#696;text-decoration:none;background: url("totop.gif") center right no-repeat;padding: 3px 15px 3px 0;border-bottom:0;}
#maincol p.totop a:hover{color:#696;text-decoration:none;border-bottom:0;}
#maincol p.totop a span{border-bottom:1px dotted #fff;cursor:pointer;}
#maincol p.totop a:hover span{border-bottom:1px dotted #696;cursor:pointer;}


#footer{float:left;clear:both;padding:10px 0;width:760px;color:#777;}
#innerfoot{float:left;clear:both;border-top:1px dotted #6c6c6c;padding:6px 0 6px 10px;width:740px;}
* html #innerfoot{width:750px;w\idth:740px;}
#footer a,#footer a:hover{color:#777;text-decoration:none;border-bottom:1px dotted #777;}
#footer a:hover{border-bottom:1px solid #777;}
#footer a#hl-logo{width:202px;height:16px;background: url("hl_logo.gif") 0 0 no-repeat;display:block;float:left;clear:none;margin-right:0.8em;border:0;}








.pngimg{behavior: url("fileadmin/prisons/template/iepngfix.htc");}