html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #7E0C2E ;
 font: 100% Helvetica, sans-serif
} 
 
#pagewidth{ 
 width:758px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background: url(../../images/toolkit/bordersbk.png) top left repeat-y;
} 
 
#header{
 position:relative; 
 height:231px; 
 width:100%;
 padding: 5px 0 0 0;
} 
 
#leftcol{
 width:146px; 
 float:left; 
 position:relative;
 margin: 0 0 0 9px;
 font-size: 70%
 }
 
#twocols{
 width:589px; 
 float:right; 
 position:relative;
  }
   
#rightcol{
 width:145px; 
 float:right; 
 position:relative;
 margin: 0 5px 0 0;
 font-size: 70%
 }
 
#maincol_col1 {
 float: left; 
 display:inline; 
 position: relative; 
 width:735px;
 margin: 0 0 0 10px;
 }
 
#maincol_col2 {
 float: left; 
 display:inline; 
 position: relative; 
 width:580px;
 }
 
 #maincol_col3 {
 float: left; 
 display:inline; 
 position: relative; 
 width:437px;
 }
 
#footer{
 height:65px; 
 clear:both;
 background: url(../../images/toolkit/footerbk.png) top left no-repeat;
 font-size: 70%;
 color: #fff } 

a {text-decoration: none}
#hidden {display: none !important}
/* HEADER */
#logolink a {position: absolute; display: block; width: 144px; height: 180px; left: 10px}
#logolink a span {display: none}
#keyline {border-top: 1px solid #E6E6E6; margin: 0 9px 0 9px; padding: 0; display: block; height: 10px; line-height: 0px}
#header h1 {margin: 0; padding: 0}
#header h1 a {margin: 0 1px 0 9px; padding: 0; background: url(../../images/toolkit/mainlogo.png) top left no-repeat; width: 146px; height: 180px; float: left; text-indent: -5000px}
#header .image {float: left; visibility: visible;}
#header #navline {display: block; background: #9E9F06; height: 40px; width: 740px;float: left; clear: both; margin: 1px 0 0 9px}

/* SEARCH */
#searchbox  {display: block; background: #9E9F06; height: 40px; width: 146px;float: left; margin: 0}
#searchbox legend {display: none}
#searchbox fieldset {border: none; padding: 0; margin: 0}
#searchbox input.searchBoxinput {
border: none; display: block;background-color: #fff; width: 89px; color: #333; font-size: 10px;margin: 11px 1px 0 9px; float: left; padding: 3px 0 2px 7px;}

#searchbox input.searchBoxinput:hover {
background-color: #EEF7FD;
}

#searchbox button { border: none;display: block; width: 31px; background-color: #7D0B2D;color: #fff;font-size: 10px;padding: 0 0 3px 0; height: 18px; float: left; margin: 11px 0 0 0;}

#searchbox button:hover {
background-color: #EEF7FD;
cursor: pointer;
color: #666
}

/* RESULTS */
.webblerpaging a {display: none}
.paging { display: block; margin: 8px 1px; float: left; width: 420px; }
.paging p {margin: 0 3px 0 0; padding: 1px 0 0 0; float: left; display: block;/*7D0B2E*/}
.paging a {display: block; float: left; border: 1px solid #DCDCDC; margin: 0 2px 2px 0; padding: 1px 0; color: #0B9FC5; width: 20px; text-align: center; text-decoration: none !important}
.paging a:hover, .paging a.current {background: #eee; color: #9E9F06}
#maincontent .paging .pagingprevious, #maincontent .paging .pagingnext {display: none}

/* ADV SEARCH*/
.advsearch {margin: 15px 0; display: block; float: left}
.advsearch label {font-weight: bold; padding: 0; float: left; clear: both; margin: 2px 0; text-transform: capitalize}
.advsearch select {font-size: 9px; border: 1px solid #ccc; width: 200px; margin: 0 0 5px 0; float: left; clear: both}
.advsearch button{border: 1px solid #ccc; font-size: 9px; margin: 0 0 5px 3px; float: left}
.advsearch button:hover {background-color: #EFEFEF}

/* PRIMARY NAV */
#primarynav ul {margin: 0; padding: 0}
#primarynav li {list-style: none; float: left}
#primarynav li a {color: #fff; width: 133px; border-left: 1px solid #fff; background: #9E9F06; padding: 5px 5px 0 9px; display: block; height: 35px; font-size: 80%; line-height: 1.1em}
#primarynav li.this a, #primarynav li a:hover {background: #7D0B2D}

/* SECONDARY NAV */
#secondarynav ul {margin: 0; padding: 0; border-top: 1px solid #E6E6E6}
#secondarynav ul li {list-style: none;}
#secondarynav ul li a {color: #000; width: 125px;  border-bottom: 1px solid #EEEEEF; padding: 4px 5px 4px 16px; display: block; line-height: 1.1em; font-weight: bold; background: #fff} 
#secondarynav ul li a:hover, #secondarynav ul li.this ul li a:hover {background: #F5F5E6}
#secondarynav ul li.this a, #secondarynav ul li.this ul li.thissub a {background: #F5F5E6 url(../../images/toolkit/thisarrow.png) 4px 50% no-repeat}

#secondarynav ul ul {margin: 0; padding: 0;}
#secondarynav ul li.this ul li a {color: #4B4B4B; width: 120px;  border-bottom: 1px solid #EEEEEF; padding: 4px 5px 4px 21px; display: block; line-height: 1.1em; background: #fff; font-weight: normal !important}

#secondarynav .navicon ul {margin: 0; padding: 0px 0 20px 0; }
#secondarynav .navicon li {margin: 0; padding: 0; list-style: none}
#secondarynav .navicon a {font-weight: bold; color: #9E9E07 !important; border-bottom: 1px solid #EEEEEF; padding: 20px 5px 19px 59px; display: block}
#leftcol .navicon a { width: 85px;}
#secondarynav .navicon a:hover {color: #7D0B2E}
#secondarynav .navicon li.missing a {background: url(../../images/toolkit/whosmissing_off.png) 16px 50% no-repeat; }
#secondarynav .navicon li.missing a:hover {background: url(../../images/toolkit/whosmissing_on.png) 16px 50% no-repeat}

/* CONTENT */
#maincontent {font-size: 75%; color: #000; margin: 0 0 10px 0; padding: 0 5px 0 0}
#maincol_col1 #big {font-size: 280%; margin: 0; padding: 0 9px; color: #666; letter-spacing: 0.01em; line-height: 1.1em}
#maincol_col1 #big p {margin: 0; padding: 0}
#maincol_col2 h1, #maincol_col3 h1 {font-size: 175%; margin: 0; padding: 0; color: #333; letter-spacing: -0.5px}
#maincontent h2 {font-size: 100%; margin: 10px 0 0 0; padding: 0; color: #333;}
#footer .content {display: block;  width: 740px; height: 55px; margin: 0 0 0 9px}
#maincontent .left {float: left; margin: 0 10px 10px 0}
#maincontent .right {float: right; margin: 0 0 10px 10px}
#maincontent .imagecredits, #maincontent .imagecaption {background: #F5F5E6; padding: 10px}
#maincontent a { color: #000; text-decoration: underline}
#maincontent a:hover { color: #9E9F06}
#maincontent .intro_landing p {font-size: 150%; margin: 0 !important; padding: 5px 0 !important; color: #666666}
#maincontent ul {margin: 0 0 0 13px; padding: 0}
#maincontent li {margin: 1em 0}

#maincontent .pagedownloads .item {padding: 1px 5px 8px 5px; display: block; }
#maincontent .pagedownloads a { background: url(../../images/toolkit/pdficon.png) 0 1px no-repeat; padding: 0 0 0 18px}
#maincontent .pagedownloads .desc {display: block; margin: 2px 0 0 18px}
#maincontent .shade {background: #F5F5E6}

#maincontent .links {text-align: center;  margin: 10px 20px 0 0}
#maincontent .links a {color: #9C9F06; text-decoration: none; font-size: 1.5em; font-weight: bold; padding: 0.5em}
#maincontent .links .big {color: #7D0B2D; font-size: 2.3em}
#maincontent .links a:hover {text-decoration: underline}

#form .required {color: red; }
#form fieldset .required {float: right; margin: 0 80px 0 0;}
#form .formRow { float: left; width: 98%; padding: 0.7em 0 0.7em 10px; border-bottom: 1px solid #7E0C2E; background: #E6E6E6}
#form label {float: left; display: block; width: 220px; padding: 5px 0 0 0; color: #7E0C2E}
#form .formsubmit {margin: 5px 0; float: left}
#form .formsubmit a {text-decoration: none; background: #7D0B2D; color: #fff; padding: 0.3em 0.5em}
#form .formsubmit a:hover {background: #9D9D08; color: #000}
#form input {width: 250px}
#maincontent form fieldset {border: 0; padding: 0; margin: 0}
#maincontent form button {float: left; border: 1px solid #7D0B2D; background: #7D0B2D; color: #fff; font-weight: bold; padding: 0 2px 2px 2px}
#maincontent .separator { margin: 2em 0 0.5em 0; float: left; width: 100%; font-size: 1.2em}
#maincontent .loginerror, #form .error {font-weight: bold; color: red; margin: 10px 0}

#maincontent .attachments ul {
margin: 0;
padding: 0
}

#maincontent .attachments li {
list-style: none;
}

#maincontent .attachments li a {
background: url(../../images/toolkit/icon_pdf.png) 0 2px no-repeat;
padding: 0 0 0 15px
}

/* LISTINGS */
#maincontent a img {border: none !important}
.listings {display: block; float: left; margin: 10px 0; border-top: 1px solid #eee; padding: 5px 0}
.listings .item {display: block; float: left; margin: 0; border-bottom: 1px solid #eee; padding: 10px 0}
.listings .item .image {display: block; float: left; width: 135px; border: none !important}
.listings .item .content {display: block; width: 270px; float: left; margin: 0 15px 0 0;}
.listings .item .content p {margin: 0; padding: 0}
.listings .item h2 {padding: 0 !important; margin: 0 !important}
.listings .item .content h2 a {text-decoration: none !important}

.listings .textitem {display: block; float: left; margin: 0 0 10px 0}
.listings .textitem .content {display: block; margin: 0 15px 0 0; width: 430px}
.listings .textitem .content p {margin: 0; padding: 0}
.listings .textitem h2 {padding: 0 !important; margin: 0 !important}
.listings .textitem .content h2 a {text-decoration: none !important}
#maincontent .searchgroup {text-indent: -2500px !important; position: absolute}

/* Landing page intro */
.landingimage {float: right; margin: 5px 0 10px 7px}
.landingintro {float: left; display: block; width: 270px}
h1.landing {font-size: 330% !important;}
/* NEWS LANDING */
#newslanding {display: block; float: left; width: 100%;  margin: 15px 0 40px 0}
#newslanding h2 {margin: 0; font-size: 140%; border-top: 1px solid #eee; padding: 5px 0 5px 9px}
#newslanding ul {margin: 5px 5px 5px 18px; padding: 0; }
#newslanding .item {border-top: 1px solid #eee !important; padding: 5px}
#newslanding .image {margin: 5px 0 0 5px}
#newslanding a {text-decoration: none}
#newslanding .content {display: block;}
#newslanding .col1 {display: block; float: left; width: 180px;height: 450px; border-right: 1px solid #eee}
#newslanding .col2 {display: block; float: left; width: 180px; height: 450px; border-right: 1px solid #eee}
#newslanding .col3 {display: block; float: left; width: 180px; height: 450px;}
#newslanding .col2 .item h2 {border: 0 !important; padding: 0 !important; margin: 0 !important}
#newslanding .col2 .item h3 { padding: 0 !important; margin: 0 !important}
#maincontent .hide {display: none !important}

#maincol_col1 h1 {color: #666; font-size: 2.5em; margin: 10px 0 12px 5px}

/* Home page PROMOS */
#promos {display: block; float: left; margin: 10px 0; padding: 0; width: 734px; border-top: 1px solid #E6E6E6; color: #666}
#promos  .item {display: block; float: left; margin: 0 0 10px 0;padding: 10px 0 0 10px; width: 172px; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; height: 260px}
#promos  .last .item {border-right: none !important}
#promos  .image {display: block;}
#promos  h3 {padding: 0 !important; margin: 0 0 5px 0 !important}
#promos  h3 a {text-decoration: none !important; font-size: 110%}


/* FOOTER */
#footer .rss {display: block; padding: 20px 0 0 0}
#footer .rss a {background: url(../../images/toolkit/rss.png) 8px 65% no-repeat; padding: 10px 40px}

#footer .links {float: right; text-align: right}
#footer ul.line1 {margin: 14px 0 0 0; padding: 0}
#footer ul.line2 {margin: 3px 0 0 0; padding: 0}
#footer li {list-style: none; display: inline; margin: 0 5px 0 0}
#footer a {color: #fff; text-decoration: underline}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.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;}
}