/* Reset */
body {color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup,sub {vertical-align: text-top;}sub {vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* Set default styles */
body {
    background-color:#E0DCCD;
    font-family: 'Open Sans', sans-serif;
    font-size:100%;
    line-height:1.225em; /* 16x1.125=18px */    
}

html, body {
    height: 100%;
}

.container {
    background:#fff;
    font-size: 0.8em; /* 16x0.75=12px */       
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -313px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
    height: 313px; /* .push must be the same height as .footer */
}


.notvisible {
    position:absolute;
    left:-1000em;
}
p {
    padding:.5em 0;
}
strong,
strong *,
strong em {
    font-weight:bold;
}
em,
em *,
em strong {
    font-style:italic;
}

a {
    color:#0d9ad8;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#tools li a {
    color:#ffde00;
}
h1,h2,h3,h4 {
    margin:.25em 0;
    font-weight:600;
}
h1 {
    font-size: 1.5em;
    margin-bottom:1em;
}
img.flexi {
    height:auto;
    max-width:150px;
    min-width: 60px;
}
.pagecontent {
    font-size:1.1em;
    line-height:1.55;
    color:#333;
}

.pagecontent .heading,
.sectiontitle a,
.sectiontitle {
    color: #003563;
    font-size: 2.5em;
    font-weight: normal;
}
.pagecontent .heading,
.sectiontitle {
    line-height:1.35;
    margin:0 0 0.65em 0;
}
.pagecontent-image {
    margin: 0 -70px 25px 25px;
    float: right;
    max-width: 400px;
}
.sectiontitle a {
    font-size:1em;
}

h1,
h2.leftNav {
    color:#003663;
    margin:0;
}
h2.leftNav {
    margin-bottom: 0.5em    
}
h2 {
    color:#b6272e;
    font-size:1.4em;
    font-weight:600;
    margin-top: 20px;
}
h3 {
    font-size:1.125em; /*18px */
}
h2.bar-heading {
    background-color:#95ad22;
    padding:4px 6px;
}
h2.alt-heading {
	background-color:#9A3C18;
}
h1,
h2.bar-heading {
    margin-top:0;
}
h2.bar-heading,
ul.bar-heading a {
    color:#fff;
    text-shadow: rgba(0,0,0,0.5) 1px 1px 0;
}
img.float-left {
    float: left;
    padding: 0 1em 1em 0;
}
img.float-right {
    float: right;
    padding: 0 0 1em 1em;
}
div#footer hr {
    background-color: #fff;
}
div#footer a {
    color:#554747  
}

#footer h5 {
    margin:0;
}
#footer p {
    padding:0 0 .5em 0;
}
.sml {
    font-size:.675em;
    font-weight: normal;
}
.pagecontent .last-modified {
    color: #aaa;
    font-style:italic;
    padding-top:1em;
}
#logo {
    background: url(../images/ashburton-logo.png) no-repeat;
    display:block;
    float:left;
    margin:23px 0 8px 0;
    height:140px;
    text-indent:-10000em;
    width:288px;
}
#logo:active {
    position:relative;
    top:1px;
    left:1px;
}
div#content-column ul#payment-icons {
    padding-bottom: 1em;
}
div#content-column ul#payment-icons li {
    list-style:none;
    margin:0;
    padding:.5em 1em .5em 0;
}
div#content-column ul#payment-icons li img {    
    display:inline;
    vertical-align:middle;
    padding:0 1em 0 0;
}

/* float clearing for IE6 */
* html .clearfix {
  height: 1%;
  overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix {
  min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

h1.site-title {
    margin: 0;
    padding: 0;
}

body#home-page #content-column h1 {
    margin-bottom: 13px;
}
#footer {
    background:#E0DCCD url(../images/footer-background.png) no-repeat top center;
    border-top:1px solid #D9D5C7;
    clear:both;
    color:#4c4d4f;
    font-size:0.8em;
    padding:0 20px 20px;
}
hr {
    background-color: #F0F0F0;
    clear:both;
    color:#F0F0F0;
    border:medium none;
    height:1px;
    margin:0 0 1em 0;
    padding:0;
}
div#footer p.copyright {
    font-size:0.92em;
    padding-bottom: 0;
}
p.copyright,
#footer p.copyright a {
    color:#a3999a;
}
.footer-col {
    float:left;
    padding:0 0 0 20px;
    margin:0 0 0 20px;
}
.col1 {
    background:url(/images/shire-map.png) no-repeat scroll center top transparent;
    display:block;
    height:149px;
    text-indent: -10000em;
    width:284px;
}
.col2 {
    width:155px;
}
.crest {
    float: right;
}
#advertising {
    text-align: center;
    margin: 0 0 25px 0;
}
#advertising img {
    max-width: 100%;
    height: auto;
}
#quicklinks a:active {
    position: relative;
    left: 1px;    
    top: 1px;
}
#quicklinks li {
    background:url(../images/button-main.png) no-repeat top left;
    border-radius:4px;
    box-shadow:1px 1px 5px rgba(0,0,0,0.4);    
    display:block;
    margin:0 0 .5em 0;
}
#quicklinks a {
    background:none no-repeat 4px center;
    color:#fff;
    display:block;
    font-weight:bold;
    font-size:1.05em;
    min-height:21px;    
    padding:10px 2px 5px 38px;
    text-shadow:1px 1px 3px rgba(0,0,0,0.7);
}
#quicklinks #bar-newsletter {
    background-position:0 -442px;
}
#quicklinks #bar-airport {
    background-position:0 -142px;
}
#quicklinks #bar-road {
    background-position:0 -290px;
}
#quicklinks #bar-rubbish {
    background-position:0 -890px;
}
#quicklinks #bar-reportit {
    background-position:0 -1040px;
}
#quicklinks #bar-bus {
    background-position:0 7px;
}
#quicklinks #bar-tenders {
    background-position:0 -592px;
}
#quicklinks #bar-vacancies {
    background-position:0 -742px;
}


.quicklink-large.bar-vacancies {
    background: url(../images/button-light-blue.png) no-repeat 0 0 #003461;
    border-radius: 4px;
    border: none;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    display: block;
    font-weight: bold;
    color: #fff;
    padding: 11px 10px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    text-transform: uppercase
}
.quicklink-large.bar-vacancies span {
    background: url(../images/icons.png) no-repeat -9px -750px;
    display: block;
    padding-left: 30px;
}

/* standard orange panel with heading */
.panel.standard {
    background:url(../images/panel-background.png) no-repeat bottom left;
}
.panel.standard .heading {
    background:url(../images/panel-heading-background.png) no-repeat top right;
}
.panel.standard .heading span {
    font-weight:bold;
}
.panel.standard .heading .title {
    background:url(../images/panel-heading.png) no-repeat top left;
    color:#fff;
    font-weight: normal;
    margin:0;
    min-height:42px;    
    font-size:1.75em;
    line-height:2.1;
    padding-left:20px;
    max-width:215px;
    text-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.panel .heading .title a {
    color: #fff;
}
.panel.standard .heading .title-wider {
    background:url(../images/panel-heading-wider.png) no-repeat top left;
    max-width: 260px;
}
.panel.standard .content {
    padding:15px 20px 17px;
}
.panel.standard.gallery-panel .content {
    padding-left:15px;
    padding-right:0;
}

.panel.alternative {
    border:1px solid #d7d5cb;
    border-radius:4px;
    background-color:#ebe9de;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}
.panel.alternative .heading {
    background:url(../images/panel-heading-7.png) no-repeat;
    min-height:52px;
}
.panel.alternative .title {
    color:#003663;
    font-size:1.5em;
    font-weight:bold;
    line-height:2.85em;
    margin:0;
    padding-left:15px;    
}


.panel .title {
    color:#E76B30;
}
.panel .heading {
    position: relative;
    z-index: 10;
}

#footer .heading {
    background:url(../images/panel-heading-4.png) no-repeat;
    min-height:52px;
}
#footer .heading .title {
    color:#fff;
    font-size:1.8em;
    margin:0 0 10px 0;
    padding-left:15px;
    line-height:2.15em;
    text-shadow:1px 1px 4px rgba(0,0,0,0.5);
}
#footer h5 {
    font-weight:bold;
}

.footer-col li {
    padding:0 0 1em 0;
}
#contact-details {
    float:left;
    margin-left:16px;
    width:199px;
}
form#contact-form {
    margin-left:3em;
    width:270px;
}
#map {
    background-color:#ccc;
    float:right;
    height:230px;
    margin-bottom:1em;
    width:600px;
}
#weather-panel {
    border:#ccc 1px solid;
    background-color:white;
    margin:0 0 .5em 0;
    width:247px;
}
#weather-panel a.weather  {
    width:100%;
    text-align:right;
    display:block;
    
}
#weather-panel a.weather img {
    padding:2px 6px 2px 0;
}
#weather-panel ul.weather img {
    float:right;
    margin:-20px 6px 0 0;
    padding:0;
}
ul.weather,
.news p {
    color:#6d6c6c;
}
ul.weather ul {
    padding:8px 0 0 0;
}
ul.weather ul li {    
    padding:0 .5em .5em .5em;
    width:235px;
}
ul.weather h4 {
    padding:6px 0 0 6px;
}

#tools li,
ul#breadcrumb li,
ul#nav li,
ul.bar-heading li {
    list-style:none;
    display:inline;
    float:left;
}
#tools li {
    border-left:black 1px solid;
    line-height:.75em;
    padding:0 .5em;
}
#tools li.first {
    border:none;
}
ul.bar-heading {
/*    display:inline;
    float:right;
   position:relative;
    top:-31px;*/
    margin:-31px 0 0 162px;
    position:absolute;
}
ul.bar-heading li {
    padding:6px 0;
    text-align: center;
}
li.rss a,
a.facebook span {
    background:url("/images/sprites2-main.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:16px;
    text-indent:-10000em;
    width:16px;
}
li.rss {
    border-left:1px solid #fff;
}
li.rss a,
li.rss {
    margin:0 2px 0 4px;
}
a.facebook {
    clear: right;
    float:right;
    line-height:2;
    /*width:14em;*/
}
a.facebook span {
    background-position:-206px 0;
    display: inline-block;
    height:25px;
    margin:4px 0 4px 5px;
    width:25px;
}
iframe.facebook {
    border: none;
    height: 35px;
    overflow: hidden;
    padding: 2em 0;
}
.socialbuttons {
    float: right;
    position: relative;
    margin: -45px 0 20px;
}
.socialbuttons-sharethis {
    clear: right;
    float: right;
    margin-bottom: 15px;
}
.socialbuttons .st_email_hcount .stButton,
.socialbuttons .st_email_hcount .stHBubble {
    margin-right: 0;
}

#tools {
    padding:0.85em 0;
    position:absolute;
    top: 0;
    left:0;
    text-align:right;
    z-index:5;
    width:100%;
}
#tools li a {
    font-size:  0.92em;
    color: #fff;
}
#tools li {
    border-left:#aaa 1px solid;
    float:right;
}

#search {
    background:#fff;    
    border-radius:4px;
    float:right;    
    margin-top:120px;    
    padding:3px;
}


#header .region {
    position:relative;
}

.region,
.innercontent {
    clear:both;    
    margin:0 auto;
    width:960px;
}

.breadcrumbs {
    color:#666;    
    font-size: 1em;    
    overflow: hidden;
    margin: 7px 18px 20px 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}
.breadcrumbs span {
    padding: 0 2px;
}

#search ul li, form#search input {
    display:inline;
    float:none;
    margin:0;
}
#search #keyword {
    border:0 none;
    font-size:1.1em;
    height:17px;
    margin:0;
    overflow:hidden;
    padding:5px 3px 3px 3px;
    width:188px;
}
#search #search-submit {
    background:url(/images/sprites2-main.png) no-repeat -261px 0 transparent;
    border:0 none;
    cursor:pointer;
    font-size:0;
    height:24px;
    line-height:0;
    padding:0;
    text-indent:-10000em;
    vertical-align:top;
    width:24px;
    z-index:2;
}
form#search #search-submit.on {
    background-position: -295px 0;
}
form#search #search-submit.off {
    background-position: -261px 0;
}
/*    search results page */
ul.search li {
    padding: .5em 0;
}

.sectionpage-heading {
    margin-bottom:5px;
}
.sectionpage-heading a {
    color: #fff;
}



#header {
    background:url(../images/header.png) no-repeat top center;
    position:relative;
}
#content {
    color:#333;
    padding:0 0 10px 0;
    height:auto !important;
    height:375px;
    min-height:375px;
    overflow:hidden;
}

/* featured banner */
#featured {
    background:url(../images/featured-background.png) repeat-x bottom left #d7d2c2;
    margin-bottom:25px;
    padding-bottom:25px;
}
#home-page #featured .article-image {
    display: none;
}
#featured .region {
    background:#f3f1ec;
    border-radius:2px;
    box-shadow:3px 3px 3px rgba(0,0,0,0.1);
    padding:7px;
}
#featured .article-content {
    float:right;
    margin-right:25px;
    width:360px;
}
#featured .article-title a {
    color:#023866;
    font-size:1.7em;
}
#featured .gallery {
    float:left;
    width:540px;
}
#featured .article-title {
    margin-top: 20px;
}
#featured p {
    color: #808078;
    font-size: 1.2em;
    line-height: 1.5;
    margin: 0 0 0.5em;
    padding: 0;
}
#featured .more {
    font-size:1.05em;
}

#content-column .article-title {
    color:#003663;
    font-size:1.8em;
}
.column {
    float:left;    
    margin-bottom:2em;
    width:285px;
}
div#content-column {
    width:385px;
}
div#content-column.wide {
    width:600px;
}
.pagecontent li {
    list-style:disc outside none;
    margin:0.5em 1.5em;
    padding:0;
}
.pagecontent ul li {
    list-style:disc outside none;
}
.pagecontent ol li {
    list-style:decimal outside none;
}
.pagecontent .lead {
    font-size: 1.2em;
    color: #5E5E5E;
    line-height: 1.8;
}
.pagecontent p {
    margin-bottom: 20px;
    padding: 0;
}
.pagecontent h2 {
    margin-bottom: 15px;
}
div.column.subpage-rightcol-image {
    padding-top:2em;
    overflow:hidden;
}
div.column.subpage-rightcol-image div {    
    text-align: right;
}
div.column.subpage-rightcol-image p {
    font-style: italic;
    text-align: center;
}

/**
 * News
 */
.news li {
    list-style: none;
    margin-bottom: 1em;
}
.news .metadata {
    display: block;
}
.news .date {
    line-height: 2;
    margin-bottom: 0.2em;
}
.news a:hover span.date {
    text-decoration: none;
}
.news p {
    margin:0;
    padding:0;
}
.news img {
    display: block;
    float: left;
}
.news .featured {
    overflow: hidden;
    margin-bottom: 0.5em;
}
.news .featured .date {
    font-size: 1.2em;    
}
.news .featured .article-content {
    float: right;
    width: 235px;
}
.news .featured .article-title {
    font-size: 1.75em;
}
.article-title {
    font-size: 1.1em;
    line-height: 1.3;
    margin-bottom: 0;

}
.news .article-image {
    float: left;    
    background-color: #efefef;
    width: 320px;
}


.news .featured .article-image img {
    width: 100%;
}
.article-content .metadata {
    display:block;
}
.article-content .date {
    font-weight:bold;
}

/* updated news listing*/
.news-listing .article-image {
    height: 80px;
    margin:20px 0 0 0;
    width: 105px;
}
.news-listing .article-content {
    float: right;
    width: 465px;
    margin-bottom: 20px;
}
.news-listing .article-content h2 {
    margin-top: 0;
}
.news-listing {
    clear:both;
    margin-bottom: 80px;
}

#featured .metadata {
    margin:0.5em 0;    
}

.panel .nav li {
    float:left;
    margin-right:5px;
}


.button.rss {
    padding: 4px;
}
.rss .icon {
    background:url(../images/sprites2-main.png) no-repeat;
    display:block;
    height:16px;
    width:16px;
    text-indent:-10000px;    
}


.button.light {
    background:#eee;
    border:1px solid #ddd;
    color:#444;
    box-shadow:none;
    text-shadow:none;
}

div#content-column ul#news-fancy li,
#managedform {    
    float:left;
    list-style:none;
    margin:0 0 1em;
    width:600px;
}
div#content-column ul#news-fancy li ul li {
    border:none;
    float:none;
    width:auto;
    list-style:disc inside none;
    padding:0;
}
ul#news-fancy li h2 {
    margin: 0;
    font-size: 1.25em;
}
ul#news-fancy li h2 span {
    display:block;
    margin:0;
    padding:0;
}
ul#news-fancy li h2 span.day {
    font-size:32px;
    line-height:32px;
}
ul#news-fancy li h2 span.month {
    font-size:20px;
    line-height:24px;
    text-align:center;
}
ul#news-fancy li h2 span.year {
    font-size:14px;
    line-height: 20px;
}
ul#news-fancy li div.news-article h2 {
    float:none;
    padding:0;
}
ul#news-fancy p {
    margin-bottom:10px;
}
.event-when {
    margin-top: 3px
}
ul#news-fancy .event-when-day {
    line-height: 1;
}

ul#news-fancy li h3 {
    margin:0;
    padding:0 0 0 0;
}
ul#news-fancy div.news-article {
    padding:0 0 0 4em;
}
body#events ul#news-fancy div.news-article {
    padding-left: 61px  
}
body#events #content-column ul#news-fancy li {
    margin-bottom: 20px;
}
/*ul#news-fancy div.news-article img.map {
    display:none;
}*/
body#news #content h1,
body#news-articles #content h1,
body#news-vacancies #content h2,
body#news-vacancies #content h1 {
    margin-bottom:0;
    width:8em;
}
body#news.announcements #content h1,
body#news-vacancies #content h1,
body.announcements #content h1 {
    width:18em;
}
body#news-vacancies #content h2 {
    width:12em;
}
body#news-vacancies ul#news-fancy li h2 {
    width:32px;
}
span.rss {
    background:url("/images/sprites2-main.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:16px;
    float:right;
    text-indent:-10000em;
    width:16px;
}
div.paginationControl {
    font-size: 1.1em;
    margin-top: 2.5em;
    margin-bottom: 2em;
    padding-top: 2px;
}
div.paginationControl span,
div.paginationControl a {
    background-color:#fff;
    border:#ccc 1px solid;
    padding:0.25em .35em;
    margin:0 .25em 0 0;
}
div.paginationControl a:hover {
    color: #222;
    text-decoration: none
}
div.paginationControl span {
    color:#9F9F9F;
}
div.paginationControl span.paginationSummary {
    /*background-color:#f7f6f4;*/
    border:none;
    padding-left:2em;
    font-style: italic;
}
dl.table-style {
    overflow: hidden;
    margin: .5em 0;
    padding: 0;
}
dl.table-style dt {
    clear: left;
    float: left;
    width: 150px;
    margin: 0;
    padding: .2em;
    font-weight: bold;
}
dl.table-style dt:after {
    content: ":";
 }
dl.table-style dd {
    float: left;
    width: 350px;
    margin: 0;
    padding: .2em;
}
#content table.stdTable {
    width:100%;
}

.pagecontent.jobvacancies h3 {
    font-size: 14px;
    color: #999;
}

#content table.stdTable th,
#content table.stdTable td {
    border:1px solid #d3d0cb;
    padding:.5em;
    vertical-align:top;
}
#content table.stdTable th {
    background-color: #F7F6F3;
    border-bottom: 1px solid #E2E2E2;
    font-weight:bold;
}
#content table.stdTable td.personPhoto {
 width:200px;vertical-align:top;
 }
 #content table.contactsTable {
    margin-bottom: 20px;
    width:100%;
}
#content table.contactsTable h2 {
    margin: 0;
}
#content table.contactsTable th {
    font-weight:bold;
}
#content table.contactsTable th,
#content table.contactsTable td {
    border-top:1px solid #d3d0cb;
    padding:.25em .5em;
    vertical-align:top;
}
#content table.contactsTable td.personPhoto {
    border:none;
    width:150px;
    vertical-align:top;
 }


dl.contacts dt {
/*    border-top: 1px solid #dfdad1;*/
    font-weight: bold;
    margin-top: 10px;
}



/*a.details{
    background-color:#626262;
    clear:both;
    padding:.2em .5em;
    color:#fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    text-shadow:1px 1px 1px #000;
}*/




/*
Edit
*/
div#edit {
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	/*height:2em;*/
	background-color:#00314b;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:10px;
	padding:0;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	clear:both;
	margin-bottom:2em;
	width:160px;
}
div#edit ul,div#edit ul li {
	margin:0;
	padding:0;
}
div#edit ul{
	border-top:1px solid #3e748f;
}
div#edit ul li {
	border-bottom:1px solid #3e748f;
}
div#edit a {
	display:block;
	width:150px;
	color:#fff;
	padding:5px;
}
div#edit a:hover {
	text-decoration:none;
	background-color:#06415f;
}
div#edit a#editToggle {
	float:right;
	margin:0;
	text-align:right;
	width:27px;
	height:27px;
	padding:0;
	background-repeat:no-repeat;
}
div#edit a.show {
	background-image:url(/content/images/keyhole.gif);
}
div#edit a.hide {
	background-image:url(/content/images/keyhole-hide.gif);
}
div#edit a#editToggle span {
	display:none;
}
div#edit p {
	padding:0.4em;
}
/*
Forms
*/

/*Managed forms*/
form label {
overflow:hidden;
}
form li,
form  ol,
div#column form ol li,
div#content-column form ol li,
form dt,
form dd {
    list-style: none;
	list-style-type:none;
}
form ol,
form li,
form label,
form input,
form dt,
form dd,
form dd label,
form li label {
	float: none;
        width:auto;
        margin:0;
        padding:0;
        display:block;
}
.pagecontent form li,
form li,
form ol li {
    clear: left;
    margin: .75em 0;
}
form label,
form dt {
    font-weight: bold;
    display: block;
    line-height: 1.5em;
}
form dl {
    overflow: hidden;
}
form dl input {
    margin-left: 0;
}

/* required element */
form dt em,
form label em,
form .help em {
    color: #960e0e;
}

form label.checkbox,
form label.radio,
form dd label {
    font-weight: normal;
    margin-bottom: 0;
}
form label.bichoice {
    float: left;
    width: 5em;
}
form label.checkbox input,
form label.radio input,
form dl input {
    margin-right: 5px;
    display:inline;
}
form p.description {
    clear: left;
    color: #b0532a;
    line-height: 1.6em;
    margin: 0;
}
form .date {
    margin-bottom:1em;
}
form  textarea.large {
    height: 150px;
    width: 500px;
}
form textarea.medium {
    height: 100px;
    width: 370px;
}
form textarea.small {
    height: 60px;
    width: 300px;
}
form input.large {
    width: 500px;
}
form input.medium,
form input.date {
    width: 146px;
}
form input.small {
    width: 60px;
}
form input.date {
    float: left;
}
.show-datepicker {
    background: transparent url(/images/calendar.gif) no-repeat;
    display: block;
    float: left;
    height: 17px;
    margin: 2px 0 0 5px;
    text-indent: -10000px;
    width: 16px;
}
form  .errors {
    clear: left;
    margin-top: 3px;
}
form .errors li {
    font-weight: bold;
    background: #fff0f1;
    color: #be0000;
    line-height: 1.5em;
    margin-bottom: 0;
}
form .summary h1 {
    margin: 0;
}
form .summary p {
    margin-bottom: 0.5em;
}
form .cancel {
    padding-left: 3px;
}
form .actions {
    margin: 0em 0;

}
/*form h2.sectionstart {
    border-top:#dfdfdf 1px solid;
    margin-top:15px;
    padding-top:10px;
}*/
/*form .actions input {
    border:#666 1px solid;
    border-color:#999 #666 #666 #999;
    background-color:#9bcf0c;
    color:#000;
    padding:.2em 1em;
}
form .actions input:hover {
    background-color:#aed251;
    border-color:#666 #999 #999 #666;
}*/

form .sectionstart {
    border-top: 1px solid #ddd;
    color: #777;
    font-size: 1.1em;
    font-weight: 600;
    padding-top: 15px;
}

.form li.success {
    background: #fffee2;
    border: 1px solid #c6a400;
    font-weight: bold;
    padding: 1px 4px;
}
.form li {
    margin-left: 0;
}
.warning {
    background-color:yellow;
}

#content div#content-column .tree * {margin:0; padding:0;}
#content div#content-column .tree li {list-style:none; padding:5px 0 2px 21px;}
#content div#content-column .tree li.root {padding-left:0;}
#content div#content-column .tree li li {background:url(/images/sitemap/rootNode.gif) no-repeat 17px center; margin-left:10px; padding-left:31px;}
#content div#content-column .tree li li.root {padding-left:10px; background:url(/images/sitemap/justOne.gif) repeat-y 17px 0;}
#content div#content-column .tree li li.root.last {background:none;}
#content div#content-column .tree li li.last {background:url(/images/sitemap/lastRoot.gif) no-repeat 17px 0;}
#content div#content-column .expand {background:url(/images/sitemap/plusMinus.gif) no-repeat; width:16px; /*_width:13px;*/ height:16px; display:block; float:left; margin-top:2px; padding:0 5px 0 0; text-indent:-9999px; line-height:0; font-size:0;}
#content div#content-column .contract {background-position:0 -16px;}
#content div#content-column .expand:hover {cursor:pointer;}



/**
 * Main navigation
 */
#mainnav-container {
    background:url(../images/mainnav-background.png) no-repeat top center;
    clear:left;
    height: 44px;
    overflow:hidden;    
    padding-bottom:15px;    
}
/* Hide sub-menu items */
#mainnav ul {
    display:none;
}


/* homepage */
#home-page #mainnav-container {
    background-color:#D7D2C2;
}

#mainnav li,
#mainnav a {
    float:left;
}
#mainnav,
#mainnav a,
#mainnav li {
    display:block;
    list-style:none;   
    margin:0;
    padding:0;
}
#mainnav {
    margin-top:7px;
    margin-left:-20px;
    position:relative;
    z-index:20; /* higher than the largest amount of top level items */    
}
#mainnav a {
    font-family: "Arial", sans-serif;
    font-weight:bold;
    font-size:1.1em;
    color:#fff;
    padding:10px 13px 10px 25px;
    position:relative;
    text-shadow:1px 1px 2px rgba(0,0,0,0.5);
    text-decoration:none;
}
#mainnav a:active {
    color: #FFDBCB;
}

.lt-ie9 #mainnav a {
    font-size: 1em;
}
.lt-ie9 #subnav .subnav-sub-first a {
    margin-top: 0;
}
#subnav a,
#subnav li {
    zoom: 1;
}

#mainnav a,
#mainnav li {
    display: inline;
}

#mainnav-home a {
    background:url(../images/home.png) no-repeat 70% 50%;
    padding-left:13px;
}
#mainnav-home span {
    display:block;
    position:relative;
    left:-10000px;
}

/* sub-navigation */
#mainnav .subnav a {
    margin:0;
    padding:0;
}
#mainnav .subnav {
    display:none;
}

/* alternative menu styles */
#mainnav.menustatic {
    margin-left:-7px;
}
#mainnav.menustatic a {
    background-color:#0D9AD8;
}
#mainnav.menustatic a:hover,
#mainnav.menustatic strong a {
    background-color:#E76B30;
}
#mainnav.menustatic a {
    padding-left:17px;
    padding-right:17px;
}
#mainnav.menustatic #mainnav-home a {
    background-image:none;
}

#mainnav-container a#pull {
    display: none;
}

#menu {
        display:none;
    }
    
.slicknav_menu {
        display:none;
    }

/**
 * Menu helper elements are appended to a container div
 * the bottom of the page to get around z-index issues. 
 * Hover states and trigger by JS (.menu-helper-selected)
 */
.menu-helper-element {
    background:url(../images/menu-item-normal.png) no-repeat bottom right;
    display:block;
    height:37px;    
    margin-left:-30px;
    padding:0 75px 0 0;
    position:absolute;    
    z-index:1;
}
.menu-helper-selected,
.menu-helper-active {
    background:url(../images/menu-item-active.png) no-repeat bottom right;
}
.menu-helper-first {
    /* undo first elements spacing */
    margin-left:13px;
    padding-right:30px;
}
.menu-helper-selected {
    margin-top:-8px;
    margin-left:45px;  
    padding-right:0;
    height:45px;
    z-index:10
}
.menu-helper-left {
     /* only displayed on selected pages */ 
    display:none;
}
.menu-helper-last {
    /* make up for the negative margin applied to each item */  
    padding-right:75px;    
}
.menu-helper-selected .menu-helper-left {
    background:url(../images/menu-item-active.png) no-repeat bottom left;
    display:block;
    position:absolute;
    left:-80px;
    top:0;
    width:80px;
    height:100%;
}
/* different styles for first and last items
   don't show left corner on first item */
.menu-helper-selected.menu-helper-first {
    margin-left:13px;
    padding-left:23px; 
}
.menu-helper-selected.menu-helper-first .menu-helper-left {
    display:none;
}
.menu-helper-selected.menu-helper-last {
    padding-right:0;
}
.menu-helper-shadow {
    background:url(../images/nav-shadow.png) no-repeat top right;
    display:none;
    position:absolute;
    margin:37px 0 0 20px;
    height:10px;
}

/* sub-navigation */
#subnav-secondary {
    display:none;
}
/*#subnav .expand {
    background:url(/images/sprites2-main.png) no-repeat scroll -242px 4px transparent;
    position:absolute;
    margin-left:-15px;
    display:block;
    height:16px;
    width:16px;
}
#subnav .expand.contract {
    background-position: -242px -14px;
}
#subnav {
    margin-left: 15px;
    width: 200px;
}
#subnav.nochildren {
    margin-left:0;
}
#subnav li li {
    margin-left: 10px;
}
#subnav li {
    margin-bottom: 4px;
}
#subnav li ul {
    margin-bottom: 5px;
}
*/

.subpage-navigation {
    width: 250px;
}

.sectionpage-heading,
#subnav a {
    background-color: #009ada;
    border-bottom: 1px solid #4cb8e6;
    color: #fff;
    display: block;
    margin: 0;
    padding: 9px 18px;
}
.sectionpage-heading {
    font-size: 1.2em;
    font-weight: 600;
    padding: 15px 18px;
}
#subnav a {
    font-size: 1em;
    padding-left: 30px;
    line-height: 1.8;
}
#subnav strong a {
    font-weight: normal;
}
#subnav a:hover {
    background-color: #0193cf;
    text-decoration: none;
}

#subnav ul ul a {
    border: none;
}
#subnav ul ul a {
    background-color: #02a9ef;;
    background-image:  url(../images/menu-bullet.png);
    background-repeat: no-repeat;
    background-position: 32px 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 46px;
}

#subnav ul ul li.subnav-childselected > a {
    background-color: #00668F;
}

/* first level  */
#subnav strong a,
#subnav strong a:hover,
#subnav .subnav-childselected > a {
    background-color: #007BAD;
}
/* second level */
#subnav ul ul a:hover {
    background-color: #0A8FC5;
}
#subnav ul ul strong a,
#subnav ul ul strong a:hover,
#subnav ul ul .subnav-childselected > a {
    background-color: #0072A0;
}
/* third level */
#subnav ul ul ul strong a,
#subnav ul ul ul strong a:hover,
#subnav ul ul ul .subnav-childselected > a {
    background-color: #025577;
}
#subnav ul ul ul.nav a {
    background-position: 46px 14px;
    padding-left: 62px;
}
#subnav .subnav-sub-first a {
    box-shadow: inset 1px 2px 1px rgba(0,0,0,0.05);
    background-position: 32px 20px;
    margin-top: -1px;
    padding-top: 12px;
}
#subnav  ul ul ul .subnav-sub-first a {
    background-position: 46px 20px;
}
#subnav ul ul ul {
    border-bottom: 1px solid #23B4F1;
}
#subnav .subnav-sub-last a {
    padding-bottom: 10px;
}
#subnav .subnav-last a {
/*    background-image: url(../images/sub-menu-bottom.png);
    background-position: bottom left;
    background-repeat: no-repeat;*/
    border-bottom: none;
    min-height: 30px;
}
#subnav .subnav-childselected > a {
    border-bottom: 2px solid #007BAD;
}


.publications ul.subnav-alt li {
    margin: 10px 0;
}
.publications ul.subnav-alt li a {    
    padding: 2px;
}
.tabs li {
    float:left;
    margin-right:5px;
}
.tabs {
    overflow:hidden;
    margin:0 0.2em 0.8em 0;
    padding-bottom:0.5em;    
}
.button.inset,
.tabs .button {
    background:none;
    box-shadow:none;
    color:#666;
    text-shadow:none;
}
.button.inset,
.tabs .button,
.tabs .button.selected {
    box-shadow:inset 1px 1px 5px rgba(0,0,0,0.2);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active ,
.ui-widget-content,
.ui-widget-header,
.ui-widget-header .ui-state-default  {
    background:none;
    border:none;    
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
}
.ui-tabs .ui-tabs-nav {
    margin-bottom:1em;
}
.ui-widget-header .ui-state-default {
    background-color:#d3d0cb;
    border-bottom:1px solid #f7f6f4;
    border-bottom:none;
}
.ui-widget-header .ui-state-active {
    background-color:#f7f6f4;
}
.ui-corner-top {
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}
.ui-tabs .ui-tabs-nav li a {
    padding:.1em 0.25em;
}
.ui-widget-header {
    font-weight:normal;
    font-size: 11px;
}
.ui-corner-all {
    -moz-border-radius:0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

div.contactcard {
    border: 1px solid #ccc;
    float:left;
    padding: 10px;
    width:580px;
    margin:1em 0;
}
div.contactcard img {
    float:left;
    width:200px;
}
#content div.contactcard dl {
    float:right;
    width:400px;
    padding: 0.5em;
    margin-top:0;
}
#content div.contactcard dt {
    float: left;
    clear: left;
    width: 8em;
    text-align: left;
    font-weight: bold;
}
#content div.contactcard dt:after {
    content: ":";
}
#content div.contactcard dd {
    margin: 0 0 0 9em;
    padding: 0 0 0.5em 0;
}
/*#content table.publications li {
    float:left;
    list-style: none;
    padding: 4px 20px;
    margin:0;
    width:440px;
}*/
#content table.publications {
    margin-bottom:0;
}
#content table.publications tr.newday td {
    border-top: 1px solid #d4cfca;
}
#content table.publications td {
    padding:0.25em;
}
#content table.publications td.date {
    font-weight:bold;
    white-space:nowrap;
}
#content table.publications td.filesize {
    font-style: italic;
    text-align: right;
}

#featured .flex-direction-nav li a {
    background: url(../images/sprites2-main.png);
    margin-top: -22px;
    height: 55px;
    width: 31px;
}
#featured .flex-direction-nav li a.next {
    background-position: -538px -32px;
    right: -15px;    
}
#featured .flex-direction-nav li a.prev {
    background-position: -503px -32px;    
    left: -15px;
}

#featured .flexslider .slides,
#featured .flexslider {
    background:none;
    border:none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.community-name {
    display: none;
}
.community-nav {
    /*border: 1px solid #CECECE;*/
    /*margin-left: 30px;*/
    /*padding: 10px;*/
}
.community-nav h2 {
    margin: 0 0 8px;
    font-weight: 600;
    font-size: 1.4em;
}
.community-nav ul {
    font-size: 1.1em;
}
.community-nav li {
    padding: 3px 0;
}

.community-map {
    background: url(../images/community-map-base.png);
    margin: -55px 0 10px -16px;
    position: relative;
    height: 418px;
    width: 580px;
}
.community-map,
.community-map-labels {
    height: 418px;
    width: 580px;
}
.community-map-labels {
    /*background: url(../images/community-map-labels.png);*/
    margin: 0;
}
.community-map .marker {
    background-image: url(../images/community-map-labels2.png);
    display: block;
    position: absolute;
    text-indent: -10000em;
    /*opacity: 0.25;*/
    z-index: 10000;
}

.community-map a.marker:hover {
    background-image: url(../images/community-map-labels-over2.png);
}

.community-map-onslow {
    background-position: -13px -100px;
    left: 13px;
    height: 55px;
    top: 100px;
    width: 88px;
}
.community-map-pannawonica { left: 219px;
    background-position: -219px -140px;
height: 71px;
top: 140px;
width: 133px; }
.community-map-tomprice { left: 303px;
        background-position: -303px -225px;

height: 55px;
top: 225px;
width: 100px;}
.community-map-paraburdoo { left: 281px;
background-position: -281px -321px;
height: 70px;
top: 321px;
width: 113px; }
.community-map-karratha { left: 275px;
        background-position: -275px -16px;

height: 29px;
top: 16px;
width: 73px; }
.community-map-bindibindi { left: 98px;
        background-position: -98px -140px;

height: 17px;
top: 140px;
width: 75px; }
.community-map-jundarupeedamulla { left: 110px;
        background-position: -110px -165px;

height: 46px;
top: 165px;
width: 71px;}
.community-map-nanutarra { left: 72px;
        background-position: -72px -243px;

height: 20px;
top: 243px;
width: 71px; }
.community-map-ngurawaana { left: 232px;
        background-position: -235px -116px;

height: 17px;
top: 116px;
width: 81px; }
.community-map-millstreamchichesternationalpark { left: 313px;
        background-position: -313px -117px;

height: 52px;
top: 117px;
width: 71px; }
.community-map-youngaleenabunjima { left: 408px;
        background-position: -408px -180px;

height: 42px;
top: 180px;
width: 70px; }
.community-map-karijininationalpark { left: 407px;
        background-position: -407px -228px;

height: 40px;
top: 228px;
width: 74px; }
.community-map-wakathini { left: 334px;
        background-position: -334px -280px;

height: 16px;
top: 280px;
width: 68px;}
.community-map-innawongabellarysprings { left: 394px;
        background-position: -395px -306px;

height: 31px;
top: 306px;
width: 90px; }
.community-map-auskiroadhouse { left: 490px;
        background-position: -490px -205px;

height: 34px;
top: 205px;
width: 78px;}


#community-page .sectiontitle {
    display: none;
}
#community .managedform .date {
    margin-bottom: 0;
}

/* communities */
#content a.community-name {
    background: #efefef;
    font-size: 0.9em;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #777;
    padding: 0 3px;
}
#content a.community-name:active {
    color: #555;
}
#content a.community-name:hover {
    text-decoration: none;
}
#community.loading .communitynav {
    background: url(../images/ajax-loader.gif) no-repeat top right;
}

#community-page .main > .panel:first-child,
#community-page .secondary .panel:first-child {
    min-height: 165px;
}

#community .nav span,
#community .nav a {
    display: block;
    margin: 0;
    text-decoration: none;    
}

#community .news .article-image {
    width: 290px;
}
#community .news-format-story .article-image {
    height: 80px;
    width: 105px;
}
#community .news-format-story .article-content {
    float: right;
    width: 425px;
}
#community .article-title {
    margin: 0;
}
#community .news-format-story .article-snippet {
    clear: both;
    overflow: hidden;
    margin-bottom: 14px;
}
#community .news .featured {
    margin-bottom:1.5em;
}
#community .news .featured .more {
    display:block;
    margin-top:0.5em;
}
/* undo heading more */
#community .news .featured .article-title,
#community .news .featured h2 .more {
    margin-top:0;
}
#community .news .featured {
    margin-bottom: 0;
}
#community .datepicker {
    overflow: hidden;
}

.community-buttons > * {
    float: left;
    margin: 10px 10px 0 0;
}
.community-buttons {
    height: 40px;
}

#community .newsletter .description {
    width:210px
}
#community .communitynav {
    padding-top:10px;
}


#community .communitynav a {
    font-weight: bold;
    float: left;
    padding: 6px 8px;
}

.newsfull .article-date  {
    color: #999;
    font-size: 16px;
    font-weight: 600;
}

a.more {
    white-space: nowrap
}
h2.article-title a.more,
h2.article-title a.more {
    white-space: normal;
}
.panel .community-story .article-title {
    background: none;
    color: #0d9ad8;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
}
.community-story .metadata {
    color: #aaa;
    display: block;
    font-family: 'Open Sans', sans-serif;
    margin: 5px 0;
}

#community-content .main .community-events .description {
    width: 450px;
}


#community.community-selected-0 .community-name {
    display: inline-block;
}
#community .panel {
    position: relative;
    clear: both;
    margin-bottom: 1.5em;
}

#community .pagination {
    overflow: hidden;
    margin-bottom: 0.1em;
}
#community .nav span,
#community .pagination li,
#community .pagination a {
    display: inline;
}
#community .gallery {
    clear: both;
    overflow: hidden;
}
#community .gallery img {
    display: block;
}
#community .gallery-pieces li {
    float: left;
    position: relative;
    margin: 0 10px 10px 0;
}
#community .gallery-pieces a {
    position: relative;
    top: 1px;
    left: 1px;
}
#community .gallery .pagination span,
#community .gallery .pagination a {
    padding: 0 3px;
}
#community .gallery .pagination strong a {
    border-bottom: 3px solid #0067C8;
}
#community .gallery .community-name {
    position: absolute;
    top: 2px;
    left: 2px;
}
#community .gallery .pagination {
    position: absolute;
    padding: 20px 0 10px;
    line-height: 1;
    top: 0;
    right: 0;
}

#ui-datepicker-div {
    background: #D5D5D5;
    border: 1px solid #B9B9B9;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25);
    border-radius: 0;
    margin-top: -1px;
}

/* Submission form */
#community .managedform {
    background: #fff;
    border-radius: 0;
    border: none;
    margin: 0;
    max-width: 600px;
    z-index: 10;
}
.community-submission h2 {
    margin-bottom: 15px;
}

#community-submit .show-datepicker {
    display: none;
}

.pagecontent .managedform li {
    margin-left: 0;
}

#community .managedform textarea,
#community .managedform input[type=text] {
    color: #222;
    font-weight: bold;
    padding: 3px;
}
#community .managedform textarea {
    font-weight: normal;
    font-size: 1.25em;
    height: 410px;
    resize: vertical;
    padding: 5px;
    width: 90%;
}
#community .managedform label[for=managedform-community-1],
#community .managedform label[for=managedform-community-2],
#community .managedform label[for=managedform-community-3],
#community .managedform label[for=managedform-community-4],
#community .managedform label[for=managedform-community-5] {
    font-weight: normal;
}
#community .managedform .hidden {
    display: none;
}
#community .managedform input[type=text] {
    font-size: 1.5em;    
}
#community .managedform li {
    margin: 0 0 0.5em;
}
#community .managedform label {
    color: #222;
    font-size: 1.1em;
}
#community .communityform input[type=checkbox] {
    display: inline-block;
    margin-right: 5px;
}

#community label.error {
    color: #C50000;
    clear: left;
}
#community .button:hover {
    text-decoration: none;
}
#community .community-submission {
    margin-bottom: 3px;
}
#community .community-submission form {
    margin-bottom:10px;
    z-index:100;
}
#community .community-submission p.help {
    padding: 0;
}
#community .disabled {
    color: #aaa;
}
#community .nocontent {
    padding-top:0;
}

#community .main {
    float: left;
    width: 580px
}
#community .secondary {
    float: right;    
    width: 355px;
}
#home-page #community .secondary {
    margin-top:20px;
    width: 315px;
}
#community-icons {
    background-color:#f0efe8;
    border-top:2px solid #d7d2c2;
    clear:both;
    padding:0 0 20px;
}
#community-icons li {
    margin:0;
}
#community-icons .heading {
    background:url(../images/panel-heading-2.png) no-repeat;
    min-height:55px;
    margin-bottom:1em;
}
#community-icons .heading .title {
    color:#fff;    
    font-size:1.75em;
    font-weight:normal;
    margin:-2px 0 0 0;
    padding-left:15px;
    line-height:2.45em;    
}
#community-icons .heading a {
    color:#fff;
}
#community-icons .heading span {
    font-weight:bold;
}
#community {
    margin-bottom:20px;
}
#community-page #content {
    overflow:visible;
}

.icon {
    background:url(../images/sprites2-main.png) no-repeat;
    float:left;    
    display:block;
    margin-right:3px;
    height:20px;
    width:18px;
}
.icon-folder {
    background-position:-527px -251px;
}
.icon-eye {
    background-position:-523px -185px;
}
.button-label {
    display:block;
    padding-top:1px;
}

.communitynav a,
.communitynav li {
    float: left;
    display: block;
}

#community-icons .communitynav a {
    background:#D7D2C2;
    border:4px solid #f0efe8;
    display:block;
    position:relative;
    margin-left:11px;
    height:134px;
    width:223px;
}
#community-icons a .title {
    background:url(../images/panel-heading-5.png) no-repeat top right;
    color: #fff;
    display:block;
    font-size:1.25em;
    font-weight:bold;
    position: absolute;
    padding: 5px 60px 10px 13px;
    min-height:35px;
    padding-right:40px;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
    left: 0;
    top: 0;    
}
#community-icons li:first-child a {
    margin-left:0;
}
#community-icons .communitynav a:hover {
    border-color:#e76b30;
}
#community-icons .communitynav a:hover .title {
    background-image:url(../images/panel-heading-6.png);
}
#community-icons .communitynav a:hover {
    text-decoration:none;
}

.button,
.button.selected,
.tabs strong a,
.tabs .selected,
#managedform input[type=submit],
.embedded-form button {
    background: url(../images/button-main.png) no-repeat -376px 0 #003461;
    border-radius: 4px;
    border: none;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px 8px;
    text-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow:1px 1px 5px rgba(0,0,0,0.4);        
    box-shadow:1px 1px 0px rgba(0,0,0,0.5);
    color: #fff;
}

.button.alternative {
    background-color: #1b7104;
    background-position:-686px 0;
}

#publicationlist div.paginationControl {
    font-size: 0.75em;
}


/*#news-panel,
#events-panel {
    margin-right:15px;    
}

#news-panel {
    margin-right:15px;
    width:325px;
}
*/
#events-panel {
    margin-top:70px;
    width:315px;
}
#home-page .panel a.rss {
    float:left;
}
#home-page #notices-panel {
    margin-top:40px;
}

.events-subscribe {
    line-height: 1.65;
    margin-right: 30px;
    width: 255px;
}


.events .event-when {
    color: #fff;
    display: block;
    float: left;
    margin-right: 14px;    
    text-align: center;    
    width: 47px;
}
.article-title,
.events .event-title {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}
.events li {
    clear: left;
    overflow: hidden;
    margin-bottom: 0.85em;
}
.events .event-when {
    float: left;
}
.events .event-when span {
    display: block;
}
.events .event-when-month {
    background-color: #a61d26;
    border-bottom: 1px solid #bbb;
    border-radius: 2px 2px 0 0;
    font-weight: bold;    
    text-transform: uppercase;
}
.events .event-when-day {
    border:1px solid #ddd;
    color: #a61d26;
    font-size: 2em;
    font-weight: bold;
    padding: 5px;
}
.events .description {
    float: left;
    color: #555;
    width: 213px;
}
.events h2 {
    margin-top: 0;
}
.events .description p {
    padding: 0;
}

.newsletter .title {
    font-weight:bold;
}
.newsletter .title strong {
    color: #0d9ad8;
    font-weight: normal;
}
.newsletter .actions {
    clear: both;
    margin: 15px 8px;
}
.newsletter .button {
    min-width: 100px;
}
.newsletter .newsletter-image {
    background:url(../images/newsletter-shadow.png) bottom right;
    float:left;
    display:block;
    padding:0 7px 7px 0;
    margin:5px 10px;
    height:142px;
    width:101px;
}
.newsletter .description {
    float: right;
    margin-right:15px;
    width: 140px;
}
.newsletter .pagecontent li {
    margin:0 0 0 15px;
}



/* Weather */
.weather-days {
    overflow: hidden;    
}
.weather-attribution {
    display: block;
    margin-top: 5px;
    width: 90px;
}
.weather-day h3 {
    color: #888;
    font-size: 1.1em;
    margin-top: 0;
}
.weather-day {
    font-size: 0.95em;
    float: left;
    width: 83px;
}
.weather-day span {
    display: block;
}
.weather-community-truncated {
    float: left;
    margin-bottom: 10px;
    width: 85px;
}
.weather-community-truncated h2 {
    font-size: 0.9em;
    margin-top: 0;
}
.weather-community-truncated h3 {
    display: none;
}
.weather .weather-title {
    color: #888;
    font-weight: 600;
}

/* individual gallery piece */
#gallery-piece {    
    background: #fff;
    font-family: "Arial", sans-serif;
    overflow: hidden;
}
#gallery-piece-preview {
    background: #efefef;
    float: left;
    height: 100%;
    width: 70%;
}
#gallery-piece-preview img {
    display: block;
    width: 100%;
}
#gallery-piece-information {
    background-color: #efefef;
    border-bottom: 1px solid #ddd;    
    float: right;
    padding-top: 5px;
    width: 30%;
}
#gallery-piece-information h2,
#gallery-piece-information p {
    padding: 0 10px;
}
#gallery-piece-information p {
    font-size: 0.9em;
    margin-bottom: 10px;
}
#gallery-piece-information .credit {
    color: #888;
    font-size: 0.9em;
}
#gallery-view .information .description p {
    margin: 5px;
}
#gallery-piece .date {
    color:#999;    
    font-size:0.8em;
    font-weight:normal;
    margin:0 0 0.25em;
}

.messages {
    background-color: #fff;
    margin: 1em 0;
}
.messages li {
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.55em;
}


.pagecontent .page-messages,
.pagecontent .page-messages li {
    margin: 0;
    list-style: none;
}
.pagecontent .page-messages {
    background-color: #FFECBD;
    margin: 30px 0 12px;
}
.pagecontent .page-messages li {
    padding: 7px 5px;
}
.pagecontent ul {
    margin-bottom: 20px;
}
.pagecontent h3 {
    color: #333;
    font-weight: 600;
}

.singlepage {
    margin-top: 1em;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;visibility:hidden;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxClose {display:none;}
#cboxLoadedContent #cboxClose {display:block;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/colorbox/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

        
        /* campaign monitor form */
        .embedded-form label {            
            display:block;
            font-size:18px;
            margin:0;
        }
        .emedded-form-inline {
            clear:both;
        }
        .emedded-form-inline label  {            
            display:inline;            
            font-size:14px;
            float:left;
        }
        .emedded-form-inline input {
            float:left;            
            margin: 0 20px 0 0 
        }
        .embedded-form-clear {
            clear:both;
            margin-top:20px;
        }
        .embedded-form-clear label {
            margin: 30px 0 0;
        }
        .embedded-form button {
            margin: 30px 0 0;
        }
        
        #jobboardFrame {           
            border: none;
            border-top: 2px solid #ccc;
            min-height:1200px;
            min-width: 670px;
            padding-top: 50px;
            width: 100%;
        }