/*
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;font-family:verdana,arial,helvetica,sans-serif;}
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-size:100%;}
label{display:block;}
pre,code{font:100% monospace;}

table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
th,td{border:1px solid #000;padding:4px;vertical-align:top;}

ul{margin-left:1.1em;}
ol{margin-left:2.1em;}
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;z-index:30;}
#skipnav a, #skipnav a:link, #skipnav a:visited {display:block;position:relative;text-align:center;width:360px;margin:0 0 0 220px;text-indent:-1000em;border:0;padding:2px 0 2px 2px;z-index:30;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {position:relative;text-indent:0;border:1px dotted #000;border-top:0;margin: 0 0 0 220px;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;}
#iwrap{width:970px;background: #fff url("brcorner.gif") bottom right no-repeat;padding-bottom:7px;position:relative;}
#iiwrap{width:920px;padding:0px 0 0 20px;}

#built{padding:70px 1.5em 0;font-size:1em;line-height:105%;text-align:right;margin:0;}
#built a,#built a:link,#built a:visited{color:#6b9;text-decoration:none;border-bottom:1px dotted #e2f2e8;cursor:help;}
#built a:hover,#built a:focus,#built a:active{color:#243;text-decoration:none;border-bottom:1px dotted #243;cursor:help;}

#banner{float:left;clear:both;position:relative;width:920px;}
#whtbg{position:absolute;z-index:5;top:0;left:0;width:265px;height:275px;background: url("whtbg.png") 0 0 no-repeat;}
#logo{position:absolute;z-index:6;width:168px;height:146px;top:15px;left:0;}

#topnav{text-align:right;font-size:1.4em;color:#666;margin:0;padding:11px 0.5em 10px 0;width:920px;display:block;}
#topnav a,#topnav a:link,#topnav a:visited{color:#666;text-decoration:none;}
#topnav a:hover,#topnav a:focus,#topnav a:active, #topnav span.cur{color:#666;text-decoration:underline;}



#toppanels{text-align:right;width:920px;height:70px;border-bottom:1px solid #fff;background: url("panelbg.png") 0 0 repeat-x;}
#toppanels img{display:inline;margin:0;padding:0;border:0;}


#cent{float:left;clear:both;width:920px;margin:30px 0 0;padding:0 0 10px;background: transparent url("bgline.gif") 708px 0px repeat-y;}
#lhcol,#maincol,#rhcol{float:left;clear:none;width:185px;margin-right:30px;padding-bottom:1px;}
#maincol{width:485px;margin-right:15px;}
#rhcol{width:205px;margin-right:0px;}

.wpage #cent{background:none;}
.wpage #maincol{width:650px;margin-right:0;}
.wpage #rhcol{display:none;}


#lhnav{font-size:1.2em;line-height:120%;border:11px solid #d33a00;border-width:11px 0;background:#e79d80;}
#lhnav,#lhnav ul,#lhnav li{list-style-type:none;margin:0;padding:0;width:185px;}
#lhnav ul{background:#f4cec0;padding:3px 0;color:#333;}
#lhnav li{border-bottom:1px solid #fff;}
#lhnav li.lastli{border-bottom:0;}
#lhnav ul li{border-bottom:0;}

#lhnav a, #lhnav span.cur,#lhnav span.subb,#lhnav span.subb2{display:block;padding: 9px 8px 8px 11px;}
#lhnav span.subb,#lhnav span.subb2{cursor:pointer;}
#lhnav ul li a, #lhnav ul li span.cur{display:block;padding: 2px 8px 2px 22px;background: url("navbullet.gif") 12px 0.7em no-repeat;}

#lhnav a,#lhnav a:link,#lhnav a:visited{text-decoration:none;color:#000}
#lhnav a:focus,#lhnav a:hover,#lhnav a:active, #lhnav span.cur{text-decoration:underline;color:#000;}
#lhnav ul a,#lhnav ul a:link,#lhnav ul a:visited{color:#333}
#lhnav ul a:focus,#lhnav ul a:hover,#lhnav ul a:active, #lhnav ul span.cur{color:#333;}

/* maincol typography */
#maincol h1{font-size:1.8em;line-height:140%;color:#000;font-weight:bold;margin-bottom:0;}
#maincol h2{font-size:1.8em;line-height:140%;color:#000;font-weight:normal;margin-bottom:0;}
#maincol h3{font-size:1.55em;line-height:130%;color:#000;font-weight:bold;margin-bottom:0;}
#maincol p,#maincol ul,#maincol ol,#maincol table{color:#000;font-size:1.3em;line-height:140%;margin-bottom:20px;}
#maincol li ul,#maincol li ol{font-size:90%;}
#maincol li li ul,#maincol li li ol{font-size:100%;}
#maincol li{margin-bottom:4px;}
#maincol a,#maincol a:link,#maincol a:visited{color:#000;text-decoration:underline;}
#maincol a:hover,#maincol a:focus,#maincol a:active{color:#000;text-decoration:none;}


/* rhcol typography */
#rhcol h1{font-size:1.5em;line-height:130%;color:#000;font-weight:bold;margin-bottom:0;}
#rhcol h2{font-size:1.4em;line-height:130%;color:#000;font-weight:bold;margin-bottom:0;}
#rhcol h3{font-size:1.35em;line-height:125%;color:#000;font-weight:bold;margin-bottom:0;}
#rhcol p,#rhcol ul,#rhcol ol,#rhcol table{color:#000;font-size:1.3em;line-height:115%;margin-bottom:10px;}
#rhcol li ul,#rhcol li ol{font-size:90%;}
#rhcol li li ul,#rhcol li li ol{font-size:100%;}
#rhcol li{margin-bottom:4px;}
#rhcol a,#rhcol a:link,#rhcol a:visited{color:#000;text-decoration:underline;}
#rhcol a:hover,#rhcol a:focus,#rhcol a:active{color:#000;text-decoration:none;}

#rhcol .pan1{float:left;clear:both;width:205px;padding-bottom:27px;background: url("panel_1.jpg") 0 0 no-repeat;margin-bottom:10px;}
#rhcol .pan1 .idiv{padding: 30px 25px 0 29px;min-height:110px;}
#rhcol .pan1 p{font-size:1.3em;line-height:115%;font-weight:bold;color:#039;}

#rhcol .pandef{margin-bottom:10px;}
#rhcol .pandef .idiv{padding: 0 10px;}



/* special headline styles */
/* green */
#maincol h1.grn,#maincol h2.grn,#maincol h3.grn,#maincol p.grn,#rhcol h1.grn,#rhcol h2.grn,#rhcol h3.grn,#rhcol p.grn{color:#019a01;}

/* red */
#maincol h1.rd,#maincol h2.rd,#maincol h3.rd,#maincol p.rd,#rhcol h1.rd,#rhcol h2.rd,#rhcol h3.rd,#rhcol p.rd{color:#8d0100;}

/* orange */
#maincol h1.orn,#maincol h2.orn,#maincol h3.orn,#maincol p.orn,#rhcol h1.orn,#rhcol h2.orn,#rhcol h3.orn,#rhcol p.orn{color:#c60;}

/* blue */
#maincol h1.blu,#maincol h2.blu,#maincol h3.blu,#maincol p.blu,#rhcol h1.blu,#rhcol h2.blu,#rhcol h3.blu,#rhcol p.blu{color:#024289;}











#foot{float:left;clear:both;width:920px;}
#foot .idiv{padding:35px 220px 0 215px;color:#936;}
#foot{font-size:1.1em;color:#666;}
#botnav{list-style-type:none;margin:0 0 10px 0;padding:0;}
#botnav li{/*float:left;*/display:inline;clear:none;padding:0 9px;border-left:1px solid #666;}
#botnav li.firstli{/*padding-left:0;*/border-left:0;}
#botnav a,#botnav a:link,#botnav a:visited,#botnav span.cur{color:#666;text-decoration:none;}
#botnav a:hover,#botnav a:focus,#botnav a:active,#botnav span.cur{color:#666;text-decoration:underline;}
#foot *{text-align:center;}