﻿/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  CSS RESET
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
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,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  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%; 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; overflow:hidden; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Fixes for paragraph and image tags for ms-rtestate-field - Modified by Adrian Wong, June 2012
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.ms-rtestate-field p { margin: 12px 0; }
div.ms-rtestate-field img, div.ms-rtestate-field br { float:left; clear:both; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  GLOBAL SELECTORS AND LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
  background: #f5f3ea;
  font:13px/1.231 Arial, Helvetica, sans-serif;
  min-height:100%;
  position:relative;
  width:100%;
}
#content {width: 100%;}
.inner {width: 960px; margin: 0 auto;}
.two-col {margin-top:15px;}
.blog-page {margin-top:15px;}
.full-width {margin-top:15px;}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  HELPER CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.f-right {float: right;}
.f-left {float: left;}
.skip {
  background: #42425a;
  color: #fff;
  padding: .5em 1em;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.skip:focus {top: 0;left: 0;}
p {color:#222; line-height: 1.4;}
li {color:#333;	line-height: 1.5;}
ul, ol {margin: 5px 0 15px 25px;}
a {color: #363449; text-decoration: none;}
a:hover, a:focus {text-decoration: underline; cursor:pointer;}
h1 {
  text-transform: uppercase;
  font-size: 1.6em;
  font-weight: normal  !important;
  margin-bottom: .5em;
}
.home h1{
    margin: 0 auto .5em auto;
    width: 940px;
    top:-1000px;
}
h2 {font-weight: bold;font-size: 1.4em;}
h1,h2,p.menu{font-family:"Helvetica-Light","Helvetica Light",sans-serif;font-weight:100;}
h1 span,h2 span,p.menu span,#nav{font-family:"Helvetica-Bold","Helvetica Bold",sans-serif;}
h3 {font-weight: bold;font-size: 1em;}

s4-workspace p, s4-workspace li {margin-bottom: 1.25em; line-height: 1.5;}

.tagline {
  font-size:14px;
  font-weight: bold;
  margin-top: -5px;
  margin-bottom:5px
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  COLUMNS AND ROWS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.column{display:inline-block; padding:0 5px 10px 0; vertical-align: top;}
.column ul{ list-style:none;}
.column li{ margin:2px 0 0 0px;}
/**/

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*globals*/
input {
  border: 1px solid #dfdcd3;
  background: #ffffff;
  padding:3px;
  margin: 0;
}
select {border: 1px solid #dfdcd3; background: #ffffff;}
textarea {
  border: 1px solid #dfdcd3;
  background: #fff;
  font-family:"Helvetica", Sans-Serif;
  height:100px;
  padding: 3px;
  margin: 0;
}

input[type="submit"]{
  background:#42425a;
  border:none;
  color:#ffffff;
  width:auto;
}

/*general form style*/
.formrow-label{font-weight:bold; margin-bottom:5px;}
.formrow{ margin-bottom:10px;}
.formrow input{width:100%;}
.formrow-check{
  background:#f6f5f5;
  border:1px solid #edede8;
  padding:10px;
  margin: 0 0 10px 0;
}
.formrow-check label{margin-right:10px;}
.formrow-check input{width:auto; vertical-align: top;}
.formrow textarea{width:100%;}
.frmrow-button input{
  width:auto;
  background:#42425a;
  color:#ffffff;
}

/*filters*/
.filters{
  background:#f6f5f5;
  border:1px solid #edede8;
  font-weight:bold;
  margin-bottom:10px;
  padding:10px;
  text-align:center;
}
.filters label{vertical-align:middle; padding-right:5px;}
.filters td span {
	display: block;
	width: 80px;
	margin-right: 10px;
	text-align:right;
}

.filters td img {display: none;}

/**/
.success {
    background:#f6f5f5;
    border:1px solid #edede8;
    padding:10px;
    color:#444;
    font-size:0.9em;
    font-weight:bold;
}
.submitbutton {cursor:pointer;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  CLEARING WITHOUT MARKUP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spotlights:after, .listing li:after, .inner:after, .spotlight:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ie6 .spotlights, .ie7 .spotlights, .ie6 .listing li, .ie7 .listing li, .ie6 .inner, .ie7 .inner, .ie6 .spotlight, .ie7 .spotlight {zoom: 1;}
.clear{ clear:both;}

/**/
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  BREADCRUMBS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#breadcrumbs{padding:0;}
#breadcrumbs li{
  background:url(/Style%20Library/ResilientCommunities/site/icons/arrow.png) no-repeat right 6px;
  display:inline;
  font-size:11px;
  padding: 3px 15px 0 5px;
}
#breadcrumbs li:first-child{ padding-left:0px;}
#breadcrumbs li:last-child{ background:none;}
#crumbs {margin: 0 0 10px 0;}
#crumbs span {padding:0 2px 0 0;font-size: 0.9em; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  SUBNAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.subnav {width: 195px; margin-top:-15px; margin-right:10px; float: left; position:relative;}
.subnav a:hover{text-decoration:none;}
.subnav ul {width: 195px; margin: 0; padding: 0;}
.subnav h2, .subnav p.menu, .subnav li {margin: 0 0 1px;}
.subnav h2, .subnav p.menu {
  background: #c7c2af;
  color: #363449;
  padding: 25px 15px 10px;
  font-weight: normal;
  font-size: 1.4em;
  text-transform: uppercase;
}
.subnav .additional-background {}
.subnav a p.menu:hover, .subnav a p.menu:focus{background:#b3b1b6;}
.subnav a p.menu.current{ background: #494960;}
.subnav a p.menu.current{ color:#ffffff;}
.subnav li {list-style-type: none; overflow:hidden;}
.subnav li a {
  padding: 10px 5px 10px 15px;
  display: block;
  background: #ece9dc;
  font-size: 1.13em;
  font-weight: bold;
  line-height: 1.3;
  width: 175px;
}
.subnav li a:hover, .subnav li a:focus{background: #b3b1b6;}
.subnav li.extended a{background:#ece9dc url("/Style%20Library/ResilientCommunities/site/icons/arrow-down.png") 178px center no-repeat;}
.subnav li.extended a:hover, .subnav li.extended a:focus {background-color: #b3b1b6; color: #363449;}
.subnav li.current a {color: #fff;
  background: #494960 url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") 178px center no-repeat;
}
.subnav li.extended li {float:left;padding-left:15px;}
.subnav li.extended ul {margin-top: 2px;}
.subnav li.extended li a {
  font-size: 1em;
  font-weight:normal;
  background: #ece9dc;
  color: #363449;
  padding-right:20px;
  overflow:hidden;
  zoom: 1;
  text-transform:none;
}
.subnav li.extended li.current a {color: #fff;background: #494960;}
.subnav li.extended li.current a:hover, .subnav li.extended li.current a:focus {background-color: #b3b1b6;color: #363449;}

.subnav ul.root>li:first-child {
	font-size: 1.4em;
    font-weight: normal;
    padding: 20px 15px 10px;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #494960;
    width:165px;
    font-family: "Helvetica-Light","Helvetica Light",sans-serif;
}
.subnav ul.root>li:first-child a {
	color:#fff;
	padding:0;
	width:auto;
	font-size:1em;
	background:transparent;
    font-weight: normal;
}
.subnav ul.root li ul { margin-top: 2px;}
.subnav ul.root li ul li { padding-left: 15px;}
.subnav ul.root li ul li a {
    background: none repeat scroll 0 0 #ECE9DC;
    color: #363449;
    font-size: 1em;
    font-weight: normal;
    overflow: hidden;
    padding-right: 20px;
    text-transform: none;
}
.subnav li { margin-bottom: 5px;}
.subnav li ul li { margin-bottom:1px;}

.subnav ul.root li:first-child { padding: 0; width: auto; margin:1px 0; }
.subnav ul.root li:first-child a { color: #FFFFFF; padding: 23px 15px 10px; width: 165px; background-color:#C7C2AF; color:#363449; background-image:none !important; }
.subnav ul.root li:first-child a:hover { background-color: #B3B1B6; }

.subnav ul.root li a.selected, .subnav ul.root li a.selected:hover, .subnav ul.root li.parent a.selected, .subnav ul.root li.parent ul li a.selected
.subnav ul.root li.parent ul li a.selected:hover { background-color:#494960; color:#FFFFFF; background: #494960 url('site/icons/arrow_white.png') no-repeat scroll 178px center }
.subnav ul.root li ul li a.selected, .subnav ul.root li ul li a.selected:hover { background-position: 162px center; }
.subnav ul.root li ul li a { width: 150px; }
.subnav ul.root li ul li a:hover { background-color: #B3B1B6; }
.subnav ul.root li ul li:first-child { margin-left: 15px; margin-bottom:1px;  }
.subnav ul.root li ul li:first-child a { width: 150px; padding: 10px 15px; background-color: #ECE9DC; color:#363449; }
.subnav ul.root li ul li:first-child a:hover { background-color: #B3B1B6; }
.subnav ul.root li ul li:first-child a.selected { background-color:#494960; color:#FFFFFF;}
.subnav ul.root li.parent a { background: url('site/icons/arrow-down.png') no-repeat 178px 17px #ECE9DC; }
.subnav ul.root li.parent.closed a { background-image: none; }
.subnav ul.root li.parent.closed ul { display: none !important; }
.subnav ul.root li.parent a:hover {	background-color:#B3B1B6; }
.subnav ul.root li.parent a.selected:hover { background-position: 178px center; background-color:#494960; }
.subnav ul.root li.parent ul li a.selected { background-position: 162px center; }
.subnav ul.root li.parent ul li a { background-image:none; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  TOOLBAR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#toolbar {
  background: #ece9dc;
  overflow: visible;
  padding: 0.5em 0 0 0;
}
#bodyMain #toolbar { background: #fff;}

.ms-sbtable {border: none !important;}
.ms-sbtable td {
	margin-right: 0px !important;
	padding: 0px !important;
}
.ms-sbcell { background-color: transparent !important;}

.s4-search input.ms-sbplain {
	border: 1px solid #42425A !important;
	border-right: none !important;
	background: #ffffff;
	padding: 1px;
	margin: 0;
}
.s4-search .srch-gosearchimg {
	border: 1px solid #42425A !important;
	border-left: none !important;
	background: #ffffff;
	padding: 1px;
	margin: 0;	
}

.tools a {
  background-image: url("/Style%20Library/ResilientCommunities/site/sprites/tools.png");
  background-repeat: no-repeat;
}
.tools {display:inline;}
.ie7 .tools{margin-right:10px; margin-top:-30px;}

.tools li {
  list-style-type: none;
  float:left;
  margin: 0 0 0 .5em;
}
.tools a {
  display:block;
  height: 20px;
  width: 20px;
  text-indent: -9999px;
  overflow: hidden;
}
.tools .fb a {}
.tools .like a{ width:46px;}
.tools .yt a { width:46px; margin-right: 10px;}
.tools .print a { background-position: 0px -82px;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
  min-width: 940px; /* this stops the background image moving */
 background: transparent url("/Style%20Library/ResilientCommunities/site/backgrounds/header.png") center top repeat-x;
 height: 200px;
}
#header img {margin: 35px 0 15px;overflow: hidden;}



/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav {
  background: transparent url("/Style%20Library/ResilientCommunities/site/backgrounds/nav.png") left bottom repeat-x;
  width: 100%;
  overflow: hidden;
  z-index: 100;
  position: relative;
  padding-bottom: 50px;
  height: 10px;
}
#nav .bg{background-color:#42425a;}
#nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float:left;
}
#nav li a {
  font-family:Helvetica,sans-serif;
  display: block;
  line-height: 36px;
  font-size:1.1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 0 15px;
}
#nav li a:hover, #nav li a:focus, #nav li.current a {
  background: #f1bf45;
  color: #42425a;
  text-decoration: none;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  CAROUSEL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* On the home page the carousel needs to sit underneath the dropshadow from #nav */
.ag-carousel {
	width: 940px;
	margin: 0 auto;
	height: 265px;
	position: relative;
	top: -10px;
	z-index: 1;
}
.ag-carousel li {
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	width:940px !important;
	height:265px !important;
}

.ag-carousel li.nextInLine{z-index:5;}
.ag-carousel li.active{z-index:10;}

.carousel {
  margin-top: -9px;
  z-index: 10;
  position: relative;
  height:280px;
  overflow:hidden;
}
.internal .carousel, .two-col .carousel{
    margin-top:0;
    height:150px;
}
.CarouSlide {position: relative;}
.ie7 .CarouSlide{margin-top:-10px;}

.slideshow-back-next {display:block;}
.slideshow-back-next a {
	display:block;
    position: absolute;
    top: 85px;
    background-image: url('site/sprites/carousel.png');
    background-repeat: no-repeat;
    display: block;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
}
.slideshow-back-next .back-button {
    left: 0;
    z-index: 100;
    background-position: 0 -96px;
}
.slideshow-back-next .next-button {
    right: 0;
    z-index: 100;
}
.slider-holder .details {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 15px 15px 25px 15px;
  margin-right: 40px;
/*fallback for ie6 - ie8*/
  background: #e0f0f3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
/*rgba background attributes*/
  background:rgba(224,240,243, 0.85);
}
.slider-holder .details h2 {
  text-transform: uppercase;
  font-size: 1.5em;
  margin: 0 0 .5em;
}
.slider-holder .details p {
  font-size: 1.1em;
  margin-bottom: 5px;
}
.slider-holder .details .more {
  background: #72959a;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .4em .5em;
}
.slider-holder .details .more a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding-right: 13px;
  font-size: 1em;
  background: #72959a url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") right center no-repeat;
}
.slider-holder li {
  list-style-type: none;
  position: relative;
  width: 940px;
  margin-bottom: 10px;
}

.internal .slide-holder li { width: 715px;}
.two-col .slide-holder li{ width:500px;}
.slider-holder li img { display: block;}

/* If JS is on: */
.home .slider-wrapper { width: 940px; position: relative;}
.internal .slider-wrapper{width:715px;}
.two-col .slider-wrapper{width:500px;}
.slider-wrapper ul {position: relative;}
.slider-wrapper li {
  float: left;
  margin: 0 0 .75em 0;
  width: 940px;
}
.slider-wrapper .details a:link, .slider-wrapper .details a:hover, .slider-wrapper .details a:visited {color: black;}
.internal .slider-wrapper li { width:715px;}
.two-col .slider-wrapper li{width:500px;}
.slideshow-back-next li {
  position: absolute;
  top: 85px;
  list-style-type: none;
}
.internal .slideshow-back-next li, .two-col .slideshow-back-next li{top:45px;}
.slideshow-back-next li a {
  background-image: url("/Style%20Library/ResilientCommunities/site/sprites/carousel.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 54px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
}
.slideshow-back-next .back-button {
  left: 0;
  z-index:100;
}
.slideshow-back-next .back-button a {background-position: 0 -96px;}
.slideshow-back-next .next-button {
  right: 0;
  z-index:100;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  SPOTLIGHTS
  These have a base style, and are modified on top of that for colour, style etc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spotlight { margin-bottom: 1em; overflow: visible;}
.spotlight h1, .spotlight h2 {
  background: #363449;
  font-size:1.3em;
  padding: .5em;
  margin: 0;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase !important;
  width:auto;
}
.spotlight-content h1, .spotlight-content h2 {
	background:none;
	color: #363449;
	padding:0;
	text-transform:none !important;
}
.spotlight-content h2 {margin: 20px 0;}

.heading-image{margin-bottom:10px;}

/*spotlight meta data*/
.article-image-left{float:left; padding:0 10px 5px 0;}
.article-image-right{float:right; padding:0 0 5px 10px;}
.article-image-center{padding-bottom:5px; width:100%;}
.article-details{
    background:#f6f5f5;
    border:1px solid #edede8;
    padding:10px;
    margin: 0 0 10px 0;
}

.date{display:inline; font-style:italic;}
div.details p.date {color: #000;}

.author{display:inline; font-style:italic;}
.comment{font-size:1em; font-weight:bold;}

/**/
.spotlight .spotlight-content {
  background: #fff;
  padding: 5px 10px 20px 10px;
}
.spotlight .spotlight-content.gallery{ padding-left: 25%; }
.spotlight .spotlight-content p:last-child {margin-bottom: 0;}
.spotlight .spotlight-more {
  background: #363449;
  font-weight: normal;
  text-transform: uppercase;
  font-size: .9em;
  padding: .5em 1em;
  text-align: right;
  margin: 0;
}
.spotlight-more a, .spotlight-more a:link {
  color: #fff;
  display: block;
  padding-right: 13px;
  background: transparent url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") right center no-repeat;
}

/*for headings that are enclosed within the spotlight content area.
 For instance in the articles and blogs pages.*/
.enclosed-header h1, .enclosed-header h2{background:#ffffff; color:#363449; margin-bottom: 0; line-height:1.2;}
.enclosed-header h2 {text-transform:none !important; font-weight: bold; font-size: 1.4em;}

/* Colour schemes */
.color-yellow-header h1{background:#f1bf45; color:#363449;}

.color-light-header h2, .color-light-header h1, .color-light-footer .spotlight-more {background: #ece9dc; color: #363449;}
.color-light-footer .spotlight-more a {color: #363449; background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow.png");}
.color-grey-header h2, .color-grey-footer .spotlight-more{background: #bcbcbc;color: #363449;}
.color-grey-footer .spotlight-more a{color: #363449;background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow.png");}

.color-purple-header h2, .color-purple-header h1, .color-purple-footer .spotlight-more{background: #84265e; color:#fff;}
.color-purple-footer .spotlight-more a{background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") !important; color:#fff;}

.color-green-header h2, .color-green-header h1, .color-green-footer .spotlight-more{background:#006970; color:#fff;}
.color-green-footer .spotlight-more a{background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") !important; color: #fff;}

.color-tan-header h2, .color-tan-header h1, .color-tan-footer .spotlight-more{background:#994626; color:#fff;}
.color-tan-footer .spotlight-more a{background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") !important; color: #fff;}


.equalHeight {min-height: 240px;}


/*Comment Spotlight*/
/* These are used for spotlights that are in the content area. Base style in .comments{} */
.comments h2{ text-transform:none;}

/*comments specialisation of meta data styles*/
.comments .spotlight-content{border-bottom:1px solid #edede8;}
.comments .details{margin-bottom: 5px;}
.comments p.author{font-size:14px;}
.comments p.author:after{content:"";}
.comments p.date.f-right{margin-bottom:0;}

/*comments spotlight area for forms*/
.spotlight-content.form {
  border-bottom:none;
  padding-right:15px;
}
/**/

/*gallery spotlights*/
.spotlights-half.gallery .spotlight{ width:250px;}

/**/

/*newsandblog*/
.spotlights-half.newsandblog .spotlight{width:357px;}
div.spotlight.blog p a {display:none;}
div.spotlight.blog p.more a {display: inline;}
div.spotlight.news.even {line-height: 1.5;}

/* Angled */
/* NB: The background image should be generated by the server and placed on an inline style on the H2 */
.angle {position: relative;overflow:visible;}
.angle h2 {
  height: 65px;
  width: 305px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-color: transparent;
  position: absolute;
  overflow:visible;
  left: -5px;
  top: 2px;
}
  /*specific h2 backgrounds for angled content areas*/
h2.whatcanyoudo{
  background-image:url(/Style%20Library/ResilientCommunities/site/foregrounds/angled_what_can_you_do.png);
}
h2.whatcancommdo{
  background-image:url(/Style%20Library/ResilientCommunities/site/foregrounds/angled_what_can_your_community_do.png);
}
h2.whatisgovdoing{
  background-image:url(/Style%20Library/ResilientCommunities/site/foregrounds/angled_what_is_the_government_doing.png);
}
h2.myths-misconceptions{
  background-image:url(/Style%20Library/ResilientCommunities/site/foregrounds/angled_did_you_know.png);
}
h2.myths-misconceptions-sidebar{
  background-image:url(/Style%20Library/ResilientCommunities/site/foregrounds/angled_sidebar_myths.png);
}
.sidebar h2.myths-misconceptions {
  background-image: url("/Style%20Library/ResilientCommunities/site/foregrounds/angled_sidebar_did_you_know.png");
}

  /**/
.angle .spotlight-content {margin-top: 35px;}
.angle .spotlight-content p:first-child {padding-top:25px;}

/* Change styles depending on location */
.spotlights {
  background: #ece9dc;
  margin-bottom: 1.5em;
  padding-bottom: 10px;
    /*ie fix*/
    position:relative;
    z-index:100;
    /**/
}
.spotlights .inner {
  width: 954px;
  position:relative;
}

.spotlights .spotlight {
  width: 305px;
  margin-right: 6px;
  margin-left: 7px;
}

.spotlights .spotlight-content img{
    height:120px;
    width:285px;
}

.spotlights .spotlight-more {
  position: absolute;
  margin: 0;
  bottom: 13px;
  right: 10px;
  padding: .4em .5em;
  font-size: .9em;
}
.spotlights .spotlight-more a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding-right: 13px;
  background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png");
  background-position: right center;
  background-repeat: no-repeat;
}

/* Half widths */
.spotlights-half .spotlight {
  width: 300px;
  float: left;
  margin-right: 20px;
}
.spotlights-half .spotlight:nth-child(even) {margin-right: 0;}
.spotlights-half .even {margin-right: 0;}

/* Specific colours */
.spotlights .color-purple .spotlight-more { background: #84265e; }
.spotlights .color-green .spotlight-more { background: #006970; }
.spotlights .color-orange .spotlight-more { background: #994626; }
.highlight .spotlight-content { background: #ffeab8;}
.highlight .did-you-know .spotlight-more {background-color: #ffeab8;}
.highlight .spotlight-more a {background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png"); color: #363449;}
.dyk-box .spotlight-more a {background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow.png"); color: #363449;}
.sidebar .spotlight-more a {background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow.png"); color: #363449;}

/* Video spotlight */
.video .spotlight-leader {
  width: 300px;
  height: 145px;
}
.video .spotlight-leader .playhead {
  position: absolute;
  top: 41px;
  left: 118px;
}

/* Icons */
.icon {
	position: absolute;
  top: 0px;
  right: 0px;
  width: 31px;
  height: 31px;
}
.icon-question {
    background-image: url("/Style%20Library/ResilientCommunities/site/icons/question.png");
    top: -5px;
    right: 1px;
}


/* Spotlights in sidebar */
.sidebar .angle {width: 100%;}

/* Two-line heading */
.two-lines .spotlight-content {margin-top: 50px;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  LISTING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.listing li {
  list-style-type: none;
  padding: 8px;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #edede8;
  overflow:hidden;
}

.listing li:last-child{ border-bottom:0;}
div.details {line-height: 1.5;}
.details li{
  border-bottom:none;
  border-left:1px solid #ece9dc;
  margin-left:10px;
  font-weight:bold;
}
li.dfwp-item .details h3 { line-height: 1.5;}


.listing li h2 {
  font-weight: bold;
  font-size: 1em;
  line-height:1.5;
  margin-bottom: .75em;
  background-color:transparent;
  text-transform:none;
  padding:0;
  font-family:Helvetica,sans-serif;
}

.listing li .date {
  display:inline-block;
  margin-bottom: 7px;
}
.listing li .more {
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em;
  margin: -15px 0 0 0;
}
.listing .meta { width: 100%;}
.listing-meta{  }
.listing-meta p { font-style: italic; margin: 15px 0; line-height: 0.5;}
/* Zebra striping if required */
.zebra-striping .even { background: #f6f5f5;}
ul.listing.zebra-striping { margin: 0;}

/* Colourful list arrows if required */
a.arrow,
a.arrow-green,
a.arrow-purple {
	background-repeat:no-repeat;
    background-position:2px 6px;
    padding-left:18px;
    display:block;
}
a.arrow:hover,
a.arrow-green:hover,
a.arrow-purple:hover { text-decoration:underline; }
a.arrow{ background-image:url(/Style%20Library/ResilientCommunities/site/icons/arrow-down.png); }
a.arrow-green{ background-image:url(/Style%20Library/ResilientCommunities/site/icons/arrow-down_green.png); }
a.arrow-purple{ background-image:url(/Style%20Library/ResilientCommunities/site/icons/arrow-down_purple.png); }

.spotlight.color-yellow-header { margin:0 0 3px 0; background-color:#FFF; }
.spotlight.color-yellow-header h1 { font-weight: normal; }
.spotlight.color-yellow-header ul li { padding: 5px 10px; list-style: none; border-bottom: 1px solid #FFF; }

/* Sidebar listings */

/* IE Fixes */
.ie6 .sidebar .listing, .ie7 .sidebar .listing {zoom: 1;}
.ie6 .sidebar .listing li, .ie7 .sidebar .listing li {width:190px; zoom:1;}
.ie6 .home .sidebar .listing li, .ie7 .home .sidebar .listing li{width:284px; zoom:1px;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  PAGINATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pagination {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 2em;
}
.pagination ul {
  display: inline;
  vertical-align: top;
}
.ie6 .pagination ul,
.ie7 .pagination ul {
  zoom: 1;
  display: inline;
}
.pagination li {
  list-style-type: none;
  display:inline-block;
  margin: 0 1px;
}
.ie6 .pagination li,
.ie7 .pagination li{
    display:inline;
    zoom:1;
}
.pagination a,
.pagination span {
  display: block;
  width: 28px;
  line-height: 28px;
  text-align: center;
  background: #363449;
  color: #fff;
}
.pagination span,
.pagination a:hover,
.pagination a:focus {
  background: #f1bf45;
  color: #363449;
  text-decoration: none;
}
.pagination .back,
.pagination .next {
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: #363449 url("/Style%20Library/ResilientCommunities/site/icons/arrow_white.png") center center no-repeat;
}
.pagination .back {left: 0;
  background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_white_left.png");
}
.pagination .next {right: 0;}
.pagination .back:hover,
.pagination .back:focus {
  background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow_left.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.pagination .next:hover,
.pagination .next:focus {
  background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  MAIN CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content-list{
    border-bottom:none;
    border-left:1px solid #ece9dc;
    list-style:none;
    margin-left:15px;
    font-weight:bold;
}
.content-list li{margin-left:10px;}

.dotted-list{list-style-type:square; margin-left:15px;}
.dotted-list li{margin-left:10px;}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
  background: #363449 url("/Style%20Library/ResilientCommunities/site/backgrounds/content.gif") top left repeat-x;
  bottom:0;
/*  position:absolute;*/
  width:100%;

}
#footer .inner{
	padding: 20px 0 25px;
    position:relative;
}
#footer h2 {
  margin-bottom: 30px;
  margin-top:0;
}
#footer ul {
  margin-right: 10px;
  float: none;
  width:100%;
  clear:both;
}
#footer li, #footer a { color: #fff;}
#footer li {
  list-style-type: square;
  margin: 0 0 .5em 15px;
  font-size: .9em;
  float:left;
  width:170px;
}
.ie6 #footer li, .ie7 #footer li {zoom: 1;}
#footer #gov {
  position:absolute;
  right:0;
  top:21px;
}

#footer .navigation {width: 280px;}
#footer .navigation li {
  width: 120px;
  margin-right: 5px;
  display:inline-block;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content {z-index: 10; position: relative;}
#content .main { width: 735px;margin-top: 15px;}
#content .main h1{ text-transform:none; }
#content .sidebar {width: 300px; margin-top: 15px;}


/* Home page */
.home #content .main, .home #content .sidebar {margin-top: 0;}
.home #content {position: static; margin-top: 0;}
#content .main.home {width: 620px;}
.home #content .sidebar {width: 300px;}

/* Two columns */
.two-col #content .main {width: 520px;}
.two-col #content .sidebar {width: 205px;}
.two-col #content .sidebar div.spotlight {width: 205px;}
#content .main.fullwidth {width:100%;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  SPECIAL ANCHORS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spotlight h2 a, .spotlight h1 a {color:#fff !important;}
.spotlight-content a {font-weight:bold !important;}
.color-light-header h2 a {color: #363449 !important;}
.listing li h2 a {color:#363449;}
.pdf{
  background: url(/Style%20Library/ResilientCommunities/site/icons/pdf.png) no-repeat 0 0;
  padding:0 0 0 20px;
}
.link{
  background: url(/Style%20Library/ResilientCommunities/site/icons/extlink.png) no-repeat left center;
  padding-left:20px;
  line-height:1.5;
}
.box-link{display:block;cursor:pointer;}
.comment{
    background: url(/Style%20Library/ResilientCommunities/site/icons/comment.png) no-repeat left top;
    padding-left:30px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ROWS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*required to suit IE7, and 8*/
.spotlight.rowend {float:none; margin-right:0;}
.row { width:100%;}
.row img{ display:inline; padding-left:2px;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  MISC.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.australian-map{
    background:url(/Style%20Library/ResilientCommunities/site/foregrounds/map-australia.jpg) no-repeat center left;
    float:left;
    height:170px;
    width:175px;
}
.formrow-map{
    background:#f6f5f5;
    border:1px solid #edede8;
    padding:10px;
    margin: 70px 5px 80px 0;
    overflow:hidden;
    text-align:center;
}
.formrow-map label{font-weight:bold;}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
    textarea { height: 35px;}
    .formrow-label{margin-bottom:0;}
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  LIGHTBOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.lightbox{
  background:#ffffff;
  height:700px;
  overflow:visible;
}

/* Override sharepoint css */
body {color:#000;}
a, a:link, a:visited {color: #363449;}
.home .listing .item img {
	width:140px;
	height:100px;
}
body #s4-workspace {
	overflow: visible ;
	height: auto !important;
    width: auto !important;
}
.ms-WPBody h2 {font-weight:normal;}
.ms-WPBody a, .ms-WPBody a:link {color: #363449;}
.ms-WPBody h3 {
	font-size: 1.05em;
	font-family:Arial, Helvetica, sans-serif;
}
.ms-WPBody {
	font-size:inherit;
	font-family: inherit;
}
.link-item, .link-item a, .link-item a:link {
	color:inherit;
	font-family:inherit;
	text-decoration:inherit;
}
.ms-WPBody a, .ms-WPBody a:link {
	color:inherit;
	text-decoration:inherit;
}
.dfwp-column { float:none;}

#content .spotlight-content ul { list-style: square; margin-left: 25px; }

ul.dfwp-list li { list-style: none; border-bottom: 1px solid #f5f3ea; }
ul.dfwp-list li .arrow a { font-weight: normal; background: no-repeat left 5px url(images/site/icons/arrow-down.png); padding-left: 15px; display: block; }
ul.dfwp-list li .arrow a:hover { text-decoration: underline; }
ul.dfwp-list li .arrow a.arrow-green { background-image: url(images/site/icons/arrow-down_green.png); }

#widecarousel{ width:735px;	float:right; }
#widecarousel .carousel-gallery { overflow:hidden; width:668px; margin:0 23px; position:relative; }
#widecarousel .trirotator {	width:9000px !important; height:117px; }
#widecarousel li { float:left; margin-right:4px; margin-bottom: 0;}
#widecarousel li a, #widecarousel li img {float: left;}
#widecarousel .slideshow-back-next { position:absolute; top:-52px; }
#widecarousel .slideshow-back-next .next-button { position:absolute; left:636px; }

.color-green-footer .spotlight-more { background-color: #006970; }
.color-green-footer .spotlight-more a { color: #FFFFFF; }

div.spotlights-half li.dfwp-item { list-style: none; }
div.spotlights-half .spotlight-more a { color: #FFFFFF; }
div.spotlights-half .spotlight-more a:hover { text-decoration: underline; }

.spotlight.even h2 { font-size: 1.5em;}
.spotlight.even .spotlight-more { font-size: 1.1em; }
.spotlight.even h3 a {color: #363449;}
.spotlight.f-right {margin-bottom: 1em; overflow:visible;}

.sidebar div.dyk-box {float:left; clear:both;}

div.did-you-know p.spotlight-more a {color: inherit;}

.ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:visited { color: inherit; }
.ms-WPBody td {	background-color: transparent; border:none;}
.ms-WPBody h3 a:hover { text-decoration:underline; }

/*unwanted padding removal*/
#rssFeedWPDiv_ctl00_ctl30_g_6c883d12_2d68_401c_b093_c725c46bcd9e, 
#rssFeedWPDiv_ctl00_ctl29_g_2b526b0a_fd8e_4657_bb78_4da4c542f06b,
#rssFeedWPDiv_ctl00_ctl29_g_dab2f127_d214_4338_b76e_83785380f17e { padding-top: 0 !important; }

.spotlights-half .did-you-know { position: relative; }

.did-you-know p.spotlight-more { background-color: #FFEAB8;}
.sidebar .did-you-know p.spotlight-more {float:left; background-color: #FFEAB8; width:180px;}
.sidebar h2.myths-misconceptions { width:190px; float:left; clear:both; }
p.myth {margin: 5px 0 15px 0; color: #111;}

.cbq-layout-main .did-you-know p.spotlight-more a {
	color: #363449;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
}
.spotlight-content .cbq-layout-main .dfwp-column.dfwp-list .dfwp-item {
	width: 92%;
	line-height: 1.5;
	padding: 5px 0;
	margin: 5px 0;
}
div.sidebar .did-you-know .spotlight-more a {
	font-size:1em;
	font-weight:normal;
}

#content div.details a { color:inherit; }
#content div.details a:hover { text-decoration: underline; }

.cbq-layout-main p.spotlight-more a { color: #FFFFFF; }
.cbq-layout-main p.spotlight-more a:hover { text-decoration: underline; }

div.item { padding: 10px }
div.description a {	font-weight:bold; }
div.description a:hover { text-decoration: underline; }

ul.dotted-list li {	list-style-type: square }
ul.dotted-list li a:hover {	text-decoration: underline }

div.spotlight h2 a:hover { text-decoration: underline; }

#s4-statusbarcontainer { position:fixed; bottom:0px; width:100%; z-index:500; }

#footer { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

#header { background-position: center 18px; }
#header img {  margin: 40px 0px; }

li.dfwp-item { list-style:none;}

.sidebar h2 { margin-top:5px; }

body.v4master {	overflow:scroll }

.spotlight-content a.cboxElement:first-child { margin-left: 0px; }
.spotlight-content a.cboxElement { margin: 0 0 6px 6px; display: inline-block;}
.spotlight-content a.cboxElement img {padding: 0;}
div#cboxContent{padding: 0 0 50px 0;}
div#cboxCurrent{}
div#cboxTitle {clear:both; position: static; bottom:0; padding: 5px; width: 100%; background-color:#000;}

div p a.gallery:first-child, div a.gallery:first-child {margin-left: 0;}
div p a.gallery, div a.gallery {display:inline-block; margin: 0 0 0 6px;}

.description {font-size:1em; line-height:1.5;}

.spotlight.even .spotlight-content { width:auto; }

.newsandblog div.news{ position:relative;}
.newsandblog .color-tan-footer p.spotlight-more { font-size:1.3em !important; padding-bottom: 8px; }
.newsandblog .color-tan-footer {float:left; }

#content .newsandblog .news h3 a { color:#363449 !important; }

#content .carousel-gallery { width: 500px; overflow:hidden; position:relative; border: none; }
#content .carousel-gallery .slideshow-back-next { position:absolute; top:-55px; left:0px; width:500px; }

#content .trirotator { height: 117px; width:9999px !important; }
#content .trirotator ul { margin:0px; }
#content .trirotator > ul > li { float:left; margin:0 /167px/; }
#content .trirotator img { margin-left:4px; margin-bottom:0px; margin-right:0; }
#content .trirotator li:first-child img { margin:0; }

#toolbar ul.tools li.yt,
#toolbar ul.tools li.print { position:relative; }
#toolbar #search { height:13px; }

.home.spotlights .spotlight-content,
.leader.spotlight-content { width: auto; }

.ms-WPBody .spotlight-content h3 a { color:#363449 }

.spotlight.news h1 { font-weight:normal; }
.spotlight.video h2 { margin-top:0; }

div.spotlight.blog { margin-bottom:0; width:700px; background-color:#FFF; }
div.spotlight.blog .details {padding:10px;}
div.spotlight.blog .details h3 { font-size:1.3em; line-height: 1.5;}
div.spotlight.blog .details p { font-size:1.2em; display:block; line-height:1.5; }
div.spotlight.blog p.spotlight-more, p.blog.spotlight-more { font-size:1.1em; }
div.spotlight.blog p.spotlight-more a, p.blog.spotlight-more a  { color:#fff; }

div.spotlight.blog p.spotlight-more a:hover, p.blog.spotlight-more a:hover { text-decoration:underline }

.image img {float: left;}
.image_blog img {float: left; width:115px; height: 115px; margin: 10px;}
.image_blog .details, .image .details { margin-left: 160px;}

div.item.link-item { background-color:#FFF; line-height:1.5; color: #111;}
div.item.link-item img {margin-top: -5px;}
div.item.link-item h3 { line-height: 1.5; }
div.item.link-item h3 a { font-size:1em;}
div.item.link-item div.description { line-height:1.5; color: #333;}
div.item.link-item div.description a { display:none;}

#content div.spotlight.blog h1 { width:auto; }
#content div.main div.filters input { margin-right:40px; }

.filters td span { width:auto; }

#content .spotlight-content ul.listing { margin-left:0; }
#content .spotlight-content ul.listing li {	padding:10px 0; }

.ms-ToolPaneOuter {position: absolute;top: 140px;}

/* Sharepoint scrolling
http://kyleschaeffer.com/sharepoint/sharepoint-2010-scrolling/
*/
body.home #s4-workspace {
	overflow: visible !important;
}
body.home #s4-ribbonrow {
	position: fixed;
	z-index: 1000;
}
body.home #s4-ribbonrow .ms-MenuUIPopupBody, body.home #s4-ribbonrow .ms-popoutMenu, body.home .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}
body.home .ms-dlgOverlay {width: 100% !important;}

/*No boarder between listing items*/
.listing div.item {
    border-top: 1px solid #EDEDE8;
    padding: 10px 10px 0;
}
.listing div.item:first-child { border: none; }

/*Missing arrows (place near the a.arrow rules)*/
li.arrow,
li.arrow-green,
li.arrow-purple {
    background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow-down.png");
    background-position: 7px 13px;
    background-repeat: no-repeat;
    padding: 8px 20px !important;
}
li.arrow-green { background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow-down_green.png");}
li.arrow-purple { background-image: url("/Style%20Library/ResilientCommunities/site/icons/arrow-down_purple.png");}

/* There’s no spacing between the images */
.galleryListing img:first-child { margin: 0; }
.galleryListing img { margin-left: 5px; width: 163px; }

table.withBorder td {
	color:#333;
	line-height: 1.6;
    border: 1px solid #CCC;
    padding: 10px;
}

#borderpadding td {
	border: 1px solid #333;
	padding: 10px;
}
#tablepadding td { padding: 10px;}
.eventImage img { width: 140px;}
.listing div.details div {margin-top:-8px;}