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

ul{margin-left:1.8em;}
ol{margin-left:2.8em;}
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;z-index:100;}
#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;width:540px;}
#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
 */
html,body{background: url("mainbg.png") top center no-repeat;}
#wrapper{font-size:x-small;text-align:center;}
* html #wrapper{font-size:xx-small;font-s\ize:x-small;}

#iwrap{text-align:left;width:920px;margin:0 auto;}

#banner{float:left;clear:both;width:920px;background: url("topnavbg.png") bottom left no-repeat;position:relative;min-height:87px;}

#logo{display:block;float:left;clear:none;width:164px;height:43px;width:165px;height:44px;margin:24px 0 0 -1px;}
#sitelogo{float:right;clear:none;width:80px;height:36px;margin-top:16px;}
#logo img,#sitelogo img{border:0;outline:0;}

#topnav{float:left;clear:both;list-style-type:none;margin:0;padding:0 0 1px 0;width:730px;font-size:1.1em;position:absolute;bottom:0;left:190px;}
#topnav li{float:left;clear:none;margin:0 1px 0 0;padding:0 0 0 8px;background: url("tab-left.gif") top left no-repeat;}
#topnav li span{float:left;clear:none;padding:4px 8px 6px 0;background: url("tab-right.gif") top right no-repeat;}
#topnav li span.cur{display:inline;padding:0;background:none;}
#topnav a,#topnav a:link,#topnav a:visited,#topnav span.cur{text-decoration:none;color:#000;}
#topnav a:hover,#topnav a:focus,#topnav a:active,#topnav span.cur{text-decoration:underline;color:#c00;}


#mid{float:left;clear:both;width:920px;margin-top:10px;padding:0 0 10px;background: url("contentbg.png") 0 0 no-repeat;position:relative;}
.hpage #mid{background:none;}

#rhimg,#irhimg{display:block;width:230px;height:130px;position:absolute;top:1px;right:0px;background: url("bg-section-image.jpg") bottom left no-repeat;z-index:0;}
#irhimg{height:110px;top:0px;background: url("page_image.jpg") top left no-repeat;}
.hpage #rhimg, .hpage #irhimg{display:none;}


#crumbdiv{width:670px;float:left;clear:both;}
#crumbdiv .idiv{padding:8px 0px 6px 0px;}
.hpage #crumbdiv{display:none;}
#curpage{float:left;clear:none;width:190px;display:block;font-weight:bold;color:#e02c10;font-size:1.2em}
#crumbs{float:left;clear:none;list-style-type:none;margin:0;padding:0;font-size:1.1em;width:470px;color:#878787;padding-top:1px;}
#crumbs li{display:inline;padding-right:0.5em;}
#crumbs a,#crumbs a:link,#crumbs a:visited,#crumbs span.cur{text-decoration:none;color:#878787;}
#crumbs a:hover,#crumbs a:focus,#crumbs a:active,#crumbs span.cur{text-decoration:underline;color:#5f5f5f;color:#878787;}
#crumbs span.cur{text-decoration:none;font-weight:bold;}




#lhcol,#maincol,#rhcol{float:left;clear:none;}
#lhcol{width:160px;}
#maincol{width:530px;}
#rhcol{width:230px;}

#lhcol .idiv{padding: 25px 0 0 0;}
#maincol .idiv{padding: 25px 30px 0;}
#rhcol .idiv{padding: 100px 5px 0 9px;}

.hpage #lhcol{width:180px;}
.hpage #maincol{width:740px;}
.hpage #maincol .idiv{padding: 0 0 0 10px;}
.hpage #rhcol{display:none;}
.hpage #lhcol .idiv{padding: 19px 0 0 0;}


#lhnav{list-style-type:none;margin:0;padding:0;font-size:1.3em;}
#lhnav li{margin:0;padding:0 0 4px;}
#lhnav a,#lhnav a:link,#lhnav a:visited,#lhnav span.cur{margin:0;padding:0 5px 0 0;text-decoration:none;color:#7b5730;display:block;}
#lhnav a:focus,#lhnav a:hover,#lhnav a:active,#lhnav span.cur{text-decoration:underline;color:#5d3913;}

#lhnav ul{margin:0 0 1px;padding: 5px 0 8px;font-size:0.87em;list-style-type:none;border-bottom:1px solid #eaeaea;}
#lhnav ul li{padding:0 0 4px 0;}

#lhnav ul ul{font-size:100%;margin-left:6px;}

#lhnav ul a,#lhnav ul a:link,#lhnav ul a:visited,#lhnav ul span.cur{padding:0 5px 0 9px;background: url("menuarrow.gif") 0 0.3em no-repeat;}

.hpage #lhcol h2{background: url("fpbullet.jpg") 0 0 no-repeat;padding:7px 0 2px 25px;margin-bottom:0;font-size:1.2em;line-height:140%;}
.hpage #lhcol p{font-size:1em;margin-bottom:20px;font-size:1.1em;line-height:130%;padding:0 10px 9px;}

#maincol h1{font-weight:normal;color:#863;font-size:2.3em}
#maincol h2{font-weight:bold;color:#863;font-size:1.7em}
#maincol h3{font-weight:bold;color:#1e1e1e;font-size:1.4em}
#maincol p,#maincol li{font-size:1.2em;color:#1e1e1e;line-height:150%;}
#maincol ul.sitemap{font-size:1.2em;}
#maincol ul.sitemap li{font-size:100%;}



#maincol ul.listing {list-style-type:none;margin:0;padding:0;}
#maincol ul.listing li{font-size:1em;}
#maincol ul.listing h3{margin:0;}
#maincol ul.listing a, #maincol ul.listing a:visited{text-decoration:none;color:#d51210;}
#maincol ul.listing a:hover,#maincol ul.listing a:active,#maincol ul.listing a:focus{text-decoration:underline;color:#d51210;}


#maincol .prdetail h1{margin-bottom:0.8em;}
#maincol .prdetail span.prdate{display:block;text-align:right;font-size:1em;text-style:italic;margin-bottom:0.7em;font-style:italic;color:#777;}


#hpagecol{float:left;clear:both;width:730px;position:relative;margin:0;}
.mainbutton{display:block;float:left;clear:none;width:546px;margin-right:5px;}

#hpagerhcol{float:left;clear:none;width:179px;padding:0 0 102px;}
#singlebutton{position:absolute;display:block;width:179px;height:92px;bottom:0;right:0;margin:0;padding:0;clear:both;}
#singlebutton a,#singlebutton img{display:block;width:179px;height:92px;margin:0;padding:0;float:left;clear:none;}
#latestnews{margin:0 0 10px;}
#newslist{list-style-type:none;margin:0;padding:0 8px 0 11px;font-size:1.1em;color:#000;}
#newslist li{margin:0 0 5px;padding:0 0 5px;border-bottom:1px solid #9e8a6f;font-size:1em;text-align:right;line-height:130%;}
#newslist li p{margin-bottom:0;font-size:1em;text-align:left;line-height:135%;}
#newslist a.morelink,#newslist a.morelink:visited{color:#9e8a6f;text-decoration:none;}
#newslist a.morelink:hover,#newslist a.morelink:active,#newslist a.morelink:focus{color:#685946;text-decoration:underline;}


#buttonrow{float:left;clear:both;width:730px;padding:5px 0 10px;}
#buttonrow a{display:block;width:179px;height:92px;float:left;clear:none;margin:0 5px 0 0;padding:0;}
#buttonrow a.lastbutton{margin-right:0;}
#buttonrow a img{display:block;width:179px;height:92px;margin:0;padding:0;float:left;clear:none;}
#buttonrow a.smaller,#buttonrow a.smaller img{width:178px;}

#buttoncol a{float:left;clear:none;margin:0 0 4px 0;padding:0;position:relative;}
#buttoncol a img{margin:0;padding:0;float:left;clear:none;position:relative;}









#foot{width:920px;float:left;clear:both;}
.hpage #foot{border-top:1px solid #bbb;}
#foot .idiv{padding: 0 260px 9px 190px;color:#7f7f7f;}

#foot .iidiv{border-top:1px solid #bbb;text-align:center;padding-top:0.4em;}
.hpage #foot .iidiv{border-top:0;}
#foot p{text-align:center;margin-bottom:0.4em;}
#botnav a,#botnav a:link,#botnav a:visited,#botnav span.cur{text-decoration:none;color:#878787;}
#botnav a:focus,#botnav a:hover,#botnav a:active,#botnav span.cur{text-decoration:underline;color:#5f5f5f;}




#bookmark{margin-top:25px;}
#bookmark p{padding:0;margin:0;}
#bookmark a{width:18px;height:18px;display:inline-block;clear:none;border:1px solid #fff;}
#bookmark a.digg{background: url("icon_digg.gif") center no-repeat;}
#bookmark a.reddit{background: url("icon_reddit.gif") center no-repeat;}
#bookmark a.google{background: url("icon_google.gif") center no-repeat;}
#bookmark a.twitter{background: url("icon_twitter.gif") center no-repeat;}
#bookmark a.delicious{background: url("icon_delicious.gif") center no-repeat;}
#bookmark a.stumble{background: url("icon_stumbleupon.gif") center no-repeat;}
#bookmark a.newsvine{background: url("icon_newsvine.gif") center no-repeat;}
#bookmark a.livejournal{background: url("icon_livejournal.gif") center no-repeat;}
#bookmark a.facebook{background: url("icon_facebook.gif") center no-repeat;}
#bookmark a.mixx{background: url("icon_mixx.gif") center no-repeat;}
#bookmark a.mslive{background: url("icon_mslive.gif") center no-repeat;}
#bookmark a.yahoo{background: url("icon_yahoo.gif") center no-repeat;}
#bookmark a.technorati{background: url("icon_technorati.gif") center no-repeat;}



#bookmark a:hover,#bookmark a:active,#bookmark a:focus{border:1px solid #999;}


* html #maincol,* html #maincol .idiv, * html #maincol em,* html #maincol i, * html #maincol blockquote{margin-right:-5px;}