/* @group Original CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */

/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* 
 * minimal base styles 
 */
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  font-family: Helvetica, Arial, Sans-Serif;    
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a:hover { color: #036; }

ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #ED0281; color:#fff; text-shadow: none; }
::selection { background:#ED0281; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* Fonts */

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'DesyrelRegular';
	src: url('fonts/desyrel_-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'DesyrelRegular';
	src: url(http://) format('no404'), url('fonts/desyrel_-webfont.woff') format('woff'), url('fonts/desyrel_-webfont.ttf') format('truetype'), url('fonts/desyrel_-webfont.svg#webfontBA6pBz3H') format('svg');
	font-weight: normal;
	font-style: normal;
    letter-spacing: -5px;
}

@font-face {
    font-family: 'AvenirHeavy';
    src: url('fonts/avenir01-webfont-.eot') format('eot'),
         url('fonts/avenir01-webfont.woff') format('woff'),
         url('fonts/avenir01-webfont.ttf') format('truetype'),
         url('fonts/avenir01-webfont.svg#webfontZhAwVK3q') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirHeavy';
    src: url('fonts/avenir-h-webfont-.eot') format('eot'),
         url('fonts/avenir-h-webfont.woff') format('woff'),
         url('fonts/avenir-h-webfont.ttf') format('truetype'),
         url('fonts/avenir-h-webfont.svg#webfontl7jPQO9E') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* custom styles */
.bleeding-wrapper {
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: center;
}
.bleeding-content, .centered-content {
	display: block;
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

// html,
body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;}

#content { padding-bottom: 190px; }  /* must be same height as the footer */

#footer {
        position: relative;
        margin-top: -190px; /* negative value of footer height */
        height: 210px;
        clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#header {
  background: url(../images/header_bk.png) repeat-x left bottom;
  height: 134px;
}
#header-content {
  background: url(../images/header_shadow.png) no-repeat center bottom transparent;
  overflow: hidden;
  height: 134px;
}
h1 {
  width: 282px;
  height: 101px;
  float: left;
  display: block;
  background: url(../images/logo.png) no-repeat left bottom;
  position: relative;
  text-indent: -9999em;
}
p { 
  margin-bottom: 13px; 
  color: #666;
}
#media-links {
  float: right;
  width: 25%;
  margin-top: 22px;
}
#media-links li {
  display: inline-block;
  padding: 1px 0 5px 0px;
}
.ie7 #media-links li {
  display: block;
  float: left;
}

#media-links li.middle {
  padding: 1px 18px 0;
}
.email-icon, .twitter-icon, .rss-icon, .twitter-pink-icon {
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 28px;
  height: 24px;
  display: block;
  color: #636466;
  text-decoration: none;
  line-height: 27px;
  font-size: 14px;
}

#media-links a:hover,
#media-links a:focus {
  text-decoration: underline;
  color: #636466;
//  font-weight: bold;
}
.email-icon { background-image: url(../images/email_sprite.png); width: 48px; }
.twitter-icon { background-image: url(../images/twitter_sprite.png); width: 37px; }
.rss-icon { background-image: url(../images/rss_sprite.png); width: 29px; }
.twitter-pink-icon { background-image: url(../images/twitter_sprite.png); height: 23px; }

.email-icon:hover, .twitter-icon:hover, .rss-icon:hover {
  background-position: left -25px;
}

.new-subscribers, #new_subscriber {
  float: right;
  width: auto;
  clear: right;
  margin-top: 15px;
}
.subscribe-info {
  float:left;  
  display: inline;
}
.subscribe-controls {
  float: right;
  display: inline;
}
.new-subscribers h3, .new-subscribers p, #new_subscriber h3, #new_subscriber p {
  float: left;
  clear: left;
  display: block;
}
.new-subscribers p, #new_subscriber p {
  font-size: 14px;
}
.new-subscribers h3, #new_subscriber h3 {
  font-size: 22px;
  font-weight: normal;
  margin-right: 18px;
  color: #666;
}
.new-subscribers .subscribe-name, #new_subscriber .subscribe_name {
  display: inline;
}
.ie7 .new-subscribers .subscribe-name, .ie7 #new_subscriber .subscribe_name {
  width: 150px;
}

.subscribe-name, .subscribe-btn {
  margin-top: 6px;
}
.subscribe-name {
  background: #d5d5d5;
  border:none;
  color: #646464;
  font-size: 14px;
  padding: 10px 12px;
  width: 190px;
  margin: 4px 10px 0 0;
}
.subscribe-btn {
  background: url(../images/subscribe_sprite.png) no-repeat left top transparent;
  width: 98px;
  height: 37px;
  position: relative;
  text-indent: -9999em;
  border:none;
}
.ie7 .subscribe-btn {
  background: #ccc;
}
.subscribe-btn:hover {
  background-position: left bottom;
}
#nav {
  background: url(../images/nav_bk.png) repeat-x left bottom #656565;
  height: 76px;
}
.primary-nav {
  height: 76px;
  display: block;
  overflow: hidden;
  position: relative;
  background: url(../images/nav_seperator.png) no-repeat right top;
}
.primary-nav li {
  display: inline-block;
  width: auto;
  padding: 0;
  list-style: none;
  height: 76px;
  background: url(../images/nav_seperator.png) no-repeat left top;
}
.ie7 .primary-nav li {
  display: block;
  float: left;
}

.primary-nav .hidden {
  display: none;
  position: relative;
  height: 0px;
  width: 0;
  visibility: hidden;
  text-indent: -9999em;
  overflow: hidden;
}

.primary-nav a {
  display: block;
  height: 76px;
  text-decoration: none;
  color: #eee;
  padding: 15px 0 0 0;
}
.primary-nav #business a,
.ie7 .primary-nav #business { width: 185px; }
.primary-nav #education a,
.ie7 .primary-nav #education { width: 146px; }
.primary-nav #health a,
.ie7 .primary-nav #health { width: 170px; }
.primary-nav #participation a,
.ie7 .primary-nav #participation { width: 196px; }
.primary-nav #events a,
.ie7 .primary-nav #events { width: 146px; }
.primary-nav #about a,
.ie7 .primary-nav #about { width: 181px; }

.primary-nav .selected span, .primary-nav li:hover span, .primary-nav a:focus span { 
  color: #fff;
}

.primary-nav #business.selected a, .primary-nav #business:hover a, .primary-nav #business a:focus,
.primary-nav #education.selected a, .primary-nav #education:hover a, .primary-nav #education a:focus,
.primary-nav #health.selected a, .primary-nav #health:hover a, .primary-nav #health a:focus,
.primary-nav #participation.selected a, .primary-nav #participation:hover a, .primary-nav #participation a:focus,
.primary-nav #events.selected a, .primary-nav #events:hover a, .primary-nav #events a:focus,
.primary-nav #about.selected a, .primary-nav #about:hover a, .primary-nav #about a:focus { 
  background-image: url(../images/nav_sprite2.png); 
  background-repeat: no-repeat;
}

.primary-nav #business.selected a, .primary-nav #business:hover a, .primary-nav #business a:focus { 
  background-position: left 0px; 
}
.primary-nav #education.selected a, .primary-nav #education:hover a, .primary-nav #education a:focus { 
  background-position: -185px top; 
}
.primary-nav #participation.selected a, .primary-nav #participation:hover a, .primary-nav #participation a:focus { 
  background-position: -331px top; 
}
.primary-nav #health.selected a, .primary-nav #health:hover a, .primary-nav #health a:focus { 
  background-position: -527px top; 
}
.primary-nav #events.selected a, .primary-nav #events:hover a, .primary-nav #events a:focus { 
  background-position: -697px top; 
}
.primary-nav #about.selected a, .primary-nav #about:hover a, .primary-nav #about a:focus { 
  background-position: -842px top; 
}


.primary-nav .page-title {
  display: block;
  font-size: 22px;
  margin-left: 20px;
}
.primary-nav .page-sub-title {
  display: block;
  color: #9b9b9b;
  font-size: 15px;
  padding-left: 20px;
}

#content {
  width: 1041px;
  padding-left: 17px;
  position: relative;
  display: block;
  overflow: hidden;
//  background: url(../images/side_bar.png) repeat-y 833px top transparent;
}
#header-shadow {
  width: 1024px;
  height: 18px;
  position: absolute;
  display: block;
  overflow: hidden;
  background: url(../images/content_shadow.png) no-repeat left top transparent;
  top: 0;
  left: 0;
  z-index: 999;
}
#header-shadow {
  *background: none;
  *visibility: hidden;
  *height: 0;
  *position: absolute;
  *left: -99999em;
  *display: none;
}
#content-shadow {
  width: 1024px;
  height: 18px;
//  position: relative;
  display: block;
  overflow: hidden;
//  background: url(../images/footer_shadow.png) no-repeat 1px bottom transparent;
  float: left;
//  margin-top: 110px;
//  position:absolute;
//  bottom: 0;
}

.sub-nav {
  width: 25%;
  display: block;
  height: 100%;
  min-height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.primary-content {
  width: 605px;
  margin-left: 209px;
  float: left;
  display: block;
  height: 100%;
  overflow: hidden;
}
#sidebar h3, #sidebar a, #sidebar p {
  color: #fff;
}
.right-sidebar {
  width: 208px;
  display: block;
  float: right;
  color: #fff;
  background: url(../images/side_bar_bk.png) no-repeat 1px top transparent;
  position: relative;
  margin-right: 18px;
  z-index: 99;
}
.ie7 .right-sidebar {
  overflow: hidden;
  z-index: 99999;
}
.right-sidebar-content {
  margin: 20px 15px 20px 20px;
}
.right-sidebar h3 {
  margin: 0px 0 10px;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  font-style: normal;
}
.right-sidebar a {
  color: #fff;
  text-decoration: none;
  word-wrap: break-word;
}
.right-sidebar a:hover, .right-sidebar a:focus {
  text-decoration: underline;
}

.right-sidebar ul, .right-sidebar  ol {
  list-style: none;
  margin-bottom: 10px;
}
.right-sidebar li {
  margin: 6px 0;
  line-height: 18px;
  font-weight: 400;
}
.right-sidebar span {
  line-height: 18px;
  font-weight: 400;
}

.right-sidebar li.seperator {
  background: url(../images/sidebar_hr_small.png) center top;
  display: block;
  width: 180px;
  height: 1px;
  margin: 10px 0 10px;
}
.right-sidebar .sidebar-hr-large {
  background: url(../images/sidebar_hr_large.png) center top;
  display: block;
  width: 180px;
  height: 1px;
  margin: 25px 0 20px;
  *background-position: none;
}
.right-sidebar #upcoming-events {
  margin-top; 10px;
  font-weight: 400;
}
.right-sidebar li a { 
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}
.right-sidebar a {
//  text-decoration: underline;
  font-style: italic;
  font-weight: 400;
}
.right-sidebar a:hover {
//  font-weight: bold;
  text-decoration: underline;
}
.right-sidebar #upcoming-events-list .event-title {
  display: block;
  font-weight: bold;
  text-decoration: none;
}
.right-sidebar label {
  font-weight: bold;
}
.right-sidebar #upcoming-events-list ul li {
  margin: 0;
}
.right-sidebar #upcoming-events-list a {
  font-weight: 200;
//  text-decoration: underline;
}
.right-sidebar #upcoming-events-list li.seperator {
  margin-bottom: 10px;
}
.sidebar-left-shadow, .sidebar-right-shadow {
  display: block;
  width:17px;
  height:341px;
  background: transparent no-repeat left top;
  position: absolute;
  top: 0;
}
.sidebar-left-shadow {
  background-image: url(../images/sidebar_left_shadow.png);
  left: -17px;
}
.sidebar-right-shadow {
  background-image: url(../images/sidebar_right_shadow.png);
  right: -17px;
}


#footer {
//  background: url(../images/footer_bk.png) repeat-x left bottom #f1f1f1;
  height: 210px;
}
#footer-menu {
//  margin-top: 9px;
}
#footer-menu, #footer-menu ol {
  list-style: none;
  overflow: hidden;
  display: block;
}
#footer-menu .top-level {
  display: inline-block;
  width: 204px;
  float: left;
  margin-top: 20px;
}
#footer-menu .top-level.side {
  float: right;
  position: relative;
  left: -5px;
}
#footer-menu a {
  text-decoration: none;
  color: #959595;
  line-height: 18px;
}
#footer-menu .top-level a {
  font-weight: bold;
}
#footer-menu .second-level a {
  font-weight: normal;
}
#footer-menu a:hover, #footer-menu a:focus {
  text-decoration: underline;
}
.ie7 .orange {
  width: 100%;
}
.sub-nav-wrapper {
  width: 185px;
  position: relative;
  min-height: 428px;
}
.ie7 .sub-nav-wrapper {
  width: 185px;
  position: absolute;
  left: 20px;
  top: 0;
}
.sub-nav-shadow {
  background: url(../images/sub_nav_shadow.png) no-repeat right top;
  width: 20px;
  height: 428px;
  position: absolute;
  z-index: 999;
  top:0;
  right: 0;
}
.sub-nav {
  width: 185px;
}
.sub-nav li {
  width: 185px;
  float: right;
  clear: right;
  display: block;
  overflow: hidden;
  background: url(../images/sub_nav_seperator.png) no-repeat left bottom;
  padding-bottom: 1px;
  position: relative;
}
.sub-nav .heading {
  padding-top: 30px;
  padding-bottom: 9px;
}
.sub-nav .heading h3 {
  font-size: 22px;
  font-weight: 400;
}
.sub-nav .section {
}
.sub-nav a {
  text-decoration: none;
  font-size: 13px;
  line-height: 31px;
  color: #646464;
  display: block;
  position: relative;
}
.sub-nav h3 a {
  font-size: 22px;
  font-weight: 400px;
}
.sub-nav h3 a:hover {
  text-decoration:underline;
}

.sub-nav .section:hover a {
  background: url(../images/sub_nav_selected.png) no-repeat left top #efefef;
  font-weight: bold;
}
.ie7 .sub-nav .section:hover a {
  background: none;
}
.sub-nav .selected a:hover, .sub-nav li.selected.section:hover a {
  background: none;
}

.sub-nav .selected a {
  font-weight: bold;
  display: inline;
}
.sub-nav-arrow {
  background: url(../images/arrow_sprite.png) no-repeat left top;
  width: 7px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.ie7 .sub-nav-arrow {
  position: absolute;
  right: -5px;
  width: 5px;
}
.sub-nav-arrow.pink {
  background-position: left 0 ;
}
.sub-nav-arrow.orange {
  background-position: left -26px ;
}
.sub-nav-arrow.purple {
  background-position: left -13px;
}
.sub-nav-arrow.blue {
  background-position: left -52px;
}
.sub-nav-arrow.green {
  background-position: left -39px;
}

.breadcrumbs {
  margin: 29px 0 10px;
  display: block;
  font-weight: bold;
  width: 95%;
}
.breadcrumbs a, .breadcrumbs .seperator {
  font-weight: 400;
  text-decoration:none;
  color: #666;
}
.breadcrumbs a.selected { font-weight: bold; }
.breadcrumbs .no-bold, .breadcrumbs a.no-bold {
  font-weight: normal;
}

.primary-content h2 {
  font-size: 42px;
  margin-bottom: 10px;
}
.primary-content h2.bold {
  text-transform: uppercase;
  font-size: 42px;
  font-family: 'AvenirHeavy', Helvetica,Arial,Sans-Serif;
  line-height: 42px;
  padding-top: 10px;
}
.primary-content h2.small {
  font-size: 55px;
  line-height: 55px;
  font-weight: 400;
  font-family: 'DesyrelRegular', Helvetica, Arial, Sans-Serif;
  width: 95%;
  letter-spacing: -3px;
  margin-bottom: 16px;
}

.primary-content #introduction {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
  width: 389px;
  display: inline-block;
  float: left;
  position: relative;
  top: -3px;
  margin-bottom: 20px;
}
.primary-content #introduction.wider-intro {
  width: 590px;
}

.primary-content .intro-img {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #666;
  float: right;
  display: inline;
  margin-bottom: 25px;
}

.section-content {
  padding-top: 10px;
  background: url(../images/content_seperator.png) no-repeat left top;
  margin-top: 30px;
  clear: both;
  overflow: hidden;
  display: block;
  float: left;
  width: 100%;
}
.section-content#home-content {
  *background: none;
  margin-bottom: 0px;
}
.section-content#all_projects {
  padding-top: 30px; 
}

.section-content#aims {
  padding-top: 36px; 
  margin-top: 0;
}
.section-content#projects {
  padding-top: 32px; 
}
.section-content#achievements {
  padding-top: 29px;
}

.section-content h2 {
  display: block;
  overflow: hidden;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  width: 337px;
  height: 46px;
  float: left;
  text-indent: -9999em;
}
.section-content h2.dynamic {
  background: none;
  color: #999;
  text-indent: 0;
  width: auto;
  height: auto;
  font-size: 45px;
  line-height: auto;
  font-weight: 400;
  font-family: 'DesyrelRegular', Helvetica, Arial, Sans-Serif;
  margin-top: 25px;
  display: block;
  float: left;
}
.section-content#aims h2 { 
  background-image: url(../images/our_aims.png); 
  height: 33px;
}
.section-content#projects h2 { 
  background-image: url(../images/projects.png); 
  height: 50px;
}
.section-content#all_projects h2 { 
  background-image: url(../images/all_projects.png); 
  height: 50px;
  margin-bottom: 0;
}

.section-content#achievements h2 { 
  background-image: url(../images/past_achievements.png);
  height: 44px;
  margin-bottom: 5px;
}

.section-content#projects ol {
  margin-top: 10px;
  overflow: hidden;
}
.section-content ol {
  clear: both;
  overflow: hidden;
}
.section-content li {
  width: 168px;
  display: inline-block;
  float: left;
  margin-right: 30px;
  margin-top: 15px;
}
.section-content#projects ol li {
  margin-top: 6px;
}
.section-content li h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.section-content h3 a {
  text-decoration:none;
  color: #666;
}
.section-content h3 a:hover {
  text-decoration:underline;
}
.section-content p {
  line-height: 18px;
}
.section-content img {
//  margin-bottom: 18px;
  margin-bottom: 10px;
}
.section-content li.seperator-row {
  display: block;
  width: 560px;
  clear: both;
  background: url(../images/row_seperator.png) no-repeat left top;
  height: 17px;
  margin-top: 35px;
}
#events.section-content {
  margin-bottom: 0px;
}
#events.section-content li.seperator-row {
  *float: left;
  *clear: both;
  *position: relative;
}
.section-content .event-date {
  margin-bottom: 10px;
}
#events.section-content h3 {
  margin-bottom: 10px;
}
.find-out-more {
  background: url(../images/find_out_sprite_pink.png) no-repeat left top;
  display: block;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
  width:115px;
  height: 32px;
}
.show-all-section {
  float: right;
  width: auto;
  display: inline-block;
  margin-right: 15px;
  margin-top: 25px;
}
.show-all-events {
  margin-top: 29px;
}
.orange .find-out-more { background-image: url(../images/find_out_sprite_orange.png); }
.green .find-out-more { background-image: url(../images/find_out_sprite_green.png); }
.blue .find-out-more { background-image: url(../images/find_out_sprite_blue.png); }
.purple .find-out-more { background-image: url(../images/find_out_sprite_purple.png); }

.find-out-more:hover, .find-out-more:focus {
  background-position: left bottom;
}
.body-content {
  clear: both;
  margin-top: 5px;
  display: block;
  float: left;
  width: 575px;
  padding-top: 25px;
}
.body-content h3 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 15px;
//  color: #999999;
  line-height: 30px;
  display: block;
  clear: both;
}
.body-content p {
  font-size: 13px;
  line-height: 18px;
  color: #666;
  clear: both;
}

/* colour changes */
.orange h1, .orange h2, .orange h2 a, .orange h3, .orange h3 a, .orange .colour-change, .orange .colour-change a, .orange p a {
  color: #fa9600;
}
.purple h1, .purple h2, .purple h2 a, .purple h3, .purple h3 a, .purple .colour-change, .purple .colour-change a, .purple p a {
  color: #9900cc;
}
.blue h1, .blue h2, .blue h2 a, .blue h3, .blue h3 a, .blue .colour-change, .blue .colour-change a, .blue p a {
  color: #3399ff;
}
.green h1, .green h2, .green h2 a, .green h3, .green h3 a, .green .colour-change, .green .colour-change a, .green p a {
  color: #009999;
}
.pink h1, .pink h2, .pink h2 a, .pink h3, .pink h3 a, .pink .colour-change, .pink .colour-change a, .pink p a {
  color: #ed0281;
}

#home-content {
  float: left;
  overflow: hidden;
  display: inline-block;
  clear: none;
  margin-top: 0;
  padding-top: 218px;
  width: 815px;
}
#home-content li {
  background: url(../images/home_section_shadow.png) no-repeat left top;
  min-height: 262px;
  padding-left: 25px;
  margin-right: 0;
  width: 185px;
}
#home-content li.first {
//  width: 165px;
  padding-left: 0;
  background: none;
}
#home-content li.blue {
  width: 165px;
}

#home-content h3 {
  font-size: 30px;
  width: 95%;
}
#image-list.section-content {
  margin-top: 20px;
  padding-top: 30px;
}
#image-list.section-content h3 {
  font-size: 20px;
  font-weight: 400;
}
#image-list.section-content li {
  width: 86px;
  margin-top: 12px;
  margin-right: 16px;
  position: relative;
}
#events {
  margin-top: 0;
}
#events h2 {
/*  background: url(../images/upcoming_events.png) no-repeat left top; */
  float: left;
}
#events #events-page-title {
  font-size: 45px;
  line-height: 1.2em;
  height: auto;
  font-weight: 400;
  font-family: 'DesyrelRegular', Helvetica, Arial, Sans-Serif;
  width: auto;
  letter-spacing: -3px;
  margin-bottom: 0;
  text-indent: 0;
  color: #999;
  margin-top: 20px;
  padding-right: 10px;
}
#events #events-page-title .small {
  font-size: 30px;
}
#events ol {
  clear: both;
  display: block;
  overflow: hidden;
  width: 615px;
  position: relative;
}
.event-pagination {
  float: right;
  margin: 25px 20px 0 0;
  width: auto;
}
.event-pagination.top {
  margin-top: 48px;
}
.pagination .next_page, .pagination .prev_page {
  display: none;
  visibility: hidden;
  height: 0;
  width: 0;
}
.event-pagination .pagination {
  margin-left: 7px;
}
.pagination span,  .event-pagination a {
  color: #ed0281;
  margin-right: 7px;
  font-size: 13px;
}
.event-pagination .show-all {
  margin-right: 0;
}
.pagination span {
  font-weight: bold;
}
.event-pagination span, .event-pagination a, .event-pagination .pagination {
  display: inline;
}
#events.section-content li {
  margin-right: 35px; 
  *display:block;
  *position:relative;
}
#events.section-content li.left {
  *float: left;
  *clear: both;
}
#events.section-content li.middle {
  *float: left;
}
#events.section-content li.right {
  *float: right;
}
.infinite-container {
    overflow: hidden;
    position: relative;
}
.infinite-list {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: 0;
    top: 0;
}
.infinite-slide {
    clear: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.infinite-slide img {
    margin: 0;
    padding: 0;
}
.small-print {
  border-top: solid 1px #ccc;
  clear: both;
  margin-top: 20px;
  display: block;
  overflow: hidden;
}
.small-print p {
  display: inline;
  margin-top: 20px;
  float: left;
  color: #999;
}
.small-print .twitter {
  margin-top: 16px;
  background: url(../images/twitter_sprite.png) no-repeat left top;
  padding-left: 28px;
  height: 23px;
  line-height: 25px;
  display; block;
  color: #999999; text-decoration: none; 
  float: left;
}
.small-print .twitter:hover {
  background-position: left -24px;
}
.small-print .twitter a {
  color: #3399cc;
  font-weight: bold;
  text-decoration: none;
}
.small-print .copyright {
  margin-left: 25px; 
}
.small-print .credit {
  float: right;
  line-height: 20px;
}
.small-print .credit a {
  background: url(../images/customstudio_logo.png) no-repeat right top;
  position: relative;
  display: inline-block;
  width: 122px;
  height: 15px;
  text-indent: -9999em;
  text-decoration: none;
}
a.lightbox {
  position: relative;
//  display: inline-block;
  overflow: hidden;
  display: block;
}
a.lightbox.small, a.lightbox.medium {
  width: 86px;
  height: 86px;
  position: absolute;
  left: 0;
  top: 0;
}
a.lightbox.medium {
  width: 86px;
  height: 86px;
  position: absolute;
  right: 0;
  bottom: 0;
}
a.lightbox.small:hover, .more-images-list li:hover a  {
  background: url(../images/glass2.png) no-repeat -50px -22px;
}
.image-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}
.image-wrapper.medium {
  width: 188px;
  height: 90px;
}
a.lightbox.medium {
  width: 188px;
  height: 90px;
  left: -10px;
}

.image-wrapper.main {
  width: 185px;
  height: 125px;
}

a.lightbox.medium.main {
  width: 185px;
  height: 125px;
  left: 0;
  overflow: hidden;
}

.image-wrapper.medium a {
  background: url(../images/glass2.png) no-repeat 0px -0px;
}

.image-wrapper.main:hover a {
  background: url(../images/glass2.png) no-repeat 0px -0px;
}
a.lightbox.medium:hover, .image-wrapper:hover a.lightbox.medium.main {
  background: url(../images/glass2.png) no-repeat 0px -0px;
}

a.lightbox.medium:hover, .image-wrapper:hover a.lightbox.medium {
  background: url(../images/glass2.png) no-repeat 0px -18px;
}

.email-label input,
#subscriber_email, .subscriber_email {
    background: none repeat scroll 0 0 #D5D5D5;
    border: medium none;
    color: #646464;
    font-size: 14px;
    margin: 4px 10px 0 0;
    padding: 10px 12px;
    width: 465px;
    display: inline;
  margin-left: 20px;
  position: relative;
  top: -3px;
}
.email-label label  {
 clear: both;
 display: inline;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 15px;
  color: #ED0281; 
}

.login.email-label label  {
  float: none;
}

.login-form .email-label.password  {
  margin-top: 6px;
}


.signup-checks .field, .signup-checks h3 {
 // float: left;
//  width: 30%;
display: inline;
}
.signup-checks .field {
  display: inline-block;
  width: auto;
  float: left;
  clear: both;
  margin-bottom: 10px;
  overflow:hidden;
}
.signup-checks label {
 clear: both;
 display: inline;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 15px;
  color: #666; 
  position: relative;
  line-height: 16px;
  height: 40px;
  overflow: visible;
  margin-left: 10px;
}
.signup-checks h3 {
  color: #959595; 
}
.signup-checks input {
 // float: left;
//  width: 30%;
display: inline-block;
position: relative;
top: -3px;
}
.ie7 .signup-checks .field {
  position: relative;
  height: 30px;
  width: 565px;
}
.ie7 .signup-checks {
 height: 200px;
  position: relative;
  width :565px;
  display: block;
  clear: both;
}

.ie7 .signup-checks input,
.ie7 .signup-checks label {
  display: block;
  position: absolute;
  margin-top: 2px;
  height: auto;
}

.ie7 .signup-checks input {
  left: 0;
  top: 0;
  width: 25px;
}
.ie7 .signup-checks label {
  left: 35px;
  top: 0;
  width: 200px;
}
.ie7 .new_subscriber_submit#subscriber_submit {
  background: #ccc;
}



#subscriber_submit, .subscriber_submit {
  display: block;
  clear: both;
    background: url("../images/subscribe_sprite.png") no-repeat scroll left top transparent;
    border: medium none;
    height: 37px;
    position: relative;
    text-indent: -9999em;
    width: 98px;
  margin-top: 10px;
  float: left;
}
#subscriber_submit:hover {
  background-position: left bottom;
}
.email-label label {
  padding-bottom: 30px;
  float: left;
}

#new_subscriber, .new_subscriber  {
  margin-top: 14px;
  float: left;
  display: block;
}




body .section-content ol {   clear: both;   margin-bottom: 30px;   overflow: hidden; }
body .section-content ol {   clear: both;   margin-bottom: 0px;   overflow: hidden; }
body .small-print .twitter:hover { color: #7f7f7f; text-decoration: underline; }
body .primary-content {  margin-bottom: 25px;  }
body .primary-content h2.small {  margin-bottom: 20px;   margin-top: 20px; }
body .primary-content #introduction { margin-bottom: 25px;   margin-right: 10px; }
body .image-wrapper.main { margin-bottom: 25px; }
body .body-content { padding-top: 15px;  }
body .body-content.bigger-head { padding-top: 25px;  }
// body a.lightbox.medium:hover { CENTRALISE ICON }


#about-section, #all_projects {
  margin-top: 0;
}

.atom-link {
  clear: both;
  overflow: hidden;
  padding-left: 25px;
}
.atom-link .rss-icon {
  width: auto;
  color: #666;
}
.atom-link .rss-icon:hover {
  text-decoration: underline;
}

.event-info {
  margin-bottom: 10px; 
  font-size:14px; 
  line-height:22px;
}
.event-info, .event-info strong, .event-info li {
  color: #666;
}


html, body {height: 100%;}

body {
  background: url("../images/side_bar.png") repeat-y scroll center top transparent;
}

#wrap {
  min-height: 100%;
  overflow: hidden;
}

#content {overflow:auto;
	padding-bottom: 240px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -240px; /* negative value of footer height */
	height: 240px;
	clear:both;} 

.footer-shadow {
  background: url("../images/footer_shadow.png") no-repeat scroll center bottom transparent;
  display: block;
  height: 17px;
  margin: 0 auto;
  overflow: hidden;
  width: 1012px;
}
.ie7 .footer-shadow {
  background: none;
  display: none;
}
.footer-metalic {
  background: url("../images/footer_bk.png") repeat-x scroll left bottom #F1F1F1;
	height: 240px;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.ie8 #content  {
//  margin-bottom: 260px;
}
.ie8 #footer {position: relative;
	margin-top: -240px; /* negative value of footer height */
	height: 240px;
}
.ie8 .footer-metalic {
	height: 240px;
}

.ie7 #content {
  overflow: hidden;
  padding-bottom: 240px;
}
.ie7 #header-shadow {
  display: none;
}

/* Localized */

/* @end */

/* @group Home Page Intro Text Update (28/9/12) */

#home-intro {
	padding-top: 10px;
}

#home-intro h3 {
	color: #666666;
	font-weight: normal;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 10px;
}

#home-intro h3 a {
	color: #ED0281;
}

#home-intro h3 strong {
	color: #ED0281;
}

#home-intro-shadow {
	background: url("../images/home_intro_shadow.png") no-repeat scroll center bottom transparent;
	width: 815px;
	height: 13px;
	margin-top: 15px;
	margin-bottom: 5px;
	float: left;
}

























/* @end */