* { margin: 0; padding: 0; }
body {
  text-align: center;
  font-family: Tahoma, Verdana, Arial, sans-serif;
}
a { text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
a img { border: 0; }
.clear { clear: both;}

.red { color: #ED1B23 !important; }

/*
 *  Wrapper
 */
div#wrapper {
  margin: 0 auto;
  padding-top: 18px;
  width: 760px;	    
  text-align: left;
}

/*
 *  Masthead
 */
div#masthead {
  height: 82px;
  background: transparent url(../i/masthead.jpg) top left no-repeat;
  position: relative;
}
  body#home div#masthead { background-image: url(../i/masthead.jpg); }
  body#about div#masthead { background-image: url(../i/masthead_about.jpg); }
  body#aim div#masthead { background-image: url(../i/masthead_aim.jpg); }
  body#why-now div#masthead { background-image: url(../i/masthead_why_now.jpg); }
  body#investing div#masthead { background-image: url(../i/masthead_investing.jpg); }
  body#team div#masthead { background-image: url(../i/masthead_team.jpg); }
  body#when div#masthead { background-image: url(../i/masthead_when.jpg); }
  body#youre-involved div#masthead { background-image: url(../i/masthead_youre_involved.jpg); }
  body#useful-links div#masthead { background-image: url(../i/masthead_useful_links.jpg); }
  body#get-in-touch div#masthead { background-image: url(../i/masthead_get_in_touch.jpg); }
  body#media-room div#masthead { background-image: url(../i/masthead_media_room.jpg); }
  body#media-room-news div#masthead { background-image: url(../i/masthead_media_room_news.jpg); }
  body#media-room-events div#masthead { background-image: url(../i/masthead_media_room_events.jpg); }
  body#media-room-gallery div#masthead { background-image: url(../i/masthead_media_room_gallery.jpg); }
  body#media-room-videos div#masthead { background-image: url(../i/masthead_media_room_videos.jpg); }
  body#media-room-brand div#masthead { background-image: url(../i/masthead_media_room_gallery.jpg); }
  body#media-room-brand-logo div#masthead { background-image: url(../i/masthead_media_room_brand.jpg); }
  body#media-room-brand-placement div#masthead { background-image: url(../i/masthead_media_room_brand.jpg); }
  body#media-room-brand-bad-practice div#masthead { background-image: url(../i/masthead_media_room_brand.jpg); }
  body#media-room-brand-colours div#masthead { background-image: url(../i/masthead_media_room_brand.jpg); }
  body#media-room-brand-typography div#masthead { background-image: url(../i/masthead_media_room_brand.jpg); }
  body#media-room-brand-typography div#masthead { background-image: url(../i/masthead_media_room_brand.jpg); }
  

  div#masthead ul {
    position: absolute;
    top: 55px;
    left: 20px;
    
    list-style-type: none;
  }
  div#masthead ul li {float: left; padding: 0 0.5em;}
  div#masthead ul li a { color: #565758; font-size: 1.1em; }
  div#masthead ul li a:hover {}
 
/*
 *  Main Navigation Bar
 */
div#main-nav {
  text-align: right;
  padding: 0.5em;
}
  
  div#main-nav ul {
    float: right;
    
    list-style-type: none;
  }
  div#main-nav ul li {
    line-height: 18px;
    float: left;
    padding: 0 0.5em;
  }
  div#main-nav ul li a { color: #565758; }
  div#main-nav ul li a:hover {}
  div#main-nav ul li a img { }

 
/*
 *  Home Page Content
 */
div#homepage-content-container {
  clear: both;
  margin-top: 30px;
}
div#homepage-content {
  float: right;
  width: 320px;
  color: #67676A;
}
div#homepage-links {
  float: left;
  width: 430px;
}

div#homepage-links ul {  }
div#homepage-links ul li { 
  float: left; display: block; 
  width: 121px; height: 121px; 
  margin: 0 25px 25px 0; 
}
div#homepage-links ul li a { 
  display: block;
  height: 121px;
  text-indent: -1000em;
}
li#why-now, li#youre-involved, li#useful-links { margin-right: 0 !important; }

div#homepage-links ul li#request-information, div#homepage-links ul li#get-in-touch, div#homepage-links ul li#useful-links {
  height: 31px;
}
div#homepage-links ul li#request-information a, div#homepage-links ul li#get-in-touch a, div#homepage-links ul li#useful-links a {
  height: 31px;
}

div#homepage-links ul li#uniq-aim {background: transparent url(../i/homepage/uniq_aim.jpg) top left no-repeat;}
div#homepage-links ul li#the-uniq-team {background: transparent url(../i/homepage/the_uniq_team.jpg) top left no-repeat;}
div#homepage-links ul li#why-now {background: transparent url(../i/homepage/why_now.jpg) top left no-repeat;}
div#homepage-links ul li#investing-in-stoke-on-trent {background: transparent url(../i/homepage/investing_in_stoke.jpg) top left no-repeat;}
div#homepage-links ul li#when-will-it-happen {background: transparent url(../i/homepage/when_will_it_happen.jpg) top left no-repeat;}
div#homepage-links ul li#youre-involved {background: transparent url(../i/homepage/youre_involved.jpg) top left no-repeat;}
div#homepage-links ul li#request-information {background: transparent url(../i/homepage/request_information.gif) top left no-repeat;}
div#homepage-links ul li#get-in-touch {background: transparent url(../i/homepage/get_in_touch.gif) top left no-repeat;}
div#homepage-links ul li#useful-links {background: transparent url(../i/homepage/useful_links.gif) top left no-repeat;}	  
	  
div#homepage-content h1, div#homepage-content h2, div#homepage-content h3, 
  div#homepage-content h4, div#homepage-content h5, div#homepage-content h5, 
    div#homepage-content p {
  padding-left: 20px;
}
div#homepage-content h1 {font-size: 1.8em;}
div#homepage-content h2 {font-size: 1.4em;font-weight:normal;margin: 0 0 1em 0;}
div#homepage-content h3 {}
div#homepage-content h4 {}
div#homepage-content h5 {}
div#homepage-content p { font-size: 1em; margin-bottom: 1em; }
div#homepage-content ul {}
div#homepage-content ul li {}
div#homepage-content ul li a {}
 
 
div#homepage-latest-news { clear: both; margin-top: 25px; }
div#homepage-latest-news h2 { 
  text-indent: -1000em; 
  height: 35px; 
  background: transparent url(../i/homepage_latest_news_header.gif) no-repeat top left; 
  margin-bottom: 15px;
}
div#homepage-latest-news div#homepage-latest-news-content { padding-left: 15px; }

div#homepage-latest-news div#news-list-container {
  float: left; width: 150px;
  border: 1px #C9C9C9 solid;
  padding: 2px 0;
  margin-right: 5px;
}
div#homepage-latest-news div#news-list {
  margin: 0 2px;
  overflow: hidden;
  height: 100px;
}
div#homepage-latest-news div#news-list ul { list-style: none; margin: 5px 5px; }
div#homepage-latest-news div#news-list li { padding: 3px 2px 3px 2px;border-top: 1px #C9C9C9 solid;  }
div#homepage-latest-news div#news-list li.active { background-color: #e6e6e6;  }
div#homepage-latest-news div#news-list li.last { border-bottom: 1px #C9C9C9 solid; }
div#homepage-latest-news div#news-list li p.title { }
div#homepage-latest-news div#news-list li p.title a { color: #ED1B23; font-size: 1.1em; display: block; }
div#homepage-latest-news div#news-list li p.date { }
div#homepage-latest-news div#news-list li p.date a { color: #4d4d4d; display: block; }

div#homepage-latest-news div.news-item { float: right; height: 104px; margin-right: 15px; width: 570px; border: 1px #C9C9C9 solid; overflow: hidden; color: #4d4d4d; }
div#homepage-latest-news div.news-item div.news-image { float: left; padding-top: 5px; padding-left: 5px; width: 140px; }
div#homepage-latest-news div.news-item div.news-body { float: right; width: 550px; padding-top: 5px; padding-right: 10px;  }
div#homepage-latest-news div.news-item div.news-body-with-image { float: right; width: 405px; padding-top: 5px; padding-right: 10px;  }
div#homepage-latest-news div.news-item h3 { font-weight: normal; font-size: 1.2em; }
div#homepage-latest-news div.news-item h3 span.title { float: left; color: #ED1B23;  }
div#homepage-latest-news div.news-item h3 span.title a { color: #ED1B23; }
div#homepage-latest-news div.news-item h3 span.date { float: right; color: #4d4d4d; }
div#homepage-latest-news div.news-item p { clear: both; padding-top: 5px;  }
div#homepage-latest-news div.news-item a { color: #ED1B23; }
div#homepage-latest-news div.news-item ul { padding-left: 12px; list-style-type: square; margin-top: 3px; }
div#homepage-latest-news div.news-item li {  }



div.closed-news-item { padding: 5px; margin-bottom: 1em !important; }
div.closed-news-item h2 { margin: 0 !important; }
div.alert { background-color: #fff5f5; border: 2px #900 solid; }

div.download-item { margin: 20px 0; line-height: 1em; }
div.download-item h2 { margin-bottom: 0 !important; }
 
/*
 *  Standard Page Content
 */
div#content-container {
  clear: both;
  margin-top: 30px;
}

  div#left-menu {
    float: left;
    width: 180px;
  }
  div#content {
    float: right;
    width: 543px;
    color: #67676A;
  }
  
  div#left-menu h2 {
    padding-left: 15px;
    font-size: 3em;
    margin-bottom: 0.75em;
  }
  
  
  div#left-menu ul#left-nav {
    padding-left: 15px;
    list-style-type: none;
    margin-bottom: 2em;
  }
  div#left-menu ul#left-nav li {
    width: 140px;
    border-bottom: 1px #cfd0d2 solid;
  }
  div#left-menu ul#left-nav li.last { border-bottom: 0; }
  div#left-menu ul#left-nav li a {
    color: #5D5C5D;
    padding: 4px 6px;
    display: block;
  }
  div#left-menu ul#left-nav li a:hover {color:#ED1B23 !important;}
  
  div#left-menu ul#left-nav ul {list-style-type:none;}
  div#left-menu ul#left-nav ul li {border-bottom: 0 !important;}
  div#left-menu ul#left-nav ul li a {padding-left: 20px; background-color: #F6F6F6 !important;color: #5D5C5D !important;}
  div#left-menu ul#left-nav ul li a:hover { color: #; }
  
  body#home ul#left-nav li#left-nav-home a,
    body#about ul#left-nav li#left-nav-about a,
      body#aim ul#left-nav li#left-nav-aim a,
      body#why-now ul#left-nav li#left-nav-why-now a,
      body#investing ul#left-nav li#left-nav-investing a,
      body#team ul#left-nav li#left-nav-team a,
      body#when ul#left-nav li#left-nav-when a, 
      body#youre-involved ul#left-nav li#left-nav-youre-involved a,
      body#useful-links ul#left-nav li#left-nav-useful-links a,
      body#get-in-touch ul#left-nav li#left-nav-get-in-touch a,
      body#media-room ul#left-nav li#left-nav-media-room a,
      body#media-room-news ul#left-nav li#left-nav-media-room a,
      body#media-room-events ul#left-nav li#left-nav-media-room a,
      body#media-room-gallery ul#left-nav li#left-nav-media-room a,
      body#media-room-brand ul#left-nav li#left-nav-media-room a,
      body#media-room-videos ul#left-nav li#left-nav-media-room a {background-color: #CFD0D2;color:#1a1a1a;}

      body#media-room-news ul#left-nav li#left-nav-media-room-news a,
      body#media-room-events ul#left-nav li#left-nav-media-room-events a,
      body#media-room-gallery ul#left-nav li#left-nav-media-room-gallery a,
      body#media-room-brand ul#left-nav li#left-nav-media-room-brand a,
      body#media-room-videos ul#left-nav li#left-nav-media-room-videos a {color: #E50003 !important;}
  
  div#left-menu ul#left-nav li.home {}
  div#left-menu ul#left-nav li.home a {color:#ED1B23;}
  div#left-menu ul#left-nav li.home a:hover ;{}
  

  
  div#left-menu ul#left-menu-bottom {list-style-type:none;padding-left: 15px;}
  div#left-menu ul#left-menu-bottom li {margin-bottom: 20px;}
  div#left-menu ul#left-menu-bottom li a {display:block;text-indent:-1000em;}
  div#left-menu ul#left-menu-bottom li a:hover {}
  
  div#left-menu li#left-menu-request-information a { height: 36px; background: transparent url(../i/left_menu/request_information.gif) no-repeat top left; }
  div#left-menu li#left-menu-uniq-team a { height: 140px; background: transparent url(../i/left_menu/the_uniq_team.jpg) no-repeat top left; }
  div#left-menu li#left-menu-youre-involved a { height: 140px; background: transparent url(../i/left_menu/youre_involved.jpg) no-repeat top left; }
  
  
  div#content div#header-images {
    margin-bottom: 1.5em;
  }
  
  div#content h1, div#content h2, div#content h3, div#content h4, 
    div#content h5, div#content h6, div#content p, div#content ul,
      div#content blockquote {
    padding-right: 135px;
  }
  div#content h1 {font-size: 1.6em; color: #ED1B23;line-height: 1.3em;margin-bottom: 0.75em;}
  div#content h2 {font-size: 1.4em; color: #ED1B23;line-height: 1.3em;margin-bottom: 0.5em;margin-top: 1em;}
  div#content h3 {font-size: 1.4em; color: #ED1B23;line-height: 1.3em;margin-bottom: 0.75em;}
  div#content h3.grey { font-size: 1.3em; color: #67676A !important; }
  div#content h4 {font-size: 1.3em; margin: 0.75em 0;}
  div#content h5 {}
  div#content h6 {}
  div#content p {font-size: 1.1em;margin-bottom:1em;line-height: 1.4em;}
  div#content p.red a { color: #ED1B23 !important; text-decoration: underline;}
  /*div#content a {color: #67676A;}*/
  div#content a {color: #ed1c23;}
  div#content ul {padding-left:15px;margin-bottom:1em;}
  div#content li {margin-bottom: 1em;font-size: 1.1em;}
  div#content ol {padding-left: 15px;}
  div#content blockquote {}
  
  div#content input { font-size: 1.3em; padding: 4px; }
  div#content textarea { font-size: 1.3em; padding: 4px;  }
  div#content form { margin-bottom: 3em; }
  div#content form p { line-height: 1.5em; }
  
  div#content ul.red-bullet-list {
    list-style-type: none;
    padding-left: 0;
  }
  div#content ul.red-bullet-list li {
    font-size: 1.4em;
    padding-left: 12px;
    background: #fff url(../i/red_bullet.gif) no-repeat 0 5px;
    color: #ED1B23;
    margin-bottom: 0.25em;
  }
  
  div#content ul.red-nobullet-list {
    list-style-type: none;
    padding-left: 0;
  }
  div#content ul.red-nobullet-list li {
    font-size: 1.4em;
    background-color: #fff;
    color: #ED1B23;
    margin-bottom: 0.25em;
  }
  
  
  div#content ul#useful-links-list {padding-left: 0;list-style-type:none;padding-top:1em;}
  div#content ul#useful-links-list li {margin-bottom:1.5em;}
  div#content ul#useful-links-list li a { color: #67676A;}
  div#content ul#useful-links-list li h2 {margin-bottom:0;font-size:1.6em;font-weight:normal;}
  div#content ul#useful-links-list li h2 a { color: #ED1B23;}

  
  div#content div#email-sent h2 { color: #ED1B23; font-size: 1.4em; }
  div#content div#email-sent p { color: #67676A; font-size: 1.2em; }

  
  /* Team Page */
  div#content div.team-divider {
    clear: both;
    padding: 4px;
    background-color: #ECEDEF;
    margin: 1em 0;
  }
  
  div#content div.team-main-partner {float: left;padding: 10px 0;border-bottom: 1px #ccc solid;margin: 0.5em 0;}
  div#content div.last-partner { border-bottom: 0 !important; }
  div#content div.team-main-partner h2 {
    padding: 4px 4px 4px 4px;
    padding-right: 0;
    color: #fff;
    background-color: #ED1B23;
    margin-bottom: 0.5em;
  }
  div#content div.team-main-partner p { margin-top: 1em; }
  div#content div.team-main-partner div.partner-information { float: left; width: 380px; }
  div#content div.team-main-partner div.partner-information p { width: 370px; padding-right: 0; }
  div#content div.team-main-partner div.partner-information a { color: #ED1B23; }
  div#content div.team-main-partner div.image-container { text-align: right; float: right; width: 150px;padding-top: 1.5em;}
  
  div#content div.team-partner {float: left;padding: 5px 0;}
  div#content div.team-partner h2 {
    background-color: #fff;
    color: #ED1B23;
    margin: 0 0 0.5em 0;
  }
  div#content div.team-partner div.partner-information { float: left; width: 380px; }
  div#content div.team-partner div.partner-information p { width: 370px; padding-right: 0; }
  div#content div.team-partner div.partner-information a { color: #ED1B23; }
  div#content div.team-partner div.image-container { text-align: right; float: right; width: 150px; }
  
  div.team-partner+p { clear: both; }
  
  /* Media Room Videos */
  div#videos-interface {}
  
  div#video {
    background-color: #e0e0e0;
    width: 340px;
    padding: 10px;
    float: left;
  }
  div#video-html {}
  div#video-caption {
    padding: 5px 5px 0 5px;
    color: #4d4d4d;
    font-size: 1.5em;
  }
  div#video-menu {
    float: right;
    width: 149px;
    padding: 45px 12px 20px 0;
    height: 260px;
    background: #c1c5c4 url(../i/video_menu_background.gif) no-repeat top left;
  }
  div#video-menu-scrollpane {
    height: 260px;
    overflow: hidden;
  }
  div#video-menu ul {
    margin-left: 15px; padding: 0;
    list-style-type: none;
  }
  div#video-menu li {
    margin-bottom: 5px;
    padding: 0 5px 5px 5px;
    width: 101px;
    border-bottom: #c1c5c4 1px dashed;
  }
  div#video-menu li p { margin: 0;padding:0;}
  div#video-menu li p a { display:block; } 
  div#video-menu li p img { display: block;}
  div#video-menu li p span { display:block; width:96px; text-align:center; background-color: #ee1d24; padding: 2px; color: #fff; font-size: 11px; }
  /*<div id="videos-interface">
    <div id="video">
      <div id="video-html">{$video->getHtmlCode()}</div>
      <div id="video-caption">{$video->getCaption()|escape}</div>
    </div>
    <div id="video-menu">
        
    </div>
  </div>*/
  
  /* Media Room Event Items */
  div#content div.event-item {}
    div#content div.event-item h2 {
      margin-top: 3em;
      font-size: 1.2em;
      color: #67676A;
      margin-bottom: 3px;
    }
    div#content div.event-item h3 {
      font-size: 1.2em;
      margin-bottom: 3px;
    }

  /* Media Room News Items */
  div#content div.news-item {}
    div#content div.news-item h2 {
      margin-top: 3em;
      font-size: 1.2em;
      color: #67676A;
      margin-bottom: 3px;
    }
    div#content div.news-item h3 {
      font-size: 1.2em;
      margin-bottom: 3px;
    }
    div#content div.news-item p {
      
    }
    div#content div.news-item a {
      color: #00A0C6; font-weight: bold; text-decoration: underline;
    }  
    
  div#content div#news-archive-links {
    padding-top: 50px;
    color: #ED1B23;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #fff;
  }
    div#content div#news-archive-links ul {
      list-style-type: none;
      padding-left: 0;
    }
    div#content div#news-archive-links ul li {
      float: left;
      padding: 0 5px;
      border-right: #FF0000 1px solid;
    }
    div#content div#news-archive-links ul li.first {padding: 0 1.5em 0 0;border:0;}
    div#content div#news-archive-links ul li.last {border:0;}
    div#content div#news-archive-links ul li a {
      color: #4D4D4D;
    }
  
  /* Gallery */
  table#gallery {width:450px;}
    table#gallery td {padding-bottom: 20px;}
    table#gallery td.image {}
    table#gallery td.description {vertical-align: middle;padding: 7px;}
    table#gallery td.description p { padding: 0;margin: 0 0 0.5em 0;}
    table#gallery td.description p a { color: #00A0C6; }
  
  /* When Will It Happen? - Projects Table */
  table#projects {width: 460px;border-collapse:collapse;margin-bottom: 1.5em;}
    table#projects th {
      text-align: left;
      background-color: #69676C;
      color: #fff;
      padding: 8px 10px;
    }
    table#projects td {
      vertical-align: bottom;
      text-align: left;
      background-color: #ECEDEF;
      color: #69676C;
      padding: 8px 10px;
      border-bottom: 1px #ccc solid;
    }
    table#projects td.projects-centre { background-color: #fff; }
    table#projects th#project-col {width:200px;}
    table#projects th#start-date-col {width:130px;}
    table#projects th#completion-date-col {width:130px;}
  
div#footer {
  clear: both;
  padding: 5px;
}



div#login-error { margin: 10px 0; padding: 5px; background-color: #d9dadc; color: #ed1c23; border: 2px #ed1c23 solid; font-weight: bold; font-size: 1.2em; }
div#login-error li { font-size: 1em; margin: 0.25em 0; }
div#login-success { margin: 10px 0; padding: 5px; background-color: #C5FFD0; color: #055A00; border: 2px #055A00 solid; font-weight: bold; font-size: 1.2em; }




body#closed-index li#closed-menu-index a,
body#closed-news li#closed-menu-news a,
body#closed-events li#closed-menu-event a,
body#closed-downloads li#closed-menu-download a { background-color: #CFD0D2;color:#1a1a1a; }