/*----------------------------------------------------------------
BONDART.CO.UK
Main CSS doc for screen styles
----------------------------------------------------------------*/

/*Body styles - Defines the default styling for text - font, size and colour.
(Size defined as 62.5% - because almost all browsers use 16 pixels as their 
default text size therefore this makes my default 1 em = 10 pixels making for
easier calculations.)
Centralises the layout (min-width style is part of the horizontal centering
fix and corrects a bug in old Mozilla versions - see Wrapper div notes below).
----------------------------------------------*/
  body {
    text-align: center;
	min-width: 1000px;
    font-family: Futura, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 2em;
	}

/*Wrapper div is necessary for the horizontal centering fix.
Width of layout is set at 1000 pixels
----------------------------------------------*/
  #wrapper {
    margin: 0 auto;
	width: 1000px;
	text-align: left;
	}
	
/*Index page
----------------------------------------------*/
  #index{
    margin-top: 100px;
	}
	
  #index p{
    margin-top: 20px;
	font-size: 1.2em;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
HEADER (this contains the 'Masthead','Main navigation' and 'Breadcrumb trail' sections)
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------*/
/*'Masthead' image styles - width of image displayed is shorter than the actual width of the gif 
this allows for the overlap between the 'Masthead' and the 'Main navigation'.
----------------------------------------------*/
  #header{
    min-height: 202px;
	margin-bottom: 15px;
	}
	
  #header h1{
    height: 200px;
	width: 410px;
	text-indent:-9999px;
	float: left;
	}
	
/*'Main navigation' with styles for roll-over links.
----------------------------------------------*/
  #header #navigation{
    float: right;
    margin: 92px 100px 0 0;
	}

  #header #navigation li a{
    display:block;
	height: 28px;
	text-indent: -9999px;
	}
	
  #header #navigation li{
    float: left;
	margin: 0 16px 0 16px;
	}
	
  #header #navigation a.home-link{
    width: 66px;
    }
	
  #header #navigation a.projects-link{
    width: 86px;
    }
	
  #header #navigation a.contact-link{
    width: 82px;
    }
	
  #header #navigation a.links-link{
    width: 60px;
    }
	
  #header #navigation a.home-link:hover{
    background-position: -66px;
    }
	
  #header #navigation a.projects-link:hover{
    background-position: -86px;
    }
	
  #header #navigation a.contact-link:hover{
    background-position: -82px;
    }
	
  #header #navigation a.links-link:hover{
    background-position: -60px;
    }
	
/*'Breadcrumb trail' styling.
----------------------------------------------*/
  #header #breadcrumb{
    float: right;
    text-align: left;
	margin-top: 28px;
	width: 590px;
	}

  #header #breadcrumb ul#breadcrumb-list{
    display: block;
	width: 390px;
    padding: 5px 0 26px 75px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	}
  
   #breadcrumb ul, #header #breadcrumb li{
    display: inline;
	}
	
  #header #breadcrumb a{
    padding: 0 5px 0 15px;
	font-weight: bold;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
MAIN CONTENT (General styles)
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------*/
/*Text links styles 
- span adds a dotted underline.
- 'image-box' and 'image-box-link' add the double border to images and image links.
- 'text-link' classes adds padding for the arrow graphic either before or after text.
- 'spacer' class for clearing floated content and preventing border collapse.
----------------------------------------------*/
  #main-content{
    font-size: 1.1em;
	}
  
  a {
    text-decoration: none;
	outline:none;
	}
	
  a span{
	padding-bottom: 1px;
    border-bottom: 1px dotted;
	}
    
  .image-box, .image-link-box{
  	border: 2px solid;
	padding: 6px;
	}
		
  .text-link, .text-link-down{
    padding: 3px 20px 3px 0;
	font-weight: bold;
	}
	
  .text-link-back, .text-link-top{
    padding: 3px 0 3px 20px;
	font-weight: bold;
	}
	
  #page-bottom-links{
    padding-left: 25px;
	clear: both;
    }

  #page-bottom-links a{
    display: block;
	}
	
  abbr{
    border-bottom: 1px dotted;
	cursor: help;
	}
	
  .spacer{
    clear: both;
    }
	
/*--------------------------------------------------------------
----------------------------------------------------------------
COLUMN 1
----------------------------------------------------------------
----------------------------------------------------------------*/
/*In some areas of the site ('Homepage', 'Contact', 'Links') Column 1 is split into two 
further columns (giving a three column layout) - Column 1a and Column 1b.
----------------------------------------------*/
  #column1 {
	width: 735px;
	float: left;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
COLUMNS 1A AND 2(side columns)
----------------------------------------------------------------
----------------------------------------------------------------*/
/*Styling for Columns 1a and 2 - the side columns. 
- Both of these columns contain secondary page content, with sections that are consistant throughout the site.
- Column 1a contains the 'About' and 'Featured Projects' sections, on 2 column pages, where Column 1a is not present, 
the Featured Projects' section is moved to Column 2 (except on the 'Projects menu' page) and the 'About' section is removed entirely.
- Column 2 contains the 'Search box' and 'Mailing list' sign up sections and, on the 'Projects menu' page only, the 'Colour Code' section.
----------------------------------------------*/
  #column1a {
    width: 265px;
	float: left;
	}
	
  #column2 {
	width: 265px;
	float: right;
	padding-bottom: 115px;
	}
	
  #column1a h1, #column2 h1{
    display: block;
	width: 265px;
	text-indent:-9999px;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
ABOUT (in Column 1a or 2(Search page only)
----------------------------------------------------------------
----------------------------------------------------------------*/
  #about h1{
    height: 55px;
	}
	
  #about {
    padding: 0 0 33px 0;
	margin-bottom: 10px;
	}
	
  #about p {
    padding: 0 35px 10px 35px;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
FEATURED PROJECTS (in Column 1a or Column 2)
----------------------------------------------------------------
----------------------------------------------------------------*/
/*In order to facilitate the regular updating of this section a SSI (Server Side Includes) is used so that only one
html page (featured-projects.html) need be altered with each update.
----------------------------------------------*/  
  #featured-project{
	width: 264px;
	text-align: left;
    padding-bottom: 58px;
	}
  
  #featured-project h1{
    height: 68px;
	display: block;
	text-indent:-9999px;
	}
	
  #featured-project span{
	padding-bottom: 1px;
    border-bottom: 1px dotted;
	}
   
  #featured-project .article, #featured-project .last-article{
    padding: 10px 35px 5px 35px;
	line-height: 1.7em;
    }
	
  #featured-project .article{
    border-bottom: 1px dashed;
	}
	
  #featured-project .last-article{
    border-bottom: none;
	}
	
  #featured-project .image-box, #featured-project .image-link-box{
	margin: 15px 10px 0 10px;
	float: left;
	}

/*--------------------------------------------------------------
----------------------------------------------------------------
SEARCH, MAILING LIST AND ADVANCED SEARCH(in Column 2)
----------------------------------------------------------------
----------------------------------------------------------------*/
 #column2 #search h1{
    height: 58px;
	}

  #ad-search h1{
    height: 78px;
	}
	
  #column2 #mailing-list h1{
    height: 32px;
	}
		
  #column2 #search, #column2 #mailing-list{
	margin-bottom: 15px;
	}
		
  #column2 #mailing-list p{
    line-height: 1.8em;
    margin: 0 11px 5px 11px;
	}
		
/*Form styling for the 'Search', 'Advanced Search' ('Search' page only) and 'Mailing list' sections 
----------------------------------------------*/
  #column2 #search form, #ad-search form, #column2 #mailing-list form{
	padding: 0 23px 30px 23px;
    }
	
  #column2 fieldset{
    display: block;
	}
	
  #ad-search fieldset{
    padding: 5px 11px 10px 11px;
	border-bottom: 1px dashed;
	}
	
  #ad-search fieldset.no-indent{
    padding: 0;
	border-bottom: none;
	}
	
  #ad-search h2{
  	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 5px;
	}
	
  #ad-search label{
    margin-right: 8px;
	}
		
  #column2 #mailing-list label{
    font-weight: bold;
	font-size: 1.1em;
	margin: 0 8px 0 11px;
	padding-top: 3px;
	float: left;
	}
	
  #ad-search select{
	padding: 3px;
	margin-bottom: 5px;
	border: 2px solid;
	}
	
  #ad-search fieldset.tick-boxes input{
	margin: 3px;
	}
	
  #column2 .input, #ad-search .input{
    margin: 0 8px 8px 0;
	border: 2px solid;
	float: right;
	}
	
  #column2 #search .input{
    width: 179px;
	padding: 10px;
	}
		
  #ad-search .input{
    margin: 10px 8px 8px 0;
    width: 189px;
	padding: 5px;
	}
	
  #column2 #mailing-list .input{
    width: 140px;
	padding: 5px;
	}	
		
  #search .submit, #ad-search .submit, #mailing-list .submit{
    border: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
COLOUR CODE(in Column 2 on the 'Projects menu' page only)
----------------------------------------------------------------
----------------------------------------------------------------*/
  #column2 #colour-code h1{
    height: 56px;
	}
	
  #column2 #colour-code{
    padding-bottom: 58px;
	margin-bottom: 10px;
	}
	
  #column2 #colour-code p{
    padding: 0 35px 15px 35px;
	}
	
  #column2 #colour-code ul{
    font-size: 1.1em;
	font-weight: bold;
	line-height: 4em;
	padding: 0 35px 10px 35px;
	}
	
  #column2 #colour-code li{
    padding-left: 40px;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
COLUMN 1B (Primary page content)
----------------------------------------------------------------
----------------------------------------------------------------*/
  #column1b{
	width: 468px;
	float: right;
	border-left: 1px dashed;
	border-right: 1px dashed; 
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
NEWS ('Home' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #column1b #news{
    font-size: 1.1em;
	}
	
  #column1b #news h1{
    display: block;
	width: 468px;
	height: 65px;
	text-indent:-9999px;
	}
	
  #column1b #news .article h2{
    display: block;
	font-weight: bold;
	padding: 2px;
    }
	
  #column1b #news .article h3{
    font-weight: bold;
    font-size: 0.9em;
	}
	
  #column1b #news .article p{
    margin-top: 5px;
	}
    
  #column1b #news .article .news-image-left, #column1b #news .article .news-image-right{
    padding: 20px 0 0 25px;
	}
	
  #column1b #news .article .image-cloud{
    padding: 0 25px 10px 0;
	}
	
  #column1b #news .article .news-image-left{
	float: left;
	}
	
  #column1b #news .article .news-image-right{
	float: right;
	}
	
  .news-text{
    margin: 0 25px 0 25px;
	}
	
  #column1b #news .article {
    padding: 10px 0 50px 0;
	margin-bottom: 10px;
    }
	
  #column1b #news .text-link-back{
    margin-left: 25px;
	} 
	
/*--------------------------------------------------------------
----------------------------------------------------------------
PROJECTS MENU ('Projects menu' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
/*Contains introductory paragraph, re-order menu and complete list of all projects
----------------------------------------------*/
  #column1 #projects-menu-title h1{
    display: block;
	width: 735px;
	height: 48px;
	text-indent:-9999px;
	}
	
  #column1 #projects-menu-intro{
    margin: 0 25px 0 25px;
	padding-bottom: 18px;
	font-size: 1.1em;
	}
	
  #column1 #projects-menu-intro p{
    padding: 10px 15px 10px 15px;
	}
	
  #column1 #projects-menu-title{
    margin-bottom: 30px;
    padding-bottom: 9px;
	}
	
  #column1 #projects-menu-reorder{
    margin: 0 25px 0 25px;
	padding-left: 15px;
	}
	
  #column1 #projects-menu-reorder h2{
    display: inline;
	float: left;
	font-weight: normal;
	} 
	
  #column1 #projects-menu-reorder ul{
    float: right;
    margin: 0 10px 0 10px;
    padding: 6px 0 7px 0;
	line-height: 1em;
	}

  #column1 #projects-menu-reorder li{
    display: inline;
	border-left: 1px dashed;
	font-weight: bold;
	padding: 3px 20px 3px 20px;
	}
	
  #column1 ul#projects-menu{
    margin: 0 25px 0 25px;
	}
   
  #column1 #projects-menu .projects-menu-image-link{
    float: left;
    padding: 5px 10px 10px 10px;
	border-bottom: none;
	}
	
  #column1 #projects-menu .projects-menu-text-link{
    display: inline;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	}
    
  #column1 #projects-menu li a{
    display: block;
	padding: 5px 0 5px 0;
	}	
	
  #column1 #projects-menu li{
    margin-bottom: 20px;
	}
	
  #column1 #projects-menu .project-paragraph{
	float:right;
	text-align: left;
    width: 530px;
	font-size: 1.1em;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
PROJECT ('Project' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
/*Contains title with banner image, 'Description' text, 'Image' section, 'Video' section, 'Information' section and 'Additional' section
----------------------------------------------*/
  #column1 #project-title h1, #column1 #project-images h1, #column1 #project-video h1{
    display: block;
	width: 735px;
	text-indent:-9999px;
	}
	
  #column1 #project-title h1{
	height: 48px;
	}
	
  #column1 #page-top-links{
    text-align: right;
	margin: 0 25px 0 25px;
	padding: 0 10px 5px 0;
	}
	
  #column1 #project-title .banner{
    margin-left: 25px;
	}
	
  #column1 #project-description{
    padding: 5px 25px 20px 25px;
	}
	
  #column1 #project-description p{
    padding-bottom: 10px;
	font-size: 1.1em;
	}
	
  #column1 #project-images p, #column1 #project-video p{
	padding: 0 40px 5px 40px;
	}
	
/*'Image' and 'Video' section styling
----------------------------------------------*/
  #column1 #project-images, #column1 #project-video{
	margin-bottom: 30px;
	padding-bottom: 16px;
	}
	
  #column1 #project-images h1, #column1 #project-video h1{
	height: 44px;
	}
	
  #column1 .project-large-bg{
    padding-bottom: 10px;
	}
	
  #column1 #project-images #image-gallery{
    position: relative;
	min-height: 250px;
	margin: 10px 0 4em 0;
	}
	
  #column1 #project-images #image-gallery ul{
    width: 385px;
	float: left;
	border-right: 1px dashed;
	padding: 0 10px 0 40px;
	}
  
  #column1 #project-images #image-gallery li{
    display: inline;
	}
	
  #column1 #project-images #image-gallery img{
	border: 2px solid;
	margin: 0 8px 8px 0;
	}
	
  #column1 #image-gallery a span.hover-image{
    display: none;
	}
	
  #column1 #image-gallery a:hover span.hover-image{
	display: block;
	width: 230px;
	position: absolute;
	top: 5px;
	right: 48px;
	border: none;
	padding-top: 235px;
	text-align: center;
	}
	
  #column1 #image-display{
    float: right;
	margin-right: 48px;
    width: 230px;
	height: 210px;
	padding-top: 20px;
	text-align: center;
	}
	
  #column1 #image-gallery h2{
    padding-bottom: 10px;
	}
	
  #column1 #image-gallery .hover-title{
    display: block;
	font-weight: bold;
	line-height: 1.2em;
	border-bottom: none;
	padding: 5px 2px 5px 2px;
	}
	
  #column1 .video-display{
    margin: 10px 48px 10px 48px;
	padding: 20px 0 10px 0;
    text-align: center;
	}
	
  #column1 .video-section{
    padding-bottom: 5px;
	margin-bottom: 20px;
    border-bottom: 1px dashed;
	}

/*'Information' and 'Additional' section styling
----------------------------------------------*/
  #column1 #project-information h1, #column1 #project-additional h1{
    display: block;
	height: 36px;
	text-indent:-9999px;
	}
	
  #column1 #project-information, #column1 #project-additional{
    width: 367px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	} 

  #column1 #project-information{
    float: left;
	}
	
  #column1 .project-small-bg{
	padding-bottom: 20px;
	}
	 
  #column1 #project-additional{
	float: right;
	}
	
  #column1 #project-information table{
    display: block;
	margin: 5px 40px 0 40px;
	}
  
  #project-information td, #project-information th{
    padding: 2px 0 2px 0;
	border-bottom: 1px dashed;
	}
	
  #column1 #project-information .last, #column1 #project-additional li.last{
    border-bottom: none;
	padding-bottom: 0;
	}
	
  #column1 #project-information th{
    padding-right: 10px;
    font-weight: bold;
	}
	
  #column1 #project-information table.next-table{
	margin-top: 20px;
	}
	
  #project-information th.top-headings{
	border-top: 1px solid;
	border-bottom: 1px solid;
	}
	
  #column1 #project-additional li{
    padding: 5px 40px 10px 40px;
	border-bottom: 1px dashed;
	}

/*--------------------------------------------------------------
----------------------------------------------------------------
IMAGE('Project image' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
/*Contains large version of selected image with onward navigation below
----------------------------------------------*/
  #column1 #project-image-view h1{
	display: block;
	width: 735px;
	height: 44px;
	text-indent:-9999px;
	}
	
  #column1 #project-image-view{
	margin-bottom: 30px;
	padding-bottom: 16px;
	text-align: center;
	}
	  
  #column1 #project-image-view #image-large{
    width: 605px;
	height: 605px;
	margin: 10px 0 10px 55px;
	padding: 10px;
	}
	
  #column1 #project-image-view h2{
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 5px 25px 5px 25px;
	}
	
  #column1 #project-image-view #project-image-nav{
    margin-top: 10px;
	padding: 20px 50px 0 50px;
	border-top: 1px dashed;
	}
	
  #column1 #project-image-view #project-image-nav a.text-link-back{
    float: left;
	margin-top: 15px;
	}
	
  #column1 #project-image-view #project-image-nav a.text-link{
    float: right;
	margin-top: 15px;
	}
	
  #column1 #project-image-view ul{
    display: inline;
	}
	
  #column1 #project-image-view li{
	display: inline;
	padding: 0 5px 0 5px;
	}
	
  #column1 #project-image-nav a img{
	border: 2px solid;
	}
	
  #column1 #project-image-nav li#present-image img{
   padding: 5px;
   border: 3px solid;
   }
   
/*--------------------------------------------------------------
----------------------------------------------------------------
CONTACT('Contact' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #column1b #contact-form h1{
    display: block;
	height: 65px;
	text-indent:-9999px;
	}
	
 #column1b #contact-form form{
	padding: 5px 35px 55px 35px;
    }
	
 #column1b #contact-form form p{
	padding: 0 0 15px 10px;
    font-size: 1.1em;
	}
		
  #column1b #contact-form .submit{
	float: right;
    border: none;
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	}
		
  #column1b #contact-form label{
    font-weight: bold;
	margin-left: 10px;
	padding-top: 5px;
	font-size: 1.2em;
	line-height: 1.3em;
	float: left;
	}
  
  #column1b #contact-form fieldset{
    display: block;
	}
	
  #column1b #contact-form .input, #column1b #contact-form .select{
    width: 280px;
	margin: 0 8px 12px 5px;
	padding: 5px;
	border: 2px solid;
	font-size: 1.2em;
	float: right;
	}
	
  #column1b #contact-form .select{
    width: 295px;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
LINKS('Links' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/		
  #column1 #links-menu h1{
    display: block;
	width: 468px;
	height: 65px;
	text-indent:-9999px;
	}
  
  #column1 #links-menu-intro p{
    margin: 5px 25px 0 25px;
	font-size: 1.1em;
	}
	
  #column1 #links-menu ul{
    margin: 15px 25px 0 25px;
	}
	
  #column1 #links-menu li{
    margin-bottom: 20px;
	}
   
  #column1 #links-menu .links-menu-image-link{
    float: left;
    padding: 3px 6px 6px 6px;
	border-bottom: none;
	}
	
  img.links-image-link-box{
    border: 2px solid;
	}
	
  #column1 #links-menu .links-image-text{
    display: inline;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 10px;
	}
    
  #column1 #links-menu li a{
    display: block;
	padding: 3px 0 3px 0;
	}	
	
  #column1 #links-menu li p{
	float:right;
	text-align: left;
    width: 293px;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
SEARCH('Search' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #search-results h1{
    height: 65px;
	display: block;
	text-indent:-9999px;
	}
  
  #search-info{
    margin: 10px 25px 10px 25px;
	}
	
  #search-list{
    margin: 10px 35px 10px 35px;
	}
	
  .search-next{
    margin: 20px 25px 20px 25px;
	padding: 5px 0 5px 0;
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	}
	
  #search-info, .search-next, #search-list a{
   font-size: 1.2em;
   }
	
  .search-next a{
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: 1px dotted;
	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
MAILING LIST REDIRECT('Mailing List redirect' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #mailing-list-redirect h1{
    height: 65px;
	display: block;
	text-indent:-9999px;
	}
	
 #column1b #mailing-list-redirect p{
	font-size: 1.1em;
	padding: 5px 25px 0 25px;
    }
	
/*--------------------------------------------------------------
----------------------------------------------------------------
ACCESSIBILITY('Accessibility' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #accessibility h1{
    height: 65px;
	display: block;
	text-indent:-9999px;
	}
    
  #accessibility h2{
	font-size: 1.1em;
	font-weight: bold;
	padding: 20px 25px 5px 25px;
    }
	
  #accessibility h3{
    padding: 10px 25px 0 25px;
	font-weight: bold;
	}
	
  #accessibility p{
    padding: 0 25px 5px 25px;
	}

  #accessibility ul{
    padding: 10px 25px 10px 35px;
	font-weight: bold;
	}
	
	
/*--------------------------------------------------------------
----------------------------------------------------------------
SITEMAP('Sitemap' page main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #sitemap h1{
    height: 65px;
	display: block;
	text-indent:-9999px;
	}
	
  #column1b #sitemap-list{
	font-size: 1.1em;
	padding: 5px 25px 0 25px;
    }
	
  #sitemap-list a{
	font-weight: bold;
	}
	
  #sitemap-list li{
    padding: 2px 0 2px 0;
    margin-left: 20px;

	}
	
/*--------------------------------------------------------------
----------------------------------------------------------------
UNSUBSCRIBE('Unsubscribe' and 'Unsubscribe redirect' pages main content)
----------------------------------------------------------------
----------------------------------------------------------------*/	
  #unsubscribe h1, #unsub-redirect h1{
    height: 65px;
	display: block;
	text-indent:-9999px;
	}
	
 #column1b #unsubscribe form{
	padding: 5px 35px 55px 35px;
    }
	
 #column1b #unsubscribe form p{
	padding: 0 0 15px 10px;
    }
	
 #column1b #unsub-redirect p{
	font-size: 1.1em;
	padding: 5px 25px 0 25px;
    }
		
  #column1b #unsubscribe .submit{
	float: right;
    border: none;
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	}
		
  #column1b #unsubscribe label{
    font-weight: bold;
	margin-left: 10px;
	padding-top: 5px;
	font-size: 1.2em;
	line-height: 1.3em;
	float: left;
	}
  
  #column1b #unsubscribe fieldset{
    display: block;
	}
	
  #column1b #unsubscribe .input{
    width: 280px;
	margin: 0 8px 12px 5px;
	padding: 10px;
	border: 2px solid;
	font-size: 1.2em;
	float: right;
	}

/*--------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
FOOTER (this contains 'Credits' info, 'Footer navigation' (repeat of 'Main navigation' in 'Header' section) and 'Info navigation')
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------*/
  #footer{
	clear: both;
	margin-bottom: 20px;
  	}
	
/*Styling for the 'Credits' section in the Footer (cloud on the left of 'Footer' section). 
Includes background extension for increasing text size.
----------------------------------------------*/

  #footer #credits{
    width: 296px;
	min-height: 96px;
	padding: 50px 0 0 50px;
	float: left;
	}
	
  #footer #credits #cloud-extension{
    width: 210px;
	padding-bottom: 20px;
	}
	
  #footer #credits p{
	padding: 0 30px 0 30px;
	font-weight: bold;
	line-height: 1.5em;
	}
	
/*'Footer navigation' and 'Info navigation' styles
----------------------------------------------*/	
  #footer ul{
    display:block;
	}
	
  #footer li{
    display: inline;
	}
	
  #footer #footer-nav{
    margin: 0 120px 0 220px;
	padding-top: 38px;
	}
	
  #footer #footer-nav-bottom{
	padding: 5px 0 14px 0;
	}
		
  #footer #footer-nav ul{
    padding: 8px 0 7px 0;
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	line-height: 1.2em;
	}

  #footer #footer-nav li{
    font-size: 1.4em;
	font-weight: bold;
    padding-right: 50px;
	}
	
  #footer #footer-info{
    margin: 0 120px 0 220px;
	}

  #footer #footer-info-bottom{
    padding-bottom: 9px;
	}
	
  #footer #footer-info ul{
    padding-bottom: 5px;
	line-height: 1.2em;
	}

  #footer-info li{
   	font-size: 1em;
	font-weight: bold;
	padding: 0 30px 3px 0;
	}

  #footer-info li.info-side-border{
  	border-left: 1px dashed;
	padding-left: 30px;
	}
    
/*'Footer cog' graphic (on the right of 'Footer' section)
----------------------------------------------*/
  #footer #footer-cog{
    float: right;
	height: 155px;
	width: 196px;
	}