/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    




body {
	font-size: 0.626em;
	font-family: arial, verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	/*background: #827b73;*/
}

.hidden {
	display: none;
}

a {
	outline: none;
	overflow: hidden;
}

#download-link {
    margin: 15px;
}
.m-marker {
    height: 200px;
    width: 200px;
}
    .m-marker ul {
        margin-top: 0;
        margin-bottom: 0;
    }

.m-title {
    font-weight: bold;
}

#HillTopDataForm {
    text-align: left;
}

    #HillTopDataForm .date-selection {
        float: right;
        margin-right: 40px;
    }

/* 
    Need to keep river & rainfall images same size in all formats to ensure
    the data points stay in the correct place
*/

#main img.region-map {
    width: 490px;
    max-width: 490px;
}

#wrapper {
    text-align: left;
}

#headerOuter {
	background: #423e39 url(/upload/images/headerShade.gif) repeat-y top left;
}

#header 
{
    min-height:139px;
    height:139px;
}

#header-top {
    width:100%;
    background-color:#4f4c46;
    height: 27px;
}

    #header-top .top-links {
        height: 27px;
        /*background-color: yellow;*/
    }

        #header-top .top-links > div {
            padding-top: 8px;
            height: 19px;
            margin-right: 10px;
        }

        #header-top .top-links .main-links {
            background-color: #2569a0;
            width: 213px;
            float: left;
        }

        #header-top .top-links a {
            font-weight: bold;
            font-size: 10px;
            color: #a8a287;
            margin-left: 10px;
            float: right;
            text-decoration: none;
        }
            #header-top .top-links a:hover {
                text-decoration: underline;
            }

        #header-top .top-links .main-links a {
            color: #fff;
            float: left;
        }

#header-nav {
    /*height: 140px;*/ /*background-color: #615c58;*/
    background-image: url(/images/banner-gradient.jpg?v=2);
    background-repeat: repeat-x;
}

#header-nav .container > div {
    height: 140px;
}

.pageImage1 {
	background: url(/images/headerBack1.jpg?v=2) no-repeat bottom left;
}

.pageImage2 {
	background: url(/images/headerBack2.jpg?v=2) no-repeat bottom left;
}

.pageImage3 {
	background: url(/images/headerBack3.jpg?v=2) no-repeat bottom left;
}

.pageImage4 {
	background: url(/images/headerBack4.jpg?v=2) no-repeat bottom left;
}

.pageImage5 {
	background: url(/images/headerBack5.jpg?v=2) no-repeat bottom left;
}

.pageImage6 {
	background: url(/images/headerBack6.jpg?v=2) no-repeat bottom left;
}

.pageImage7 {
	background: url(/images/headerBack7.jpg?v=2) no-repeat bottom left;
}

.pageImage8 {
	background: url(/images/headerBack8.jpg?v=2) no-repeat bottom left;
}

.pageImage9 {
	background: url(/images/headerBack9.jpg?v=2) no-repeat bottom left;
}

#logo {
	display: inline;
	/*background: url(/images/logoBack.gif) repeat-y bottom left;*/
	padding: 0px;
	float: left;
}

#logo .options {
	background-color: #545e6c;
	width: 213px;
}

#logo .options a {
	color: #d4d7da;
	font-size: 1em;
	font-weight: bold;
	line-height: 2.1em;
	text-decoration: none;
	padding-left: 11px;
	padding-right: 3px;
}

#logo img {
	margin: 0px;
	/*margin-top: 11px;*/
	float: left;
}

#nav-controls {
    float: right;
}

#social-media-links {
    clear:both;
    text-align: right;
	width: 200px;
    padding-top: 8px;
}

    #social-media-links a {
        text-decoration: none;
        margin-left: 12px;
    }

    #social-media-links img {
        width: 30px;
        height: 30px;
    }


.search {
	text-align: right;
    margin-top: 12px;
}

    .search .controls {
        vertical-align: middle;
        background-color: #beb9a5;
        padding: 8px;
        border-radius: 6px;
        padding-right:10px;
        display: inline-block;
    }
    .search .searchButton {
        height: 18px;
        float: left;
    }

    .search .searchText {
        height: 18px;
        float: left;
        background: transparent;
        border: none;
        color: #fff;
    }

#footer .search .searchText {
    width: 100px;
    color: #444;
}

#footer .search .controls {
    background-color: #e9e9e1;
}

#footer-search {
    float: right;
    padding-top: 20px;
    margin-right: 20px;
}

/*
.search {
	text-align: right;
	width: 200px;
}

.search .options a {
	color: #97917a;
	font-size: 1em;
	font-weight: bold;
	line-height: 2.1em;
	text-decoration: none;
	padding-right: 11px;
	padding-left: 3px;
}

.search .controls {
	font-size: 1.0em;
	white-space: nowrap;
	background: url(/images/searchFieldLeft.gif) no-repeat top left;
	width: 164px;
	float: right;	
	margin: 11px 0 0;
}

.searchText {
	border: none;
	background: url(/images/searchFieldBack.gif) repeat-x;
	height: 24px;
	color: #ffffff;
	font-size: 1.1em;
	margin: 0;
	width: 135px;
	float: left;
    padding-left: 5px;
}

.search .controls .searchButton {
	width: 29px;
	float: left;
	margin-left: -6px;
	clear:right;
}
*/
.search-results {
    margin-top: 20px;
}

.search-results > div {
    margin-bottom: 10px;
}

    .search-results a {
        font-weight: bold;
    }
    .search-results .url {
        color: darkgreen;
    }

    

/************************ PAGE TOP NAVIGATION ************************/

#nav {
	clear: both;
	text-align: left;
	float:left;
	width:100%;
    position: absolute;
    bottom: 0;
}

#nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	text-align: center;
}

* html body #nav ul {
	margin-left: -14px;
}

#nav ul li {
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	padding-bottom: 12px;
}

* html body #nav ul li {
	margin-right: 11px;
}

#nav a {
    font-size: 1.4em;
    color: #ffffff;
    text-decoration: none;
    padding-bottom: 12px;
    font-weight: bold;
}

#contentTop {
	margin: 0px;
	padding: 6px;
	vertical-align: middle;
	/*line-height: 3em;*/
}

#content {
    color: #524f44;
    background-image: url(/images/contentBack.gif);
    background-repeat: repeat-x;
}

#contentWrapper 
{
	background-image: url(/images/contentBack.gif);
	background-repeat: repeat-x;
	color: #524f44;
}

#wrapper #content #content 
{
    width:auto;
}

#contentTop .controls {
	float: right;
}

#contentTop .controls a {
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	padding-right: 15px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

#breadcrumb {
	color: #ffffff;
}

#breadcrumb a {
	color: #ffffff;
	font-size: 1.3em;
	text-decoration: none;
}

/************************ MENU (LEFT & RIGHT) ************************/

#menu {
	float: left;
	top: -40px;
	background-repeat: no-repeat;
	/*margin-left: 12px;*/
	position: relative;
}

#menuTop {
	height: 8px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 1px;

}

#menu {
    /*width: 284px;*/
}

#menu .content {
    background-color: #ffffff;
    padding: 6px 6px 5px 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu ul li {
	border-bottom: solid 1px #ededed;
	width: 272px;
}

#menu ul li a {
	color: #5e473d;
	font-size: 1.5em;
	line-height: 2.2em;
	padding-left: 16px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-decoration: none;
	display: block;
}

* html body #menu ul li a {
	margin-top: 1px;
}

:first-child + html #menu ul li a {
	margin-top: 1px;
}

#menu li.active {
	background: #fff3c8 url(/images/menuActive.gif) repeat-x top left;
}

#menu li.active a {
	border-bottom: solid 1px #ededed;
}

#menu li.active ul li {
	margin: 0px;
	border: none;
}

#menu li.active ul li a {
	line-height: 1.3em;
	padding-left: 25px;
	border-bottom: none;
	font-size: 1.3em;
	background: url(/images/icons/brownArrowSml.gif) no-repeat 16px 50%;
}

#menu li ul li a.active {
    color: #963e55;
    font-weight:bolder;
 	background: url(/images/icons/selectedArrowSml.png) no-repeat 16px 50%;
}

#menu ul li a.active {
	color: #927644;
	font-weight: normal;
	background-color: #FFF4C7;
}

#menu ul li a:hover {
	background-color: #fff3c8;
}

#menu ul li.first a {
	margin-top: 0px;
}


#menu ul li.last, #menu li.last a {
	border-bottom: none;
}

#menu ul li ul {
	padding-bottom: 4px;
	border-bottom: 4px solid #FFF;
}

#menu .resources a, #menu .resources a:visited {
	display: block;
	margin-left: 16px;
	padding-left: 20px;
	color: #998674;
	font-size: 1.1em;
	line-height: 1.4em;
	text-decoration: underline;
}

#menu .resources a:hover, #menu .resources a:active {
	background-color: #FAF4EB;
	text-decoration: none;
}

#menu .resources ul li {
	border: none;
}

#menu .resources .data {
	background-position: 2px 2px;
}

.rightCol #menu {
	float: right;
	/*margin-right: 12px;*/
	/*width: 268px;*/
}

* html body .rightCol #menu {
	margin-right: 6px;
}

.rightCol #menu .content {
	padding-left: 14px;
	padding-right: 14px;
    padding-top: 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.colourRed .rightCol #menu .content h3 {
	margin-top: 15px;
}

.rightCol #menu ul {
	list-style: none;
	color: #a43319;
	padding: 0px;
	margin: 0px;
	padding-left: 2px;
}

.rightCol #menu ul li {
	border-bottom: none;
	width: auto;
	padding-left: 8px;
	background: url(/images/icons/redBullet.gif) no-repeat 0px 9px;
	height: 1%;
}

.rightCol #menu a {
	font-size: 1.1em;
	text-decoration: none;
	line-height: 1.7em;
	margin: 0px;
	display: block;
	color: #5e473d;
}

.rightCol #menu ul li a {
	padding-left: 0px;
}

.rightCol #menu ul li a:hover {
	background: transparent none;
}

.rightCol #menu li.article {
	background: url(/images/icons/article.gif) 0px 4px no-repeat;
	padding-left: 13px;
	width: 40%;
	float: left;
}

.rightCol #menu li.articleGrey {
	background: url(/images/icons/articleGrey.gif) 0px 4px no-repeat;
	padding-left: 13px;
	width: 40%;
	float: left;
	font-size: 1.1em;
	text-decoration: none;
	line-height: 1.7em;
	margin: 0px;
	display: block;
	color: #5e473d;
}

.rightCol #menu ul.plain {
	padding: 0px;
	margin: 0px;
}

.rightCol #menu ul.plain li {
	background: none;
	padding: 0px;
}



/************************ END MENU ************************/

#main {
	/*float: left;*/
	/*width: 455px;*/
	margin-top: 18px;
	font-size: 1.2em;
	padding-bottom: 57px;
	display: inline;
    /*padding-left: 30px;*/
}

#main table {
	border-collapse: separate;
}

#main table tr td {
	height: 20pt;
	padding-left: 10px; /*background: #FBE8CE;*/
	color: #6E4D44;
	font-size: 0.9em;
}

#id_matrix {
    width: initial !important;
}

div.shadedTable table#id_matrix tr td {
	background: #FBE8CE;
}

div.shadedTable table.general-bordered-table tr td {
	background: #FBE8CE;
}
#main .classic {
	border-collapse: collapse;
}

#main .classic tr td {
	height: 20pt;
	vertical-align: middle;
	padding-left: 10px;
	background: transparent;
}

#main .searchresults tr td {
	background: transparent;
	font-size: 1.0em;
}

#imageLibraryTable table tr td {
	height: 20pt;
	vertical-align: top;
	padding: 1px;
	text-align: center;
	font-size: 1.0em;
	background: none;
	border-color:transparent;
	border-style:none;
}
#WebCamimageLibraryTable table tr td {
	height: 20pt;
	vertical-align: top;
	padding: 1px;
	text-align:left;
	font-size: 1.0em;
	background: none;
	border-color:#fff;
}

.imageLibraryFileName {
	font-size: 0.85em;
	padding-bottom: 3px;
}

.imageLibraryDescription {
	font-size: 0.95em;
	padding-top: 3px;
}

#resourceDocument .body table tr td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#resourceDocument .body .classic {
	border-collapse: collapse;
	border-color: #524f44;
}

#resourceDocument .body .classic tr td {
	height: 20pt;
	vertical-align: middle;
	background: transparent;
	border-color: #524f44;
	padding-bottom: 5px;
	padding-top: 5px;
}


#main ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 12px;
    /*display: inline;*/
}

#main ul li {
	border-bottom: none;
	padding-left: 8px;
	background: url(/images/icons/brownBullet.gif) no-repeat 0px 6px;
}

#main ul.dash li {
	background: url(/images/icons/greyDash.gif) no-repeat 0px 9px;
}

.rightCol #main {
	/*width: 400px;*/
	/*margin-left: 30px;*/
}

    .rightCol #main > div {
        clear: both;
    }

.arrow p a {
	text-decoration: underline;
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding-left: 11px;
}

.photo {
	background: url(/images/icons/photo.gif) 0px 2px no-repeat;
}

.contents .photo {
	padding-left: 20px;
	background: url(/images/icons/photo.gif) 0px 2px no-repeat;
}

.data {
	background: url(/images/icons/data.gif) 0px 0px no-repeat;
}

.contents .data {
	padding-left: 20px;
	background: url(/images/icons/data.gif) 0px 0px no-repeat;
}

.document {
	background: url(/images/icons/document.gif) 0px 0px no-repeat;
}

.contents .document {
	padding-left: 20px;
	background: url(/images/icons/document.gif) 0px 0px no-repeat;
}

.contents .filebmp {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/bmp.gif) 0px 0px no-repeat;
}

.contents .filedoc {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/doc.gif) 0px 0px no-repeat;
}

.contents .filedocx {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/doc.gif) 0px 0px no-repeat;
}

.contents .filegif {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/gif.gif) 0px 0px no-repeat;
}

.contents .filehtm {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/htm.gif) 0px 0px no-repeat;
}

.contents .filehtml {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/html.gif) 0px 0px no-repeat;
}

.contents .filejpeg {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/jpeg.gif) 0px 0px no-repeat;
}

.contents .filejpg {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/jpg.gif) 0px 0px no-repeat;
}

.contents .filemp3 {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/mp3.gif) 0px 0px no-repeat;
}

.contents .filempg {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/mpg.gif) 0px 0px no-repeat;
}

.contents .filepdf {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/pdf.gif) 0px 0px no-repeat;
}

.contents .filepng {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/png.gif) 0px 0px no-repeat;
}

.contents .fileppt {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/ppt.gif) 0px 0px no-repeat;
}

.contents .filetif {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/tif.gif) 0px 0px no-repeat;
}

.contents .filetiff {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/tiff.gif) 0px 0px no-repeat;
}

.contents .filetxt {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/txt.gif) 0px 0px no-repeat;
}

.contents .filewav {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/wav.gif) 0px 0px no-repeat;
}

.contents .filexls {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/xls.gif) 0px 0px no-repeat;
}

.contents .filezip {
	padding: 0 0 50px 20px;
	background: url(/images/icons/Extensions/zip.gif) 0px 0px no-repeat;
}

.date {
	background: url(/images/icons/date.gif) 0px 6px no-repeat;
	color: #56769F;
	padding-left: 20px;
	font-size: .91em;
	line-height: 1.9em;
}

.time {
	background: url(/images/icons/time.gif) 0px 6px no-repeat;
	color: #56769F;
	padding-left: 12px;
	font-size: .91em;
	line-height: 1.9em;
}

.event {
	background: url(/images/icons/dateDark.gif) 0px 6px no-repeat;
	color: #56769F;
	padding-left: 20px;
	font-size: .91em;
	line-height: 1.9em;
}

.video {
	background: url(/images/icons/video.gif) 0px 3px no-repeat;
}

.contents .video {
	padding-left: 20px;
	background: url(/images/icons/video.gif) 0px 3px no-repeat;
}

a img {
	border: none;
}

p {
	margin: 0 0 11px 0;
}

h1 {
	font-size: 2.4em;
	font-weight: normal;
	margin-top: 10px;
	font-family: Arial, Verdana;
    font-weight: bold;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 11px;
	padding-top: 5px;
	margin-top: 0px;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 8px;
}

h4 {
	margin: 0px;
	font-weight: normal;
	font-size: .91em;
}

#main h2, #main h3, #main h4 {
    clear: left;
}

#main .newsBlock h2, #main .newsBlock  h3, #main .newsBlock  h4 {
    clear: none;
}


#pageTitle {
	line-height: 2.33em;
	margin: 0px;
    
}

    #pageTitle h1 {
        /*margin-top: 30px;*/
    }

.padLeft {
	padding-left: 330px;
}

.padRight {
	padding-left: 32px;
}

.intro {
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 1.5em;
}

.note {
	font-size: .92em;
	color: #97948b;
	margin-top: 27px;
}

.smallText {
	font-size: 0.91em;
}
    .smallText + div {
        clear:both;
    }

.cols2 {
	float: left;
	width: 185px;
	padding-bottom: 2px;
}

.pad {
	padding: 6px 10px 28px 14px;
}

.padR {
	padding: 6px 10px 28px 4px;
}

* html body .pad, * html body .padR {
	padding-bottom: 0px;
}

.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 16px;
}

.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 16px;
}

.disclaimer {
	color: #8b95a6;
	font-size: .8em;
}

.bottomTextL {
	font-size: 0.91em;
	float: left;
	width: 185px;
	/*padding-bottom: 2px;
	padding: 6px 10px 28px 14px;*/
}
.bottomTextR {
	float: left;
	width: 185px;
	/*padding-bottom: 2px;
	padding: 6px 10px 28px 4px;*/
	font-size: 0.91em;
}

.contentPhotoFullWidth {
	padding-bottom: 10px;
	font-size: .90em;
	color: #53644f;
	margin-right: 8px;
	margin-top: 5px;
	background: #cde1c9;
	padding-left: 9px;
	padding-right: 9px;
	width: 382px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.contentPhotoLarge {
    clear:left;
	float: left;
	padding-bottom: 10px;
	font-size: .90em;
	color: #53644f;
	margin-right: 8px;
	margin-top: 5px;
	background: #cde1c9 url(/images/captionCurveBottom250.gif) bottom left no-repeat;
	padding-left: 9px;
	padding-right: 9px;
	width: 232px;
}

.contentPhotoMedium {
    clear:left;
	float: left;
	padding-bottom: 10px;
	font-size: .90em;
	color: #53644f;
	margin-right: 8px;
	margin-top: 5px;
	background: #cde1c9 url(/images/captionCurveBottom200.gif) bottom left no-repeat;
	padding-left: 9px;
	padding-right: 9px;
	width: 182px;
}

.contentPhotoSmall {
    clear:left;
	float: left;
	padding-bottom: 10px;
	font-size: .90em;
	color: #53644f;
	margin-right: 8px;
	margin-top: 5px;
	background: #cde1c9 url(/images/captionCurveBottom150.gif) bottom left no-repeat;
	padding-left: 9px;
	padding-right: 9px;
	width: 132px;
}

.contentPhotoSmallest {
    clear:left;
	float: left;
	padding-bottom: 10px;
	font-size: .90em;
	color: #53644f;
	margin-right: 8px;
	margin-top: 5px;
	background: #cde1c9 url(/images/captionCurveBottom100.gif) bottom left no-repeat;
	padding-left: 9px;
	padding-right: 9px;
	width: 82px;
}

.contentPhotoFullWidth img, .contentPhotoLarge img, .contentPhotoMedium img, .contentPhotoSmall img, .contentPhotoSmallest img {
	display: block;
	margin-bottom: 10px;
	margin-left: -9px;
	margin-right: -9px;
}

#navigateTop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.contentBlock img + div {
    width: 80%;
}

.contentBlock {
	margin: 10px 0 25px;
	overflow: hidden;
	zoom: 1;
}

.newsBlock {
	margin-top: 10px;
	margin-bottom: 19px;
	overflow: hidden;
	zoom: 1;
}


.newsBlock img, .contentBlock img {
	float: left;
	width: 70px;
	margin-right: 12px;
	clear: left;
}

.newsBlock .content {
}

.newsBlock .content a {
	text-decoration: none;
}

.news-selection {
    margin-bottom: 12px;
    clear:both;
    float:left;
}

.contentBlock .content {
	float: left;
	/*width: 360px;*/
}

.footerLink {
	text-decoration: underline;
}

.contentBlock.content a {
	color: #9a4028;
	text-decoration: none;
}

.contentBlock .content p {
	margin-top: 12px;
}

.contentBlock .content ul {
	position: relative;
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 130px;
}

#main .contentBlock .content ul li {
	display: block;
	background: url(/images/icons/greenArrowSml.gif) no-repeat 0px 7px;
	padding-left: 10px;
	margin-left: 8px;
	position: relative;
}

.contentBlock.content ul li a {
	text-decoration: none;
}

.newsBlock .content h2, .contentBlock.content h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.27em;
	font-weight: bold;
	line-height: 1.1em;
}

.newsBlock .content h2 {
	font-size: 1.2em;
	line-height: 0.9em;
	padding-bottom: 2px;
}

.newsBlock .content h4 {
	padding-top: 3px;
	font-size: 0.75em;
	line-height: 0.9em;
	padding-bottom: 2px;
}

.newsBlock .content p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0px;
}

#main.consent {
	/*width: 480px;*/
}

.consent .intro {
	margin: 2px 0 10px 0;
	float: left;
	width: 100%;
}

* html body .consent .intro {
	margin: 2px 0px 10px 0px;
}

.consent .intro img {
	float: left;
	margin-right: 13px;
}

.consent .intro p {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.7em;
	margin-right: 10px;
	margin-bottom: 0px;
}

.consent .content {
	float: left;
	width: 230px;
	/*margin-left: -6px;*/
	/*margin-right: -6px;*/
}

* html body .consent .content {
	margin-left: 0px;
	margin-right: 0px;
}

.consent .content h2 {
	text-decoration: none;
	font-size: 1.4em;
	margin: 0 0 5px 0;
	padding: 0;
    font-weight: bold;
}

.consent .content h2 a {
	text-decoration: none;
}

    .consent .content h2 a:hover {
        text-decoration: underline;
    }

.consent .content right h2 a {
	text-decoration: none;
}
    .consent .content right h2 a:hover {
        text-decoration: underline;
    }

.consent .content {
	margin-bottom: 12px;
	padding-right: 15px;
	clear: both;
}

.consent .right {
	/*padding-left: 30px;*/
	padding-right: 0px;
	clear: none;
}

* html body .consent .right {
	padding-left: 10px;
}

/************************ TEAL LOOK ************************/
.colourTeal #nav .active {
	background: url(/images/navActiveRTeal.gif) no-repeat bottom right;
}

.colourTeal #nav .active a {
	background: url(/images/navActiveLTeal.gif) no-repeat bottom left;
}

.colourTeal #contentTop {
	background: #437471 url(/images/colourTopBarTeal.gif) bottom left repeat-x;
}

.colourTeal #pageTitle {
	background: #78AEAA url(/images/colourBarTeal.gif) bottom left repeat-x;
}

.colourTeal #main {
	line-height: 1.5em;
}

/*.colourTeal #menu {
	background-image: url(/images/menuTopLTeal.gif);
}

.colourTeal #menu #menuTop {
	background-image: url(/images/menuTopRTeal.gif);
}*/

.colourTeal #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourTeal .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourTeal .controls .textSizeImage {
	padding-top: 9px;
}

.colourTeal .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourTeal .controls a.email {
	background-image: url(/images/icons/tealEmail.gif);
	padding-left: 13px;
}

.colourTeal .controls a.print {
	background-image: url(/images/icons/tealPrint.gif);
	padding-left: 13px;
}

.colourTeal .controls a.rss {
	background-image: url(/images/icons/tealRSS.gif);
	padding-left: 10px;
}

.colourTeal h1 {
	color: #fefeff;
}

.colourTeal h2 {
	color: #2b4d53;
}

.colourTeal h3 {
	color: #2a464b;
}

.colourTeal a {
	color: #517c83;
}

.colourTeal .arrow p a {
	background-image: url(/images/icons/tealArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourTeal .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourTeal .contentBlock .content a:hover {
        text-decoration: underline;
    }

.colourTeal .contentBlock .content p {
	line-height: 1.6em;
}


/************************ BLUE LOOK ************************/
.colourBlue #nav .active {
	background: url(/images/navActiveRBlue.gif) no-repeat bottom right;
}

.colourBlue #nav .active a {
	background: url(/images/navActiveLBlue.gif) no-repeat bottom left;
}


.colourBlue #contentTop {
	background: #546a8f url(/images/colourTopBarBlue.gif) bottom left repeat-x;
}

.colourBlue #pageTitle {
	background: #9eafca url(/images/colourBarBlue.gif) bottom left repeat-x;
}

.colourBlue #content {
	color: #32415a;
}

.colourBlue #main .related {
	font-size: .91em;
	line-height: 1.6em;
    clear:both;
}

.colourBlue #menu {
	background-image: url(/images/menuTopLBlue.gif);
}

.colourBlue #menu #menuTop {
	background-image: url(/images/menuTopRBlue.gif);
}

.colourBlue #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourBlue .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourBlue .controls .textSizeImage {
	padding-top: 9px;
}

.colourBlue .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourBlue .controls a.email {
	background-image: url(/images/icons/blueEmail.gif);
	padding-left: 13px;
}

.colourBlue .controls a.print {
	background-image: url(/images/icons/bluePrint.gif);
	padding-left: 13px;
}

.colourBlue .controls a.rss {
	background-image: url(/images/icons/blueRSS.gif);
	padding-left: 10px;
}

.colourBlue #main p {
	line-height: 1.4em;
}


.colourBlue h1 {
	color: #ffffff;
}

.colourBlue h2 {
	color: #32415a;
}

.colourBlue h3 {
	color: #32415a;
}

.colourBlue a, .colourBlue #menu a {
	color: #32415a;
}

.colourBlue .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourBlue .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourBlue .contentBlock .content a:hover {
        text-decoration:underline;
    }

.colourBlue .contentBlock .content p {
	line-height: 1.6em;
	width: 230px;
}

* html body .colourBlue .contentBlock .content p {
	width: 227px;
}

/************************ GREEN LOOK ************************/

.colourGreen #nav .active {
	background: url(/images/navActiveRGreen.gif) no-repeat bottom right;
}

.colourGreen #nav .active a {
	background: url(/images/navActiveLGreen.gif) no-repeat bottom left;
}

.colourGreen #contentTop {
	background: #517761;
}

.colourGreen #pageTitle {
	background: #76a589;
}

/*.colourGreen #menu {
	background-image: url(/images/menuTopLGreen.gif);
}

.colourGreen #menu #menuTop {
	background-image: url(/images/menuTopRGreen.gif);
}*/

.colourGreen #main, .colourGreen #main p {
	color: #273C33;
}

.colourGreen #main p {
	line-height: 1.6em;
	margin-bottom: 0px;
}

.colourGreen #main p.intro {
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 28px;
}

.colourGreen #main ul {
	margin: 12px 0 0;
	line-height: 1.6em;
}

.colourGreen #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourGreen .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourGreen .controls .textSizeImage {
	padding-top: 9px;
}

.colourGreen .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourGreen .controls a.email {
	background-image: url(/images/icons/greenEmail.gif);
	padding-left: 13px;
}

.colourGreen .controls a.print {
	background-image: url(/images/icons/greenPrint.gif);
	padding-left: 13px;
}

.colourGreen .controls a.rss {
	background-image: url(/images/icons/greenRSS.gif);
	padding-left: 10px;
}

.colourGreen h1 {
	color: #fefeff;
}

.colourGreen h2 {
	color: #294032;
}

.colourGreen h3 {
	color: #263e30;
}

.colourGreen a {
	color: #517c83;
}

.colourGreen .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourGreen .contentBlock .content a:hover {
        text-decoration:underline;
    }

.colourGreen .arrow p a {
	background-image: url(/images/icons/greenArrow.gif);
}

.colourGreen .contentBlock .content p {
	line-height: 1.6em;
}


/************************ RED LOOK ************************/

.colourRed #nav .active {
	background: url(/images/navActiveRRed.gif) no-repeat bottom right;
}

.colourRed #nav .active a {
	background: url(/images/navActiveLRed.gif) no-repeat bottom left;
}

.colourRed #contentTop {
	background: #a24d35 url(/images/colourTopBarRed.gif) bottom left repeat-x;
}

.colourRed #pageTitle {
	background: #dd7e65 url(/images/colourBarRed.gif) bottom left repeat-x;
}

/*.colourRed #menu {
	background-image: url(/images/menuTopLRed.gif);
}

.colourRed #menu #menuTop {
	background-image: url(/images/menuTopRRed.gif);
}*/

.colourRed #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourRed .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourRed .controls .textSizeImage {
	padding-top: 9px;
}

.colourRed .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourRed .controls a.email {
	background-image: url(/images/icons/redEmail.gif);
	padding-left: 13px;
}

.colourRed .controls a.print {
	background-image: url(/images/icons/redPrint.gif);
	padding-left: 13px;
}

.colourRed .controls a.rss {
	background-image: url(/images/icons/redRSS.gif);
	padding-left: 10px;
}

.colourRed h1 {
	color: #ffffff;
}

.colourRed h2, .colourRed h2 a {
	color: #a43319;
	padding-top: 8px;
	padding-bottom: 11px;
}

.colourRed h3, .colourRed h3 a {
	color: #a43319;
}

.colourRed h4, .colourRed h4 a {
	color: #ff6600;
}

.colourRed a {
	color: #ff6600;
}

.colourRed .arrow p a {
	background-image: url(/images/icons/redArrowSml.gif);
}

.colourRed .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

.colourRed .contentBlock .content p {
	line-height: 1.6em;
}


/************************ GOLD LOOK ************************/
.colourGold #nav .active {
	background: url(/images/navActiveRGold.gif?v=1) no-repeat bottom right;
}

.colourGold #nav .active a {
	background: url(/images/navActiveLGold.gif?v=1) no-repeat bottom left;
}

.colourGold #contentTop {
	background: #AF8F43 url(/images/colourTopBarGold.gif) bottom left repeat-x;
}

.colourGold #pageTitle {
	background: #E8CD74;
}

.civilDefence #pageTitle {
	background: #E8CD74  bottom left repeat-x;
}

.civilDefence #content {
	}

.colourGold #main {
	line-height: 1.5em;
}

/*.colourGold #menu {
	background-image: url(/images/menuTopLGold.gif);
}

.colourGold #menu #menuTop {
	background-image: url(/images/menuTopRGold.gif);
}*/

.colourGold #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourGold .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourGold .controls .textSizeImage {
	padding-top: 9px;
}

.colourGold .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourGold .controls a.email {
	background-image: url(/images/icons/goldEmail.gif);
	padding-left: 13px;
}

.colourGold .controls a.print {
	background-image: url(/images/icons/goldPrint.gif);
	padding-left: 13px;
}

.colourGold .controls a.rss {
	background-image: url(/images/icons/goldRSS.gif);
	padding-left: 10px;
}

.colourGold h1 {
	color: #fefeff;
}

.colourGold h2 {
	color: #2b4d53;
}

.colourGold h3 {
	color: #2a464b;
}

.colourGold a {
	color: #517c83;
}

.colourGold .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourGold .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourGold .contentBlock .content a:hover {
        text-decoration: underline;
    }

.colourGold .contentBlock .content p {
	line-height: 1.6em;
}

/*
    New Civil defence
*/
.civilDefence #pageTitle {
    background: #ffe52c ;
}

    .civilDefence #pageTitle .container {
        height: 100%;
        background-image: url(/images/CivilDefence.png) ;
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

.civilDefence #pageTitle h1 {
    color: #066cb4;
}

.civilDefence #header-nav {
    background: #2b7daf url("/images/CivilDefence_Gradient.jpg") repeat-x;
}

.civilDefence #header-nav .container > div {
    background: url("/images/CivilDefenceWatermark.jpg") no-repeat bottom left;
}

.civilDefence #menu {
    background:none;
}

.civilDefence #menu #menu-top {
    display: none;
}

    .civilDefence #menu .content {
        border-style: dashed;
        border-left-style: dashed;
        border-width: 3px;
        border-color: #066cb4;
        border-radius: 8px;
    }

    .civilDefence #menu ul li a,
    .civilDefence #main .content a
     {
        color: #066cb4;
    }

.civilDefence #content {
    background: none;
}

.civilDefence #contentTop {
    background: #066cb4;
}

/************************ BROWN LOOK ************************/
.colourBrown #nav .active {
	background: url(/images/navActiveRBrown.gif) no-repeat bottom right;
}

.colourBrown #nav .active a {
	background: url(/images/navActiveLBrown.gif) no-repeat bottom left;
}

.colourBrown #contentTop {
	background: #905C1E url(/images/colourTopBarBrown.gif) bottom left repeat-x;
}

.colourBrown #pageTitle {
	background: #D79C56;
}

.colourBrown #main {
	line-height: 1.5em;
}

.colourBrown #menu {
	background-image: url(/images/menuTopLBrown.gif);
}

.colourBrown #menu #menuTop {
	background-image: url(/images/menuTopRBrown.gif);
}

.colourBrown #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourBrown .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourBrown .controls .textSizeImage {
	padding-top: 9px;
}

.colourBrown .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourBrown .controls a.email {
	background-image: url(/images/icons/brownEmail.gif);
	padding-left: 13px;
}

.colourBrown .controls a.print {
	background-image: url(/images/icons/brownPrint.gif);
	padding-left: 13px;
}

.colourBrown .controls a.rss {
	background-image: url(/images/icons/brownRSS.gif);
	padding-left: 10px;
}

.colourBrown h1 {
	color: #fefeff;
}

.colourBrown h2 {
	color: #2b4d53;
}

.colourBrown h3 {
	color: #2a464b;
}

.colourBrown a {
	color: #517c83;
}

.colourBrown .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourBrown .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourBrown .contentBlock .content a:hover {
        text-decoration: underline;
    }

.colourBrown .contentBlock .content p {
	line-height: 1.6em;
	width: 230px;
}

* html body .colourBrown .contentBlock .content p {
	width: 227px;
}

/************************ LIGHT/SKY BLUE LOOK ************************/
.colourSky #nav .active {
	background: url(/images/navActiveRSky.gif) no-repeat bottom right;
}

.colourSky #nav .active a {
	background: url(/images/navActiveLSky.gif) no-repeat bottom left;
}

.colourSky #contentTop {
	background: #376C87 url(/images/colourTopBarSky.gif) bottom left repeat-x;
}

.colourSky #pageTitle {
	background: #73A5C3 url(/images/colourBarSky.gif) bottom left repeat-x;
}

.colourSky #main {
	line-height: 1.5em;
}

/*
.colourSky #menu {
	background-image: url(/images/menuTopLSky.gif);
}

.colourSky #menu #menuTop {
	background-image: url(/images/menuTopRSky.gif);
}
*/
.colourSky #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourSky .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourSky .controls .textSizeImage {
	padding-top: 9px;
}

.colourSky .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourSky .controls a.email {
	background-image: url(/images/icons/skyEmail.gif);
	padding-left: 13px;
}

.colourSky .controls a.print {
	background-image: url(/images/icons/skyPrint.gif);
	padding-left: 13px;
}

.colourSky .controls a.rss {
	background-image: url(/images/icons/skyRSS.gif);
	padding-left: 10px;
}

.colourSky h1 {
	color: #fefeff;
}

.colourSky h2 {
	color: #2b4d53;
}

.colourSky h3 {
	color: #2a464b;
}

.colourSky a {
	color: #517c83;
}

.colourSky .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourSky .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourSky .contentBlock .content a:hover {
        text-decoration: underline;
    }

.colourSky .contentBlock .content p {
	line-height: 1.6em;
}

/************************ LIME LOOK ************************/
.colourLime #nav .active {
	background: url(/images/navActiveRLime.gif) no-repeat bottom right;
}

.colourLime #nav .active a {
	background: url(/images/navActiveLLime.gif) no-repeat bottom left;
}

.colourLime #contentTop {
	background: #008752;
}

.colourLime #pageTitle {
	background: #9ece66;
}

.colourLime #main {
	line-height: 1.5em;
}

/*.colourLime #menu {
	background-image: url(/images/menuTopLLime.gif);
}

.colourLime #menu #menuTop {
	background-image: url(/images/menuTopRLime.gif);
}*/

.colourLime #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourLime .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourLime .controls .textSizeImage {
	padding-top: 9px;
}

.colourLime .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourLime .controls a.email {
	background-image: url(/images/icons/LimeEmail.gif);
	padding-left: 13px;
}

.colourLime .controls a.print {
	background-image: url(/images/icons/LimePrint.gif);
	padding-left: 13px;
}

.colourLime .controls a.rss {
	background-image: url(/images/icons/LimeRSS.gif);
	padding-left: 10px;
}

.colourLime h1 {
	color: #fefeff;
}

.colourLime h2 {
	color: #417427;
}

.colourLime h3 {
	color: #417427;
}

.colourLime a {
	color: #8aac74;
}

.colourLime .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourLime .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourLime .contentBlock .content a:hover {
        text-decoration: underline;
    }

.colourLime .contentBlock .content p {
	line-height: 1.6em;
}

/************************ PINK LOOK ************************/
.colourPink #nav .active {
	background: url(/images/navActiveRPink.gif) no-repeat bottom right;
}

.colourPink #nav .active a {
	background: url(/images/navActiveLPink.gif) no-repeat bottom left;
}

.colourPink #contentTop {
	background: #9B2E36 url(/images/colourTopBarPink.gif) bottom left repeat-x;
}

.colourPink #pageTitle {
	background: #D57575 url(/images/colourBarPink.gif) bottom left repeat-x;
}

.colourPink #main {
	line-height: 1.5em;
}

/*.colourPink #menu {
	background-image: url(/images/menuTopLPink.gif);
}

.colourPink #menu #menuTop {
	background-image: url(/images/menuTopRPink.gif);
}*/

.colourPink #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourPink .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourPink .controls .textSizeImage {
	padding-top: 9px;
}

.colourPink .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourPink .controls a.email {
	background-image: url(/images/icons/pinkEmail.gif);
	padding-left: 13px;
}

.colourPink .controls a.print {
	background-image: url(/images/icons/pinkPrint.gif);
	padding-left: 13px;
}

.colourPink .controls a.rss {
	background-image: url(/images/icons/pinkRSS.gif);
	padding-left: 10px;
}

.colourPink h1 {
	color: #fefeff;
}

.colourPink h2 {
	color: #2b4d53;
}

.colourPink h3 {
	color: #2a464b;
}

.colourPink a {
	color: #517c83;
}

.colourPink .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourPink .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourPink .contentBlock .content a:hover {
        text-decoration: underline;
    }

.colourPink .contentBlock .content p {
	line-height: 1.6em;
}



/************************ MOSS LOOK ************************/
.colourMoss #nav .active {
	background: url(/images/navActiveRMoss.gif) no-repeat bottom right;
}

.colourMoss #nav .active a {
	background: url(/images/navActiveLMoss.gif) no-repeat bottom left;
}

.colourMoss #contentTop {
	background: #6C7F61 url(/images/colourTopBarMoss.gif) bottom left repeat-x;
}

.colourMoss #pageTitle {
	background: #A5BC98 url(/images/colourBarMoss.gif) bottom left repeat-x;
}

.colourMoss #main {
	line-height: 1.5em;
}

/*.colourMoss #menu {
	background-image: url(/images/menuTopLMoss.gif);
}

.colourMoss #menu #menuTop {
	background-image: url(/images/menuTopRMoss.gif);
}*/

.colourMoss #main .contentBlock ul li {
	font-size: 0.8em;
}

.colourMoss .controls .textSizeImage {
	cursor: pointer;
}

* html body .colourMoss .controls .textSizeImage {
	padding-top: 9px;
}

.colourMoss .controls #textSizeCaption {
	color: White;
	padding-right: 15px;
}

.colourMoss .controls a.email {
	background-image: url(/images/icons/mossEmail.gif);
	padding-left: 13px;
}

.colourMoss .controls a.print {
	background-image: url(/images/icons/mossPrint.gif);
	padding-left: 13px;
}

.colourMoss .controls a.rss {
	background-image: url(/images/icons/mossRSS.gif);
	padding-left: 10px;
}

.colourMoss h1 {
	color: #fefeff;
}

.colourMoss h2 {
	color: #2b4d53;
}

.colourMoss h3 {
	color: #2a464b;
}

.colourMoss a {
	color: #517c83;
}

.colourMoss .arrow p a {
	background-image: url(/images/icons/blueArrow.gif);
	font-size: 0.91em;
	line-height: 1.7em;
}

.colourMoss .contentBlock .content a {
	color: #879b8f;
	text-decoration: none;
}

    .colourMoss .contentBlock .content a:hover {
        text-decoration:underline;
    }

.colourMoss .contentBlock .content p {
	line-height: 1.6em;
}


/************************ END COLOURS ************************/

.seeAlso {
	padding-left: 5px;
	padding-bottom: 38px;
	background: url(/images/seeAlsoPoint.gif) bottom left no-repeat;
	float: right;
	margin-top: 0px;
	margin-left: 28px;
	width: 200px;
}

.seeAlso .content {
	background-color: #c8d4b2;
	padding: 16px;
	padding-top: 6px;
}

.seeAlso .title {
	color: #ffffff;
	font-size: 1.4em;
	margin-bottom: 6px;
}

.seeAlso a {
	color: #ffffff;
	text-decoration: underline;
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding-left: 11px;
	background-image: url(/images/icons/greenArrow.gif);
	font-size: 0.9em;
}

.seeAlsoSmall {
	width: 156px;
	margin-right: 20px;
}

* html body .seeAlsoSmall {
	margin-right: 13px;
}

.seeAlso .small {
	padding-left: 10px;
	padding-bottom: 24px;
	width: 136px;
}

.events h2 {
	font-size: 1.4em;
}

.events h3 {
	font-size: 1.3em;
}

#releatedLinks {
	margin-bottom: 10px;
	background: #fff6ec;
	line-height: 1.2em;
    border-radius: 8px;
}

#releatedLinks .content {
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	display: block;
}

#releatedLinks h3 {
	color: #e1925e;
	margin: 0px;
	padding: 8px 0 6px 0;
}

#releatedLinks a {
	color: #b3a596;
	text-decoration: underline;
	font-size: 0.9em;
}

/************************ CALENDAR ************************/

#calendar {
	background: url(/images/calendarBack.gif) repeat-x 0px 26px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 30px;
}

.calendar {
	margin-left: 4px;
	margin-right: 4px;
}

#calendar .title {
	padding-left: 23px;
	padding-right: 110px;
	padding-top: 6px;
	padding-bottom: 6px;
	background: #fff;
	color: #4a6085;
	font-size: 1.1em;
	margin: 0px;
	background: url(/images/comingUp.gif) no-repeat bottom right;
}

.calendartitle {
	color: #4a6085;
	font-size: 1.1em;
	margin: 0px;
	font-weight: normal;
}

.calendardatestyle {
	color: #6183be;
	background-color: Transparent;
}

#calendar table {
	background: transparent;
	border-collapse: collapse;
	font-size: 10px;
}

#calendar table .vBorder {
	border-right: dotted 1px #ccd0d6;
}

#calendar table .hBorder {
	border-bottom: dotted 1px #ccd0d6;
}

#calendar table tr td {
	text-align: center;
	padding: 1px;
	font-size: 1.1em;
	color: #6183be;
}

.calendarrowstyle {
	text-align: center;
	padding: 1px;
	font-size: 1.1em;
	color: #6183be;
}

.calendar table tr td a {
	color: #6183be;
}

.calendardatestyleactive table tr td a {
	color: #6183be;
}

#calendar table td a.active {
	background-color: #d1ddee;
}

.calendardatestyledatecellactive {
	border: solid 0.2em #6183be;
}

/************************ PROJECT ************************/

#wrapper .project, #wrapper .projectHome {
	padding-left: 0px;
	color: #2a2622;
}

.projectHome #pageTitle,
.project #pageTitle
 {
	border-top: solid 4px #6d7f4d;
	background: #b0ba9d url(/images/projectHomeBarGreen.gif) repeat-x bottom left;
	/*padding-left: 300px;
	padding-right: 45px;
	height: 19.1em;*/
    height: auto;
}

/*:first-child + html .projectHome #pageTitle {
	padding-bottom: 1px;
	height: 19.2em;
}*/

.projectHome #pageTitle .intro {
	color: #ffffff;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 20px;
	margin-top: 0px;
}

.project #pageTitle {
	border-top: solid 4px #6d7f4d;
	background: #b0ba9d;
}

/** html body .project #pageTitle {
	height: 8.4em;
}*/

/*:first-child + html .project #pageTitle {
	padding-bottom: 1px;
}*/

.project #breadcrumb, .projectHome #breadcrumb {
	padding: 0px;
	font-size: .91em;
	padding-top: 8px;
}



.projectHome #main {
}

.project #main {
}

* html body .project #main {
}

.project #main img.right {
	margin-right: -20px;
}

.project  .controls, .projectHome .controls {
	text-align: right;
}

.project .project-controls, .projectHome .project-controls {
    margin-top: 16px;
    float: right;
    margin-bottom: 10px;
}

.project .controls a, .projectHome .controls a {
	color: #ada194;
	font-size: .91em;
	text-decoration: none;
	padding-right: 15px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.project .controls .textSizeImage, .projectHome .controls .textSizeImage {
	cursor: pointer;
}

.project  .controls #textSizeCaption, .projectHome .controls #textSizeCaption {
	color: #ada194;
	font-size: .91em;
	padding-right: 15px;
}

.project  .controls a.email, .projectHome .controls a.email {
	background-image: url(/images/icons/projectEmail.gif);
	padding-left: 13px;
}

.project .controls a.print, .projectHome .controls a.print {
	background-image: url(/images/icons/projectPrint.gif);
	padding-left: 13px;
}

.project .controls a.rss, .projectHome .controls a.rss {
	background-image: url(/images/icons/projectRSS.gif);
	padding-left: 10px;
}

.project #menu {
	/*padding-top: 95px;*/
	width: 100%;
	margin: 0px;
	/*background: url(/images/trees.jpg) top left no-repeat;*/
	/*top: -8.3em;*/
    top: auto;
}


    .project #menu .content.onthispage {
        border-radius: initial;
    }

/** html body .project #menu {
	top: -8.4em;
}*/

/*:first-child + html .project #menu {
	top: -8.4em;
}*/

.projectimg 
{
    /*height:189px;*/
    /*width:269px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;*/
}

    .projectimg img {
        width: 100%;
    }

.projectHome #menu {
    /*padding-top: 191px;*/ /*width: 269px;*/
    margin: 0 0 20px 0;
    background: no-repeat left top;
    top: 0;
    width: 100%;
}

/** html body .projectHome #menu {
	top: -19.2em;
}*/

/*:first-child + html .projectHome #menu {
	padding-top: 192px;
	top: -19.3em;
}*/

.project #menu .content {
	background: #fff3e8 url(/images/projectMenuBack.gif) bottom left repeat-x;
	padding-top: 0px;
}

.projectHome #menu .content {
    padding: 33px 5px 33px 13px;
    background: #fff3e8 url(/images/projectMenuBack.gif) bottom left repeat-x;
}

.projectHome #menu .content ul li {
	border: none;
	margin-right: 0px;
	padding-right: 0px;
	width: 100%;
	padding: 0px;
}

.projectHome #menu .content ul li a {
	line-height: 1.1em;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 13px;
	text-decoration: none;
	color: #8a7763;
	display: block;
	padding-left: 11px;
	background: url(/images/icons/redArrowSml.gif) no-repeat 4px 4px;
	font-size: 1.1em;
	margin-left: 9px;
	margin-top: 6px;
	margin-right: 6px;

}

/*.project #menu .bottomCurve {
	height: 8px;
	background: url(/images/bottomCurveSml.gif) no-repeat;
	margin-left: 11px;
}

.projectHome #menu .content .bottomCurve {
	width: 269px;
	height: 8px;
}*/

.projectHome .mobile-pull,
.project .mobile-pull
 {
    background-color: #fff;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #8a7763;
}

.project #menu .content ul {
	padding: 6px;
	background: url(/images/projectMenuBottom.gif) bottom left no-repeat;
}

.projectHome #menu .find {
	/*background: url(/images/projectHomeMenuBottom.gif) bottom left no-repeat;
	padding-bottom: 15px;
	padding-left: 13px;
	padding-top: 14px;
	width: 238px;*/
}

.projectHome #menu .find .controls {
	width: 230px;
}

.projectHome #menu .find .searchText {
	width: 183px;
}

.project #menu .content ul li {
	border-bottom: solid 1px #f0e4d7;
	width: auto;
}
.project #menu .content ul li.first {
	border-top: solid 1px #f0e4d7;
	padding-top: 2px;
}

.project #menu .content ul li a {
	line-height: 1.8em;
	padding-left: 15px;
	margin-left: 15px;
}

.project #menu .content ul li a.active {
	color: #877561;
	font-weight: bold;
	background-color: #FBEDDF;
	background: url(/images/icons/brownArrowSml.gif) no-repeat 6px 8px;
}

.project .pageLinks .content ul {
	list-style: none;
	background: none;
	padding: 0px;
	margin: 0px;
}

.project .pageLinks .content ul li {
	border: 0px;
	padding: 6px 0px;
	margin: 0px;
}

.project  .pageLinks .content ul li a, .project  .pageLinks .content ul li a:visited {
	font-size: 1.1em;
	line-height: 1.2em;
	text-decoration: underline;
	color: #887662;
	margin: 0px;
	background: url(/images/icons/brownArrow.gif) no-repeat 0px 3px;
	padding-left: 10px;
}

.project .pageLinks .content ul li a:hover, .project .pageLinks .content ul li a:active {
	text-decoration: none;
}

.project p, .projectHome p {
	line-height: 1.5em;
}

.projectHome #main p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 30px;
}

.projectHome #main a {
	color: #9a4028;
	text-decoration: none;
}

.project h1 {
	margin-bottom: 14px;
	color: #ffffff;
}

.projectHome #pageTitle h1 {
	margin-top: 5px;
	color: #ffffff;
}

.projectHome #main h2 {
	color: #5C3A3B;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
}

.project h2 {
	color: #556043;
}

.project h3 {
	color: #879473;
}

.project #menu h2 {
	color: #a32121;
	padding-left: 10px;
	font-size: 1.4em;
	padding-bottom: 5px;
}

.projectHome #menu h2 {
	color: #a32121;
	font-size: 1.4em;
	padding-bottom: 5px;
}

.projectHome #planting {
	margin-bottom: 30px;
    margin-left: 13px;
}

.projectHome #planting h2 {
	padding-left: 0px;
	color: #784b1d;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.projectHome #planting .links {
	color: #9a4028;
	font-size: 1.1em;
	padding-left: 5px;
	padding-top: 11px;
}

.projectHome #planting .links a {
	color: #9a4028;
	text-decoration: underline;
}

.projectHome #planting a.date {
	text-decoration: none;
	color: #a48f7b;
	display: block;
	padding-left: 13px;
	font-size: 1.1em;
	margin-left: 9px;
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 0px;
	background: url(/images/icons/dateBrown.gif) 0px 4px no-repeat;
	line-height: 1.6em;
}

.resources {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 11px 20px 11px;
	background: #faf4eb url(/images/resourcesCurveBottom.gif) bottom left no-repeat;
}

.resources .topCurve {
	height: 6px;
	background: url(/images/resourcesCurveTop.gif) top left no-repeat;
}

.resources a {
	display: block;
	margin-left: 16px;
	padding-left: 20px;
	color: #998674;
	font-size: 1.1em;
	line-height: 1.4em;
}

.pageLinks {
	padding-bottom: 38px;
	background: url(/images/pageLinksPoint.gif) 52px 100% no-repeat;
	margin-top: 10px;
    float: left;
    width:100%;
}

.project .pageLinks .content {
	background: #e8d5c2;
	padding: 14px;
	padding-bottom: 18px;
	width: auto;
}

.pageLinks .title {
	color: #8a7763;
	font-size: 1.4em;
	margin-bottom: 6px;
}

.pageLinks a {
	display: block;
	background: url(/images/icons/brownArrow.gif) 0px .6em no-repeat;
	padding-left: 11px;
	color: #8a7763;
	font-size: 0.9em;
	line-height: 1em;
}

/************************ RESOURCE ************************/

.resourceHome #header {
	border-bottom: solid 1px #53353a;
}

.resourceHome #main {
	padding: 0;
	margin: 0;
	background: #dacbc5;
    float: initial;
}
.resourceHome #content-wrap {
	background: #dacbc5;
}

.resourceHome h1 {
	margin: 0px;
	/*background: #ddcec4 url(/images/resourceHomeTopBack.gif) repeat-x scroll 0 9px;*/
	line-height: 50px;
	/*border-bottom: solid 1px #F0EAE6;*/
	/*padding-left: 20px;*/
	color: #963e55;
	font-size: 1.6em;
	/*margin-bottom: 28px;*/
}

.resourceHome .find {
	/*margin: 0px;*/
	/*background: #ddcec4;*/
	height: 43px;
	/*padding-left: 20px;*/
	padding-top: 16px;
}

.resourceHome .find .controls {
	/*background: url(/images/findFieldLeft.gif) no-repeat;
	padding-left: 7px;*/
}

.resourceHome .find .searchText {
    float:left;
	height: 15px;
	color: #a9b2a9;
	font-size: 1.0em;
	padding: 3px 0 0;
	width: 171px;
	margin-right:2px;
        
}

.resourceHome .find .searchButton {
    height: 20px;
}

.resourceHome #leftCol {
	float: left;
	width: 492px;
	/*border-bottom: 1px solid #C2A2A3;*/
}

.resourceHome #rightCol {
	float: right;
	width: 252px;
}

.resourceHome .contentBlock {
	/*margin: 10px 0;
	overflow: hidden;
	zoom: 1;*/
}

.resourceHome .content {
	/*padding-left: 32px;*/
	color: #542f35;
}

.resourceHome .contentBlock .content {
	/*float: left;
	width: 450px;*/
}

.resourceHome .contentBlock.content p {
	margin-top: 12px;
	/*width: 280px;*/
	line-height: 1.5em;
}

.resourceHome .resource-summary #main .contentBlock.content ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 50%;
	font-size: 0.9em;
    margin-left: 5px;
}

.resourceHome #main .contentBlock.content ul li {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	background: none;
	padding-bottom: 6px;
}

.resourceHome .contentBlock.content ul li a, .resourceHome .contentBlock .content ul li a:visited {
	text-decoration: none;
	background: url(/images/icons/brownArrowSml.gif) no-repeat 0px 50%;
	padding-left: 14px;
	margin-left: 0px;
	color: #4A322E;
	display: block;
}

.resourceHome .contentBlock.content ul li a:hover, .resourceHome .contentBlock .content ul li a:active {
	text-decoration: underline;
	color: #4A322E;
}

/*.resourceHome #rightCol .content {
	border: 0;
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 0px;
}*/

/*:first-child + html .resourceHome #rightCol .content {
	padding-left: 9px;
}*/

.resourceHome #latestNews {
	background: url(/images/resourceLatestNewsBg.jpg) repeat-x;
	width: 232px;
	margin-left: 9px;
	height: 46em;
}

.resourceHome #latestNews #latestNewsTopL {
	background: url(/images/menuTopLResource.gif) top left no-repeat;
	margin: 0;
}

.resourceHome #latestNews #latestNewsTopR {
	background: url(/images/menuTopRResource.gif) top right no-repeat;
	height: 7px;
	margin: 0;
}

.resourceHome #latestNews h3 {
	margin-left: 12px;
	margin-top: 9px;
	color: #A14C69;
	font-weight: bold;
}

.resourceHome #latestNews ul {
	margin: 0px 12px;
	font-size: 0.9em;
}

.resourceHome #latestNews ul li {
	background: url(/images/icons/resourceBullet.gif) no-repeat 0px 6px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.resourceHome #latestNews ul li a, .resourceHome #latestNews ul li a:visited {
	text-decoration: none;
	line-height: 0.9em;
	color: #5B433F;
}

:first-child + html .resourceHome #latestNews ul li a {
	line-height: 1.3em;
}

.resourceHome #latestNews ul li a:hover, .resourceHome #latestNews ul li a:active {
	text-decoration: underline;
}

.resourceHome #latestNews a.more, .resourceHome #latestNews a.more:visited {
	float: right;
	padding-right: 36px;
	color: #A14C69;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 7px;
}

.resourceHome #latestNews a.more:hover, .resourceHome #latestNews a.more:active {
	text-decoration: none;
}

.resourceHome h2 {
	color: #542f35;
	font-size: 1.6em;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/************************ RESOURCE REPORTS ************************/

#resourceDocument .paragraph-text p:first-child {
    background-color: #F1F1F1;
    padding: 10px 0 10px 0;
    text-align:center;
}
#resourceDocument.multifile .paragraph-text p:first-child {
    padding: 0 0 0 0;
    text-align:left;
    background: none;
}


#resourceDocument .paragraph-text p:first-child   

.resourceHome #leftCol h2 {
	padding-bottom: 22px;
}

.resourceHome .resourceReport #rightCol .content {
	border: 0;
	padding: 0px;
	margin-left: 0px;
}

.resourceHome .resourceReport h1 {
	margin-bottom: 17px;
}


.resourceHome .resourceReport .content ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 45%;
	font-size: 1em;
}

.resourceHome .resourceReport .contentBlock ul li {
	background: none;
	list-style-image: none;
	padding-bottom: 13px;
	padding-left: 8px;
}

.resourceHome .resourceReport .contentBlock ul li a.active {
	font-weight: bold;
}

#resource-selection {
    background: #e3dbd1;
}

#reportCategories {
    float: right;
}

#reportCategories ul {
	margin: 0px;
	padding: 0px;
	/*width: 252px;*/
}

:first-child + html #reportCategories ul {
	margin-left: -9px;
}

#reportCategories ul li {
	color: #664B4E;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	zoom: 1;
}

#reportCategories ul li a:link,
#reportCategories ul li a:visited {
	background: url(/images/resourceCategoryBg.jpg) no-repeat top left #E7DEDA;
	color: #664B4E;
	text-decoration: none;
	margin: 0;
	padding: 9px 0 7px 42px;
	display: block;
	border-bottom: solid 1px #CEB9B8;
	zoom: 1;
}

#reportCategories ul li a:hover, #reportCategories ul li a:active {
	background: url(/images/resourceCategoryHoverBg.jpg) no-repeat top left #D1B9B7;
}

.resourceHome .resourceReport #bottomRow {
	background: url(/images/resourceReportBottomBack.gif) repeat-y #dacbc5;
	float: left;
	/*width: 492px;*/
}

.resourceHome .resourceReport #bottomLeftCol {
	/*float: left;
	width: 492px;
	background: #D7C6BF;
	border-top: solid 1px #EEEBE2;*/
	padding-bottom: 60px;
}

.resourceHome .resourceReport #bottomLeftCol .content {
	background: url(/images/resourceReportBack.gif) no-repeat 0px 4px;
	margin-left: 28px;
	margin-top: 30px;
    padding-left: 32px;
}

.resourceHome .resourceReport #bottomLeftCol .content h3 {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: bold;
	color: #C00C3C;
}

.resourceHome .resourceReport #bottomLeftCol .content p {
	padding: 0;
	margin: 0;
}

.resourceHome .resourceReport #bottomLeftCol .content .date {
	color: #90786C;
	background: none;
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 0.8em;
}

.resourceHome .resourceReport #bottomLeftCol .content a.view, .resourceHome .resourceReport #bottomLeftCol .content a.download, .resourceHome .resourceReport #bottomLeftCol .content a.request, .resourceHome .resourceReport #bottomLeftCol .content a.view:visited, .resourceHome .resourceReport #bottomLeftCol .content a.download:visited, .resourceHome .resourceReport #bottomLeftCol .content a.request:visited {
	color: #4C212B;
	font-weight: bold;
	font-size: 0.9em;
	margin-right: 7px;
}

.resourceHome .resourceReport #bottomLeftCol .content a.view:hover, .resourceHome .resourceReport #bottomLeftCol .content a.download:hover, .resourceHome .resourceReport #bottomLeftCol .content a.request:hover, .resourceHome .resourceReport #bottomLeftCol .content a.view:active, .resourceHome .resourceReport #bottomLeftCol .content a.download:active, .resourceHome .resourceReport #bottomLeftCol .content a.request:active {
	text-decoration: none;
}

.resourceHome .resourceReport #bottomLeftCol .content a.view {
	background: url(/images/resourceReportViewBack.gif) no-repeat;
	padding-left: 16px;
}

.resourceHome .resourceReport #bottomLeftCol .content a.download {
	background: url(/images/resourceReportDownBack.gif) no-repeat;
	padding-left: 20px;
}

.resourceHome .resourceReport #bottomLeftCol .content a.request {
	background: url(/images/resourceReportRequestBack.gif) no-repeat;
	padding-left: 23px;
}

.resourceHome .resourceReport #bottomRightCol {
	/*float: right;
	width: 252px;
	border-top:1px solid #EEEBE2;*/
}

.resourceHome .resourceReport #bottomRightCol .content {
	margin: 0;
	padding: 0;
	padding-left: 22px;
    clear: both;
}

.resourceHome .resourceReport #bottomRightCol h3 {
	margin: 20px 0 6px 0;
	padding: 0;
}

.resourceHome .resourceReport #bottomRightCol ul {
	margin: 0;
	padding: 0;
    width:100%;
}

.resourceHome .resourceReport #bottomRightCol ul li {
	padding-bottom: 3px;
}

.resourceHome .resourceReport #bottomRightCol ul li a, .resourceHome .resourceReport #bottomRightCol ul li a:visited {
	color: #5B433F;
	font-size: 0.9em;
	text-decoration: none;
}

.resourceHome .resourceReport #bottomRightCol ul li a:hover, .resourceHome .resourceReport #bottomRightCol ul li a:active {
	text-decoration: underline;
}


.resourceHome .resourceReport #bottomRightCol ul li.months {
	background: url(/images/icons/article.gif) 0px 4px no-repeat;
	padding-left: 13px;
	width: 40%;
	float: left;
	line-height: 1.7em;
	margin: 0px;
	display: block;
	color: #5B433F;
	font-size: 0.9em;
	text-decoration: none;
}

.resourceHome .resourceReport #bottomRightCol ul li.monthsGrey {
	background: url(/images/icons/articleGrey.gif) 0px 4px no-repeat;
	padding-left: 13px;
	width: 40%;
	float: left;
	line-height: 1.7em;
	margin: 0px;
	display: block;
	color: #5B433F;
	font-size: 0.9em;
	text-decoration: none;
}


.resourceHome .resourceReport #bottomRightCol ul.years li {
	background: none;
	padding: 0;
	padding-bottom: 3px;
}

/************************ RESOURCE DOCUMENT ************************/



#resourceDocumentTools {
	background: #D0BFB8;
	/*height: 1.9em;*/
	/*padding: 4px 16px 0 16px;*/
	/*width: 714px;*/
	clear: both;
    border-bottom: 5px solid #836668;
    padding-top: 4px;
}

#resourceDocumentTools .breadcrumb {
	float: left;
	color: #6B363C;
}

#resourceDocumentTools a, #resourceDocumentTools a:visited {
	color: #6B363C;
	text-decoration: none;
	font-size: 0.9em;
}

#resourceDocumentTools a.download, #resourceDocumentTools a.printable, #resourceDocumentTools a.request, #resourceDocumentTools a.download:visited, #resourceDocumentTools a.printable:visited, #resourceDocumentTools a.request:visited {
	font-size: 0.8em;
	float: right;
	padding-right: 10px;
}

#resourceDocumentTools a:hover, #resourceDocumentTools a:active, #resourceDocumentTools a.download:hover, #resourceDocumentTools a.printable:hover, #resourceDocumentTools a.request:hover, #resourceDocumentTools a.download:active, #resourceDocumentTools a.printable:active, #resourceDocumentTools a.request:active {
	text-decoration: underline;
}

#resourceDocumentTools a.download {
	background: url(/images/icons/docDownload.gif) no-repeat;
	padding-left: 16px;
}

#resourceDocumentTools a.printable {
	background: url(/images/icons/docPrint.gif) no-repeat 0px 3px;
	padding-left: 12px;
}

#resourceDocumentTools a.request {
	background: url(/images/icons/docRequest.gif) no-repeat 0px 3px;
	padding-left: 20px;
}


/*#resourceDocumentTop {
	background: url(/images/resourceDocumentTopBack.gif) no-repeat top center #AC9F99;
	height: 5px;
	width: 746px;
}*/

/** html body #resourceDocumentTop {
	margin-bottom: -10px;
}*/

#resourceDocument {
	background: #fff;
    /*overflow:auto;*/
	/*padding: 14px 92px 40px 92px;
	width: 562px;*/
    border-bottom: 5px solid #836668;
}

#resourceDocument h1 {
	color: #4E4E4E;
	background: none;
	border: none;
	margin: 10px 0 10px 0;
	padding: 0;
	clear: both;
	line-height: 1em;
}

#resourceDocument .contents {
	float: left;
	background: url(/images/docContentsTopBack.gif) no-repeat #F1F1F1;
	width: 184px;
	margin: 0 0 13px 5px;
	padding: 4px 16px 0px 16px;
	font-size: 0.9em;
	line-height: 1.6em;
}

#resourceDocument .contentsBottom {
	background: url(/images/docContentsBottomBack.gif) no-repeat bottom left #F1F1F1;
	width: 216px;
	height: 5px;
	margin-top: 10px;
	margin-left: -16px;
}

* html body #resourceDocument .contentsBottom {
	margin-right: -16px;
}

#resourceDocument .contents h4 {
	font-size: 1.1em;
	margin: 3px 0;
}

#resourceDocument .contents a, #resourceDocument .contents a:visited {
	color: #888;
}

#resourceDocument .contents ul li a, #resourceDocument .contents ul li a:visited {
	list-style: none;
}

#resourceDocument .contents ul li ul, #resourceDocument .contents ul li ul li {
	list-style: none;
}

* html #resourceDocument .contents ul li a, #resourceDocument .contents ul li a:visited {
	list-style: none;
	list-style-image: none;
}

* html #resourceDocument .contents ul li ul, #resourceDocument .contents ul li ul li {
	list-style: none;
	list-style-image: none;
}

#resourceDocument .contents a:hover, #resourceDocument .contents a:active {
	text-decoration: none;
}

#resourceDocument .contents ul li a:hover, #resourceDocument .contents ul li a:active {
	text-decoration: none;
}

#resourceDocument .abstract {
	float: right;
	width: 52%;
	font-size: 0.8em;
	padding-top: 12px;
}

#resourceDocument .abstract p {
	line-height: 1.8em;
}

#resourceDocument .abstract a {
	color: #888;
}

#resourceDocument h2 {
	color: #4E4E4E;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}

#resourceDocument h3 {
	color: #4E4E4E;
	font-size: 1em;
	font-weight: bold;
	clear: both;
}

#resourceDocument p {
	color: #4E4E4E;
	line-height: 1.5em;
}

#resourceDocument p.name {
	background: none;
	padding: 0;
	color: #B6B6B6;
	font-weight: bold;
}

#resourceDocument p.date {
	float: left;
	background: none;
	padding: 0;
	color: #B6B6B6;
	font-weight: bold;
	width: 30%;
}

#resourceDocument p.version {
	float: right;
	text-align: right;
	background: url(/images/icons/docVersion.gif) no-repeat 0px 3px;
	padding-left: 12px;
	color: #7D7D7D;
	font-size: 0.9em;
}

#resourceDocument p.toc a {
	float: left;
	background: none;
	padding: 0;
	color: #B6B6B6;
	font-weight: bold;
	text-decoration: none;
}

#resourceDocumentControls {
	background: #e5e5e5;
	/*padding: 9px 92px 0 92px;
	width: 562px;*/
	/*height:18px;*/
    padding: 2px;
    margin-top: 40px;
}

    #resourceDocumentControls .container {
    display: table;
	text-align: center;
    
    }


#resourceDocumentControls div {
	font-size: 0.9em;
}
    #resourceDocumentControls a {
        line-height: 30px;
        display: table-cell;
    }
        #resourceDocumentControls p, #resourceDocumentControls a, #resourceDocumentControls a:visited {
            color: #595959;
            font-weight: bold;
            text-decoration: none;
        }

            #resourceDocumentControls a:hover, #resourceDocumentControls a:active {
                text-decoration: underline;
            }

            #resourceDocumentControls a.back {
                text-align:left;
                /*float: left;*/
                /*width: 15%;*/
                background: url(/images/icons/docBackArrow.gif) no-repeat center left;
                padding-left: 10px;
                margin-left: 5px;
                font-size: 0.9em;
            }

            #resourceDocumentControls .doc-toc-link {
                /*padding-left: 5%;
                float: left;
                /*width: 60%;*/
            }

            #resourceDocumentControls a.next {
                /*float: right;*/
                /*width: 15%;*/
                text-align: right;
                background: url(/images/icons/docNextArrow.gif) no-repeat center right;
                padding-right: 12px;
                margin-right: 5px;
                font-size: 0.9em;
            }


/*#resourceDocumentBottom {
	background: url(/images/resourceDocumentBottom.gif) top center #AC9F99;
	height: 10px;
	width: 746px;
}

* html body #resourceDocumentBottom {
	margin-bottom: -5px;
}*/

/************************ HOMEPAGE ************************/

.homepage .intro {
    background: #A0BCC0 url(/images/homepageTitleBack.jpg) bottom left;
	height: 184px;
	margin-bottom: 0px;
    border-top: solid 5px #517C83;
}


.homepage .intro > div > div {
    width: 50%;
    float:left;
}

    .homepage .intro div div div {
        font-size: 1.7em;
        font-weight: normal;
        line-height: 1.6em;
        color: #fff;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .homepage .intro #pageTitle {
        line-height: 1.7em;
        height: auto;
        /*padding-top: 10px;*/
        color: #E1EFF1;
        padding-left: 30px;
        padding-right: 30px;
    }
    .homepage .intro img {
        float: left;
        width: 24.95%;
        height: 184px;
    }

/*
.homepage #pageTitle {
	margin: 0 80px 0 280px;
	color: #E1EFF1;
	padding: 0px;
}

.homepage .intro {
	background: #A0BCC0 url(/images/homepageTitleBack.jpg) bottom left no-repeat;
	border-top: solid 5px #517C83;
	color: #FFF;
	padding: 0;
	margin-top: 0px;
	height: 184px;
	margin-bottom: 0px;
}

* html body .homepage .intro {
	height: 18.5em;
}

:first-child + html .homepage .intro {
	min-height: 18.5em;
}
    */
/*
.homepage .intro img {
	float: left;
}

.homepage .intro img.image2 {
	float: right;
}

.homepage .intro div {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 80px 0 280px;
}
*/

#news-items {
    margin-bottom: 20px;
    padding-top: 1px; /* Hack to fix weird gap in firefox only */
}

.homepage .newsExtract {
    float: left;
    color: #A19D9C; /*background: url(/images/homeNewsExBack.gif) no-repeat #FFF;*/
    background-color: #fff;
    padding: 8px 8px 8px 8px;
    margin: 12px 0px 0px 12px;
    width: 210px;
    display: inline;
    border-radius: 6px;
}

/*.homepage .newsExtractBottom {
	width: 180px;
	margin-left: -8px;
	background: url(/images/homeNewsExBotBack.gif) no-repeat bottom left #FFF;
	height: 5px;
}*/

* html body .homepage .newsExtractBottom {
	margin-right: -8px;
}

.homepage .newsExtract h4 {
	font-size: 1.2em;
	color: #D17A5F;
	margin-top: 0;
	margin-bottom: 8px;
}

.homepage .newsExtract h4 a {
	text-decoration: none;
    font-weight: bold;
}

    .homepage .newsExtract h4 a:hover {
        text-decoration:underline;
    }

.homepage .newsExtract p {
	font-size: 1.1em;
}

* html body .homepage .newsExtract p {
	margin-bottom: 0;
}

.homepage .newsExtract a {
	color: #D18E73;
}

.homepage .newsExtract > a {
    font-size: 1.2em;
}

.homepage #topRow {
	clear: both; 
}

.homepage .leftCol {
}

* html body .homepage .leftCol {
	margin: 0 24px 0 9px;
}

.homepage #topRow .leftCol h2, .homepage #topRow .leftCol h2 a {
	font-weight: bold;
	color: #D70602;
	text-decoration: none;
}

    .homepage #topRow .leftCol h2 a:hover {
        text-decoration: underline;
    }

.homepage #topRow .leftCol .date {
	background: none;
	float: left;
	padding: 0;
	margin: 0 8px 0 0;
	font-size: 0.9em;
	line-height: 1.4em;
}

.homepage #topRow .leftCol .day {
	display: block;
	padding: 0 6px 0 4px;
	color: #FFF;
	text-align: center;
	border-top: solid 1px #F4EEE6;
	background: url(/images/homeDateBack.gif) repeat-y top right #BE886E;
}

.homepage #topRow .leftCol .month {
	display: block;
	padding: 0 6px 0 4px;
	color: #BC8974;
	text-align: center;
	border-bottom: solid 1px #F4EFE7;
	background: url(/images/homeDateBack.gif) repeat-y top right #FFF;
}

.homepage #topRow .leftCol .news {
	float: left;
	/*width: 328px;*/
	color: #694C3E;
}

.homepage #topRow .leftCol .news p {
	color: #694C3E;
	font-size: 1.1em;
}

.homepage #topRow .leftCol .news h3 {
	margin: 0 0 8px 0;
}

.homepage #topRow .leftCol .news h3 a {
	margin: 0px 0 5px 0;
	padding: 0;
	color: #8A7063;
	font-weight: bold;
	text-decoration: none;
}

    .homepage #topRow .leftCol .news h3 a:hover {
        text-decoration:underline;
    }

.homepage .rightCol {
    float:right;
}




.homepage .rightCol .qlHead {
	width: 109px;
	color: #834935;
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 0 7px 0px;
}

.homepage .rightCol .qlActive {
	float: left;
	background: url(/images/homeQlActive.gif) no-repeat #ECDBC9;
	width: 109px;
	color: #834935;
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 0 7px 30px;
	text-decoration: none;
}

.homepage .rightCol .qlInActive {
	float: left;
	background: url(/images/homeQlInActive.gif) no-repeat top right #F8E8D1;
	color: #96725C;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 5px 35px 7px 30px;
	text-decoration: none;
}

.homepage .rightCol .qlInActiveL {
	float: left;
	background: url(/images/homeQlInActiveL.gif) no-repeat top left #F8E8D1;
	color: #96725C;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 5px 35px 7px 30px;
	text-decoration: none;
}

.homepage .rightCol .qlInActiveL {
	background: url(/images/homeQlInActiveL.gif) no-repeat top left #F8E8D1;
}



/*
.homepage #quickLinksTop {
	background: url(/images/homeQlTop.gif) no-repeat top right #ECDBCB;
	width: 306px;
	height: 5px;
	clear: both;
}
*/
.homepage #quickLinks {
	list-style-image: url(/images/homeLinksArrow.gif);
	/*padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	clear: both;*/
}

.homepage #quickLinks ul {
    padding: 12px 0px 0px 0px;
    margin: 0px;
}

.homepage #quickLinks h3 {
	color: #B87259;
	font-weight: bold;
	font-size: 1.3em;
	padding: 6px 0;
	margin: 0;
	line-height: 1em;
}

.homepage #quickLinks h3 a {
	color: #B87259;
	text-decoration: none;
}

.homepage #quickLinks h3 a {
	text-decoration: none;
}
    .homepage #quickLinks h3 a:hover {
        text-decoration: underline;
    }

.homepage #quickLinks p {
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
	padding: 0 0 7px 0;
}

#quickLinks.ui-tabs {
    padding: 0;
}

.homepage #quickLinks ul.ui-tabs-nav {
    padding: 0;
    border: none;
    background: none;
}

.homepage #quickLinks.ui-widget-content {
    border: none;
    background: none;
}
.homepage #quickLinks div {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}

.homepage #quickLinks ul.ui-tabs-nav li {
    width: 50%;
    border: none;
    margin: 0;
    padding: 0;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.homepage #quickLinks ul.ui-tabs-nav li:first-child {
    border-top-right-radius: 0;
}

.homepage #quickLinks ul.ui-tabs-nav li:last-child {
    border-top-left-radius: 0;
}

    .homepage #quickLinks ul.ui-tabs-nav li a {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;

    }
.homepage #quickLinks ul li.ui-state-default {
    background: #F8E8D1;
}
.homepage #quickLinks ul li.ui-state-default a {
    color: #96725C;
}

.homepage #quickLinks ul li.ui-state-active {
    background: #ecdacc;
}

.homepage #quickLinks ul li.ui-state-active a {
    color: #834935;
}



.homepage #bottomRow {
	background: #CBD8BA url(/images/homeBottomBack.jpg) repeat-x scroll 0 0;
	clear: both;
}

.homepage #eventsCalendar {
    display: block;
    position: absolute;
    left: 296px; /*background: url(/images/homeEventsCal.gif) no-repeat;*/
    background-color: #D9E1CA;
    width: 160px;
    height: 26px;
    text-align: center;
    padding-top: 14px;
    color: #6A795A;
    top: 3px;
    font-size: 1.3em;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #A2AF95;
    text-decoration: none;
}

    .homepage #eventsCalendar:hover {
        text-decoration: underline;
    }

.homepage #bottomRow h2, .homepage #bottomRow h2 a {
	font-weight: bold;
	color: #2F352B;
	text-decoration: none;
}

    .homepage #bottomRow h2 a:hover {
        text-decoration: underline;
    }

.homepage #bottomRow p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #616B52;
}

.homepage #bottomRow .rightCol {
}

.homepage #bottomRow .contactTop {
	background: url(/images/homeContactTopBack.jpg) no-repeat;
	width: 317px;
	height: 8px;
}

* html body .homepage #bottomRow .contactTop {
}

#home-contact-panel {
    width: 317px;
    margin-left: 10px;
	background: url(/images/homeContactBack.jpg) repeat-x #D9E1CA;
    margin-top: 20px;
    margin-bottom: 20px;
}

#meeting-events-intro {
    margin-top: 20px;
}

#contact-content {
    padding: 4px 12px 12px 12px;
}

.homepage #bottomRow .contactBottom {
	clear: both;
	background: url(/images/homeContactBottomBack.jpg) no-repeat bottom left;
	width: 317px;
	height: 8px;
}

* html body .homepage #bottomRow .contactBottom {
	margin-right: -18px;
}

.homepage #bottomRow p.note {
	color: #616B52;
	font-size: 1.1em;
	margin: 0;
}

.homepage #bottomRow p.mail {
	float: left;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-top: 22px;
	color: #3C3C3A;
}

.homepage #bottomRow p.mail a {
	color: #3C3C3A;
}

.homepage #bottomRow p.mail a:hover, .homepage #bottomRow p.mail a:active {
	text-decoration: none;
}
.homepage #bottomRow p.phone {
	float: right;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: right;
	font-weight: bold;
	margin-top: 22px;
	color: #3C3C3A;
}

.homepage #bottomRow p.phone .title {
	font-size: 1.0em;
}

:first-child + html .homepage #bottomRow p.phone .title {
	white-space: nowrap;
}

.homepage #quickLinks div {
	background: url(/images/homeQuicklinksBack.jpg) repeat-x;
}

.homepage #homeSiteLinks {
    background: #C7B0A2 url(/images/homeLinksBack.jpg);
    background-repeat: repeat-x;
}

.homepage .linkCategory {
	float: left;
	width: 94px;
	padding: 0px 6px;
}

.homepage .linkCategory h4 {
	color: #FFF;
	font-size: 1.1em;
	margin: 8px 0;
	padding: 0;
}

.homepage .linkCategory h4 a {
	color: #FFF;
	text-decoration: none;
	margin: 8px 0;
	padding: 0;
}

.homepage .linkCategory ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 20px 0;
	color: #FFF;
}

.homepage .linkCategory ul a {
	color: #FFF;
}

/************************ FOOTER ************************/
#footer {
	background-color: #e3dbd1;
	clear: both;
	border-bottom:  215px solid #827b73;
	padding-bottom: 20px;
}

#footer h2 {
	color: #963e55;
	font-size: 1.4em;
	line-height: 2.2em;
	padding: 8px;
	background: #ddcec4;
	margin-left: 36px;
    margin-top: 28px;
    font-weight: bold;
}

#library {
}

#library .pad {
	padding-left: 37px;
	padding-top: 18px;
	padding-right: 18px;
}

#library ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#library ul li {
	padding-left: 18px;
    padding-right: 4px;
	width: 43%;
	float: left;
	margin-bottom: 12px;
}

#library a {
	color: #40483f;
	text-decoration: none;
	font-size: 1.5em;
}

    #library a:hover {
        text-decoration:underline;
    }

#library h2 a {
	color: #963e55;
	font-size: 1.1em;
	text-decoration: none;
	line-height: 2.0em;
}

#news {
}

#news .right {
	width: 232px;
}

#news .pad {
	padding-left: 37px;
	padding-top: 18px;
	padding-right: 20px;
}

#news ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 13px;
}

#news ul li {
	margin-bottom: 8px;
}

#news .date {
	color: #8c7a74;
	font-size: 1.1em;
	white-space: nowrap;
	padding: 0px;
	background: none;
	line-height: 1.4em;
}

#news h2 a {
	color: #963e55;
	font-size: 1.1em;
	text-decoration: none;
	line-height: 2.0em;
}

#news a {
	color: #2f1810;
	font-size: 1.5em;
	padding-left: .5em;
	text-decoration: none;
	width: 220px;
	line-height: 1.4em;
}

    #news a:hover {
        text-decoration: underline;
    }

#news a.arrow {
	text-decoration: underline;
	background: url(/images/icons/brownArrowSml.gif) no-repeat 0px 50%;
	padding-left: 10px;
	margin-top: 10px;
    color:#963e55;
	text-decoration: none;
}
    #news a.arrow:hover {
        text-decoration: underline;
    }


#pageBottom {
    background-color:#fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}



#pageBottom .buttons {
	list-style: none;
	padding-top: 20px;
	padding-bottom: 20px;
    float: left;
    padding-left: 0;
}
    #pageBottom .buttons li {
        float: left;
        margin: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        margin-right: 14px;
        margin-bottom: 14px;
    }

#pageBottom .buttons a {
	background: #f9f9f9;
	padding: 8px;
	line-height: 2em;
	color: #595850;
	font-size: 1.5em;
	text-decoration: none;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}

/*
#pageBottom .search .controls {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 6px;
	background: transparent url(/images/searchFieldLeftLight.gif) no-repeat scroll 0 0;
}

    #pageBottom .search {
        padding-top: 35px;
    }

#pageBottom .searchText {
	background: url(/images/searchFieldBackLight.gif) repeat-x;
	color: #99a098;
}
*/
#footer .find {
	display: block;
	clear: both;
	padding-top: 28px;
}

*:first-child + html #footer .find {
	padding-top: 13px;
}

#footer .find .controls {
    /*
	background: url(/images/findFieldLeft.gif) no-repeat;
	padding-left: 7px;
        */
}

#footer .find .searchText {
    /*
	background: url(/images/findFieldBack.gif) repeat-x;
	height: 1.7em;
	padding-top: 3px;
        */
    background-color: #fff;
    background-image: none;
	color: #a9b2a9;
	margin-right:2px;
	width: 200px;
    height: 20px;
}

.search-event-button {
    height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #6a795a;
    color: #fff;
    font-weight: bold;
    border: 1px solid grey;
}

.search-resource-button {
    height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #963e55;
    color: #fff;
    font-weight: bold;
    border: 1px solid grey;
}

#footer #legalInfo {
	display: block;
	clear: both;
	border-top: solid 1px #e6e6e6;
	background: #fcfcfc url(/images/legalInfoBack.gif) repeat-x;
	padding-bottom: 30px;
	margin-top: 8px;
	margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    width:960px;
}

#legalInfo a {
    color: #2569a0;
	text-decoration: none;
}

    #legalInfo a:hover {
        text-decoration: underline;
    }

#govt {
	float: left;
	padding-top: 6px;
}

#legal-left {
    float: left;
    margin-left: 20px;
}
#legal-right {
    float: right;
    width: 320px;
    margin-top: 18px;
    margin-right: 20px;
}

#bottomLogo {
	float:left;
}

#copyright {
    float:right;
}

#copyright-text {
    margin-bottom: 5px;
}

/************************ END FOOTER ************************/

#menu .find {
	display: block;
	clear: both;
	padding-top: 6px;
}

#menu .find .controls {
    /*
	background: url(/images/findMenuFieldLeft.gif) no-repeat;
        
	padding-left: 7px;
        
	width: 233px;
        */
	height: 18px;
}

#menu .find .searchText {
	background: url(/images/findMenuFieldBack.gif) repeat-x;
	height: 15px;
	padding: 0;
    margin: 0;
	color: #a38589;
	width: 180px;
    float: left;
}

#menu .find .searchButton {
	float: left;
	
	width: 29px;
}

.homepageEventFind {
	/*background: url(/images/findFieldLeft.gif) no-repeat;*/
	margin-left: 0px;
	margin-top: 18px;
	padding-left: 2px;
}

    .homepageEventFind .searchText {
        background-color: #fff;
        background-image: none;
        color: #a9b2a9;
        margin-right: 2px;
        width: 200px;
    }

.eventFind {
    /*
	background: url(/images/findFieldLeft.gif) no-repeat;
	padding-bottom: 40px;
	padding-left: 7px;
        */
}

    .eventFind .searchText {
        /*
	background: url(/images/findFieldBack.gif) repeat-x;
	height: 1.8em;
	padding-top: 3px;
	color: #a38589;
	width: 190px;
        */
        margin: 0;
        float:left;
        margin-right: 12px;
    }

    .eventFind .searchButton {
        height: 22px;
    }

.search .controls .searchtext 
{
    height:2.4em;
}

/************************ Site Map ************************/
.sitemapheader {
	padding-top: 20px;
	padding-left: 0px;
}

/*#main table.sitemap {
	padding-left: 15px;
	padding-right: 15px;
	background: none;
	font-size: 8.95pt;
}

#main table.sitemap td {
	background: none;
	font-size: 8.95pt;
}*/
#sitemap ul 
{
    margin-top:0px;
    font-size: 11pt;
    font-weight:bold;
}

#sitemap ul li ul
{
    margin-left:25px;
    font-size:9pt;
    font-weight:normal;
}

#main #sitemap {
	background: none;	
}

#main #sitemap li {
	background: none;
}


/* ---Form control--- */
span.xformvalidator {
	color: Red;
}

.formerror {
    color: red;
    font-weight: bold;
    padding-bottom: 10px;
    display: block;
}

.g-recaptcha {
    margin-bottom: 10px;
}


/************************** See Also Box *********************/

/* SeeAlsoBox rendering for IE7 */
.EPiServerField { 
	float:right; 
	width:220px;	
}

/* Login Page*/

#login-form {
    margin-left: 20px;
    margin-left: 20px;
    font-size: 1.6em;
    margin-top: 10px;
}

    #login-form > div {
        margin-bottom: 20px;
    }

    #login-form label {
        display: block;
    }

    #login-form input {
        font-size: 1.3em;
    }

        #login-form input[type="text"], #login-form input[type="password"] {
            height: 28px;
            padding-left: 3px;
        }

        #login-form input[type="submit"] {
            width: 150px;
        }

#nav #menu-pull {
    display: none;
    background-color: #beb9a5;
    border-radius: 6px;
    margin-bottom: 4px;
    line-height: 15px;
}

#submenu-pull {
    display: none;
}

.rightCol #menu #future-pull {
    display: none;
}
#nav a#pull {
    background-color: #fff;
    color: #000;
    padding-left: 10px;
    margin-left: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 80%;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    #nav a#pull:after {
        content: "";
        background: url('/images/dropdownarrow.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 5px;
    }

.mobile-pull,
.mobile-only {
    display: none !important;
}

.mobile-pull {
    background-color: #edece7;
    cursor: pointer;
    padding: 3px;
    padding-left: 12px;
    border-radius: 6px;
}

.news-selection .mobile-pull {
    width: 200px;
}

    .mobile-pull:after {
        content: "";
        background: url('/images/dropdownarrow.png') no-repeat;
        width: 30px;
        height: 20px;
        display: inline-block;
        float: right;
    }

.menu-drop {
    display: none;
}

/* Use border-radius instead of empty divs with background image style */
#menu #menuTop,
#menu #menu-top {
    display: none;
}

/* image max width */
#main img {
    max-width: 610px;
}

a.heading2 {
   float: left;
   margin-left: 10px;
   margin-bottom: 10px;
}

    a.heading2 + p {
        clear: both;
    }


#accessibility {
    cursor: pointer; /* Click anywhere on accessibility box for dialog */
    padding: 8px;
    border-radius: 6px;
    float: left;
    color: #fff;
}
    #accessibility img {
        float: left;
    }
    #accessibility div {
        float: left;
        margin-right: 8px;
        line-height: 20px;
        font-size: 1.6em;
    }


#accessibility-options {
    display: none; /* Dialog is hidden initially */
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: left;
}


    #accessibility-options a {
        color: #000;
        background-color: #fff;
    }

.accessibility-links li {
    margin-bottom: 10px;
}

.smallA, .mediumA, .bigA {
    padding: 2px;
}

.smallA {
    font-size: smaller;
}

.mediumA {
    font-size: large;
    margin-left: 10px;
    margin-right: 10px;
}

.bigA {
    font-size: x-large;
    border-radius: 2px;
    background-color: #ddd;
}

/* #Moorings
================================================== */
#mooring-controls+div {
    clear: both;
}
#mooring-controls table {
    float: left;
    margin-right: 10px;
}
#mooring-creation {
    float: left;
    background-color: #d3e4ec; 
    width: 180px; 
    padding: 12px; 
    border-radius: 8px;
}

    #mooring-creation a {
        background-color: #0068a5; 
        height: 50px; 
        text-align: center; 
        width: 100%; 
        float: left; 
        text-decoration: none; 
        color: #fff; 
        font-size: 1.5em; 
        line-height: 50px;
        margin-top: 20px;
    }

.mooring-list .pagination-info {
    background-color: #d3e4ec; 
    margin-bottom: 10px; 
    margin-bottom: 4px; 
    padding: 8px
}
.mooring-list table th, .mooring-list table td {
    text-align: left;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

        .padLeft {
            padding-left: 240px;
        }

        .homepage .linkCategory {
            width: 88px;
            padding: 0px 2px;
        }

        #footer #legalInfo {
            width: 768px;
        }

        /* Top nav - need text to flow down and align bottom*/
        #nav {
            width: inherit;
        }

        #nav ul li {
            max-width: 94px;
            vertical-align: bottom;
            height: 32px;
            margin-left: 6px;
            margin-right: 6px;
        }

            #nav .active a {
                background: none;
            }

        .colourPink #nav .active a,
        .colourGold #nav .active a,
        .colourGreen #nav .active a,
        .colourBrown #nav .active a,
        .colourSky #nav .active a,
        .colourMoss #nav .active a,
        .colourTeal #nav .active a,
        .colourLime #nav .active a {
            background: none;
        }


        /* Left nav on sub pages needs to be thinner */
        /*#menu-top {
            background-image: url('/images/menu-top-tablet.png');
            width: 208px;
        }*/

        #menu {
            width: 208px;
        }

        #menu ul li {
            width: inherit;
        }

        /* content not pushed to right so far */
        .consent .content.right {
            margin-left: 0px;
        }

        #main.consent {
            padding-left: 0px;
            padding-right: 3px;
        }

        /* No need to marginalise footer*/
        #footer h2 {
            margin-left: 0px;
        }

        #libary .pad, #news .pad {
            padding-left: 0px;
        }

        /* Move the "Events Calendar" link left a bit*/
        .homepage #eventsCalendar {
            left: 236px;
        }

        /* Decrease font size at top to fit */
        .homepage .intro div div div {
            font-size: 1.5em;
        }

        .homepage .newsExtract {
            width:350px;
        }

            .homepage #news-items div:nth-child(odd) .newsExtract{
                clear: both;
            }
            .homepage #news-items div:nth-child(even) .newsExtract{
                float: right;
            }

        /* image max width */
        #main img {
            max-width: 478px;
            height: initial;
        }


	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        #menu .find .searchText {
            width: 140px;
        }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

        #accessibility, #textSizeCaption, .textSizeImage {
            display: none;
        }

        #resourceDocumentTools a.printable,
        #resourceDocumentTools a.download {
            float: initial;
        }

        #reportCategories {
            margin-top: 10px;
            margin-bottom: 12px;
        }

        .civilDefence #header-nav .container > div {
            background: none;
        }

        #footer #legalInfo {
            width: 420px;
        }

        .mobile-pull,
        .mobile-only {
            display: block !important;
        }

        .mobile-selections {
            display: none;
            background-color: #fff;
        }
        .not-mobile  {
            display: none !important;
        }

        .homepage .intro {
            border: none;
            height: inherit;
            background: #A0BCC0;
        }

            .homepage .intro img {
                width: 100%;
                height: 120px;
            }

            .homepage .intro img.image2 {
                display: none;
            }

            .homepage .intro > div {
                width: 100%;
            }
                .homepage .intro > div {
                    width: 420px;
                    margin: 0 auto;
                }

                    .homepage .intro > div:after {
                        content: "\0020";
                        display: block;
                        height: 0;
                        clear: both;
                        visibility: hidden;
                    }
                    .homepage .intro > div > div {
                        width: initial;
                        float: left;
                        display: inline;
                        margin-left: 10px;
                        margin-right: 10px;
                        text-align: left; 
                    }
            .homepage .intro #pageTitle {
                padding-left: 0px;
            }

            .homepage .intro div div div {
                padding-left: 0px;
            }

        /* hide top links - make into thin strip at top */
        #header-top {
            height: 5px;
        }

        #header-top .container {
            display: none;
        }

        /* Undo absolute position of nav & overlay */

        #nav {
            position: absolute;
            width: 370px;
            z-index: 1;
        }

        /* Mobile style menu */
            #nav ul {
                display: none;
                position: absolute;
                top: 35px;
                padding-top: 0px;
                background-color: #fff;
                width: 370px;
            }
                #nav ul li {
                    display: block;
                    float: none;
                    width: 100%;
                    max-width: initial;
                    border-bottom: 1px solid #576979;
                    margin-left: 0px;
                    line-height: 32px;
                }

                    #nav ul li a {
                        color: #000;
                        width: 250px;
                        padding-left: 10px;
                    }

            #nav #home-link {
                margin-left: 12px;
                float: left;
                margin-top: 10px;
            }

            #nav #menu-pull {
                display: block;
            }
            #nav a#pull {
                display: inline-block;
            }


            .colourPink #nav .active,
            .colourGold #nav .active,
            .colourGreen #nav .active,
            .colourBrown #nav .active,
            .colourSky #nav .active,
            .colourMoss #nav .active,
            .colourTeal #nav .active {
                background: none;
            }

        /* hide un-wanted elements */
        #header-wrap .searchText, #header-wrap .search .controls {
            display: none;
        }

        /* Reveal & position the mobile search button */
        #header-wrap .search {
            float: left;
            width: 40px;
            margin-left: 10px;
        }

        #header-wrap .searchButton {
            width: 40px;
            height: 40px;
        }

        #nav-controls {
            /*float: left;*/
        }

        .mobile-search div {
            color: #fff;
            text-align: center;
            font-size: 1.2em;
        }

        /* re-position social media buttons */
        #social-media-links {
            clear: none;
            padding-top: 0px;
            margin-left: 10px;
            width:40px;
            float: left;
            margin-right: 0px;
        }

            #social-media-links a {
                margin-bottom: 8px;
                display: block;
            }

        /* correct header height */
        #header-nav .container > div {
            height: 129px;
        }

        /* Hide background image in header */
        .pageImage1, .pageImage2, .pageImage3, .pageImage4, .pageImage5, .pageImage6, .pageImage7, .pageImage8, .pageImage9 {
            background-image: none;
        }

        /* Decrease font size at top to fit */
        #pageTitle {
            font-size: 1.8em;
        }
        .homepage .intro div div div {
            font-size: 1em;
        }

        .homepage .newsExtract {
            width:100%;
            margin-left: 0;
        }
            .homepage #news-items div:nth-child(odd) .newsExtract{
                clear: both;
            }
            .homepage #news-items div:nth-child(even) .newsExtract{
                clear: both;
                float: left;
            }

        #mobile-top-links {
            background-color: #4f4c46;
            display: block;
        }

            #mobile-top-links .top-links {
                    height: 24px;
                    text-align: center;
                    line-height: 24px;
            }

                #mobile-top-links .top-links a {
                    display: none;
                }
                    #mobile-top-links .top-links a[title="Contact us"], #mobile-top-links .top-links a[title="Feedback"], #mobile-top-links .top-links a[title="Sitemap"], #mobile-top-links .top-links a[title="Jobs @ NRC"] {
                        display: inline-block;
                        color: #fff;
                        text-decoration: none;
                        font-size: 1.3em;
                        padding-right: 3px;
                        padding-left: 3px;
                    }
                    #mobile-top-links .top-links a:hover {
                        text-decoration: underline;
                    }


        /* New link location and style for events in mobile size */
        #mobile-eventslink {
            background-color: #6a795a;
            color: #fff;
            line-height: 32px;
            margin-top: 12px;
            height: 32px;
            width: 100%;
            clear:both;
            float: left;
            text-decoration: none;
            text-align: center;
            font-size: 1.3em;
            font-weight: bold;
            border-radius: 6px;
        }

        .homepageEventFind .searchText {
            float: left;
        }

        .search-event-button {
            clear: both;
            float: left;
            margin-top: 10px;
        }

        /* Contact panel no longer limited width */
        #home-contact-panel {
            width: initial;
            border-radius: 6px;
            background: #D9E1CA;
            display: inline-block;
            margin-left: initial;
        }

        .homepage #bottomRow .contactTop,
        .homepage #bottomRow .contactBottom {
            display: none;
        }

        /* Latest news link required for mobile view */
        .menu-drop {
            display: initial;
        }

        #mobile-news-link {
            background-color: #BE886E;
            color: #fff;
            line-height: 32px;
            margin-top: 12px;
            height: 32px;
            width: 100%;
            clear:both;
            float: left;
            text-decoration: none;
            text-align: center;
            font-size: 1.3em;
            font-weight: bold;
            border-radius: 6px;
            margin-bottom: 50px;
        }

        /* Change homeSiteLinks to pull down menus  */
        .homepage #homeSiteLinks {
            background: #a0887c;
        }
        .homepage .linkCategory {
            float: initial;
            width: initial;
        }
            .homepage .linkCategory:first-child {
                margin-top: 8px;
            }
            .homepage .linkCategory h4:last-child {
                margin-bottom: 16px;
            }
            .homepage .linkCategory h4 {
                margin: 8px 0px 0px 0px;
                background-color: #c1ab9e;
                float: left;
                width: 100%;
            }

               .homepage .linkCategory h4 a {
                    margin: 0;
                    display: block;
                    padding: 6px;
                    float: left;
                }

                    .homepage .linkCategory h4 a:first-child {
                        width: 70%;
                    }

                    .homepage .linkCategory h4 a.menu-drop {
                        width: 20%;
                        text-align: center;
                    }

            .homepage .linkCategory ul {
                width: 100%;
                margin: 0;
                display: none;
            }

                .homepage .linkCategory ul li {
                }

                    .homepage .linkCategory ul li a {
                        display: block;
                        background: #fff;
                        color: #000;
                        padding: 3px;
                        border-bottom: 1px solid #ccc;
                        text-decoration: none;
                    }
        /*Push down resource find button */
        .search-resource-button {
            margin-top: 8px;
        }

        /* Bottom news is not displayed in mobile view */
        #news {
            display: none;
        }

        /* Footer search has line below and centred for mobile view */
        #footer-search {
            padding-bottom: 20px;
            border-bottom: 1px solid #ccc;
            margin-right: 0;
            margin-left: 0;
            width: 100%;
            text-align: center;
        }
        /* Footer search text is wider for mobile */
        #footer .search .searchText {
            width: 200px;
        }

        /* Lay out buttons 2x2 for mobile view */
        #pageBottom .buttons li a {
            width: 160px;
            display: block;
            text-align: center;
        }
        #pageBottom .buttons li:nth-child(odd) {
            clear: both;
            margin-left: 12px;
        }
        #pageBottom .buttons li:nth-child(even) {
            float: right;
        }

        /* centre bottom elements */
        #legal-left,
        #legal-right {
            width: 100%;
            margin: 0;
            text-align: center;
            margin-top:20px;
        }

            #legal-left a {
                float: initial;
            }

        #bottomLogo,
        #copyright {
            float: initial;
            clear: both; 
            margin-top:20px;
        }


        /* Sub-page sub header*/

        #pageTitle {
            font-size: 1em;
            height: initial;

        }

            #pageTitle h1 {
                margin: 10px 0 10px 0;
                padding-left: 0;
            }

        /* stop nav from overlaying header & widen */
        #menu {
            position: initial;
            top: 0;
            margin: 0;
            width: 100%;
        }

            #menu ul {
                display: none;
                border: 1px solid #ccc;
                overflow: auto;
            }

            #menu .content {
                padding-left: 0;
                padding-right: 0;
            }

        .project #menu .content {
                padding-left:6px;
                padding-right: 6px;
            }

            .project #menu .content ul {
                background: #fff;
            }

        #submenu-pull {
            display:block;
            background-color: #edece7;
            border-radius: 6px;
            line-height: 30px;
            padding: 5px;
        }
        a#sub-pull {
            
            color: #000;
            padding-left: 10px;
            font-size: 1.5em;
            display: block;
            text-decoration: none;
        }

        a#sub-pull:after {
            content: "";
            background: url('/images/dropdownarrow.png') no-repeat;
            width: 30px;
            height: 30px;
            display: inline-block;
            position: absolute;
            right: 15px;
            top: 15px;
        }

        /* ensure content stays within bounds  */
        #main {
            padding-left: 0;
            margin-top: 0;
        }

        /* remove background image */
        #content {
            background: none;
        }

        /* widen content */
        .consent .content {
            width: initial;
            margin:0;
            padding:0;
        }

        .contentBlock  {
            clear: both;
        }

        .newsBlock .content,
        .contentBlock .content {
            float: left;
            width: initial;
            width: 330px;
            margin-left: 12px;
        }

            .newsBlock img, .contentBlock img {
                margin-right: 0;
            }


        /* image max width */
        #main img {
            max-width: 420px;
        }

        /* Remove civil defence logo */
        .civilDefence #pageTitle .container {
            background-image: none;
        }

        /* Remove civil defence dashed line around nav */
        .civilDefence #menu .content {
            border: none;
        }

        /* Move menu on sub-pages back to left */
        .rightCol #menu {
            float: left;
        }

            .rightCol #menu .content {
                padding: 12px 0 0 0;
            }

        /* Event page nav */
        .rightCol .events h2:first-of-type {
            display: none;
        }

        .rightCol #menu #future-pull {
            display: initial;
            font-size: 1.5em;
            width: 100%;
            float: left;
        }
            .rightCol #menu #future-pull:hover {
                cursor: pointer;
            }

            .rightCol #menu #future-pull img {
                float: right;
            }

        .rightCol #menu #future-pull a {
            display: block;
            padding-left: 14px;
            background: url('/images/dropdownarrow.png') no-repeat;
            background-position: 90% 5px;
            background-color: #edece7;
            border-radius: 6px;
       }

        #future-links {
            display: none;
            clear: both;
            border: 1px solid #ccc;
            border-top: none;
            padding: 2px;
        }
        .resourceHome h1 ,
        .resourceHome .resourceReport h1 {
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 5px;
            line-height: 30px;
        }
        .resourceHome .find {
           padding-top: 0;
        }

        /* In mobile, latest news of resources is just above the footer version of the same thing */
        .resourceHome #latestNews {
            display: none;
        }
        
        /* reduce spacing between selectors in news pages */
        .news-selection {
            margin-bottom: initial;
        }
            .news-selection h3 {
                margin: 0;
            }

        .colourRed .rightCol #menu .content .news-selection h3 {
            margin-top: 5px;
        }
                #resourceDocument .paragraph-text p:first-child {
            border: none;
            padding: 0;
        }

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

        #calendar {
            margin-bottom: 10px;
        }
        #calendar .calendar {
            display: none;
        }

        #calendar .title {
            background-image: url('/images/dropdownarrow.png');
            background-repeat: no-repeat;
            background-position: 90% 5px;
            background-color: #edece7;
            border-radius: 6px;
            cursor: pointer;
        }

        #menu .find .searchText {
            width: initial;
        }

        #footer #legalInfo {
            width: 300px;
        }

        #logo img {
            width: 150px;
        }

        #nav {
            width: 250px;
        }

            #nav a#pull {
                width: 70%;
            }

            #nav ul {
                width: 250px;
            }

        .homepage .intro > div {
            width: 300px;
        }

        .homepage #bottomRow p.phone {
            clear: both;
            float: left;
            font-size: 1.2em;
            text-align: left;
        }
        .homepage #bottomRow p.mail {
            font-size: 1.2em;
        }

        #pageBottom .buttons li a {
            width: 110px;
        }

        #main {
            width: 300px;
        }

        .newsBlock .content,
        .contentBlock .content {
            float: left;
            width: initial;
            width: 220px;
            margin-left: 10px;
        }

        /* image max width */
        #main img {
            max-width: 300px;
        }

        .contentPhotoFullWidth {
            width: 282px;
        }

        /* Smallify form elements */
        #id_matrix input[type="text"] {
            max-width: 180px;
        }

        #main table#id_matrix tr td {
            padding-left: 0;
        }

        table#id_matrix textarea {
            max-width: 180px;
        }

        /* Smallify images in library table */
        #imageLibraryTable img {
            width: 90px;
        }


	}