/*
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;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 1.2em 1em 0;}
img.align-right{float:right;clear:none;margin:0 0 0.7em 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
 */
html,body{background:#c4e1ff;text-align:center;}
#wrapper{font-size:x-small;margin:25px auto;width:913px;text-align:left;background: #fff url("allwrapbot.gif") left bottom no-repeat;}
* html #wrapper{font-size:xx-small;font-s\ize:x-small;}

#allwrap{padding:10px 10px 14px;background: url("allwraptop.gif") left top no-repeat;}

#banner{float:left;clear:both;width:893px;background: #02127d url("bluebot.gif") left bottom no-repeat;color:#ff9;font-size:1.15em}
#inbanner{background: url("bluetop.gif") left top no-repeat;padding:15px 9px 15px 25px ;}
#logolink{float:left;clear:none;}
#searchbox{float:right;clear:none;margin-top:4px;}
#sword{border:none;padding:2px;width:190px;float:left;clear:none;margin:4px 7px 0 0;}
#serachbutton{width:25px;height:25px;display:block;padding:0;float:left;clear:none;}



#content{float:left;clear:both;width:893px;padding:25px 0 30px;}
#lhcol, #maincol, #rhcol{float:left;clear:none;display:block;}
#lhcol{width:110px;margin:0 28px 0 0;font-size:1.1em;}
#maincol{width:485px;margin:0 35px 0 0;}
#rhcol{width:235px;}

body.widecol #maincol{width:755px;margin:0;}
body.widecol #rhcol{display:none;}

#lhnav, #lhnav ul, #lhnav li, #lhnav a, #lhnav span{display:block;float:left;clear:both;width:110px;margin:0;padding:0;}
#lhnav, #lhnav ul, #lhnav li{list-style-type:none;}
#lhnav li{margin-bottom:4px;font-weight:bold;}

#lhnav li a span, #lhnav li span.cur span{padding:2px 3px 3px 6px;}
#lhnav li a{background: #b5dcff url("navtop.gif") top left no-repeat;color:#02127d;text-decoration:none;}
#lhnav li a span{background: url("navbot.gif") bottom left no-repeat;color:#02127d;text-decoration:none;}

#lhnav li a.act, #lhnav li a:focus, #lhnav li a:hover, #lhnav li span{background: #02127d url("navcurtop.gif") top left no-repeat;color:#ff9;}
#lhnav li a:focus, #lhnav li a:hover, #lhnav li span.cur{text-decoration:underline;}
#lhnav li a.act span, #lhnav li a:focus span, #lhnav li a:hover span, #lhnav li span span{background: url("navcurbot.gif") bottom left no-repeat;color:#ff9;}


/* level 2 */
#lhnav ul{margin-top:6px;}
#lhnav ul li{margin-bottom:6px;font-weight:normal;}
#lhnav ul a, #lhnav ul span{padding:0 3px 0 6px;background:none;width:101px;}
#lhnav ul a{color:#02127d;text-decoration:none;background:none;}
#lhnav ul a:focus, #lhnav ul a:hover, #lhnav ul span{color:#02127d;text-decoration:underline;background:none;}

#lhnav li a span, #lhnav li span.cur span, #lhnav ul a, #lhnav ul span{width:101px;}
* html #lhnav li a span, * html #lhnav li span.cur span, * html #lhnav ul a, * html #lhnav ul span{width:110px;w\idth:101px;}





/* main column */
#maincol h1{font-size:1.6em;color:#ff9;background:#02127d url("smh_top.gif") top left no-repeat;}
#maincol h1 span{padding:6px 10px 6px 9px;display:block;background: url("smh_bot.gif") bottom left no-repeat;}
body.widecol #maincol h1{background:#02127d url("lgh_top.gif") top left no-repeat;}
body.widecol #maincol h1 span{background: url("lgh_bot.gif") bottom left no-repeat;}
#maincol table h1, #maincol table h1 span, body.widecol #maincol table h1, body.widecol #maincol table h1 span{background-image:none;}

#maincol h1 span.bull, body.widecol #maincol h1 span.bull{display:inline;padding:0;background:none;line-height:14px;font-size:18px;}



#maincol h2{font-size:1.5em;color:#006;}
#maincol h3, #maincol h4, #maincol h5, #maincol h6{font-size:1.3em;color:#006;}
#maincol p, #maincol ul, #maincol ol{font-size:1.3em;line-height:140%;}
#maincol a, #maincol a:focus, #maincol a:hover{color:#006;}
#maincol form{font-size:1.3em;line-height:140%;}
#maincol form * {font-size:100%;line-height:140%;}
#maincol td, #maincol th{border:0;}


#rhcol .rhpane{background: #c4e1ff url("rhpanel_bot.gif") left bottom no-repeat;position:relative;margin:0 0 20px 0;padding:0;}
* html #rhcol .rhpane{height:1%;}
#rhcol .rhpane .topimg{position:absolute;display:block;top:0px;left:0px;width:235px;height:12px;background: url("rhpanel_top.png") top left no-repeat; }
#rhcol h4{background:#02127d;color:#ff9;font-size:1.2em;padding:0.4em 10px;margin-bottom:0.5em;font-weight:bold;}
#rhcol p,#rhcol ol,#rhcol ul{font-size:1.15em;line-height:125%;margin-bottom:0.7em;padding:0 10px;}
#rhcol h4 a{color:#ff9;text-decoration:underline;}
#rhcol h4 a:hover, #rhcol h4 a:focus{color:#ff9;text-decoration:none;}
#rhcol a, #rhcol a:focus, #rhcol a:hover{color:#006;}



#rhcol div.imgwrap{padding:10px;}



#footer{float:left;clear:both;width:893px;background: #02127d url("bluebot.gif") left bottom no-repeat;color:#ff9;font-size:1.15em}
#infoot{background: url("bluetop.gif") left top no-repeat;}
#footer p{text-align:center;margin:0;padding:0.7em;}
#footer a{color:#ff9;text-decoration:none;}
#footer a:hover, #footer a:focus, #footer span{color:#ff9;text-decoration:underline;}


#rhcol .rhpane .topimg{ behavior: url("fileadmin/template/resources/iepngfix.htc");}