/*====== LAYOUT.CSS ======*/
          
/*====== CLEARING RULES ======*/
.cl {clear: both;}
    
br.cl, div.cl {
    height: 0;
    font-size: 0.1px;
    line-height: .0;
    }
    
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
    
/*====== REMOVE RULES ======*/
.rm {position: absolute; left: -999em;}
a.rm:active, a.rm:focus {top: 0; left: 0;}

/*====== HEADER STYLES ======*/
#header {padding: 0; margin: 0; position: relative; min-height:0px; z-index: 1;}  
#header #logo {position: absolute; top: 10px; left: 25px; z-index:1;}  

/*=== TOP NAV ===*/
#top-nav {margin: 0; padding: 5px 30px 10px 10px;}
#inner-top-nav {margin: 5px 0 0 0; float: right;}


/*=== SITE SERVICES ===*/
#site-services, #search-area {float: right;}
#site-services ul {margin: 2px 0 0 0;}
#site-services li {padding: 0; margin: 0 0 0 15px; display: inline;}

/*=== SEARCH AREA ===*/
#search-area {margin: 0 0 0 10px;}
#search-area input {margin: 0; height: 1.3em;}
#search-area .submit {margin-right: 10px; height: auto;}


/*=== BREADCRUMB TRAIL ===*/
#breadcrumb {margin: 0 0 0 228px; padding: 1px;}
#breadcrumb ol {margin: 13px 0 0 0; padding: 0;}
#breadcrumb li {float: left; padding: 0; margin: 0 7px 0 0;}
#breadcrumb li a {padding: 0 10px 0 0;}
#breadcrumb h1 {clear: both; margin: 35px 0 18px 0;}

/*=== HEADLINE ===*/
#headline {padding: 0; margin: 0; position: relative;}
#headline-wrap {padding: 0 0 13px 0; margin-left: 213px;}
#headline-image {position: absolute; overflow: hidden; height: 100%; margin-left: -213px; left: 17.9%;}
#inner-headline {overflow: hidden; margin-left: 0; padding: 0 15px 0 0; position: relative; min-height: 205px;}

#main-story {padding: 0; position: relative; width: 50%; float: right; margin: 15px 0 0 0; min-height: 190px;}
#inner-main-story {padding: 0 18px 18px 18px;}
#main-story h2 {margin-top: 10px;}
   
/*====== COLUMN LAYOUT STYLES ======*/
#outer-wrap {min-width: 650px; max-width: 1400px;}

#wrap1 {
    float: right; 
    width: 100%;
    margin: 0 0 0 -213px;
    padding: 0;
    z-index: 0;
    }

#wrap2 {
    width: 100%; 
    float: left;
    margin: 0 -214px 0 0;
    padding: 0;
    }
       
#mainwrap {
    margin:0;
    padding: 0;
    position: relative;
    }

#content{
    margin: 0 214px 0 213px;     
    padding: 0 15px 15px 15px;
    position: relative;
    }

#related {
    width: 214px;
    float: right;
    margin-bottom: 0;
    }
    
#navigation {
	float: left;
    width: 200px;
    margin: 130px 0 0 0;
    padding: 0;
    }
      
    
/*======= WIDE AND LANDING LAYOUT ========*/
.wide #wrap2, .landing #wrap2 {margin: 0;}
.wide #content, .landing #content {margin: 0 0 0 213px; padding-top: 15px;}
.landing #content {padding-left: 0;}
.wide #related, .landing #related {display: none;}

/*====== CONTENT STYLES ======*/

/*====== HOME PAGE LAYOUT ======*/
.home #wrap2 {margin-right: 0;}
.home #content {margin-right: 0; padding-top: 15px; padding-left: 0;}
.home #related {display: none;}
.home #navigation, .landing #navigation {margin-top: 0;}
.home #header h1 {margin: 0 0 0 213px; padding: 11px 15px 10px 15px;}

/*====== HOME PAGE AND LANDING PAGE CONTENT STYLES =======*/
.home #content ul, .landing #content ul {padding: 0;}
.home #content li, .landing #content li {padding: 0;}
.home #content h2, .landing #content h2 {margin-top: 0; padding-left: 40px;padding-bottom: 5px;}
#content #link-heading {margin-top: 15px;}

/*=== COLUMNS ===*/
.home #content .inner-col-left, .landing #content .inner-col-left {padding: 0 15px;}
.home #content .inner-col-right, .landing #content .inner-col-right {padding: 0 15px 0 0;}

.home #content .col-left h3 {margin-top: 5px;}
.home #content .col-left ul {margin: 5px 0 15px 0;}

.dividing-box {margin-bottom: 30px;}
.col-right .dividing-box {padding-left: 15px;}

/*=== COLUMNS WITHIN COLUMNS e.g REPORT, SEND, FIND INFORMATION ON ===*/
.home #content .col-left .inner-col-1 {padding-right: 15px;}
.home #content .col-left .inner-col-2 {padding-left: 15px;}

/*=== NEWS ===*/
#news-story {position: relative; overflow: hidden;}
#news-story img {position: absolute; top: 0; left: 0;}
#news-story p {margin:0 0 5px 90px;}

#news {margin: 15px 0;}
#news dt {padding: 0; margin: 0 0 3px 0;}
#news dd {margin: 0 0 15px 0;}

/*=== EVENTS ===*/
#events-listing {margin-bottom: 7px;}
#events-listing dt {margin-top: 10px;}
#events-listing dd, #events-listing dt {padding-left: 0;}
#events-listing dd {margin: 10px 0 0 0;}

/*=== QUICK LINKS ===*/
#entertainment-logos {margin-top: 30px;}
#entertainment-logos li {float: left; padding: 0; margin: 0 15px 15px 0;}

/*=== WHATS ON ===*/
#whats-on img {position: absolute; left: 0; top: 0;}
#whats-on li {clear: left; margin: 0 0 15px 0; overflow: hidden; position: relative;}
#whats-on p {margin:0 0 10px 90px;}

/*=== CONTACT AREA ===*/
#contact-area {clear: both; margin: 25px 0 0 0;}
#inner-contact-area {position: relative; min-height:158px;}
#contact-area img {position: absolute; left: 50%; margin-left: -250px;}
#content #contact-area ul {margin: 0;}
#contact-area li {float: left; padding: 0; margin: 0;}
#contact-area li a {display: block;padding: 5px 5px 7px 35px; letter-spacing: -0.03em;}

/*====== RELATED LINK STYLES ======*/
#related h2, #related ul {margin: 0 15px 5px 15px;}
#related ul {margin-bottom: 20px; padding-left: 0;}
#related li {padding-left: 0;}

/*=== PHOTO BOX ===*/
.photo-box {padding-bottom: 15px;}
.photo-box p {padding: 10px 10px 10px 15px; margin: 0;}

/*=== LOGO BOX ===*/
#logo-box {padding: 15px; margin: 0 30px 15px 15px;}
#logo-box p {margin: 0;padding: 0;}

/*====== GOV METRIC SNIPPET ======*/
#gov-metric-snippet {margin: 10px 0 0 0;}
#gov-metric-snippet p {display: inline; margin: 0; padding: 0 0 5px 0;}
#gov-metric-snippet input {margin: 0 0 -15px 0;}

#related #gov-metric-snippet {padding: 0 0 15px 0; margin: 0 15px 0 0;}
#related #inner-gov-metric-snippet {padding: 15px;}
#related #gov-metric-snippet p {display: block;}
#related #gov-metric-snippet input {margin: 0 0 -0.7em 0;}
    
/*====== NAVIGATION LAYOUT ======*/    
#navigation ul {padding: 0; margin: 0;}
#navigation li {padding: 0 0 1px 0; margin: 0;}

#navigation li a, #navigation li strong {
    padding: 3px 15px 4px 30px;
    display: block;
    }

/*=== LEVEL TWO ===*/    
#navigation ul ul li a, #navigation ul ul li strong {padding-left: 40px;}

/*=== LEVEL THREE ===*/
#navigation ul ul ul li a, navigation ul ul ul li strong {padding-left:50px;}

/*=== LEVEL FOUR ===*/
#navigation ul ul ul ul li a, navigation ul ul ul ul li strong {padding-left:60px;}

/*=== LEVEL FIVE ===*/
#navigation ul ul ul ul ul li a, navigation ul ul ul ul li strong {padding-left:70px;}

/*=== GOV LINKS ===*/
#gov-links {margin: 15px 0 15px 20px; padding: 5px 0;}
#gov-links li {float: left; margin: 5px 5px 5px 10px; padding: 0;}
#gov-links li a {margin: 0; padding: 0;}

/*====== FOOTER ======*/    
#footer {
    clear: both;
    padding: 15px;
    margin:0;
    }

#footer ul {margin: 0;}    
#footer li {display: inline; margin: 0; padding: 0 15px 0 0;}

/*====== FORM STYLES ======*/

form, fieldset {margin: 0; padding: 0;}
fieldset {margin: 15px 0 0 0;}
legend {padding: 0; margin: 0 0 0 -5px;}
input {padding: 2px;}
.submit {padding: 0 4px;}
.row, .submit-row {padding: 0.5em 20px 0.5em 0; margin: 0 0 5px 0;}
.submit-row {padding: 0.5em 0;}


label {padding: 0; display: block; margin: 0 0 1px 0; display: block; width: auto;} 
input {margin: 0 10px 0 0;}


form .question-text input {width:206px; }
form .question-textarea textarea {width: 250px;}

form .question-checkbox label, form .question-radio label {padding-left: 25px;}
form .question-checkbox input, form .question-radio input {margin-bottom: 0.3em; vertical-align:middle; margin-left: -25px;}

.row-title {margin-bottom: 0.5em;}
.required {padding: 8px 0 0 0;}

         
/*=== ERROR STYLING ===*/
.error {margin: 5px 0 10px 0;}

/*=== TABLE STYLES ===*/
caption {margin: 5px 0; padding: 0 3px 5px 0;}
table {margin: 0 0 10px 0; width: auto;}      
   

/*=== BASIC COLUMNS ===*/
.col-1, .col-left {float: left; width: 50%;}
.col-2, .col-right {float: right; width: 50%;}


/*====== SITEMAP STYLES WITHOUT JAVASCRIPT ======*/
#sitemap #nav h2 {margin: 1em 0 0 0; padding: 0;}

/*====== SITEMAP STYLES WITH JAVASCRIPT ======*/
#sitemap #nav.pde_nav, #sitemap #nav.pde_nav ul {padding-left: 0;}
#sitemap #nav.pde_nav li {position: relative;padding-left: 20px;}

#sitemap #nav.pde_nav h2 {margin: 0;}

#sitemap #nav.pde_nav .pde_icon {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}
	
#sitemap #nav.pde_nav ul .pde_icon {top: -2px;}