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

body { 
  line-height: 1.5; 
}

/* 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. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 90%;
  color: #222; 
  background: #E5EDEF url(../images/body-bg.jpg) repeat-x top;
  font-family: "Times New Roman", Times, serif;
  font-family: "Arial", sans-serif;
  letter-spacing: 0.01em;
  }
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #666; font-family: "Times New Roman", Times, Georgia, serif; font-family: "Arial", sans-serif;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {color: #9dacb0; font-style: italic;}

h1 { font-size: 2.2em; line-height: 1; margin-bottom: 0.5em; letter-spacing: -0.02em;}
h2 { font-size: 1.5em; margin-bottom: 0.25em; margin-top: 1.2em;}
.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;
}

/*
h1, h2, h3, h4 {}
h1 {font-size: 1.6em; margin: 0 0 0.4em 0; font-weight: normal; color: #a11d1d;}
h2 {font-weight: normal; font-size: 1.9em; margin: 1em 0 0.4em 0; letter-spacing: -0.5px;}
h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; margin-bottom: 0.3em;}

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

p           { margin: 0 0 0.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 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;}

.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 ---- */

body {text-align: center; padding-bottom: 10px;}

.wrapper {margin: 0px auto; width: 60em; text-align: left; background: transparent;}

.pageHeader {padding-top: 0.8em; background: transparent; text-align: left;}

.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; margin-top: -6px; position: relative; z-index: 1000; border: 1px solid #e7e7e7; border-top: 1px solid #b4b4b4;}

.pageFooter {padding: 0; clear: both; background: #e6e6e6; border-bottom: 1px solid #ccc; color: #333; width: 100%; margin-top: 0;}
.pageFooter .footerNav {clear: both; text-align: center; color: #aaa; padding-top: 1em}
.pageFooter .footerNav li {display: inline; padding: 0 2em; border-left: 1px solid #ccc;}
.pageFooter .footerNav li:first-child {border-left: none;}
.pageFooter .mainContent li {margin-bottom: 0.3em;}
.pageFooter .mainContent {background: transparent; border: none; margin: 0; padding-top: 0;}
.pageFooter .otherContent1, .pageFooter .otherContent2 {padding-top: 0;}
.pageFooter ul {color: #ccc; list-style: square; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em;}

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

.level1nav {list-style: none; margin: 0; border-bottom: 10px solid #777;}
.level1nav li {float: left; margin-right: 0.5em; margin-left: 0.5em; position: relative; background: transparent; z-index: 5;}
.level1nav li:hover {z-index: 10000; white-space: normal;}
.level1nav a, .level1nav a:visited {padding: 2px 2.5em 2px; display: block; color: #464646; font-weight: bold; font-family: Cambria, "Times New Roman", Times, serif; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.level1nav a:hover {background: #e4eef3;}

/* ---- 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: #777 url(../images/tab-on-bg.gif) repeat-x top; color: #fff;}

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

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

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

/* ---- Alternative method for on states ----
.level1nav li.on {border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999;}
.level1nav li.on a, .level1nav li.on a:visited {color: #333; background: #f0f0f0 url(../images/tab-bg.gif) repeat-x top; border-left: 1px solid #fff; border-right: 1px solid #fff; padding-bottom: 10px;}
*/

.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: "Times New Roman", Times, serif;}

/* ---- 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: 1.5em 6%;}
.otherContent1, .otherContent2 {padding-top: 0;}
.single .mainContent {padding-left: 20px; padding-right: 20px;}
.two-col-left .mainContent {float: right; width: 64%;}
.two-col-left .otherContent1 {float: right; width: 21%; margin-right: 1%; padding-left: 1%;}
.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;}

/* -- different coloured background on sidebars of 3-col layouts --
.three-col-ll .otherContent1, .three-col-ll .otherContent2,
.three-col-rr .otherContent1, .three-col-rr .otherContent2,
.three-col-lr .otherContent1, .three-col-lr .otherContent2 {background: #eee;}
*/

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

.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;}
.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 {float: left; margin-bottom: 6px;}
.mainContent form dt {clear: left; width: 33%; text-align: right; margin-right: 4%; position: relative;}
.mainContent form dd {width: 60%;}
.mainContent .formButtons {padding: 0.5em 0 0.5em 37%;}
.mainContent .formButtons button {cursor: pointer;}
.mainContent form .single {margin: 0 6px 0 37%;}
span.required-field {position: absolute; right: -17px; top: 0.3em; 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;}
.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}
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;}

.banner {background: #DEDAD7 url(../images/banner-image1.jpg) no-repeat center top; height: 100px; color: #333366; font-family: "Arial Narrow", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; position: relative; font-size: 2.5em; border-bottom: 10px solid #b1b1b1;}
.banner-text {position: absolute; right: 10px; bottom: 50px;}

/* height: 100px;
/* --- This section shows a different banner image on each page.
 * --- You can choose your own banner image and then remove/comment out these rules

.l1-2 .banner {background: #DEDAD7 url(../images/banner2.jpg) no-repeat center top;}
.l1-3 .banner {background: #DEDAD7 url(../images/banner3.jpg) no-repeat center top;}
.l1-4 .banner {background: #DEDAD7 url(../images/banner4.jpg) no-repeat center top;}
.l1-5 .banner {background: #DEDAD7 url(../images/banner5.jpg) no-repeat center top;}
 */

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

.listings li {clear: both;}

.box {border: 1px solid #aaa; padding: 10px 15px; background: #EFEFEF; margin-bottom: 1.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.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.5em;}
.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: #e3f3f6;}
.faq dd {padding: 0;}

.answers dt, .answers dd {padding: 0 0 0.8em 35px;}
.answers dt {background: url(../images/q.gif) no-repeat left top; color: #ff8400; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.answers dd {background: url(../images/a.gif) no-repeat left 5px; margin-bottom: 1.5em;}

.button {margin: 2em 0;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.button a, .button a:visited {background: #5F8DBF url(../images/button-overlay-trans.png) repeat-x bottom; color: #fff; padding: 8px 18px; border-right: 1px solid #666; border-bottom: 1px solid #333; border-left: 1px solid #ccc; border-top: 1px solid #eee; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}
.button a:hover {background-color: #7DACDF; text-decoration: none;}

.panel {background: #f9f9f9 url(../images/panel-bg.gif) repeat-x bottom; border: 1px solid #ccc; padding: 1.5em; overflow: hidden; margin: 0 0 1em 0;}
.panel h3 {font-size: 1.4em; margin-top: 0.5em;}
.panel h3 a {}
.panel img {float: left; padding: 5px; border: 1px solid #ddd; background: #fff; margin: 0 2em 2em 0;}
.price {color: #FF8400; font-weight: bold;}

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;}
.mainContent .article-list h4 {font-size: 1.6em; margin-bottom: 0;}
.otherContent1 .article-list li, .otherContent2 .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;}

/* color schemes */
/* blue */

.color-blue h2 {color: #105973;}
.color-blue a, .color-blue a:visited {color: #0066cc;}

.section1 .color-blue .level1nav li.section1,
.section2 .color-blue .level1nav li.section2,
.section3 .color-blue .level1nav li.section3,
.section4 .color-blue .level1nav li.section4,
.section5 .color-blue .level1nav li.section5,
.section6 .color-blue .level1nav li.section6,
.section7 .color-blue .level1nav li.section7,
.section8 .color-blue .level1nav li.section8,
.section9 .color-blue .level1nav li.section9,
.section10 .color-blue .level1nav li.section10,
.section11 .color-blue .level1nav li.section11,
.section12 .color-blue .level1nav li.section12 {background: url(../images/on-arrow-blue.gif) no-repeat center bottom;}

.color-blue .subnav {background: #037096 url(../images/subnav-bg-blue.gif) repeat-x bottom;}
.color-blue .level2nav a, .level2nav a:visited {color: #fff;}

.color-blue .banner h1 {background: url(../images/banner-graphic-blue.jpg) no-repeat left bottom;}
.color-blue .half-banner h1 {background: url(../images/banner-half-graphic-blue.jpg) no-repeat left bottom;}

.color-blue .faq dt a, .color-blue .faq dt a:visited {color: #0066cc;}
.color-blue .faq dt a:hover {border: 1px solid #0066cc; background: url(../images/down-arrow-blue.gif) no-repeat right 50%;}

.color-blue .mainContent .formButtons button {background: url(../images/button-blue.gif) no-repeat left top;}

/* silver */

.color-silver h2 {color: #105973;}
.color-silver a, .color-silver a:visited {color: #0066cc;}

.section1 .color-silver .level1nav li.section1,
.section2 .color-silver .level1nav li.section2,
.section3 .color-silver .level1nav li.section3,
.section4 .color-silver .level1nav li.section4,
.section5 .color-silver .level1nav li.section5,
.section6 .color-silver .level1nav li.section6,
.section7 .color-silver .level1nav li.section7,
.section8 .color-silver .level1nav li.section8,
.section9 .color-silver .level1nav li.section9,
.section10 .color-silver .level1nav li.section10,
.section11 .color-silver .level1nav li.section11,
.section12 .color-silver .level1nav li.section12 {background: url(../images/on-arrow-silver.gif) no-repeat center bottom;}

.color-silver .subnav {background: #889092 url(../images/subnav-bg-silver.gif) repeat-x bottom;}
.color-silver .level2nav a, .level2nav a:visited {color: #fff;}

.color-silver .banner h1 {background: url(../images/banner-graphic-silver.jpg) no-repeat left bottom;}
.color-silver .half-banner h1 {background: url(../images/banner-half-graphic-silver.jpg) no-repeat left bottom;}

.color-silver .faq dt a, .color-silver .faq dt a:visited {color: #0066cc;}
.color-silver .faq dt a:hover {border: 1px solid #0066cc; background: url(../images/down-arrow-blue.gif) no-repeat right 50%;}

.color-silver .mainContent .formButtons button {background: url(../images/button-silver.gif) no-repeat left top;}

ul.speakers {margin-left: 0; list-style: none;}
ul.speakers li {clear: left; margin-bottom: 20px;}
ul.speakers .image {float: left; width: 120px; margin-bottom: 20px}
ul.speakers .description {margin-left: 120px}

html {
overflow-y: scroll;
}