/* generated by csscreator.com */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: verdana, sans-serif;
	font-size: 16px;
} 
 
#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} 

/* MAIN CONTENT */
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 {
	color: #666;
	padding-top:3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 148px;
	font-size: 11px;
	 }
#footerinfo {
	color: #666;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 145px;
	padding-top:0px;
	font-size: 10px;
}
#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;
	font-size: 10px;
}

/* TOOLKIT */
#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}

/* PRIMARY NAV */

/*#mainlogo {background: url(../images/mainlogo.png) top left no-repeat; width: 288px; height: 115px;display: block; float: right; margin: 0; padding: 0}*/

#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}

/* SECONDARY NAV */

#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;}

/* RED BUTTONS */

#leftcol .buttonred {
	width: 120px;
	margin: 0 0 0 5px;
	font-size: 11px;;
}
#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;
	font-size: 1em;
}

#leftcol .buttonred a:hover,
#rightcol .buttonred a:hover {background-color: #FF3333}
#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;}
/* RIGHT COL */

#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}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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}

/* SEARCH RESULTS */

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 .latest .content p {margin: 0 0 10px 0; padding: 0}
#maincontent .kwsearchresults p {margin: 0; padding: 0}

/* PAGE FORMS */
#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;}

#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: 1em 0 0 0}
#form .checkboxgroup span {width: 300px; display: block; float: left; margin: 0; padding: 0}

/* POLL */
.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 */
#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}

/* BLOG */
.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}
/* SITEMAP */

.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;}

/* SCRIBBLE HELP */
#scribblehelp td {padding: 0 5px}
#scribblehelp .webblerimage {border: 0 !important;}

/* HOMEPAGE */
.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;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}