@charset "utf-8";
/* CSS Document */
/*
================================================================================
Sub landing template.
Author:       Josh Shindler 
Created:      19th March 2009 
================================================================================

/*Structure*/
#sub-landing-wrapper{ background:#ffffff; width:100%; }
#sub-landing-top-section{width:100%; float:left; background-color:#FFFFFF; margin: 0; padding:0;}
#sub-landing-top-section #image-intro { width:920px; padding:12px 20px 0px 20px; }
#sub-landing-top-section #image-intro img { margin-bottom:12px; }
#sub-landing-top-section #image-intro p { margin-bottom:12px; }
#sub-landing-top-section strong, #sub-landing-content strong {font-weight:700;}
#sub-landing-content {width:100%; float:left; background-color:#FFFFFF; padding:0 0 0 0; margin: 0 0 0 0;}
/*Top Section*/
h1 {clear:both;margin:0 0 0 0; font:1.5em/130%  Verdana, Arial, Helvetica,sans-serif bold; color:#fff; text-decoration:none; padding:8px 0 8px 20px;}
#sub-landing-top-section img{float:left; margin:0 20px 12px 0;border:#8F8B8B 1px solid;}
/*border background colours*/
.yellow-h1            {background-color:#FF9933;}
.orange-h1             {background-color:#cd5806;}
.claret-h1            {background-color:#860b0b;}
.blue-h1            {background-color:#4382a8;}
.purple-h1            {background-color:#6d3678;}
.dk-green-h1        {background-color:#007e3a;}
.green-h1            {background-color:#88cc44;}
.teal-h1            {background-color:#008193;}
.pink-h1            {background-color:#c40098;}
.dk-blue-h1            {background-color:#00529b;}
.grey-h1            {background-color:#716b6b;}
.black-h1            {background-color:#000000;}

/*Top section bottom border colours*/
.yellow-border            {border-bottom: 4px solid #9b5f1d;}
.orange-border             {border-bottom: 4px solid #7b3700; }
.claret-border            {border-bottom: 4px solid #520a0a; }
.blue-border            {border-bottom: 4px solid #10547c; }
.purple-border            {border-bottom: 4px solid #45224c; }
.dk-green-border        {border-bottom: 4px solid #004a22; }
.green-border            {border-bottom: 4px solid #527f2a;}
.teal-border            {border-bottom: 4px solid #0b454d; }
.pink-border            {border-bottom: 4px solid #840267; }
.dk-blue-border            {border-bottom: 4px solid #01325e; }
.grey-border            {border-bottom: 4px solid #353434; }
.black-border            {border-bottom: 4px solid #716b6b; }
/*Content*/
#sub-landing-content ul {float:left; width:100%;}
#sub-landing-content li {float:left; width:320px;}
#sub-landing-content li h2{background:#CDCDCD url(/images/home-img/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 20px; margin:0 0 12px 0;font-weight:700; display:block;}
#sub-landing-content li img {float:left; margin:0 20px 12px 20px; border:#8F8B8B 1px solid;}
#sub-landing-content li p {float:left; padding:0 20px 12px 20px;}
#sub-landing-content .centre{float:left; width:318px; border-right:#BFBFBF dotted 1px; border-left:#BFBFBF dotted 1px; }
#sub-landing-content .centre img {float:left; margin:0 19px 12px 19px; border:#8F8B8B 1px solid;}
#sub-landing-content .centre p {float:left; padding:0 19px 12px 19px;}
/* Advanced search */
div.two-column div {float: left; width: 479px;}
/* important: set the border on whichever column has more content */
div.two-column div.with-border {border-right: #BFBFBF dotted 1px; width: 480px;}
div.two-column div h2 {background:#CDCDCD url(/images/home-img/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 20px; margin:0 0 12px 0;font-weight:700; display:block;}
#sub-landing-content div.two-column div p {padding:0 20px 12px 20px;}


/* LIST OF GUIDES - NO EXPANDING MENU */
#sub-landing-content ul ul {margin:0 0 0 0;padding:0 0 10px 0;list-style:none;float:left;}
#sub-landing-content ul ul li {margin:0 0 5px 10px;font-size:0.9em;padding:0 0 7px 0;border-bottom:#BFBFBF dotted 1px;width:279px;}
html>body #sub-landing-content ul ul li {margin:0 0 5px 20px;}
#sub-landing-content ul ul a {padding:0;color:#000;text-decoration:none;position:relative;left:-20px;padding-left:20px;cursor:hand;}
html>body #sub-landing-content ul ul a:hover {cursor:pointer;}
#sub-landing-content ul ul a:hover {text-decoration:underline;}
/* END OF LIST OF GUIDES - NO EXPANDING MENU */


/* EXPANDING MENU - LIST OF GUIDES */
#sub-landing-content .expandable-menu, #sub-landing-content .expandable-menu ul {margin:0 0 0 0;padding:0 0 10px 0;list-style:none;float:left;}
#sub-landing-content .expandable-menu li {margin:0 0 5px 10px;padding:0;font-weight:bold;background:url(/images/global/both-menu.gif) no-repeat -30px 3px;width:279px;}
html>body #sub-landing-content .expandable-menu li {margin:0 0 5px 20px;}
#sub-landing-content .expandable-menu li.active {background-position: 0 -27px;}
#sub-landing-content .expandable-menu li h3 {padding:0 0 8px 0; margin:0 0 0 15px; font-size:1em;font-weight:700;}
#sub-landing-content .expandable-menu a {padding:0;color:#000;text-decoration:none;position:relative;left:-20px;padding-left:20px;cursor:hand;}
html>body #sub-landing-content .expandable-menu a:hover {cursor:pointer;}
#sub-landing-content .expandable-menu a:hover {text-decoration:underline;}
#sub-landing-content .expandable-menu li {font-size:1em;border:none;}
#sub-landing-content .expandable-menu li ul {padding:0 0 8px 0; margin:0 0 0 0; font-size:0.9em;width:279px; }
#sub-landing-content .expandable-menu li ul li {margin:0 0 5px 0;padding:0 0 7px 15px;background-image:none;width:264px;border-bottom:#BFBFBF dotted 1px;}
html>body #sub-landing-content .expandable-menu li ul li {margin:0 0 5px 0;background-image:none;}
#sub-landing-content .expandable-menu li ul li a{font-weight:normal;margin:0;}
#sub-landing-content .expandable-menu li ul li a:hover{text-decoration:underline;}
#sub-landing-content .expandable-menu a:hover{text-decoration:underline;}
#sub-landing-content .expandable-menu ul li {padding:0 0 0 0;}
#sub-landing-content .expandable-menu ul a {background:#ffffff; margin:0; padding:0; position: static; } 
/* END EXPANDING MENU - LIST OF GUIDES */ 

p.black-link a {color:#000;text-decoration:none;} 
p.black-link a:hover {color:#000;text-decoration:underline;}
 
 /* understanding video links*/
#sub-landing-content p .video, #sub-landing-content .centre p .video{background: url(/images/global/video.gif) no-repeat 0 2px; float:left; width:258px; padding:0 0 0 20px;  margin:5px 0 0 0;}
#sub-landing-content a.video {text-decoration:none; color:#000000;}
#sub-landing-content a.video:hover{text-decoration:underline;}
#sub-landing-content p .duration{font-size:0.9em; color:#666666; padding:0 0 0 5px;}