/* -------------------------------------------------------------- 
  
Browser reset, adapted from BlueprintCSS reset.css
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
.skipToContent {display: none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---- End Reset ---- */

/* -------------------------------------------------------------- 
   
   Typography styles adapted from BlueprintCSS typography.css
   
-------------------------------------------------------------- */

/* Default font settings. */
body {font-size: 90%; color: #333; background: #5F5F5F url(body-bg.jpg) repeat-x top; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; line-height: 1.4; text-align: center; padding-bottom: 10px;}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; font-family: Arial, Helvetica, sans-serif;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {color: #9dacb0; font-style: italic;}

h1 { font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; margin-top: 1em; letter-spacing: -1px;}
h2 { font-size: 1.3em; font-weight: bold ;margin-bottom: 0.25em; margin-top: 1.2em; clear: left;}
.pageFooter h2 {font-size: 1.3em;}
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 0.2em; margin-top: 1.2em;}
.pageFooter h3 {font-size: 1.1em;}
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 0.5em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

.banner h1 {color: #fff; font-size: 1.2em; margin: 0; letter-spacing: -1.5px}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 0.5em; }
p img.left  { float: left; margin: 0 1.5em 1.5em 0; }
p img.right { float: right; margin: 0 0 1.5em 1.5em; }
.otherContent1 p, .otherContent2 p {line-height: 1.2;}

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin:0 1.5em; }
ul, ol       { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
.otherContent1 ul, .otherContent2 ul {list-style: none; margin-left: 0;}
ul.latest-news {list-style: none; margin-left: 0;}

dl          { margin: 0; }
dl dt       { font-weight: bold; }


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

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


/* End Typography
-----------------------------------------------------------------*/

/* ---- General ---- */

.clearboth {clear: both;}
.clearright {clear: right;}

.featurePic {float: left; margin: 0 20px 20px 0; background: #ddd; padding: 7px; border: 1px solid #bbb;}
img.left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}
img.photo {background: #fff; border: 1px solid #ccc; padding: 4px;}

/* ---- General Font Styles ---- */

a, a:visited {color: #3366cc; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
a.callout-link {background: #e3f3f6; padding: 0.3em 2em 0.3em 1em;}
.mainContent a, .mainContent a:visited {text-decoration: underline;}

.introblock {font-weight: bold;}

/* ---- End Font Styles ---- */

/* ---- Image replacement ---- */

h1.ir {text-indent: -9999px; margin-top: 0.8em;}
.irHome {background: url(../images/heading1-home.gif) no-repeat left top; height: 43px;}

/* ---- Layout ---- */

.wrapper {margin: 20px auto 0; width: 850px; text-align: left; background: #fff;}

.branding {background: url(header-bg.jpg) no-repeat left top; height: 86px; overflow: visible; position: relative;}

.utilityLinks {position: absolute; top: 1.5em; right: 20px; clip: rect(auto, auto, auto, 1px); list-style: none;}
.utilityLinks li {display: inline; border-left: 1px solid #999; padding: 0 1em;}
.utilityLinks a, .utilityLinks a:visited {color: #fff;}
.utilityLinks a:hover, .utilityLinks a:focus {color: #fff;}

#pageContent {clear: both; overflow: hidden; padding: 0; background: #f1f1f1; border: 1px solid #d8ddde; border-top: none;}
.mainContent {background: #fff; position: relative; z-index: 1000;}

.pageFooter {padding: 0.5em 0; clear: both; background: #080808; color: #333; width: 100%; margin-top: 0; text-align: center;}
.pageFooter li {display: inline; padding: 0 2em; border-left: 1px solid #ccc;}
.pageFooter li:first-child {border-left: none;}
.pageFooter li a, .pageFooter li a:visited {color: #fff;}
.pageFooter ul {color: #ccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0;}

/* ---- Navigation ---- */

.level1nav {list-style: none; margin: 0 0 15px 0; overflow: hidden; border: 2px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; position: relative; left: 0; width: 253px; padding: 6px 0;}
.level1nav li {margin-right: 0.5em; margin-left: 0.5em; position: relative; background: transparent; z-index: 5; border-bottom: 1px solid #eaeae9; zoom: 1;}
.level1nav li:hover {z-index: 10000; white-space: normal;}
.level1nav a, .level1nav a:visited {display: block; color: #aaa; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 3px 10px; zoom: 1;}
.level1nav a strong, .level1nav a:visited strong {color: #333; font-family: Arial; font-size: 1.3em; display: block;}
.level1nav a:hover {background: #e4e9f0; text-decoration: none; color: #666; display: block;}
.level1nav a:hover strong, .level1nav a:visited:hover strong {color: #ff6633; text-decoration: underline;}


/* ---- On states ---- */

/* --- on state for main tabs --- */
.l1-1 .level1nav li.section1 a,
.l1-2 .level1nav li.section2 a,
.l1-3 .level1nav li.section3 a,
.l1-4 .level1nav li.section4 a,
.l1-5 .level1nav li.section5 a,
.l1-6 .level1nav li.section6 a,
.l1-7 .level1nav li.section7 a,
.l1-8 .level1nav li.section8 a,
.l1-9 .level1nav li.section9 a,
.l1-10 .level1nav li.section10 a,
.l1-11 .level1nav li.section11 a,
.l1-12 .level1nav li.section12 a {background: #EFF6FF; color: #666; border-left: 6px solid #e4e9f0; cursor: default;}

/* --- remove hover effect for on state --- */
.l1-1 .level1nav li.section1 a:hover strong,
.l1-2 .level1nav li.section2 a:hover strong,
.l1-3 .level1nav li.section3 a:hover strong,
.l1-4 .level1nav li.section4 a:hover strong,
.l1-5 .level1nav li.section5 a:hover strong,
.l1-6 .level1nav li.section6 a:hover strong,
.l1-7 .level1nav li.section7 a:hover strong,
.l1-8 .level1nav li.section8 a:hover strong,
.l1-9 .level1nav li.section9 a:hover strong,
.l1-10 .level1nav li.section10 a:hover strong,
.l1-11 .level1nav li.section11 a:hover strong,
.l1-12 .level1nav li.section12 a:hover strong {color: #333; text-decoration: none;}

/* -- remove tab bg from drop-down nav -- */
.l1-1 .level1nav li.section1 .level2nav li a, .l1-1 .level1nav li.section1 .level2nav li a:visited,
.l1-2 .level1nav li.section2 .level2nav li a, .l1-2 .level1nav li.section2 .level2nav li a:visited,
.l1-3 .level1nav li.section3 .level2nav li a, .l1-3 .level1nav li.section3 .level2nav li a:visited,
.l1-4 .level1nav li.section4 .level2nav li a, .l1-4 .level1nav li.section4 .level2nav li a:visited,
.l1-5 .level1nav li.section5 .level2nav li a, .l1-5 .level1nav li.section5 .level2nav li a:visited,
.l1-6 .level1nav li.section6 .level2nav li a, .l1-6 .level1nav li.section6 .level2nav li a:visited,
.l1-7 .level1nav li.section7 .level2nav li a, .l1-7 .level1nav li.section7 .level2nav li a:visited,
.l1-8 .level1nav li.section8 .level2nav li a, .l1-8 .level1nav li.section8 .level2nav li a:visited,
.l1-9 .level1nav li.section9 .level2nav li a, .l1-9 .level1nav li.section9 .level2nav li a:visited,
.l1-10 .level1nav li.section10 .level2nav li a, .l1-10 .level1nav li.section10 .level2nav li a:visited,
.l1-11 .level1nav li.section11 .level2nav li a, .l1-11 .level1nav li.section11 .level2nav li a:visited,
.l1-12 .level1nav li.section12 .level2nav li a, .l1-12 .level1nav li.section12 .level2nav li a:visited {background: #ddd; color: #333;}

/* -- reinstate hover effect for drop-down nav -- */
.l1-1 .level1nav li.section1 .level2nav li a:hover, .l1-1 .level1nav li.section1 .level2nav li a:hover:visited,
.l1-2 .level1nav li.section2 .level2nav li a:hover, .l1-2 .level1nav li.section2 .level2nav li a:hover:visited,
.l1-3 .level1nav li.section3 .level2nav li a:hover, .l1-3 .level1nav li.section3 .level2nav li a:hover:visited,
.l1-4 .level1nav li.section4 .level2nav li a:hover, .l1-4 .level1nav li.section4 .level2nav li a:hover:visited,
.l1-5 .level1nav li.section5 .level2nav li a:hover, .l1-5 .level1nav li.section5 .level2nav li a:hover:visited,
.l1-6 .level1nav li.section6 .level2nav li a:hover, .l1-6 .level1nav li.section6 .level2nav li a:hover:visited,
.l1-7 .level1nav li.section7 .level2nav li a:hover, .l1-7 .level1nav li.section7 .level2nav li a:hover:visited,
.l1-8 .level1nav li.section8 .level2nav li a:hover, .l1-8 .level1nav li.section8 .level2nav li a:hover:visited,
.l1-9 .level1nav li.section9 .level2nav li a:hover, .l1-9 .level1nav li.section9 .level2nav li a:hover:visited,
.l1-10 .level1nav li.section10 .level2nav li a:hover, .l1-10 .level1nav li.section10 .level2nav li a:hover:visited,
.l1-11 .level1nav li.section11 .level2nav li a:hover, .l1-11 .level1nav li.section11 .level2nav li a:hover:visited,
.l1-12 .level1nav li.section12 .level2nav li a:hover, .l1-12 .level1nav li.section12 .level2nav li a:hover:visited {background: #fff; color: #333;}

/* -- level 2 nav styles -- */
.level2nav {padding: 0.5em 0; overflow: hidden; list-style: none; margin-bottom: 0;}
.pageHeader .level2nav {clear: both; overflow: hidden; background: #555; text-align: center; margin: 0;}
.level2nav li {float: left; margin-right: 20px; border-left: 1px solid #fff; padding-left: 20px;}
.level2nav li:first-child {border: none;}
.level2nav a, .level2nav a:visited {color: #fff; font-family: Arial, Helvetica, sans-serif;}

/* -- on-state for level2 nav -- */
.l2-1 .level2nav li.subsection1 a,
.l2-2 .level2nav li.subsection2 a,
.l2-3 .level2nav li.subsection3 a,
.l2-4 .level2nav li.subsection4 a,
.l2-5 .level2nav li.subsection5 a,
.l2-6 .level2nav li.subsection6 a,
.l2-7 .level2nav li.subsection7 a,
.l2-8 .level2nav li.subsection8 a,
.l2-9 .level2nav li.subsection9 a,
.l2-10 .level2nav li.subsection10 a,
.l2-11 .level2nav li.subsection11 a,
.l2-12 .level2nav li.subsection12 a {text-decoration: underline;}

/* -- on state for level2 nav in sidebars -- */
.l2-1 .otherContent1 .level2nav li.subsection1 a,
.l2-2 .otherContent1 .level2nav li.subsection2 a,
.l2-3 .otherContent1 .level2nav li.subsection3 a,
.l2-4 .otherContent1 .level2nav li.subsection4 a,
.l2-5 .otherContent1 .level2nav li.subsection5 a,
.l2-6 .otherContent1 .level2nav li.subsection6 a,
.l2-7 .otherContent1 .level2nav li.subsection7 a,
.l2-8 .otherContent1 .level2nav li.subsection8 a,
.l2-9 .otherContent1 .level2nav li.subsection9 a,
.l2-10 .otherContent1 .level2nav li.subsection10 a,
.l2-11 .otherContent1 .level2nav li.subsection11 a,
.l2-12 .otherContent1 .level2nav li.subsection12 a,
.l2-1 .otherContent2 .level2nav li.subsection1 a,
.l2-2 .otherContent2 .level2nav li.subsection2 a,
.l2-3 .otherContent2 .level2nav li.subsection3 a,
.l2-4 .otherContent2 .level2nav li.subsection4 a,
.l2-5 .otherContent2 .level2nav li.subsection5 a,
.l2-6 .otherContent2 .level2nav li.subsection6 a,
.l2-7 .otherContent2 .level2nav li.subsection7 a,
.l2-8 .otherContent2 .level2nav li.subsection8 a,
.l2-9 .otherContent2 .level2nav li.subsection9 a,
.l2-10 .otherContent2 .level2nav li.subsection10 a,
.l2-11 .otherContent2 .level2nav li.subsection11 a,
.l2-12 .otherContent2 .level2nav li.subsection12 a {background: #fff; border: 1px solid #ddd; -moz-border-radius: 4px;  -webkit-border-radius: 4px; color: #ff9900;}

/* ---- Drop-down navigation styles ---- */
.level1nav .level2nav {position: absolute; top: 1.9em; left: 0.5em; border: 1px solid #999; border-top: none; padding: 0; width: 12em; display: none; z-index: 1000; font-size: 0.8em;}
.level1nav li:hover .level2nav {display: block;}
.level1nav .level2nav li {float: none; margin: 0; border: none; border-top: 1px solid #999; padding-left: 0;}
.level1nav .level2nav li a, .level1nav .level2nav li a:visited {font-weight: normal; padding: 0.5em; border: none; background: #ddd; color: #333; -moz-border-radius: 0; -webkit-border-radius: 0;}
.level1nav .level2nav li a:hover {background: #fff; color: #333;}

/* ---- Sidebar navigation styles ---- */
.otherContent1 ul.level2nav, .otherContent2 ul.level2nav {margin-right: 0;}
.otherContent1 .level2nav li, .otherContent2 .level2nav li {float: none; margin-bottom: 2px; margin-right: 0; border: none; padding-left: 0;}
.otherContent1 .level2nav li a, .otherContent2 .level2nav li a, .otherContent1 .level2nav li a:visited, .otherContent2 .level2nav li a:visited {display: block; padding: 0.7em 0.7em; color: #666; border: 1px solid #f1f1f1;}
.otherContent1 .level2nav li a:hover, .otherContent2 .level2nav li a:hover {background: #fff; border: 1px solid #ddd; -moz-border-radius: 4px;  -webkit-border-radius: 4px;}

/* ---- Column layouts ---- */
.mainContent {padding: 0.5em 25px; 1.5em}
.otherContent1, .otherContent2 {padding-top: 0;}
.single .mainContent {padding-left: 20px; padding-right: 20px;}
.two-col-left .mainContent {float: right; width: 543px;}
.two-col-left .otherContent1 {float: right; margin-right: 0; position: relative; top: -133px; width: 257px; background: #f0f0f0 url(black-corner.gif) no-repeat right top; margin-bottom: -133px;}
/* -- larger offset for deeper homepage banner -- */
.l1-1 .two-col-left .otherContent1 {top: -266px; margin-bottom: -266px;}
.two-col-right .mainContent {float: left; width: 60%; margin-left: 0; display: inline;}
.two-col-right .otherContent1 {float: left; width: 23%; margin-left: 2%; display: inline;}
.three-col-lr .wrap {float: left; width: 79%;}
.three-col-lr .mainContent {float: right; width: 61%;}
.three-col-lr .otherContent1 {float: left; width: 25%; margin-right: 0.5%; padding-left: 1%;}
.three-col-lr .otherContent2 {float: left; width: 17%; margin-left: 1%; padding-left: 1%; padding-right: 1%;}
.three-col-rr .mainContent {float: left; width: 50%;}
.three-col-rr .otherContent1 {float: left; width: 16.5%; padding-left: 1%; padding-right: 1%;}
.three-col-rr .otherContent2 {float: left; width: 16.5%; padding-left: 1%; padding-right: 1%; border-left: 1px solid #ddd;}
.three-col-ll .mainContent {float: right; width: 50%;}
.three-col-ll .otherContent1 {float: right; width: 16.5%; padding-left: 1%; padding-right: 1%;}
.three-col-ll .otherContent2 {float: right; width: 16.5%; padding-left: 1%; padding-right: 1%; border-right: 1px solid #ddd;}
.mainContent, .otherContent1, .otherContent2 {margin-bottom: 0;}

.searchresults {padding: 1em 0;}
.searchresults dt {margin-bottom: 0.3em;}
.searchresults dd {margin-bottom: 1em;}

/* -- paging controls for search results -- */
.paging {color: #fff; white-space: nowrap; text-align: center; padding: 15px 0; border-top: 1px solid #ccc; margin-bottom: 1em; width: 100%;}
.paging li {display: inline; padding: 4px 3px; margin:0 2px 0 0; font-weight: bold; background: #DFE8FF;}
.paging a:link, .paging a:visited {text-decoration: none; color: #37608d;}
.paging li.active {color: #fff; background: #FFD19F;	padding: 4px 3px;}
.paging li.inactive {color: #BCBCBA; padding: 4px 3px;}
.paging a:hover {text-decoration: underline;}
.paging-top {border-top: none; border-bottom: 1px solid #ccc; margin-bottom: 0;}

/* ---- Form styles ---- */
#contactForm {clear: both;}

.pageHeader form dt {color: #fff;}
.pageHeader #searchForm {position: absolute; top: 1em; right: 40%; width: 26%;}
.pageHeader #searchForm fieldset {float: left; margin-right: 6px;}
.pageHeader #searchForm .formButtons {}

.mainContent form {border: 1px solid #eaeaea; margin: 1em 0;}
.single .mainContent form {width: 70%; margin: 2em auto;}
.mainContent form {background: #FBFBFB; border-bottom: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; padding: 1em 0;}
.mainContent form fieldset {margin-bottom: 1em; padding: 1em 0;}
.mainContent form legend {margin-left: 2em; padding: 0 5px 0 37%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.mainContent form dt, .mainContent form dd {margin-bottom: 4px; margin-left: 4em;}
.mainContent form dt {clear: left; text-align: left; margin-right: 4%; position: relative;}
.mainContent form dd {margin-bottom: 6px;}
.mainContent .formButtons {padding: 0.5em 0 0.5em 4em;}
.mainContent .formButtons button {cursor: pointer;}
.mainContent form .single {margin: 0 6px 0 37%;}
span.required-field {position: static; color: #ff0000; font-weight: bold;}

dd.invalid input, dd.invalid textarea {border: 2px solid #ff0000; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
/*dd.invalid {background: url(../images/cross.gif) no-repeat 80% 4px;}
dd.valid {background: url(../images/tick.gif) no-repeat 80% 4px;}*/

.otherContent1 form, .otherContent2 form {margin: 1em 0; background: url(../images/form-bg.jpg) repeat-x bottom; padding: 15px; border: 1px solid #ccc;}
.otherContent1 form dt, .otherContent2 form dt {margin-bottom: 6px;}
.otherContent1 form dd, .otherContent2 form dd {margin-bottom: 10px;}
.otherContent1 input, .otherContent2 input, .otherContent1 textarea, .otherContent2 textarea {width: 95%;}
.otherContent1 button, .otherContent2 button {margin-top: 10px;}

.statusMessage {padding: 10px 10px 10px 35px; margin: 0 0 1em 0;}
.statusMessage p, .statusMessage h2, .statusMessage h3 {margin-top: 0;}
.fail {background: #ffc5bd url(../images/exclamation.gif) no-repeat 10px 1em;}
.success {background: #c3ffba url(../images/accept.gif) no-repeat 10px 1em;}
.info {background: #DFE9FF url(../images/information.gif) no-repeat 10px 1em; border: 1px solid #DFE9FF;}
.warning {background: #f5ff97 url(../images/error.gif) no-repeat 10px 1em;}
a.pdf {background: url(../images/page_white_acrobat.gif) no-repeat left 50%; padding: 4px 0 4px 22px;}
a.download {background: url(../images/arrow_down.gif) no-repeat left 50%; padding: 4px 0 4px 22px;}
a.new-window {background: url(../images/new-window.gif) no-repeat right 50%; padding: 4px 22px 4px 0px;}

/* ---- Table styles ---- */

.mainContent table {margin: 0.3em 0 1em 0; width: 100%;}
.mainContent table caption {text-align: left; font-style: italic; padding-bottom: 5px; margin-top: 1.5em;}
.mainContent td, .mainContent th {border: 1px solid #ccc;}
.mainContent td, .mainContent th {padding: 5px;}
.mainContent tr.alt td {background: #eee;}
.mainContent thead th {background: #c0c0c0 url(../images/th-bg.gif) no-repeat left top;}
.mainContent thead th.no-background {background: none; border-left: 0; border-right: 0; border-top: 0;}
.mainContent tbody th {background: #eee;}
.mainContent tfoot td {font-weight: bold;}
.mainContent tfoot th {text-align: right; background: #eee;}

.mainContent tr.hovering td {background: #F8FFBF;}
.mainContent tr.alt.hovering td {background: #F5FF97;}
.mainContent tr.hovering th {background: #F5FF97;}

/* ---- Custom Styles ---- */

.logo {color: #b7b7b7; font-style: italic; font-size: 1.6em; float: left;}
.logo a, .logo a:visited {font-style: normal; color: #505050; font-size: 1.5em;}
.strapline {}

.quote {margin: 1em 0; border: 1px solid #D1DAEF; background-color: #EFF4FF; padding: 10px; border: 1px solid #D1DAEF; background-image: none;}
blockquote {padding: 0.2em 1em; border-left: 5px solid #e3e5e6; margin: 1.5em 1.5em 0;}
cite {text-align: right; font-style: normal; margin: 0 1.5em; display: block;}
cite span {background: url(../images/flourish.gif) no-repeat left center; padding-left: 35px;}

.contact dt {font-weight: bold; margin-bottom: 8px;}
.contact .adr {margin-bottom: 8px; line-height: 1.2}
.adr span {display: block;}

/* -- vcard -- */
.vcard {}
.vcard .org {font-weight: bold;}
.vcard .adr {margin-bottom: 1em}

.box {border: 2px solid #e4e4e4; border-bottom: 2px solid #cfcfcf; padding: 10px; margin-bottom: 1.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block;}

.links {border-left: 1px solid #eee;}
.three-col-ll .links {border-right: 1px solid #eee; border-left: none;}
.three-col-rr .links {border: none;}
.links ul {padding-bottom: 2em;}
.links h2 {font-size: 1em; color: #FF8500; font-weight: bold; border-bottom: 1px dotted #aaa; padding-bottom: 0.5em; margin-bottom: 0;}
.links a, .links a:visited {display: block; padding: 0.5em 0; border-bottom: 1px dotted #aaa;}
.box h2 {margin-top: 0; margin-bottom: 0.5em;}
.box p {margin-bottom: 1em;}

.faq {padding: 0 1.5em 2em 0; margin-bottom: 2em; background: #fff;}
.faq li {padding-bottom: 0px;}
.faq dt {padding-top: 0.2em;}
.faq dt a, .faq dt a:visited {color: #3366cc; font-size: 1em; display: block; border: 1px solid #ddd; padding: 0.5em}
.faq dt a:hover {border: 1px solid #ccc; padding: 0.5em; background: #ddd;}
.faq dd {padding: 0;}

.answers dt, .answers dd {padding: 0 0 0.8em 35px;}
.answers dt color: #ff8400; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.answers dd {margin-bottom: 1.5em;}

pre {display: block; font-size: 1.3em;}

.feed {vertical-align: middle;}

.ticklist, .article-list {list-style: none; margin-left: 0;}
.ticklist li {background: url(../images/tick.gif) no-repeat left center; padding-left: 25px; margin-bottom: 1em;}
.article-list li {margin-bottom: 1.3em; background: url(../images/flourish2.gif) no-repeat center bottom; padding-bottom: 10px; font-size: 0.9em}
p.date {text-transform: uppercase; color: #999; font-size: 0.8em;}

.rounded2 {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.rounded4 {-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.rounded6 {-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.rounded8 {-moz-border-radius: 8px; -webkit-border-radius: 8px;}
.rounded10 {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.rounded12 {-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.rounded14 {-moz-border-radius: 14px; -webkit-border-radius: 14px;}
.rounded16 {-moz-border-radius: 16px; -webkit-border-radius: 16px;}
.rounded18 {-moz-border-radius: 18px; -webkit-border-radius: 18px;}
.rounded20 {-moz-border-radius: 20px; -webkit-border-radius: 20px;}

/* - banners - */
/* default */
.banner {height: 133px; background: url(banner-about.jpg) no-repeat right; position: relative;}
/* home */
.l1-1 .banner {height: 266px; background: url(banner-image.jpg) no-repeat right; position: relative;}
/* about */
.l1-2 .banner {height: 133px; background: url(banner-about.jpg) no-repeat right; position: relative;}
.strapline {position: absolute; left: 280px; bottom: 22px; color: #fff; font-size: 1.7em; letter-spacing: -1px; line-height: 1.2em;}
.branding .strapline {right: 20px; bottom: 15px; text-align: right; font-size: 1.3em; font-style: italic;}

a.box, a box:visited {display: block; margin:15px; background: #f8f8f8 url(box-bg.gif) repeat-x bottom; border: 2px solid #e4e4e4; border-bottom: 2px solid #cfcfcf; font-weight: normal; color: #333; font-size: 0.8em; cursor: pointer;}
a.box:hover, a.box:visited:hover {border: 2px solid #ccc; text-decoration: none;}
a.box h3 {margin: 0; color: #ff0304; letter-spacing: -1px; font-size: 1.5em;}
.contact-box {background: url(contact-icon.jpg) no-repeat left top; padding-left: 55px;}
.article-box {background: url(article-icon.gif) no-repeat left top; padding-left: 55px;}
.accreditations-box h3 {text-align: right; padding-top: 5px;}

.why-hmc {float: right; width: 155px; margin-left: 20px;}
.why-hmc ul {margin: 0; list-style: none; font-size: 0.7em;}
.why-hmc li {background: url(tick.gif) no-repeat left center; padding-left: 35px; margin-bottom: 8px;}
.why-hmc h3 {margin: 0 0 3px 0; color: #339900; font-size: 1.2em; font-weight: bold;}

.accreditations {margin-top: 2em;}
.accreditations dt, .accreditations dd {margin-bottom: 1.3em; border-top: 1px solid #ddd; padding-top: 1em}
.accreditations dt {float: left; clear: left; width: 180px;}
.accreditations dd {float: left; width: 340px;}
.accreditations h3 {margin: 0.5em 0 0 0; font-size: 1.2em; font-weight: bold;}

ul.client-logos {list-style: none; margin: 2em 0 0 0;}
ul.client-logos li {float: left; display: inline; margin: 4px 6px; font-size: 0.01em;}
ul.client-logos li img {padding: 5px; border: 1px solid #eaeaea;}

div.caption-photo {float: right; margin: 0 0 10px 10px;background: #fff; border: 1px solid #ccc; padding: 4px; width: 220px;}
div.caption-photo h4 {font-weight: bold; margin: 0 0.3em;}
div.caption-photo p {font-size: 0.75em; margin: 0 0.3em 0.5em;}