/***************** Resets ************************/
* { margin: 0; padding: 0; border: 0; }
#print_preview_header { display: none; }
body { font-family: Arial , Verdana, Helvetica, sans-serif; font-size: 62.5%; /* Resets 1em to 10px */ color: #333333; text-align: center; background: #fff; }
img { border: 0; }
input, textarea, select { border: 1px solid #DDDDDD; padding: 0.3em; }
.checkbox input { background: none; }
a, a:visited, a:link { text-decoration: underline; color: #404040; }
a.more-info { background: url(/ContentFiles/Img/arrow-right.gif) 0px 2px no-repeat !important; padding-left: 17px; font-size:1.3em }
a.more-info:hover { background: url(/ContentFiles/Img/arrow-right-hover.gif) 0px 2px no-repeat !important; font-size:1.3em }
a.more-info-pdf { background: url(/ContentFiles/Img/pdf.gif) 0px 2px no-repeat !important; padding-left: 17px; font-size:1.3em }
a.more-info-pdf:hover { background: url(/ContentFiles/Img/pdf-hover.gif) 0px 2px no-repeat !important; }
a.more-info-external { background: url(/ContentFiles/Img/external.png) 0px 2px no-repeat !important; padding-left: 17px; font-size:1.3em }
a.more-info-external:hover { background: url(/ContentFiles/Img/external-hover.png) 0px 2px no-repeat !important; padding-left: 17px; font-size:1.3em }
a.video { background: url(/ContentFiles/Img/video-white.gif) 0px 5px no-repeat !important; padding-left: 17px; }
a.video:hover { background: url(/ContentFiles/Img/video-white-hover.gif) 0px 5px no-repeat !important; padding-left: 17px; }
a:focus { outline: 0; }
a:hover { text-decoration: underline; }
p { margin: 19px 0; padding: 0; color: #404040; font-size: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0; padding: 0; font-weight: bold; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; font-weight: bolder; }
table { width: 100%; border-collapse: collapse; }
table th { border-bottom: 1px solid #ccc; padding: 0.5em; text-align: left; }
ul, ol { margin: 0; padding: 0 0 0 15px; color:#8C8C8C; }
ul { list-style : disc;   list-style-image: url(/ContentFiles/Img/bullet.gif); }
ul li, ol li {margin: 0px 0px 10px 0px; padding: 0px; }
/*** Classes ***/
.clear { clear: both !important; display: block; }
.top { vertical-align: top; }
.middle {  vertical-align: middle; }
.bottom { vertical-align: bottom; }
.auto { width: auto; }
.block { display: block; }
.inline { display: inline; width: auto; }
.details { font-size: 1.1em; }
/*** Constuction ***/
.container { width: 98em; margin: 0 auto;  text-align: left; }
#top .container { padding-top: 0.3em; }
#header { clear: right; height: 8.2em; padding: 1em 1em 0; border: 1px solid #D1D0D0; background: #EEEEEE; border-bottom: 0; }
/*** Page ***/
#page .container { background: #FFF; border-left: 1px solid #D1D0D0; border-right: 1px solid #D1D0D0; border-bottom: 1px solid #D1D0D0; width: 97.8em;}
#page .container_inner { padding: 0 0 2em 0; }
#page_header_container { position: relative; z-index: 100; }
#page { position: relative; z-index: 50; }
#page_header { position: relative; padding: 2em 4em 1em; line-height: 140%; border-left: 1px solid #D1D0D0; border-right: 1px solid #D1D0D0; border-bottom: 1px solid #D1D0D0; background: #FBFBFB; }
#page_header h1 { margin: 0; font-size: 1.4em; }
#page_header h1#page_title { font-weight: bold; }
#page_header h1 #page_title span { display: none; }
.page_info_container { width: 50em !important; float: left; margin-bottom: 1em; }
#page_content { padding: 0em 4em 0; }
/*** Pagination ***/
.pagination { margin: 10px 0px 10px; padding: 0px; height: 25px; background: #fff; border: 1px solid #DEDEDE; float: left; }
.pagination .inner_pagination { display: block; font-size: 11px; padding: 5px 15px 7px; height: 13px; }
.pagination .inner_pagination span, .pagination .inner_pagination a { font-weight: bold; }
.pagination span, .pagination a { font-weight: bold; }
/*** PageSpecifics ***/
/* Generic */
.banner-overlay { left:0; position:absolute; top:0; }
#flash-movie { position: relative; }
#wrapper { width: 960px; margin: 0 auto; }
#wrapper h2 { height: 21px; color: #404040; padding: 12px 0px; margin-top: 0px; } /* very top h2 (depression helpline 0800 111 757) */
#wrapper #helpline { margin: 0 10px 5px 0; float: left; padding: 0; }
#wrapper .jcarousel ul li { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; width: 58px; height: 44px; }
#jsContent { display: none;}
#carousel-cont .noJsContent { height: 128px; width: 294px; padding: 6px; }
img.video { cursor: pointer; border:1px solid #d0efdd; }
/*nav*/
#nav { height: 74px; clear: both; overflow: hidden; position: relative; }
#nav ul { margin: 0 auto; list-style: none; padding: 0px; width: 960px; }
#nav li { float: left; position: relative; text-indent: -9999em; }
#nav li a { display: block; }
#nav li { background: url(/ContentFiles/Img/nav/nav.gif) top left no-repeat; height: 40px; white-space: nowrap; }
div ul #home { width: 22px; }
div ul #home:hover { background-position: 0 -40px; }
div a.section { height: 40px; }
div ul #isthis { background: url(/ContentFiles/Img/nav/nav.gif) -21px 0px; width: 194px; }
div ul #isthis:hover { background-position: -21px -40px; }
div ul #isthis_selected { background-position: -21px -40px; width: 194px; }
div ul #whatcan { background-position: -215px 0px; width: 184px; }
div ul #whatcan:hover { background-position: -215px -40px; }
div ul #whatcan_selected { background-position: -215px -40px; width: 184px; }
div ul #find { background-position: -399px 0px; width: 180px; }
div ul #find:hover { background-position: -399px -40px; }
div ul #find_selected { background-position: -399px -40px; width: 180px; }
div ul #stay { background-position: -579px 0px; width: 101px; }
div ul #stay:hover { background-position: -579px -40px; }
div ul #stay_selected { background-position: -579px -40px; width: 101px; }
div ul #otherside { background-position: -579px 0px; width: 101px; }
div ul #otherside:hover { background-position: -579px -40px; }
div ul #otherside_selected { background-position: -579px -40px; width: 101px; }
div ul #help { background-position: -680px 0px; width: 152px; }
div ul #help:hover { background-position: -680px -40px; }
div ul #help_selected { background-position: -680px -40px; width: 152px; }
div ul #search { background: url(/ContentFiles/Img/nav/nav.gif) -834px 0px no-repeat; width: 126px; text-indent: 0px; }
div ul #search:hover { background-position: -834px -40px; }
div ul #search input { width: 75px; background: none; border: none; margin: 13px 0 9px 25px; padding: 0px; font-size:13px }
/*second level nav*/
div #nav ul ul { position: absolute; top: 40px; padding: 0px; }
div #nav li#isthis ul { width: 938px; }
div #nav li#whatcan ul { width: 756px; }
div #nav li#find ul { width: 580px; }
div #nav li#stay ul { width: 698px; }			
div #nav li#otherside ul { width: 698px; }			
div #nav li#help ul { width: 840px; }
div #nav ul li ul.right, div #nav ul ul.right ul { right: 0; }
div #nav ul li ul.left { left: 0; }
div #nav ul ul.left ul { left: 4px; }
div #nav ul li ul.right li { float: right; }
div #nav ul ul li { border-right: 1px dotted #8c8c8c; background: none; text-indent: 0px; width: auto; height: auto; padding: 0px 15px; font-size: 13px; font-weight: normal; }
div #nav ul ul li:hover { background: url(/ContentFiles/Img/nav/sec-nav-bg.gif) top left repeat-x; text-decoration: none; cursor: pointer; }
div #nav ul ul li.selected { background: url(/ContentFiles/Img/nav/sec-nav-bg.gif) top left repeat-x; text-decoration: none; cursor: pointer; }
div #nav ul ul li.selected a { color: #404040; }
div #nav ul ul li a { text-decoration: none; color: #666666; }
div #nav ul ul li.first { border-left: 1px dotted #8c8c8c; }
/*third level nav*/
div #nav ul ul ul { position: absolute; top: 100%; padding: 0px; }
div #nav ul ul ul li { border-right: none; font-size: 11px; font-weight: normal; color: #666666 !important; padding: 0 8px; }
div #nav ul ul ul li a { text-decoration: none; color: #666666; line-height: 13px; }
div #nav ul ul ul li:hover { background: none; }
div #nav ul ul ul li:hover a { color: #404040; }
div #nav ul ul ul li.selected { background: none; color: #404040; display: block;}
div #nav ul ul ul li.selected a { background: none; color: #404040;  line-height: 13px;}
/*mast*/
#mast { height: 265px; width: 960px; }
/*breadcrumbs*/
#bread-crumbs { padding-top: 8px; width: 632px; float:left; }
#bread-crumbs, #bread-crumbs a { font-size: 11px; text-decoration: none; }
#bread-crumbs a#home-a { color: #95c1a7; font-size:1.1em }
#bread-crumbs span, #bread-crumbs, #bread-crumbs a { color: #666666; font-size:1.03em }
/* Content */
#intro { padding-left: 22px; text-align: left; float: left; margin-bottom: 25px; min-height: 160px; height:auto !important; height: 160px; }
#intro-content { width: 591px; float: left; color: #404040; font-size:1.5em; line-height: 1.6em; }
#intro-content p { font-size:1em; line-height: 1.6em; }
#intro-content div { margin: 19px 0; }
#intro-content ul { color: #404040; font-size: 1em; list-style-image: none; }
#intro h1 { font-size: 17px; font-weight: bold; color: #95c1a7; text-align: left; height: auto; padding-top: 0px; margin-bottom: 0px; }
#intro.no-content { margin-bottom: 0px; min-height: 60px; height: auto !important; height: 60px; }
#intro.caro-intro { margin-bottom: 40px; }	
#carousel-cont { width: 306px; float: right; background: #8FD5B2; padding-bottom: 7px; position: relative; z-index: 2; height: 148px; }
#carousel-cont p { margin: 0; color: #8C8C8C; font-size: 13px; display: inline; line-height: 17px; float: left; width: 175px; margin-top: -3px; }
#carousel-cont p#video-rollover-text { margin-left: 18px; margin-top: -8px; font-size: 11px; width: auto; }
#carousel-cont span { margin-top: 8px; font-size: 13px; color: #404040; float: left; }
#main-thumb { margin: 0px 14px 0px 23px; float: left; }		
p #main-thumb-icon { float: left; margin: 3px 0px 0px 0px; }
#main-thumb-icon img { margin: 11px 4px 0px 0px; float: left; cursor:pointer; }
#carousel { padding: 0 5px; clear: both; }
#carousel ul li { width: 54px; height: 40px; float: left; margin-right: 8px; }
#carousel ul li img.video-thumbnail-hover, #carousel ul li span { position: relative; z-index: 200; margin-left: -56px; cursor: pointer; display: none; border: 1px solid #d0efdd; }
#carousel-cont #bubble { background: url(/ContentFiles/Img/bubble.gif) bottom left no-repeat; position: absolute; bottom: -27px; left: 0; width: 113px; height: 27px; z-index: 3; }
#carousel-cont h2 { color: #FFFFFF; font-size: 24px; text-align: left; padding: 8px 18px 0 21px; width: auto; margin-top: 0px; clear: both }
#carousel-cont h3 { color: #FFFFFF; font-size: 14px; text-align: left; padding: 8px 18px 0 21px; width: auto; margin-top: 0px; clear: both }
#carousel-cont #self-test-intro { padding: 8px 19px 0 31px; font-size: 22px; }
#search-carousel { background: url(/ContentFiles/Img/search-carousel.gif) left top no-repeat; width: 268px; height: 21px; margin: 46px 0px 0px 21px;}
#search-carousel input { border: none; background: none; padding-top: 2px; width: 240px;  margin-top: 2px; padding: 0px; float: left; margin-left: 2px; }
#search-carousel #SearchIcon { cursor: pointer; float: right; width: 15px; height: 15px; padding-bottom: 3px; margin-right: 4px; }
#event-textSearchForm #search-carousel, #event-textSearchForm  { float: left; margin: 0px; }
#event-textSearchForm { padding: 46px 0px 0px 21px; }
.sub-cont .marbot { margin-bottom: 20px; }
.sub-cont .closep { margin: 0px auto 0px 85px; width: 122px; }
.sub-cont .viewall { margin-right: 23px; }
.jcarousel-prev, .jcarousel-next { display: none; }
#intro .jcarousel, #intro .jcarousel ul { padding: 0; margin: 0; overflow: hidden; width: 260px; }
.js .prev, .js .next, .js .no-prev, .js .no-next { display: inline; padding-top: 14px; }
.js .jcarousel, #carousel img { float: left; }
.js .prev, .js .no-prev { margin-right: 5px; }
.js .prev.disabled, .js .next.disabled { opacity: 0.2; filter:alpha(opacity=20); }
.js .prev.disabled:hover, .js .next.disabled:hover { opacity: 0.2; filter:alpha(opacity=20); }
#content { float: left; font-size: 1.3em; color: #8c8c8c; line-height: 1.6em; }
.sub-cont { margin-right: 11px; float: left; text-align: left; padding: 0px 21px; }
.sub-cont ul a, .sub-cont ol a { color: #8C8C8C; }
#sub-cont1, #sub-cont2, #sub-cont3 { height: 180px; width: 270px; }
#content h1 { font-size: 22px; font-weight: bold; color: #95c1a7; }
#content h3, #content h4, #content h5, #content h6 { color: #8C8C8C; font-weight: bold; font-size: 14px; margin: 14px 0 4px 0; }
#content h3 { font-size: 1.1em;}
#content h4 { font-size: 1em; }
#content h5, #content h6 { font-weight: normal; font-size: 10px; margin: 6px 0px 6px 0px;}
#content br { line-height: 10px; }
#content .double { width: 582px; }
#content .single { width: 920px; }
#self-help1, #self-help2, #self-help3 { width: 270px; }
#self-help1 h2, #self-help2 h2, #self-help3 h2 { font-size:1.3em; }
#self-help1 a, #self-help2 a, #self-help3 a { color: #404040; }
#self-help1 a.more-info, #self-help2 a.more-info, #self-help3 a.more-info { color: #404040; font-size:1em; line-height:1.3em; }  
#self-help1 ul, #self-help2 ul, #self-help3 ul { list-style-image: none; list-style-type: none; padding: 0px; }
#self-help1 ul li, #self-help2 ul li, #self-help3 ul li { font-size: 1em; color:#8C8C8C; background: url(/ContentFiles/Img/bullet.gif) no-repeat; padding: 0px 0px 0px 15px; background-position: -2px 8px; }
#self-help1 p, #self-help2 p, #self-help3 p { font-size: 1em; }
#self-help1 span, #self-help2 span, #self-help3 span { font-size: 1em !important; }
/* Full width and single block for #content */
#self-help123 { width: 960px; margin-right: 0px; padding: 0px; }
#self-help123 ul { padding-left: 0px; list-style: none; border-collapse: collapse; margin-top: 1px; }
#self-help123 ul li { width: 278px; width: expression('265px'); float: left; padding: 21px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #ccc; margin-right: 11px; margin-top: -1px; min-height: 220px; height: auto !important; height: 220px; }
#self-help123 ul li.nomar { margin-right: 0; }
#self-help123 ul li.border_bottom { border-bottom: 1px solid #CCCCCC; border-top: none; }
#self-help123 ul img { float: left; margin-right: 23px; }
#content #self-help123 ul p { float: right; width: 157px; font-size:1em }
#content #self-help123 ul .playlist p { width: 110px; }
#self-help123 .playlist { width: auto; }		
#self-help123 .playlist-nofull { clear:none; float:left; margin-left: 8em; margin-left: expression('4em'); width: auto; }	
#wrapper #self-help123 h2 { width: auto; font-size: 1.231em; }
#self-help123 ul a.viewall { clear: none; margin-right: 43px; float: left; }
#self-help123 ul a { clear: none; margin-right: 10px; float: left; font-size: 1em; line-height: 1.3em;}
/* Double width, two blocks for #content and no padding-left */
#self-help12 { width: 635px; padding: 0px; }
#self-help12 ul { padding-left: 0px; list-style: none; border-collapse: collapse; margin-top: 1px; }
#self-help12 ul li { width: 270px; float: left; padding: 21px; border-top: 1px solid #ccc; margin-right: 11px; margin-top: -1px; min-height: 155px; height: auto !important; height: 155px; }
#self-help12 ul li.bottom { border-bottom: 1px solid #ccc; }
#self-help12 ul li.no-events { width: 540px; }
#self-help12 ul li.nomar { margin-right: 0; }
#self-help12 ul img { float: left; margin-right: 23px; margin-top: 10px; }
#content #self-help12 ul p { float: right; width: 155px; line-height: 15px; }
#wrapper #self-help12 h2 { width: auto; }
#self-help12 ul a { clear: none; margin-right: 10px; }
/* Double width, two blocks for #content and padding-left */
#self-help12-pad { width: 635px; padding: 0px 0px 0px 21px; color: #404040; font-family: Arial,Verdana,Helvetica,sans-serif; font-size:15px; }
#self-help12-pad a { float: none; display: block; }
#self-help12-pad br { line-height:1.6em; } 
#self-help2 h2 { margin-bottom: 12px; }
#self-help3 { margin-right: 0px; }
/* calendar */
#self-help3.wide { margin: 0px 0px 0px 10px; padding: 0px; width: 302px; }
#self-help3.wide #calendar li, #self-help3.wide  #map li { background: none; padding: 0; }
#calendar-heading { border: 1px dashed #ccc; padding: 14px 17px; margin: 0px; float: left; width: 266px; border-bottom: none; }
#self-help3 #calendar-heading h2 { margin-bottom: 0px; float: left; width: auto; }
#year-search { float: right; }
#year-search img { margin: 2px; }
#self-help3 #calendar-heading span { margin-bottom: 0px; }
#calendar { border: 1px dashed #ccc; margin-top: -1px; list-style: none; padding-left: 0px; float: left; width: 300px; }
#calendar li { float: left; margin: 0px; list-style-image: none; list-style-type: none; }
#calendar a { background: url(/ContentFiles/Img/calendar.gif) 0 0 no-repeat; text-indent: -9999em; display: block; width: 75px; height: 34px; }
#calendar #jan {  }
#calendar #jan:hover { background-position: -1px -105px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #jan.active { background-position: -1px -105px; }
#calendar #jan.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #feb { background-position: -75px 0px; }
#calendar #feb:hover { background-position: -75px -105px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #feb.active { background-position: -75px -105px; }
#calendar #feb.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #mar { background-position: -150px 0px; }
#calendar #mar:hover { background-position: -150px -105px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #mar.active { background-position: -150px -105px; }
#calendar #mar.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #apr { background-position: -225px 0px; }
#calendar #apr:hover { background-position: -225px -105px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #apr.active { background-position: -225px -105px; }
#calendar #apr.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #may { background-position: 0px -34px;  }
#calendar #may:hover { background-position: 0px -139px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #may.active { background-position: 0px -139px; }
#calendar #may.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #jun { background-position: -75px -34px; }
#calendar #jun:hover { background-position: -75px -139px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #jun.active { background-position: -75px -139px; }
#calendar #jun.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #july { background-position: -150px -34px; }
#calendar #july:hover { background-position: -150px -139px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #july.active { background-position: -150px -139px; }
#calendar #july.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #aug { background-position: -225px -34px; }
#calendar #aug:hover { background-position: -225px -139px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #aug.active { background-position: -225px -139px; }
#calendar #aug.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #sep { background-position: 0px -68px;  }
#calendar #sep:hover { background-position: 0px -174px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #sep.active { background-position: 0px -174px; }
#calendar #sep.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #oct { background-position: -75px -68px; }
#calendar #oct:hover { background-position: -75px -174px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #oct.active { background-position: -75px -174px; }
#calendar #oct.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #nov { background-position: -150px -68px; }
#calendar #nov:hover { background-position: -150px -174px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #nov.active { background-position: -150px -174px; }
#calendar #nov.active:hover { opacity: 1; filter: alpha(opacity=100); }
#calendar #dec { background-position: -225px -68px; }
#calendar #dec:hover { background-position: -225px -174px; opacity: 0.5; filter: alpha(opacity=50); }
#calendar #dec.active { background-position: -225px -174px; }
#calendar #dec.active:hover { opacity: 1; filter: alpha(opacity=100); }
/* search by region */
#region { width: 304px; margin-top: 31px; float: left; }
#region h2 { margin-left: 21px; width: auto; }
#map { width: 298px; height: 266px; position: relative; background: url(/ContentFiles/Img/regions.gif) 0 0 no-repeat; list-style: none; padding: 0px; }
#map a { text-indent: -9999em; display: block; }
#map li { list-style: none; }
#region1 { position: absolute; top: 0px; left: 121px; }
#region1 a { height: 60px; width: 42px; }
#region1 a:hover, #region1 a.active { background: url(/ContentFiles/Img/regions.gif) -121px -274px no-repeat; }	
#region2 { position: absolute; top: 51px; left: 138px; }
#region2 a { height: 57px; width: 74px; }
#region2 a:hover, #region2 a.active { background: url(/ContentFiles/Img/regions.gif) -138px -599px no-repeat; }
/*hovering over region2 when region1 or region3 are active*/
#region2 a.region1active:hover { background: url(/ContentFiles/Img/regions.gif) -138px -873px no-repeat; }
#region2 a.region3active:hover { background: url(/ContentFiles/Img/regions.gif) -138px -1147px no-repeat; }
#region3 { position: absolute; top: 100px; left: 151px; }
#region3 a { height: 53px; width: 56px; }
#region3 a:hover, #region3 a.active { background: url(/ContentFiles/Img/regions.gif) -151px -374px no-repeat; }
/*hovering over region3 when region2 is active*/
#region3 a.region2active:hover { background: url(/ContentFiles/Img/regions.gif) -151px -1196px no-repeat; }
#region4 { position: absolute; top: 130px; left: 29px; }
#region4 a { height: 134px; width: 118px; }
#region4 a:hover, #region4 a.active { background: url(/ContentFiles/Img/regions.gif) -29px -678px no-repeat; }
.sub-cont p { margin: 0px 0px 10px 0px; font-size: 1.3em; color: #8c8c8c; }
.sub-cont .sub-cont2 p { font-size: 1.2em;}
.sub-cont p a { color: #8C8C8C; }
.sub-cont .sub-cont-text { color: #8C8C8C; font-size: 1em; margin: 0 0 10px; }
.sub-cont .sub-cont-text a { color: #8C8C8C; font-size: 1em; } 
.sub-cont-text h4.span {font-size:20px;}
.sub-cont a { color: #404040; text-decoration: underline; clear: left; }
#wrapper .sub-cont h2, #sub-cont span.heading, #calendar-heading span.heading { font-weight: bold; color: #79B190; text-align: left; height: auto; padding: 0px; margin-bottom: 9px; }
#wrapper .single h2 { margin-top: 12px; }
/* Steps */
#self-help-steps { float: left; width: 100%; margin: 28px 0px 0px; }
#self-help-steps a { font-size: 15px; font-weight: bold; color: #ffffff; padding-left: 24px; text-decoration: none; }
#self-help-steps a:hover { text-decoration:underline; }
#self-help-steps #page-help-text a { font-weight: normal; font-size:1em color:#404040; text-decoration:underline; padding: 0; }
#self-help-steps #page-help-text a:hover { font-weight: normal; text-decoration:underline; }
#self-help-steps #page-help a { color: #FFFFFF; }
#self-help-steps { float: left; width: 100%; margin: 28px 0px 0px; text-align: left; height: 98px; }
.banner { height: auto !important; }
.banner #page-help-text { float: left; width: 594px; }
.banner #page-help-text p { margin: 6px 0; }
.banner #page-help, .banner #page-help-text, .banner #page-help-banner { padding-left: 20px; }
.banner #page-help-banner { float: right; width: 306px; }
.banner #page-help { float: left; }
.banner #page-help h3 { margin: 0; }
#non-flash-img-header { background: none repeat scroll 0pt 0pt rgb(143, 213, 178); position: absolute; left: 654px; height: 30px; top: 223px; text-align: left; padding-left: 23px; width: 283px; padding-top: 12px; color: #FFF; font-size: 1.5em; font-weight: bold; }
#non-flash-img-header a { color:#FFFFFF; text-decoration:underline; }
#self-help-steps a { padding-left: 18px; color:#404040; }
#self-help-steps a:hover { padding-left: 18px; text-decoration: underline; }
#banner-arrow { background-image: url(/ContentFiles/Img/sub-nav-banner-arrow.gif); background-position: 0px; background-repeat: no-repeat; clear: left; height: 38px; text-align: right; width: 634px; }
#banner-arrow p { line-height: 38px; font-weight: bold; margin:0 0 10px; }
.banner #banner-arrow p a { text-decoration: none; background:url("/ContentFiles/Img/arrow-right.gif") no-repeat scroll 266px 13px transparent !important; float: right; }
.banner #banner-arrow p a:hover { text-decoration: underline; background: url(/ContentFiles/Img/arrow-right-hover.gif) no-repeat scroll 266px 13px transparent !important; }
.banner #banner-arrow p a.flash { text-decoration: none; background:url("/ContentFiles/Img/arrow-right.gif") no-repeat scroll 170px 13px transparent !important; float: right; }
.banner #banner-arrow p a.flash:hover { text-decoration: underline; background: url(/ContentFiles/Img/arrow-right-hover.gif) no-repeat scroll 170px 13px transparent !important; float: right; }
#banner-arrow p a { text-decoration: none; background:url("/ContentFiles/Img/arrow-right.gif") no-repeat scroll 242px 3px transparent !important; padding-right: 50px; }
#banner-arrow p a:hover { text-decoration: underline; background: url(/ContentFiles/Img/arrow-right-hover.gif) no-repeat scroll 242px 3px transparent !important; padding-right: 50px; }
#banner-arrow p a.flash { text-decoration: none; background:url("/ContentFiles/Img/arrow-right.gif") no-repeat scroll 150px 3px transparent !important; padding-right: 50px; }
#banner-arrow p a.flash:hover { text-decoration: underline; background: url(/ContentFiles/Img/arrow-right-hover.gif) no-repeat scroll 150px 3px transparent !important; padding-right: 50px; }
#page-help-banner img { float: right; }
div.left a { background-image: url(/ContentFiles/Img/arrow-left-bottomnav.gif); background-position: 0px 1px; background-repeat: no-repeat; padding-bottom: 2px;}
div.left a:hover { background-image: url(/ContentFiles/Img/arrow-left-bottomnav-hover.gif); background-position: 0px 1px; background-repeat: no-repeat; } 
div.right a { background-image: url(/ContentFiles/Img/arrow-right-bottomnav.gif); background-position: right 3px; background-repeat: no-repeat; float: right; padding-right: 30px; padding-bottom: 2px; text-align: right; margin-right: 20px; }
div.right a:hover { background-image: url(/ContentFiles/Img/arrow-right-bottomnav-hover.gif); background-position: right 3px; background-repeat: no-repeat; }
div.left, div.right { text-align: left; }
div.left #page-help-text a, div.right #page-help-text a { color: #404040; float: none; /*font-size:1.5em;*/ line-height: 1.6em; text-decoration: underline; margin: 0px; padding: 0px; background-image: none; }
div.right #page-help-text a:hover, div.left #page-help-text a:hover { padding: 0px; }
div.right #page-help-text { width: 600px; text-align: left; float: left; }
div.right #page-help-text p { margin: -6px 50px 0px 19px; color: #404040; font-size:1.5em; line-height: 1.6em;}
div.right #page-help { background-image: url(/ContentFiles/Img/page-help-right.gif); background-repeat: no-repeat; float: right; width: 315px; height: 40px; padding-top: 6px; }
div.left #page-help a.no-heading { float: right; margin-top: 38px; }
div.right #page-help a.no-heading { float: left; }
div.left #page-help-text { width: 633px; float: right; text-align: left; }
div.left #page-help-text p { margin: -6px 50px 0px 19px; line-height: 1.6em; font-size: 1.5em; }
div.left #page-help { background-image: url(/ContentFiles/Img/page-help-left.gif); background-repeat: no-repeat; float: left; width: 315px; height: 40px; padding-top: 10px; }
#self-help-steps h3 { font-size: 17px; font-weight: bold; margin: 22px 0 3px; color: #79B190; }
#self-help-steps.left h3 { margin-left: 23px; }	
#self-help-steps.left a { margin-left: 20px; padding-bottom: 2px; padding-left: 31px; font-size:1.5em }
#self-help-steps.right h3, #self-help-steps.right a { margin-left: 25px; /*font-size:1.5em;*/ padding-left:0;line-height:1.8em; } 
#self-help-steps.right #page-help a.no-heading { float: right; }
/* Sub-content */
#sub-cont { background: #ffffff url(/ContentFiles/Img/sub-cont-bg.jpg) 0 8px repeat-x; float: left; height: 180px; margin-top: 39px; margin-bottom: 21px; }
#sub-cont1, #sub-cont2, #sub-cont3 { width: 270px; }
#sub-cont .printer { background: url(/ContentFiles/Img/printer.gif) 0 2px no-repeat; padding-left: 17px; font-size:1.3em }
#sub-cont .printer:hover { background: url(/ContentFiles/Img/printer-hover.gif) 0 2px no-repeat; }
.sub-cont .external { background: url(/ContentFiles/Img/external.png) 0 2px no-repeat; padding-left: 17px; }
.sub-cont .external:hover { background: url(/ContentFiles/Img/external-hover.png) 0 2px no-repeat; }
#sub-cont a { width: auto; float: none; display: block; }
#sub-cont p { margin-bottom: 13px; line-height: 1.4em; }
#sub-cont span.heading { float: right; font-size:1.5em}
#sub-cont h2 { float: left; width: auto; margin-top: 0px; }
#sub-cont .sub-cont img { float: right; margin-left: 10px; padding-top: 2px; }
#sub-cont .sub-cont div { clear: both; }
#sub-cont3 { margin-right: 0px; }
/* Footer */
#footer { border-top: 1px dotted #666666; padding-top: 20px; float: left; width: 100%; }
#foot-cont1, #foot-cont2, #foot-cont3 { width: 270px; }
#footer a, #footer p { font-size: 1.2em; float: left; }
#footer p { clear: left; }
#footer a:hover { background: none; }
#wrapper #footer h2 { margin-bottom: 0px; color: #8C8C8C; font-size:1.8em }
#foot-cont3 { margin-right: 0px; }
/* =HomePage (no breadcrumbs, steps, carousel and content) .home*/
.home #intro { margin-bottom: 0px; }
.home #sub-cont { margin-top: 30px; } 
.home div ul #home { background-position: 0 -40px; }
.home #carousel-cont p { padding-left: 20px; width: 306px; }
.home #content { margin-bottom: 30px; }
/* =VideoDetailsPage (no intro or carousel) .video */
.video #intro { min-height: 30px; height:auto !important; height: 30px; }
.video #self-help1,.video #self-help2,.video #self-help3 { width : 317px; width: expression('290px !important'); } 
#content .video a { clear: none; }
.video #self-help2 h2 { margin-top: 0px; font-size:1.3em}
/*	=SearchResults (Double width, two blocks for #content and padding-left) .results */
.results #self-help12 ul { padding-left: 0px; list-style: none; }
.results #self-help12 ul li { width: 635px; float: left; border-bottom: 1px dotted #ccc; border-top: none; padding: 10px 0px 10px 21px }
.results #content #self-help12 p { float: none; width: auto; font-size: 1em; }
.results #content #self-help12 h2 { margin-bottom: 10px; font-size: 1em; }
.results #intro p { margin: 5px 0px; }
.results #self-help12 ul.pager li { float: left; border: none; margin: 3px; padding: 0; width: auto; min-height: 20px; height: 20px;}
.results #self-help12 ul.pager li a {	margin: 0; }
.results #intro {min-height: 0px; margin-bottom: 0px;}
/* =StandardPage .standard */
/* =Events Listing .events */
#wrapper.events  #self-help12 h2 { float:right; width:155px; }
/* =Event Details .event*/
/* =Video Listing .videos*/
/* =PrivacySecurity .privacy*/
.privacy #intro { min-height: 30px; height: auto !important; height: 30px; }
/* =HelpServices .services*/
/* =SelfTestIntro .selftestintro*/
.selftestintro #self-help-steps { margin: 0; }
.selftestintro #self-help-steps.right a { float:left; height:22px; padding-left:29px; width:99px; }
.selftestintro #self-help-steps.left a { float: right; margin-right: 12px; width: 99px; height: 22px; padding-left: 29px; }
.selftestintro div.right #page-help { position: relative; }
.selftestintro #footer { margin-top: 39px; }
.selftestintro #page-help { float: left; width: 318px; }
.selftestintro #self-help-steps.right #page-help { float: right; width: 315px; }
/* =SelfTest .selftest*/
.selftest #intro { background: #D0EFDD; text-align: left; padding-bottom: 15px; }

.selftest #intro #carousel-cont h2 { margin-bottom: 0px; line-height: 23px; font-size: 16px; }
.selftest #mast, .selftest #sub-cont { display: none; }
.selftest #carousel-cont h2 { font-size: 22px; padding: 15px 13px 0 28px; }
.selftest #intro-content h2, .selftest #main-content h2 { margin-top: 10px; padding: 0; }
.selftest #carousel-cont { height: 138px; top: -23px; }
.selftest #bread-crumbs { padding: 0px 0px 8px; text-align: left; }
.selftest #intro h2 { color: #fff; text-align: left; margin-bottom: 6px; margin-right: 15px; padding-bottom: 0px; font-size: 22px; height: auto; }
.selftest #intro h3 { color: #8C8C8C; text-align: left; margin-top: 0px; margin-right: 15px; font-size: 20px; }
.selftest #signature { color: #8C8C8C; font-size: 10px; float: left; margin: 10px 0px 0px }
.selftest #intro-content { width: 629px; }
.selftest p { margin: 10px 0px; }
.selftest .pro-bar-p{ margin: 19px 0px; line-height: 1.3em !important; }
.selftest marquee { margin: -11px 10px 10px 8px; height: 21px; }
.selftest br { line-height: 4px; }
.selftest #main-content {color: #404040; font-size:1.5em; line-height: 1.6em; }
.selftest p { font-size:1em; line-height: 1.6em; }
.selftest #result-summary p { clear: left; }
.selftest #banner-img-link { height:194px; left:647px; position:absolute; top:0; width:289px; }
.selftest .score-text { margin-bottom: 0; color: #404040; font-size:1.5em; line-height: 1.6em; padding-right:24px; width:612px; }
.selftest #main-content ul { color: #404040; font-size: 1em; list-style: none; float: left; list-style-image: none; width: 608px; }

.selftest #score-indicator { height: 12px; margin-left: 15px; }
.selftest #score-indicator #start { margin-right: 12px; }
.selftest #score-indicator #end { margin-left: 12px; }
.selftest #score-indicator div { float: left; margin: 0; font-size: 0.9em; height: 12px; line-height: 1em; }
.selftest #score-indicator #container { border: 1px dashed #FFFFFF; width: 485px; background-color: #B1D9C1; }
.selftest #score-indicator #container #position { margin: 0; overflow: hidden; }
.selftest #score-indicator #container #position #color-container div { float: left; }
.selftest #score-indicator #container #position #color-container { width: 486px; }
.selftest #score-indicator #container #position #green { width: 179.6px; background-color: #339966; }
.selftest #score-indicator #container #position #yellow { width: 89.8px; background-color: #FFCC33; }
.selftest #score-indicator #container #position #orange { width: 89.8px; background-color: #FF6633; }
.selftest #score-indicator #container #position #red { width: 125.7px; background-color: #CC3333; }
.selftest #banner-arrow { background: url(/ContentFiles/Img/self-test-banner-arrow.gif) 0 0 no-repeat; width: 626px; }
.selftest #result-summary { background: url(/ContentFiles/Img/self-test-result-journal.gif) right bottom no-repeat; margin-bottom: 29px; padding-top: 39px; position: relative; }
.selftest #result-summary ul li { background:url("/ContentFiles/Img/arrow-right.gif") no-repeat scroll 1px 8px transparent; padding:0 0 0 28px; }
.selftest #score { position: relative; }
.selftest #progress-marker { position: absolute; top: -11px; background: url("/ContentFiles/Img/self-test-progress-arrow.gif") no-repeat scroll 0 0 transparent; float: left; height: 32px !important; margin: 2px 0 0; width: 16px; }

.selftest #answered-questions-summary {}
.selftest #answered-questions-summary .question-answer { float: left; border-bottom:1px dashed #FFFFFF; padding:10px 0; }
.selftest #answered-questions-summary .index { float: left; width: 25px; }
.selftest #answered-questions-summary .question { float: left; width: 602px; }
.selftest #answered-questions-summary .answer { float: left; width: 272px; }

#selftestquiz { padding-left: 0px; background-color: #fff; }
#selftestquiz li { float: left; list-style-type: none; border-right: 10px solid #fff; }
#selftestquiz li a { text-indent: -9999em; margin-bottom: 0px; display: block; height: 74px; width: 113px; }
#selftestquiz li.last { border: none; height: 74px; }
#selftestquiz li.last a { border-right: none; text-indent: 0px; color: #8C8C8C;  font-size: 12px; float: left; margin: 24px 0px 0px; background: url(/ContentFiles/Img/arrow.png) 0px 6px no-repeat; padding-left: 18px; height: auto; }
#selftestquiz li.last a:hover { background: url(/ContentFiles/Img/arrow-hover.png) 0px 6px no-repeat; }
#selftestquiz #never a { background: url(/ContentFiles/Img/selftestbg.jpg) 0 0 no-repeat; }
#selftestquiz #never a:hover, #selftestquiz #never a.click { background: url(/ContentFiles/Img/selftestbg.jpg) 0 -78px no-repeat; }
#selftestquiz #afewtimes a { background: url(/ContentFiles/Img/selftestbg.jpg) -121px 0 no-repeat; }
#selftestquiz #afewtimes a:hover, #selftestquiz #afewtimes a.click{ background: url(/ContentFiles/Img/selftestbg.jpg) -121px -78px no-repeat; }
#selftestquiz #morethanaweek a { background: url(/ContentFiles/Img/selftestbg.jpg) -242px 0 no-repeat; }
#selftestquiz #morethanaweek a:hover, #selftestquiz #morethanaweek a.click { background: url(/ContentFiles/Img/selftestbg.jpg) -242px -78px no-repeat; }
#selftestquiz #allthetime a { background: url(/ContentFiles/Img/selftestbg.jpg) -363px 0 no-repeat; }
#selftestquiz #allthetime a:hover, #selftestquiz #allthetime a.click { background: url(/ContentFiles/Img/selftestbg.jpg) -363px -78px no-repeat; }
#selftestquiz #nextpage { background: url(/ContentFiles/Img/selftestbg.jpg) -484px 0 no-repeat; width: 128px; }

/*progress bar*/
#pro-bar { float: left; padding-left: 0px; margin: 23px 10px 0px; }
#pro-bar li { float: left; text-indent: -9999em; border: 1px dotted #fff; border-right: none; width: 53px; height: 9px; list-style-type: none; margin: 0px; line-height: 9px; }
#pro-bar li.completed, #pro-bar.all-completed li { background-color: #8C8C8C; }
#pro-bar.all-completed li#last { background: url(/ContentFiles/Img/pbardone-completed.gif) 0 0 no-repeat; }
#pro-bar #last { background: url(/ContentFiles/Img/pbardone.gif) 0 0 no-repeat; width: 56px; border: none; height: 11px; }
#pro-bar #last.completed { background: url(/ContentFiles/Img/pbardone-completed.gif) 0 0 no-repeat; width: 55px; border: none; height: 11px; }
.pro-bar-p { font-size: 11px; float: left; margin: 19px 0px 0px }
/* =SelfTestResults .selftest-results*/
.selftest #carousel-cont h2#results { font-size: 14px; }
#way-through { list-style: none; padding: 1px 0 0 15px; width: 602px; margin-top: 10px; }
#way-through li { margin: 0; padding: 0 40px 0 0; line-height: 12px; }
#way-through li p a { font-size:1em; }
/* =SiteAnnouncement*/
#site-announcement-cont, #site-announcement-cont img, #site-announcement, #announcement-cont { float: left; }
#site-announcement-cont { margin-top: 10px; float: left; }
#site-announcement { margin: 0px; text-align: left; }
#site-announcement-cont-inner { float: right; }
#site-announcement-cont img { margin: 2px 8px 0 0; }
marquee { float: left; width: 440px; margin: -1px 0 0 8px; }
marquee p  { font-weight: bold; font-size: 12px; margin: 0; }
/* =SiteMap .sitemap*/
.sitemap .header_row { width: 915px; float: left; padding-top: 5px; font-size: 11px; }
.sitemap .header_row .heading { float: left; width: 348px; } 
.sitemap #intro { margin: 0; min-height: 0; height: auto; }
.sitemap #intro.caro-intro { margin: 0; }
.sitemap #content div.border { border-top: 1px dashed #CCC; }
.sitemap #content h2.section_title { float: left; width:348px; padding: 0px; }
.sitemap #content h2.section_title a { text-decoration: none; color: #79B190; font-size:1.1em; font-weight:bold; height:auto; margin-bottom:9px; padding:0; text-align:left;  }
.sitemap #content .section { width: 915px; float: left; border-top: 1px dashed #CCC; padding-bottom: 20px; padding-top: 5px; margin: 0; }
.sitemap #content .section-cont { width: 494px; float: left; padding: 0 !important; margin: 0 !important; }
.sitemap #content .section-cont a { text-decoration: none; }
.sitemap #content .secondlevel-cont { width: 568px; float: left; padding: 0 !important; padding-bottom: 0px; padding-top: 0px; padding-left: 0;  margin: 0; width: expression('550px'); }
.sitemap #content .secondlevel-item { width:348px; float: left; }
.sitemap #content .thirdlevel-cont { width: 134px; float: left; padding-bottom: 0px; padding-top: 0px; padding-left: 0; margin: 0 !important; }
.sitemap #content .thirdlevel-item { float: left; width: 134px; }
.sitemap #content { padding:0 21px; text-align:left; float:left; margin-right:11px; padding:0 21px; text-align:left; }
.sitemap #self-help1 a, .sitemap #self-help2 a, .sitemap #self-help3 a { margin-right:12px; }
/* =Transcript .transcript*/
.transcript #intro.no-content { margin-bottom: 0px; min-height: 30px; height: expression('30px') !important; }
/* =Edit Content Style */
div.left a.editContentPopup, div.right a.editContentPopup { background-image: none; }
a.editContentPopup { text-decoration: none !important; }
#sub-cont { width: 100% }
.editable:hover { border: 1px dashed #000; background-color: #DDD; }