/*
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;}

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,strong em,th{font-weight:bold;}
em,em strong,i{font-style:italic;}

strong em{font-weight:bold}

select,input,textarea{font-size:100%;}
label{display:block;}
pre,code{font:100% monospace;font-size:100%;}

table{border-collapse:collapse;border-spacing:0;empty-cells:show;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:#a8000c;text-decoration:underline;}
a:active, a:hover, a:focus{color:#333;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;}

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;text-align:center;}
* html #wrapper{font-size:xx-small;font-s\ize:x-small;}

html,body{background:#d9d9d9;}

#allwrap{text-align:left;margin:0 auto; width:980px;padding:0 10px;background:#fff;}
#banner,#nav,#breadcrumb,#mid,#lhcol,#maincol,#rhcol,#foot{width:980px;float:left;clear:both;}

#banner{padding:19px 0 12px;position:relative;}
#mainlogo{float:left;clear:none;margin:0 0 0 15px;width:390px;height:100px;border:0;outline:0;}
span#mainlogo img,a#mainlogo img,a#mainlogo:link img,a#mainlogo:active img,a#mainlogo:visited img,a#mainlogo:focus img,a#mainlogo:hover img{border:0;outline:0;float:left;clear:none;width:390px;height:100px;margin:0;}
#topnav{position:absolute;top:19px;right:0px;list-style-type:none;/*float:right;clear:none;*/margin:0;color:#545454;font-size:1.2em;/* font-family:arial; */}
#topnav li{display:inline;padding:0 6px;border-right:1px solid #545454;}
#topnav li.lli{padding-right:0;border-right:0;}
#topnav a,#topnav a:link,#topnav a:visited{color:#545454;text-decoration:none;}
#topnav a:active,#topnav a:hover,#topnav a:focus{color:#545454;text-decoration:underline;}
#topnav .cur{text-decoration:underline;}
#topnav form#psword{display:inline;}
#topnav form,#topnav input,#topnav label{display:inline;}
#hp-sword{border:1px solid #555;padding:2px;}
#sbutton{width:20px;height:20px;outline:0;border:0;cursor:pointer;vertical-align:bottom;}


#nav{background: #a8000c url("nav.gif") top right no-repeat;}
#inav{float:left;clear:none;padding:8px 15px;width:950px;background: url("nav.gif") bottom left no-repeat;}
#mainnav{list-style-type:none;float:left;margin:0;color:#fff;font-size:1.4em;/* font-family:arial; */}
#mainnav li{display:inline;padding:0 20px;}
#mainnav li.fli{padding-left:0;}
#mainnav li.lli{padding-right:0;}
#mainnav a,#mainnav a:link,#mainnav a:visited{color:#fff;text-decoration:none;}
#mainnav a:active,#mainnav a:hover,#mainnav a:focus{color:#fff;text-decoration:underline;}
#mainnav .cur{text-decoration:underline;}

#breadcrumb{padding:12px 0 14px;}
#crumbs{margin:0;padding:0 15px;list-style-type:none;display:inline;color:#333;font-size:1.1em;}
#crumbs li{display:inline;padding-right:0.4em;}
#crumbs a,#crumbs a:link,#crumbs a:visited{color:#a8000c;text-decoration:none;}
#crumbs a:active,#crumbs a:hover,#crumbs a:focus,#crumbs span.cur{color:#333;text-decoration:underline;}


#mid{padding: 0 0 20px 0;}
#lhcol,#rhcol{width:220px;clear:none;}
#maincol{width:540px;clear:none;}
#imcol{padding:10px 28px 20px 25px;}
.wide #rhcol{display:none;}
.wide #maincol{width:760px;}

#lhcol{background: #f3f3f3 url("lhcorners.gif") 190px 0 no-repeat;}
#ilhcol{background: url("lhcorners.gif") bottom right no-repeat;}
#lhnav,#lhnav ul{float:left;clear:both;display:block;width:220px;list-style-type:none;margin:4px 0 0;}
#lhnav{margin-top:13px;margin-bottom:50px;}

#lhnav li{float:left;clear:both;margin-bottom:7px;}
#lhnav li.lli{margin-bottom:0;}

#lhnav li a,#lhnav li span{display:block;float:left;clear:both;padding:0 15px;font-size:1.3em;font-weight:bold;width:190px}
#lhnav li li li a,#lhnav li li li span{padding:0  15px 0 27px;width:177px;}

#lhnav li li a,#lhnav li li span{font-weight:normal;font-size:1.2em;}
#lhnav li li li a,#lhnav li li li span{font-size:1.1em;}
#lhnav a,#lhnav a:visited{color:#a8000c;text-decoration:none;}
#lhnav a:active,#lhnav a:hover,#lhnav a:focus,#lhnav span.cur{color:#a8000c;text-decoration:underline;}
#lhnav li li a:active,#lhnav li li a:hover,#lhnav li li a:focus,#lhnav li li span.cur{color:#333;}

#lhnav li a:active,#lhnav li a:focus,#lhnav li a:hover,#lhnav li a.act,#lhnav li span.cur{background: url("lh_bullet.gif") 0 0.2em no-repeat;}
#lhnav li li a:active,#lhnav li li a:focus,#lhnav li li a:hover,#lhnav li li a.act,#lhnav li li span.cur{background:none;}




#maincol h1,#maincol h2,#maincol h3,#maincol h4,#maincol h5,#maincol h6{color:#333;font-weight:bold;margin:0 0 9px;line-height:130%;}
#maincol h1{color:#a8000c;font-size:1.8em;line-height:105%;}
#maincol h2{color:#a8000c;font-size:1.6em;}
#maincol h3{font-size:1.4em;}
#maincol h4,#maincol h5,#maincol h6{font-size:1.2em;}
#maincol p, #maincol li{color:#333;font-size:1.2em;line-height:140%;}
#maincol p,#maincol ul,#maincol ol{margin-bottom:15px;}
#maincol li{margin-bottom:3px;}
#maincol li li{font-size:90%;}
#maincol li li li{font-size:100%;}


#rhcol h4{font-size:1.2em;line-height:115%;font-weight:bold;margin:0 0 6px;}
#rhcol p,#rhcol li{font-size:1.1em;line-height:130%;margin:0 0 5px;}
#rhcol p,#rhcol ul,#rhcol ol{margin:0 0 8px;}


.pan, .pan .ipan,.pan .iipan{width:220px;float:left;clear:both;margin:0;padding:0;}
.pan .iipan{padding:15px;width:190px;}
.pan{margin:0 0 13px;}
#maincol .pan{margin:0 0 13px 13px;float:right;}

.wire{background: url("pan_wire_bg.gif") center top repeat-y;}
.wire .ipan{background: url("pan_wire_bg.gif") bottom right no-repeat;}
.wire .iipan{background: url("pan_wire_bg.gif") top left no-repeat;}

.gry{background: #f3f3f3 url("pan_gry_bg.gif") top left no-repeat;}
.gry .ipan{background: url("pan_gry_bg.gif") bottom right no-repeat;}

.qt{background: #edf2ce url("pan_qt_bg.gif") top left no-repeat;}
.qt .ipan{background: url("pan_qt_bg.gif") bottom right no-repeat;}
.qt .iipan{padding:20px 23px;width:174px;}
.qt q{font-size:1.7em;line-height:130%;font-style:italic;}
.qt cite{display:block;clear:both;text-align:right;font-size:1.1em;padding-right:8px;}




/* Home page specific styles - begin */
.hpage #breadcrumb{display:none;}
.hpage #lhcol{display:none;}
.hpage #mid{padding-top:14px;}
.hpage #maincol{width:760px;overflow:hidden;}
.hpage #imcol{padding:0 28px 20px 0;}
/* Home page specific styles - end */


/* Special panel specific styles - begin */
.spcpan{width:732px;float:left;margin:0 0 20px;padding:12px 0 0;clear:both;background: #a8000d url("spc.gif") top left no-repeat;}
.ispcpan{width:732px;float:left;margin:0;padding:0 0 12px;clear:both;background: url("spc.gif") bottom right no-repeat;}
.iispcpan{padding:4px 15px;}
#maincol .spcpan h1{color:#f90;color:#fff;}
#maincol .spcpan p,#maincol .spcpan li{color:#d4d4d4;}
#maincol .spcpan h1 a{color:#f90;color:#fff;text-decoration:none;}
#maincol .spcpan h1 a:active, #maincol .spcpan h1 a:hover, #maincol .spcpan h1 a:focus{color:#f90;color:#fff;outline:none;text-decoration:underline;}
#maincol .spcpan a{color:#d4d4d4;text-decoration:underline;}
#maincol .spcpan a:active, #maincol .spcpan a:hover, #maincol .spcpan a:focus{color:#d4d4d4;text-decoration:none;outline:none;}
.spcpan img{float:right;clear:none;margin:0 0 13px 13px;}
.spcpan a.spcimg{float:right;clear:none;margin:0 0 13px 13px;}
.spcpan a.spcimg img{float:right;clear:none;margin:0;}



.dblpan{width:760px;float:left;clear:both;margin:0 0 15px;/* font-family:arial; */}
.lhdbl,.rhdbl{width:356px;float:left;clear:none;margin:0;padding:0;background: url("spcdbl.gif") center top repeat-y;}
.lhdbl{margin-right:20px;}
.ilhdbl,.irhdbl{width:356px;float:left;clear:none;padding:0;margin:0;background: url("spcdbl.gif") bottom right no-repeat;}
.iilhdbl,.iirhdbl{width:356px;float:left;clear:none;background: url("spcdbl.gif") top left no-repeat;}
#maincol .dblpan h2{color:#f90;color:#fff;padding:5px 15px;margin-bottom:0;background:#a8000d url("spcdbl.gif") top left no-repeat;font-weight:normal;}
#maincol .dblpan h2 a{color:#f90;color:#fff;text-decoration:none;}
#maincol .dblpan h2 a:active, #maincol .dblpan h2 a:hover, #maincol .dblpan h2 a:focus{color:#f90;color:#fff;text-decoration:underline;outline:none;}
#maincol .dblpan p,#maincol .dblpan li{color:#444;}
.dblc{padding:13px 15px 10px;}
.dblc img{float:right;clear:none;margin:0 0 13px 13px;}
.dblc a.dblimg{float:right;clear:none;margin:0 0 13px 13px;}
.dblc a.dblimg img{float:right;clear:none;margin:0;}
dblimg
/* Special panel specific styles - end */




#foot{border-top:1px solid #999;/* font-family:arial; */}
#ncvologo{float:left;clear:none;width:49px;height:55px;margin:9px 8px 0 0;}
#iiplogo{float:left;clear:none;width:125px;height:55px;margin:9px 0 0;}
#clglogo{float:right;clear:none;width:147px;height:66px;margin:7px 0 0;}
#ifoot{margin:0;padding:11px 245px 0 245px;text-align:center;color:#545454;font-size:1.2em;}
#botnav{list-style-type:none;display:block;text-align:center;margin:0 0 15px;color:#545454;}
#botnav li{display:inline;padding:0 5px;border-right:1px solid #545454;}
#botnav li.lli{padding-right:0;border-right:0;}
#botnav a,#botnav a:link,#botnav a:visited{color:#545454;text-decoration:none;}
#botnav a:active,#botnav a:hover,#botnav a:focus{color:#545454;text-decoration:underline;}
#botnav .cur{text-decoration:underline;}
#ifoot p{text-align:center;}

