html, body{ margin:0;  padding:0;  text-align:center;  font:100%  verdana,sans-serif}

#pagewidth{ width:760px;  text-align:left;  margin-left:auto;  margin-right:auto;  background:url(../images/pagebk.png) repeat-y}

#header{ position:relative;  height:127px;   background-color:#fff;  width:100%}

#headerspace{position:absolute; display:block; top:110px; border-left:2px solid #D4171D}
#leftcol{ width:133px;  float:left;  position:relative;  font-size:70%}

#twocols{ width:627px;  float:right;  position:relative}

#rightcol{ width:139px;  float:right;  position:relative;  font-size:70%}

#maincol{ float:left;  display:inline;  position:relative;  width:488px}

#footer{ height:75px;  clear:both;  background:url(../images/footerbk.png) top left no-repeat;  font-size:65%}

#maincol .mainimage{margin:1px 0 0 6px}
#maincontent{font-size:70%; padding:17px 25px 10px 20px; color:#333; min-height:400px}
#maincontent h3{padding:0; margin:0; font-size:110%}
a{text-decoration:none}

img{border:0 !important}
#maincontent a:hover{text-decoration:underline}

#maincontent .left{float:left; margin:0 5px 5px 0}
#maincontent .right{float:right; margin:0 0 5px 5px}
#maincontent .audio{display:block; border:1px solid #00AFE3; background-color:#E1ECF4; padding:5px 10px}
#crumb{font-size:70%; padding:9px 0 9px 0; margin:0 0 0 7px; color:#fff}
#crumb a{color:#fff}
#crumb a:hover{text-decoration:underline}
#footerlinks{float:left; margin:9px 0 0 148px; color:#666}
#footerinfo{float:left; margin:2px 0 0 148px; color:#666}
#webbler a,
#footerlinks a{color:#666}
#webbler a:hover,
#footerlinks a:hover{text-decoration:underline}
#webbler{float:right; margin:50px 1px 0 0; letter-spacing:-0.030em; color:#666}

#toolkit{float:right; margin:10px 10px 0 0; font-size:10px}

#toolkit .toolitem{display:inline; float:left; padding:0px 2px; font-size:11px; color:#ccc}

#toolkit .toolitem a{color:#ccc; border:none; text-decoration:none}
#toolkit .toolitem a:hover{color:#fff; border:none; text-decoration:none}

#toolkit .txtdefault a{background:url(../images/tool_fontdef.png) top right no-repeat; width:15px; height:14px; display:block}
#toolkit .txtdefault a:hover{border:none; text-decoration:none}

#toolkit .txtinc a{background:url(../images/tool_fontinc.png) top right no-repeat; width:15px; height:14px; display:block}
#toolkit .txtinc a:hover{border:none; text-decoration:none}

#toolkit .mail a{background:url(../images/tool_mail.png) top right no-repeat; width:15px; height:14px; display:block}
#toolkit .mail a:hover{border:none; text-decoration:none}

#toolkit .text a{background:url(../images/tool_text.png) top right no-repeat; width:15px; height:14px; display:block}
#toolkit .text a:hover{border:none; text-decoration:none}

#toolkit .print a{background:url(../images/tool_print.png) top right no-repeat; width:15px; height:14px; display:block}
#toolkit .print a:hover{border:none; text-decoration:none}

#toolkit a span{display:none}

#mainlogo{background:url(../images/mainlogo.png) top right no-repeat; position:absolute; left:472px; top:0; width:288px; height:115px}

#primarynav{width:476px; margin:0; padding:24px 0 0 0}
#primarynav a img{border:none !important}
#primarynav img{float:left}

#mainlogo h1,
#primarynav a span{display:none}
#primarynav a.button1{background:url(../images/buttons/gethelp.png) top left no-repeat; width:112px; height:92px; display:block; float:left}
#primarynav a.button1:hover{background-position:bottom}

#primarynav a.button2{background:url(../images/buttons/home.png) top left no-repeat; width:87px; height:46px; display:block; float:left}
#primarynav a.button2:hover{background-position:bottom}

#primarynav a.button3{background:url(../images/buttons/press.png) top left no-repeat; width:87px; height:46px; display:block; float:left}
#primarynav a.button3:hover{background-position:bottom}

#primarynav a.button4{background:url(../images/buttons/blog.png) top left no-repeat; width:87px; height:46px; display:block; float:left}
#primarynav a.button4:hover{background-position:bottom}

#primarynav a.button5{background:url(../images/buttons/alol.png) top left no-repeat; width:99px; height:46px; display:block; float:left}
#primarynav a.button5:hover{background-position:bottom}

#primarynav a.button6{background:url(../images/buttons/aboutus.png) top left no-repeat; width:87px; height:45px; display:block; float:left}
#primarynav a.button6:hover{background-position:bottom}

#primarynav a.button7{background:url(../images/buttons/scribble.png) top left no-repeat; width:87px; height:45px; display:block; float:left}
#primarynav a.button7:hover{background-position:bottom}

#primarynav a.button8{background:url(../images/buttons/help.png) top left no-repeat; width:87px; height:45px; display:block; float:left}
#primarynav a.button8:hover{background-position:bottom}

#primarynav a.button9{background:url(../images/buttons/opinions.png) top left no-repeat; width:99px; height:45px; display:block; float:left}
#primarynav a.button9:hover{background-position:bottom}

#navcontainer{padding:0 1px 1px 1px; margin:-1px 0 0 4px}
#navcontainer ul{margin:0; padding:0}
#navcontainer li{float:left; list-style:none; margin:0; border-top:1px solid #fff; text-align:right; width:128px; padding:0}

#navcontainer li.this a:hover,
#navcontainer li.submenu a:hover, #navcontainer li.submenuselected a:hover{text-decoration:underline}

#navcontainer li.this a{display:block; padding:7px 0.5em 7px 0.75em; color:#fff}
#navcontainer li a,
#navcontainer li li a{display:block; padding:7px 0.5em 7px 0.75em; border-right:8px solid #fff;  color:#333}
#navcontainer li.submenu a,
#navcontainer li.submenuselected a{display:block; padding:7px 0.5em 7px 0.75em; border-right:8px solid #fff; color:#fff}

#leftcol .buttonred{width:120px; margin:0 0 0 5px}
#rightcol .buttonred{width:139px; float:left}
#leftcol .buttonred a,
#rightcol .buttonred a{display:block; background-color:#E01E26; padding:7px 0 7px 0; text-align:center; margin:0 0 4px 0; color:#fff; font-weight:bold; text-transform:uppercase}

#leftcol .buttonred a:hover,
#rightcol .buttonred a:hover{background-color:#F33}
#rightcol .charitybutton{margin:0 0 5px 0}

#leftcol .greylinks{display:block; width:113px; margin:2px 0 0 5px; background-color:#E1ECF4; border:1px solid #00AFE3; padding:7px 5px 7px 0; text-align:right; color:#666; float:left}
#leftcol .greylinks h3{margin:0; padding:0; font-size:95%}
#leftcol .greylinks ul{margin:0; padding:0}
#leftcol .greylinks li{list-style:none;  margin:7px 0 0 0}
#leftcol .greylinks li a{color:#666}
#leftcol .greylinks li a:hover{text-decoration:underline}

#leftcol .feature{float:left; margin:4px 0 0 5px}

#rightcol .greybox{display:block; padding:5px; background-color:#ccc;  color:#666;  margin:0 0 4px 0; font-size:0.9em}

#rightcol .greybox h3{font-size:100%; margin:0; padding:0}

fieldset{margin:0; padding:0; border:none !important}

.clearfix:after{ content:".";  display:block; height:0;  clear:both;  visibility:hidden}

.greybox{display:block; float:left; width:129px; clear:both; margin:0 0 5px 0}
.greybox input{background-color:#F4F4F4; border:none}
.greybox input:hover, .greybox button:hover, .greybox .searchBoxinput:hover{background-color:#fff}

.greybox input.inputemail{width:124px; font-size:10px; height:15px}
.greybox .searchBoxinput,
.greybox input.inputpass{width:105px; float:left; font-size:10px; height:15px; margin:0 0 5px 0}
.greybox button{width:18px; float:left; background-color:#F4F4F4; border:none; font-size:10px; margin:0 0 0 1px; padding:0 0 2px 0}
.greybox button.forgot{width:85px !important; margin:6px 0 4px 0; padding:0 3px 0 0}
.greybox .inputset{display:block; margin:4px 0 0 0}
#searchbox{margin:2px 0 0 0}
#searchbox legend{display:none}
#searchbox label{font-weight:bold; margin:0 0 3px 0; display:block}
.red{color:#E01E26; font-weight:bold}

#rightcol .casestudy a{float:left; display:block; background-color:#E1ECF4; border:1px solid #00AFE3; font-size:140%; padding:10px 5px; margin:0 0 4px 0; color:#666; font-weight:bold; width:127px}
#rightcol .casestudy a:hover{text-decoration:underline}

#rightcol .scribble{float:left; display:block; background-color:#F5A91C; padding:4px; margin:4px 0 0 0; color:#fff; font-weight:bold; width:131px}

#rightcol .scribble a{color:#fff; text-transform:uppercase; margin:0; padding:0}
#rightcol .scribble a:hover{text-decoration:underline}
#rightcol .scribbleimg{display:block; margin:4px 0 0 0}

#rightcol .feature{float:left; margin:4px 0 0 0}

#rightcol .orginfopanel{display:block; float:left; width:129px; clear:both; margin:0 0 4px 0; background:#E1ECF4; padding:5px; color:#666}
#rightcol .orginfopanel h4{margin:0; padding:0; color:#000}
#rightcol .orginfopanel a{color:#00AFE4 !important}

div.searchresults{margin:0 0 10px 0; padding:0; display:block; float:left; width:400px}
div.resultsnumber{margin:0; padding:0; display:block; float:left; font-weight:bold}
div.resultstext{margin:0 0 0 25px; padding:0; display:block; position:relative}
div.resultsurl{margin:0 0 5px 0}
div.resultsscore{font-size:10px}

#maincontent .latest .searchgroup{display:none}
#maincontent .kwsearchresults{margin:0 0 10px 0}
#maincontent .kwsearchresults p{margin:0; padding:0}

#maincontent .latest p{margin:0 0 10px 0; padding:0}
#maincontent .latest .shade{background:#EFF5F9; padding:0.5em}
#maincontent .latest .entry{margin:0 0 10px 0}

#form input.checkbox{width:15px; clear:both}
#form{margin:10px 0 0 0}
#form select.inputitem,
#form select,
#form input.inputitem{width:200px; font-size:9px; margin:5px 0 0 0; border:1px solid #7F9DB9; text-transform:capitalize;}

#form textarea{font-size:12px; width:210px; height:180px; border:1px solid #7F9DB9; margin:5px 0 0 0}
.maintext .error{font-weight:bold; color:red; display:block; margin:10px 0 0 0}

#form .formblock{float:left; display:block; border-bottom:1px dotted #487ABE; padding:0.5em 0 0.9em 0; width:400px}
#form label{width:180px; margin:0.4em 5px 0 0; display:block; float:left}
#form .label2{width:400px; margin:5px 0 0 0; display:block; float:left}
form span.error,
span.required,
#form span.required{font-weight:bold; color:red; font-size:9px}

a.formsubmit{border:1px solid #7FD7F1; background-color:#7FD7F1; color:#666 !important; padding:3px 5px; font-size:80%; margin:1em 0; font-weight:bold; clear:both; display:block; width:6em; text-align:center}
a:hover.formsubmit{border:1px solid #00B0E4 !important; background-color:#00B0E4; color:#fff !important; text-decoration:none !important}

#form .checkboxgroup{float:left; width:400px; margin:0.4em 0 0 0}
#form .checkboxgroup span{width:300px; display:block; float:left; margin:0; padding:0}

.poll p{font-weight:bold}
.poll .polltable{border-top:1px solid #E1ECF4}
.poll .polltable td{border-bottom:1px solid #E1ECF4; padding:5px 0}
.poll .polltable td.pollchoice{width:350px; padding:0 10px 0 0}
.poll .polltable td.pollpercentage img{margin:0 5px 0 0}

#diary .small{font-size:90%; margin:5px 0 0 0}
#diary table{margin:10px 0}
#diary table.cal th{background:#00AFE4; border:1px solid #fff; text-align:center; font-size:90%; padding:10px; color:#fff}

#diary table.cal td{background:#E1ECF4; border:1px solid #fff; text-align:center; font-size:90%; padding:10px; color:#333}

#diary table.cal td a{color:#E01E26}
#diary table.cal td a:hover{text-decoration:underline}
#diary table.nav select{font-size:10px}

#diary table.shift td{background:#E1ECF4; border:1px solid #fff; text-align:left; font-size:90%; padding:10px; color:#333}
#diary table.shift th{background:#00AFE4; border:1px solid #fff; text-align:left; font-size:90%; padding:10px; color:#fff}

.listings{margin:10px 0}
.listings .shade{background:#EFF5F9}
.listings .entry{float:left; padding:5px; width:425px}
.listings h2{margin:0; padding:0}
.listings .entry p{margin:0; padding:0 0 5px 0}
ul.blogfunctions{margin:0; padding:10px 0}
ul.blogfunctions li{display:inline; list-style:none; margin:0 5px 0 0}

.blogcontent{background:#EFF5F9; padding:5px 10px}
.blogcontent textarea{border:1px solid #E1ECF4; padding:5px 10px}
.posted{font-weight:bold; margin:10px 0 0 0}

.blogComments{clear:both}
.blogComments h3{margin:0 0 10px 0 !important; border-bottom:1px dashed #E1ECF4; padding:10px 0 0 0 !important}
.blogComments .content{border-bottom:1px dashed #E1ECF4; padding:0 0 10px 0 !important; margin:0 0 10px 0}

.blogpreview a{border:1px solid #7FD7F1; background-color:#7FD7F1; color:#666 !important; padding:3px 5px; font-size:80%; margin:0; font-weight:bold; text-transform:capitalize}
.blogpreview a:hover{border:1px solid #00B0E4 !important; background-color:#00B0E4; color:#fff !important; text-decoration:none !important}
.postdate{color:#00B0E4}
.preview .error{color:red; font-weight:bold}

.embedvideo{margin:0 0 0 12px}
.blogarchive{display:block; width:433px; background:#EFF5F9; float:left; padding:5px; margin:2px 0 1px 0}

.sitemaptrunklevel2{margin:0 0 12px 0}
.trunktitle{font-size:110%; font-weight:bold; border-bottom:1px dotted #487ABE; padding:0 0 5px 0; margin:15px 0 5px 0}

.branchmapItem a{margin:0; padding:0; font-weight:bold}
.branchmap ul.leafmap{margin:0 0 6px 12px; padding:0}
.branchmap ul.leafmap li{display:block; background:none; padding:0; margin:2px 0 0 0; list-style:none}
.branchmap ul.leafmap li a,
.branchmap ul.leafmap li a span{padding:0 0 0 10px; margin:0; background:none; text-decoration:none}

#scribblehelp td{padding:0 5px}
#scribblehelp .webblerimage{border:0 !important}

.homelist{float:left; display:block; width:443px}
.homelist .box{float:left; margin:0 0 5px 0; width:104px; display:block; padding:0 6px 0 0}
.homelist .box img{border:none !important}

#leftcol .homeblurb{display:block; background-color:#E01E26; padding:7px 0 7px 0; margin:0 0 4px 0; color:#fff; font-weight:bold; width:120px; margin:0 0 0 5px}

#leftcol .homeblurb p{margin:0; padding:0 5px 0 5px}
#leftcol .homeblurb ul{margin:0; padding:0 5px 0 5px; list-style:none}
#leftcol .homeblurb li{margin:5px 0 0 0; display:block; background:#EFF5F9; color:red; font-weight:normal; padding:3px}

.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}


 @media print{ #leftcol{display:none}


#rightcol{display:none}

#twocols, #maincol{width:100%; float:none}
}