/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/*------------ General Page Rules ----------------------------------------------------------*/


body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
min-width: 1022px;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#828387;
}

/* ----------- General Page Rules -------------------------*/

h1
{
margin: 15px 0px;
color: #1466a2;
font-size: 34px;
line-height: 40px;
font-family: 'Lato', sans-serif;
}

h2
{
margin: 20px 0px;
color: #818285;
font-size: 32px;
text-transform: none;
font-family: 'Lato', sans-serif;
}

h3
{
margin: 20px 0px 10px;
color: #D2C5A5;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
}

h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
text-transform: uppercase
font-family: 'Lato', sans-serif;
}

h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase
font-family: 'Lato', sans-serif;
}

p,div#pageSource
{
line-height: 20px;
margin: 12px 0px;
}
div#pageSource{ text-align:left; }
ul
{
margin: 10px 0px;
padding: 0px 0px 0px 10px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 10px;
}

li
{
margin: 3px 0px;
padding-left: 2em;
text-indent: -1em;
}

li:before {
content:"\00bb";
color: ;
}

li p
{
margin: 0;
line-height: 20px;
}

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom: #ccc;
}

a
{
color: #1466A2;
text-decoration: none;
}

a:hover
{
color: #000;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

table
{
width: 100%;
margin: 40px 0px 20px ;
}

th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #1466A2;
}

td
{
padding: 10px 16px;
}

th p,
td p
{
margin: 0;
padding: 0;
}

tr:nth-child(even) { background: #FFF }
tr:nth-child(odd) { background: #f9f9f9 }

p strong { font-weight: 900; }

/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

.fullWidthWrap
{
width: 100%;
float: none;
position: relative;
}

.container
{
margin: 0px auto;
width: 1022px;
text-align: left;
}

.bgContainer
{
width: 1022px;
float: left;
position: relative;
height: auto;
}

body
{
/*background: 100% width tile here */
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
background: url(http://www.cobop.govt.nz/images/style/default_header_tile.png) top repeat-x;
/*background: 100% height tile here */
}

#home #wrap
{
background: url(http://www.cobop.govt.nz/images/style/circle_overlay.png) center 145px no-repeat;
}


#main
{
background:  url(http://www.cobop.govt.nz/images/style/circle_overlay.png) center 145px no-repeat;
overflow:hidden;
padding-bottom: 355px ; /* must be same height as the footer */
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 1022px;
height: 154px;
background: none;
}

#content
{
float: left;
position: relative;
z-index: 40;
width: 1022px;
min-height: auto;
margin: 0px 0px 50px 0px;
}

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: -335px 0px 0px 0px;
height: 335px;
background: #fff;
background: url(http://www.cobop.govt.nz/images/style/footer_bg.png) bottom center repeat-x;
}

#footer .container
{
margin: 0 auto;
width: 1022px;
text-align: left;
}

#footer .bgContainer
{
float: left;
position: relative;
width: 1022px;
height: 335px;
margin: 0px;
padding: 0px 0px 0px 0px;
margin: 0px;
background: none;
border-bottom: none;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/

#header a.logo
{
float: left;
position: relative;
margin: 15px 0px 0px 0px;
}

#header a.logo img
{

}





/* Header Navigation */

#header #navigation
{
position: relative;
float: right;
top: 0px;
right: 0px;
z-index: 2;
width: auto;
height: auto;
margin: 48px 20px 0px 0px;
}

#header #navigation ul
{
margin: 0 auto;
padding: 0px 0px 0px 0px;
list-style: none;
float: none;
position: relative;
}

#header #navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
line-height: auto;
margin: 10px 0px 0px 0px;
background: none;
border-left: none;
text-indent: 0;
}

#header #navigation ul li:before {
content:"";
}

#header #navigation ul li.home
{
display: none;
}

#header #navigation ul li:first-child
{
background: none;
border-left: none;
}

#header #navigation ul li a
{
display: block;
position: relative;
width: auto;
text-align: center;
height: auto;
line-height: auto;
padding: 17px 17px 65px;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 13px;
color: #1466a2;
font-weight: 700;
text-decoration: none ;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}

#header #navigation ul li a:hover
{
color: #fff;
background: #b4df04;
}

#header #navigation ul li:hover > a
{
color: #fff;
background: #b4df04;
}

#header #navigation ul li ul
{
display: none;
}

#header #navigation ul li:hover ul
{
display: block;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px 0px;
padding: 18px 0px 18px 0px;
list-style: none;
float: none;
position: absolute;
top: 95px;
left: 50px;
width: 210px;
background: rgb(0,0,0);
background: rgba(0,0,0,0.5);
border-bottom: none;
box-shadow: none;
border-radius: 0px;
}

#header #navigation ul li ul
{
left: 0px;
}

#header #navigation ul li.contact ul
{
left: -100px;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
min-height: 20px;
width: 210px;
line-height: 19px;
margin: 0px 0px 0px 0px;
border: none;
}

#header #navigation ul li ul li a
{
display: block;
width: 178px;
text-align: left;
height: auto;
line-height: 17px;
padding: 6px 10px 6px 22px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 17px;
text-transform: none;
position: relative;
color: #fff;
font-weight: 300;
text-decoration: none ;
font-style: italic;
}

#header #navigation ul li ul li a:hover
{
color: #fff;
background: #555555;
}

#header #navigation ul li ul li ul
{
float: left;
position: relative;
margin: 0px 0px 0px -3px;
padding: 0;
top: auto;
left: auto;
border: none;
}

#header #navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
min-height: 33px;
width: 240px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #daedf4;
display: none;
}

#header #navigation ul li ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: 33px;

line-height: 33px;
padding: 4px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #7093ae;
text-decoration: none ;
}


#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
font-weight: bold;
color: #b4df04;
}

#header #navigation ul li ul li a.menuSelected
{
font-weight: bold;
color: #b4df04;
}

/*--------------------------------------------*/

.loginComponent
{
display: none;
}

a.printIcon
{
position: absolute;
top: 115px;
right: 42px;
color: #828387;
font-size: 11px;
text-transform: uppercase;
line-height: 22px;
text-decoration: none;
z-index: 3;
}

a.printIcon:hover
{
color: #8fb006;
}

a.printIcon span
{
display: block;
float: left;
width: 25px;
height: 25px;
margin: 0px 8px 0px 0px;
border-radius: 22px;
border: none;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
background: #828387 url(http://www.cobop.govt.nz/images/style/icon_print.png) center 8px no-repeat;
}

a.printIcon:hover span
{
background: #B4DF04 url(http://www.cobop.govt.nz/images/style/icon_print.png) center 8px no-repeat;
}

#homeBgCopy
{
float: left;
position: relative;
width: 100%;
height: 376px;
background: transparent;
}


.moduleComponentContainerhomeSlides
{
float: left;
position: relative;
width: 100%;
height: 376px!important;
background: transparent;
}

.moduleComponentContainerhomeSlides .bgContainer,
.moduleComponentContainerhomeSlides .container
{
height: 376px!important;
}

.moduleComponenthomeSlides
{
float: left;
position: relative;
width: 100%;
height: 376px!important;
background: transparent;
}

#homeBgCopy .bannerHtmlContent
{
position: absolute;
top: 0px;
left: 0px;
bottom:0px;
right:0px;
width:100%;
}

#homeBgCopy .moduleComponenthomeSlides h2.bannerTitle
{
float: left;
position: relative;
background: rgb(0,0,0);
background: rgba(0,0,0,0.5);
width: 441px;
line-height: auto;
font-size: 28px;
font-weight: 700;
margin: 90px 0px 0px 0px;
padding: 14px 22px;
text-transform:uppercase;
color:#FFF;
}

#homeBgCopy .moduleComponenthomeSlides h2.bannerTitle a
{
color:#FFF;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent
{
float: left;
position: relative;
background: rgb(0,0,0);
background: rgba(0,0,0,0.5);
width: 441px;
clear: both;
margin: 4px 0px 0px 0px;
padding: 20px 22px 40px 22px;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent p
{
margin: 0;
color: #fff;
font-size: 16px;
line-height: 22px;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent a
{
color: #a2d410;
font-weight:600;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent a:hover
{
color: #FFF;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent a.bannerLinkMask
{
position: absolute;
bottom: -16px;
right: 30px;
font-weight:400;
display: block;
padding: 7px 14px;
background: #a2d410;
color: #fff;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent a.bannerLinkMask:hover
{
color: #9dc10a;
background: #fff;
}

#homeSlideControls
{
position: absolute;
bottom: 16px;
left: 0px;
width:100%;
background: none;
z-index:5000;
}

#homeSlideControls .controls
{
float:right;
}

#homeSlideControls a#homePrev
{
display: block;
float: left;
position: relative;
width: 15px;
height: 15px;
line-height: 13px;
border-radius: 15px;
margin: 0px 2px;
text-indent: 1px;
background: #86878b;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
border: 4px solid #fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
box-shadow: 0px 0px 10px -1px #000;
}

#homeSlideControls a#homeNext
{
display: block;
float: left;
position: relative;
width: 15px;
height: 15px;
line-height: 13px;
border-radius: 15px;
margin: 0px 2px;
text-indent: 1px;
background: #86878b;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
border: 4px solid #fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
box-shadow: 0px 0px 10px -1px #000;
}

#homeSlideControls a#homePrev:hover,
#homeSlideControls a#homeNext:hover
{
background: #b4df04;
}

/*-------------------------------------------*/

.sectionCallouts
{
float: left;
position: relative;
width: 1022px;
height: 214px;
z-index: 500;
margin: 0px 0px 30px 0px;
}

.sectionCallouts.small
{

float: left;
position: relative;
width: 640px;
height: auto;
margin: 75px 0px 0px 0px;
background: none;
}

.sectionCallouts.small p
{
float: left;
position: relative;
line-height: 135px;
margin: 15px 30px 0px 0px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: 13px;
}

.sectionCallouts.large a
{
display: inline-block;
float: none;
position: relative;
width: 214px;
height: 214px;
text-align: center;
background: #B4DF04;
border-radius: 214px;
line-height: 214px;
text-transform: uppercase;
font-weight: bold;
font-size: 26px;
color: #fff;
margin: 36px 48px 36px 0px;
text-decoration: none;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
font-family: 'Open Sans Condensed', serif;
}

.sectionCallouts.large a:hover
{
color: #fff;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
}

.sectionCallouts.large a.environmentalCallout
{
margin: 36px 0px;
}

#pageEditorContent .sectionCallouts.medium
{
margin: -125px 0px 20px 0px;
}

#pageEditorContent .sectionCallouts.medium  a
{
box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
}

.sectionCallouts.medium a
{
display: inline-block;
float: none;
position: relative;
width: 143px;
height: 143px;
line-height: 143px;
text-align: center;
background: #B4DF04;
border-radius: 143px;
line-height: 143px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
color: #fff;
margin: 36px 20px 36px 0px;
text-decoration: none;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
font-family: 'Open Sans Condensed', serif;
}

.sectionCallouts.medium a:hover
{
color: #fff;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
}

.sectionCallouts.medium a.environmentalCallout
{
margin: 36px 0px;
}

.sectionCallouts.small a
{
display: inline-block;
float: left;
position: relative;
width: 91px;
height: 91px;
line-height: 91px;
text-align: center;
background: #B4DF04;
border-radius: 91px;
line-height: 91px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
color: #fff;
margin: 36px 20px 36px 0px;
text-decoration: none;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
font-family: 'Open Sans Condensed', serif;
}

.sectionCallouts.small a
{
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0);
}

.sectionCallouts.small a:hover
{
box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
}

.sectionCallouts.small a.environmentalCallout
{
margin: 36px 0px;
}

.imageState
{

}


.sectionCallouts.small a.economicCallout,
.sectionCallouts.medium a.economicCallout,
.sectionCallouts.large a.economicCallout
{
background: url(http://www.cobop.govt.nz/images/style/round_icon_economic.png) top left no-repeat;
background-size: 100% 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

.sectionCallouts.medium a.economicCallout:hover,
.sectionCallouts.large a.economicCallout:hover,
.sectionCallouts.medium a.economicCallout.selected
{
background-image: none;
background-color: #019ed5;
background-size: 100% 100%;
}

.sectionCallouts.small a.socialCallout,
.sectionCallouts.medium a.socialCallout,
.sectionCallouts.large a.socialCallout
{
background: url(http://www.cobop.govt.nz/images/style/round_icon_social.png) top left no-repeat;
background-size: 100% 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

.sectionCallouts.medium a.socialCallout:hover,
.sectionCallouts.large a.socialCallout:hover,
.sectionCallouts.medium a.socialCallout.selected
{
background: #eda02a;
background-size: 100% 100%;
}

.sectionCallouts.small a.culturalCallout,
.sectionCallouts.medium a.culturalCallout,
.sectionCallouts.large a.culturalCallout
{
background: url(http://www.cobop.govt.nz/images/style/round_icon_cultural.png) top left no-repeat;
background-size: 100% 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

.sectionCallouts.medium a.culturalCallout:hover,
.sectionCallouts.large a.culturalCallout:hover,
.sectionCallouts.medium a.culturalCallout.selected
{

background: #d01e38;

background-size: 100% 100%;
}

.sectionCallouts.small a.environmentalCallout,
.sectionCallouts.medium a.environmentalCallout,
.sectionCallouts.large a.environmentalCallout
{
background: url(http://www.cobop.govt.nz/images/style/round_icon_environmental.png) top left no-repeat;
background-size: 100% 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

.sectionCallouts.medium a.environmentalCallout:hover,
.sectionCallouts.large a.environmentalCallout:hover,
.sectionCallouts.medium a.environmentalCallout.selected
{
background: #b4df04;
background-size: 100% 100%;
}


/*---------- Site Search --------------------*/

.siteSearchContainer
{
position: relative;


float: right;
top: 0px;
right: 0px;
margin: 115px 0px 0px 0px;
}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 270px;
height: 11px;
font-size: 11px;
padding: 9px 25px 10px 5px;
border: none;
color: #7f7f7f;
background: #fff;
text-align: left;
}

.siteSearchSubmit
{
position: absolute;
top: 8px;
right: 0px;
cursor: pointer;
border: none;
background: none;
font-size: 11px;
font-weight: 900;
}

.siteSearchSubmit:hover
{
top: 8px;
color: #1466A2;
}

/*----------------------------------------*/


#copyright
{
float: left;
position: relative;
width: 100%;
margin: 60px 0px 0px 0px;
}

#copyright p
{
margin: 0;
padding: 0;
font-family: arial;
font-size: 11px;
color: #646464;
}

#copyright p a
{
text-decoration: none;
color: #646464;
padding: 0px 4px;
}

#copyright p a:hover
{
color: #AEDA2F;
}

/*----------------------------------------*/

a.linkedInIcon
{
position: absolute;
top: 175px;
left: 702px;
padding: 10px 50px 10px 20px;
color: #828387;
font-size: 11px;
text-transform: uppercase;
line-height: 31px;
text-decoration: none;
z-index: 3;
color: #fff;
background: url(http://www.cobop.govt.nz/images/style/icon_linkedin.png) 175px 12px  no-repeat;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

a.linkedInIcon:hover
{
background: url(http://www.cobop.govt.nz/images/style/icon_linkedin.png) 175px 12px  no-repeat;
color: #b4df04;
}

/*-----------------------------------------*/

#pageEditorContent,
#default #pageEditorContent
{
float: left;
position: relative;
width: 1022px;
background: none;
margin: 45px 0px 0px 0px;
}


#pageEditorContent.mobile
{
display:none;
}

#default.darkBlue #pageEditorContent,
#default.lightBlue #pageEditorContent,
#default.green #pageEditorContent,
#default.pink #pageEditorContent,
#default.orange #pageEditorContent
{
width: 660px;
background: none;
}

#home #pageEditorContent
{
width: 290px;
margin: 45px 60px 0px 0px;
}

/*-----------------------------------------*/

#homeCalloutContainer
{
float: left;
position: relative;
width: 656px;
height: none;
margin: 70px 0px 0px;
}

/*-----------------------------------------*/

#quoteContainer
{
float: left;
position: relative;
width: 656px;
height: 127px;
margin: 0px 0px 29px 0px;
background: url(http://www.cobop.govt.nz/images/style/quote_container_bg.png) top left no-repeat;
}

#quoteContainer p.title
{
font-family: 'Open Sans Condensed', serif;
text-transform: uppercase;
font-size: 33px;
line-height: 33px;
color: #fff;
margin: 40px 60px 15px 18px;
float: left;
position: relative;
}

#quoteContainer .moduleComponentContainerquoteOfTheWeek
{
float: left;
position: relative;
width: 390px;
margin: 30px 0px 0px 0px;
}

#quoteContainer .moduleComponentContainerquoteOfTheWeek p
{
font-size: 18px;
line-height: 22px;
font-style: italic;
}

#quoteContainer .moduleComponentContainerquoteOfTheWeek p.smallText
{
text-align: right;
margin: -10px 15px 0px 0px;
font-size: 13px;
}

/*-----------------------------------------*/

#calendarListingContainer

{
float: left;

position: relative;
width: 210px;
min-height: 270px;
background: none;
margin: 0px 16px 0px 0px;
}


#calendarListingContainer .componentItem
{

}

#calendarListingContainer p.title
{

margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #a7a8ab;
}


#calendarListingContainer p.title span
{
background: #fff;
color: #a7a8ab;
font-size: 20px;
font-weight: 900;
line-height: 100%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 0px 0px 20px;
}

#calendarListingContainer .moduleComponentCalendarListing
{
padding: 15px 0px 15px 44px;
min-height: 200px;
font-size: 12px;

}

#calendarListingContainer .moduleComponentCalendarListing .componentItem
{
margin:8px 0px;
}


#calendarListingContainer .title span
{
margin: 0px 9px 0px -43px;

}

#calendarListingContainer .title a
{
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
color: #a7a8ab;
line-height: 17px;
}

#calendarListingContainer .title a:hover
{
color: #1466A2;
}

#calendarListingContainer p.linkText
{
margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #a7a8ab;
}

#calendarListingContainer p.linkText a
{
float: right;
background: #fff;
color: #a7a8ab;
font-size: 13px;
font-weight: 900;
line-height: 150%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 20px 0px 20px;
text-decoration: none;
}


/*------------------------------------------*/


#latestNewsContainer
{
float: left;
position: relative;
width: 430px;
min-height: 155px;
background: none;
margin: 0px 0px 16px 0px;
}

#latestNewsContainer p.title
{
margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #cae94f;
}

#latestNewsContainer p.title span
{
background: #fff;
color: #cae94f;
font-size: 20px;
font-weight: 900;
line-height: 100%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 0px 0px 20px;
}

#latestNewsContainer .moduleComponentlatestNews
{

}

#latestNewsContainer .componentItem
{
float: left;
position: relative;
width: 100%;
font-size: 12px;
margin: 15px 0px 0px 0px;
padding: 0px 0% 15px 0px;
box-sizing:border-box;
border-bottom:1px solid #1466A2;
}

#latestNewsContainer .componentItem:last-child
{
border-bottom:0px solid #000;
}

#latestNewsContainer .componentItem .title
{
text-transform: uppercase;
display:none;
}

#latestNewsContainer .componentItem .moduleItemImage
{

}

#latestNewsContainer .componentItem img.component
{
float: left;
position: relative;
margin: 0px 20px 0px 0px;
}

#latestNewsContainer .componentItem .title
{
font-weight: bold;
padding: 0px 0px 5px 0px;
}

#latestNewsContainer .componentItem .content
{
line-height: 16px;
}

#latestNewsContainer .componentItem .readMore
{
margin: 5px 0px 0px 0px;

}

#latestNewsContainer .componentItem .readMore a
{
text-transform: uppercase;
color: #AEDA2F;
font-weight: bold;
text-decoration: none;
}

#latestNewsContainer p.linkText
{
margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #cae94f;
float: left;
position: relative;
width: 100%;
}

#latestNewsContainer p.linkText a
{
float: right;
background: #fff;
color: #a7a8ab;
font-size: 14px;
font-weight: 900;
line-height: 150%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 20px 0px 20px;
text-decoration: none;
}

/*------------------------------------------*/

#announcementsContainer
{
float: left;
position: relative;
width: 370px;
padding: 0px 30px;
min-height: 99px;
background: none;
text-align: center;
font-size: 17px;
}


#announcementsContainer p
{
line-height: 23px;
font-style: italic;
}

#announcementsContainer p.title
{
color: #1466a2;
text-transform: uppercase;
font-weight: 900;
font-size: 20px;
font-style: normal;
}


/*---------------------------------------------*/

/* ------ Dark Blue Template Styles ---------*/

#headerImageContainer
{float: left;position: relative;width: 1022px;/* height: 376px; */background: #f0f0f0;}

#leftContentColumn
{
float: left;
position: relative;
width: 302px;
margin: 0px 53px 0px 0px;
}

#clusterLeadInContainer
{
float: left;
position: relative;
width: 270px;
padding: 0px 18px;
text-align: right;
}


#clusterLeadInContainer .moduleComponentContainerclusterLeadInText
{

}

#clusterLeadInContainer .bannerHtmlContent
{
margin: 20px 0px;
}

#clusterLeadInContainer .bannerHtmlContent p
{
}

#clusterLeadInContainer .bannerHtmlContent p a
{

}

a.knowledgeCentreCallout
{
float: left;
position: relative;
display: block;
width: 210px;
padding: 22px 10px 22px 82px;
margin: 80px 0px 25px 0px;
text-transform: uppercase;
color: #fff;
font-weight: 900;
font-size: 19px;
border-radius: 3px;
background: #666 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat;
}

a.knowledgeCentreCallout:hover
{
background: #1466A2 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat;
}

#keyLinksContainer
{
float: left;
position: relative;
display: block;
width: 302px;
margin: 35px 0px 0px 0px;
}

#keyLinksContainer p.title
{
margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #a7a8ab;
}

#keyLinksContainer p.title span
{
background: #fff;
color: #a7a8ab;
font-size: 20px;
font-weight: 900;
line-height: 100%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 0px 0px 20px;
}

#keyLinksContainer p.bannerTitle
{
font-weight: bold;
margin: 18px 0px 4px 0px;
}

#keyLinksContainer .moduleComponentContainerkeyLinks
{

}

#keyLinksContainer .bannerHtmlContent
{

}

#keyLinksContainer .bannerHtmlContent p
{
font-style: italic;
margin: 0;
font-size: 13px;
line-height: 18px;
}

#keyLinksContainer  a
{
color: #019ed5;
font-style: italic;
}

#keyLinksContainer a.bannerLinkMask
{

}


#leftContentColumn h1.contentPageTitle
{
float: left;
position: relative;
background: #666;
padding: 60px 5% 4% 5%;
margin: 0;
width: 90%;
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
text-align: right;
color: #fff;
}

#leftContentColumn h1.contentPageTitle span
{

}

#leftContentColumn #calendarListingContainer
{
float: left;
position: relative;
width: 302px;
min-height: auto;
background: none;
margin: 10px 0px 0px 0px;
}

#leftContentColumn #calendarListingContainer p.title
{

margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #a7a8ab;
}


#leftContentColumn #calendarListingContainer p.title span
{
background: #fff;
color: #a7a8ab;
font-size: 20px;
font-weight: 900;
line-height: 100%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 0px 0px 20px;
}

#leftContentColumn #calendarListingContainer .moduleComponentCalendarListing
{
padding: 25px 15px 25px 60px;
min-height: 81px;
}

#leftContentColumn #calendarListingContainer .title span
{
margin: 0px 10px 0px -50px;
}

#leftContentColumn #calendarListingContainer .title a
{
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
color: #a7a8ab;
line-height: 21px;
}


#leftContentColumn #calendarListingContainer .title a:hover
{
color: #1466A2;
}

#leftContentColumn #calendarListingContainer p.linkText
{
margin: 0;
padding: 0;
height: 20px;
text-transform: uppercase;
background: #a7a8ab;
}



#leftContentColumn #calendarListingContainer p.linkText a
{
float: right;
background: #fff;
color: #a7a8ab;
font-size: 13px;
font-weight: 900;
line-height: 150%;
padding: 0px 8px;
font-weight: 900;
margin: 0px 20px 0px 20px;
text-decoration: none;
}


/*--------------------------------------------------*/

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: left;
width: 100%;
background: none;
border: none;
padding: 0px;
margin: 0px 0px 30px 0px;
}

#emailForm #formTable
{
width: 100%;
background: #f1f1f1;
border: 25px solid #f1f1f1;;
padding: 0px;
margin: 30px 0px 0px 0px;
border-radius: 10px;
}

body.iframe #emailForm #formTable
{
margin: 40px 0px 0px 0px;
}



#emailForm table,
#subscribeForm table,
#surveyTable table,
#alertForm table,

#registrationForm table
{
width: 100%;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#emailForm table td,
#subscribeForm table tr.even td,
#surveyTable table tr.even td,
#alertForm table tr.even td,
#registrationForm table tr.even td
{
padding: 0px;

background: none;
}

#emailForm table td,
#subscribeForm table tr.odd td,
#surveyTable table tr.odd td,
#alertForm table tr.odd td,
#registrationForm table tr.odd td
{
padding: 0px;
background: #f1f1f1;
}

#emailForm
{
width: 100%;
}

body.iframe #emailForm,
body.iframe #pageSource p {
color: #8e8e8e;
}

body.iframe #emailForm #formTable
{
width: 100%;
background: none;
border: none;
padding: 0px;
border-radius: 10px;
box-shadow: none;
}

body.iframe #pageSource,
body.iframe #pageSource td.labelVertical span,
body.iframe #pageSource h2
{
color: #a7a7a7;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #333;

padding: 0 5% 0 0 ;
}

body.iframe #emailForm td.labelHorizontal,
body.iframe #subscribeForm td.labelHorizontal,
body.iframe #surveyTable td.labelHorizontal,
body.iframe #alertForm td.labelHorizontal,
body.iframe #registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #a7a7a7;


padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td.valueHorizontal,
#registrationForm  td.valueHorizontal
{
width: 50%;
vertical-align: top;
text-align: left;
}


#emailForm td.labelVertical,
#subscribeForm td.labelVertical,
#surveyTable td.labelVertical,
#alertForm td.labelVertical,
#registrationForm  td.labelVertical
{
color: #8e8e8e;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 14px;
color: #a7a7a7;
}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px;
color:  #80BA26;
}

span.required
{
font-weight: bold;
color:  #0076B0;
}

table.ftable td{ vertical-align:top; padding:4px;}
table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }
table.ftable td.fcolumn{ text-align:center; }

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #ccc;
font-size: 14px;
width:500px;
padding: 6px;
margin: 3px 0px;
border-radius: 3px;
}

body.iframe input.fmtxt, body.iframe input.fmtxt, body.iframe input.fstxt,body.iframe input.fdate,body.iframe textarea.fmtxt
{
margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;

-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 6px 30px;
color: #fff;
width:180px;
border-radius: 0px;
}

body.iframe textarea.fmtxt
{
height: 70px;
}

body.iframe td.valueVertical input.ftxt, body.iframe td.valueVertical input.fmtxt, body.iframe td.valueVertical input.fstxt,body.iframe td.valueVertical input.fdate,body.iframe td.valueVertical textarea.fmtxt
{
width:180px;

margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
color: #a7a7a7;
}

input.ftxt:hover, input.ftxt:focus,
input.fmtxt:hover, input.fmtxt:focus,
input.fstxt:hover, input.fstxt:focus,
input.fdate:hover, input.fdate:focus{border: 1px solid #B4DF04;}


input.fdate{width:150px; }
input.fstxt{width:50px; }




select.fsel,select.fseldate
{
background: #fff;
border: 1px solid #ccc;
font-size: 11px;

width:330px;
margin: 0px 0px 0px 0px;
padding: 4px;
border-radius: 6px;
}

body.iframe select.fsel,body.iframe select.fseldate
{
background: #2e2e2e;
color: #fff;
border: 1px solid #6d6d6d;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 4px #000;
margin: 0px 0px 0px 30px;
}

body.iframe td.valueVertical select.fsel,body.iframe td.valueVertical select.fseldate
{
background: #2e2e2e;
color: #a8a8a8;
width:310px;
border: 1px solid #6d6d6d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
}


select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
border: 1px solid #FCB714;
}

#formTable div
{
display: none;
}

#formTable div.buttonPanel
{
display: block;
}

.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}

.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub
{
background: #1466A2;
border: none;
font-size: 14px;
padding: 8px;
width: 100px;
cursor: pointer;
border-radius: 3px;
text-transform: uppercase;
margin: 10px 12px 0px 0px;
color: #fff;
}

.buttonBar input:hover,
.buttonBar input.fsub:hover,
.buttonPanel input.fsub:hover,
input.fsub:hover
{
background: #35b1eb;
color: #fff;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

body.iframe .buttonBar input, body.iframe input.fsub
{
background: none;
border: none;
font-size: 14px;
padding: 4px;
text-transform: uppercase;
width: 70px;
cursor: pointer;
border-radius: 2px;
text-align: center;
color: #0099e3;
font-weight: bold;
}



.msg
{

color: #FF0000;
margin: 10px 0px;

font-style: italic;
}


.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,
#registrationForm .reset
{
display: none;
}


/* Site Search ----------------------------------*/

.siteSearch span
{
font-size: 14px;
font-weight: bold;
}


.siteSearch form
{
margin: 12px 0px;
}

.siteSearch input.fsub
{
border: none;
font-size: 11px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
}


.siteSearch input.textInput
{
font-size: 11px;
border: 1px solid #ccc;
padding: 3px 6px;
}

#searchResultDescription
{
margin: 0px 0px 10px;
}


#searchResultItems .searchResultItem
{
margin: 10px 0px 0px 0px;
}

#searchResultItems .title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
}

#searchResultItems .description
{
margin: 8px 0px 0px 25px;
}



/* --------- Document Library Styles ---------------*/

#categoryNavigation
{
position:absolute ;
top: 20px;
right: 0px;
display: block;
width: 360px;
margin: 0px 0px 0px 0px;
}

#categoryNavigation .categorySelectHeader
{
position: relative;
float: left;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: right;
line-height: 35px;
}

#categoryNavigation select
{
float: right;
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 250px;
margin: 5px 0px 15px;
}


#documentLibraryItems
{
position:relative;
border: none;
float: left;
width: 100%;
position: relative;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px ;
background: #fff;
border: 1px solid #efefef;
}

.documentLibraryItem
{
float: left;
position: relative;
width: 100%;
background: #fff;
padding: 0px 0px 0px 0px;
}

.documentLibraryItem:nth-child(even) { background: #fff}
.documentLibraryItem:nth-child(odd) { background: #f9f9f9 }

.documentLibraryItem a
{
color: #252525;
text-decoration: none;
}

.documentLibraryItem a:hover
{
text-decoration: underline;
}

.documentLibraryItem .title
{
float: left;
position: relative;
width: 69%;


padding: 10px 2% 0;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 8%;
text-align: center;
color: #656565;
padding: 14px 0 0;
}

.documentLibraryItem .icon
{
float: left;
position: relative;

width: 15%;
padding: 8px 2% 0;
text-align: center;
font-size:12px;
text-transform: uppercase;
color: #1466A2;
}


.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading
{
position:relative;

background: #1466A2;
color: #FFF;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;

display: inline-block;
padding: 12px 10px 12px 20px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight:600;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;

display: inline-block;
padding: 12px 10px 12px 0px;
text-indent: 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight:600;
text-align: center;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;

display: inline-block;
padding: 6px 10px 0px 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-size:12px;
font-weight:600;
}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 98%;
padding: 0px 0px 10px 2%;
color: #666;
}

.document_library #categoryNavigation select
{
padding: 3px;
border: 1px solid #ccc;
font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}




/*---- Calendar Elements -----------------*/

#categoryView.calendar
{
position: absolute;
top: -9px;
left: 0px;
width: 300px;
text-align: left;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

#categoryView.calendar .viewSelectHeader
{
float: left;
position: relative;
width: auto;
}

#categoryView.calendar .viewSelectElement
{
float: left;
position: relative;
width: auto;
margin: -5px 0px 0px 10px;
}

#categoryView.calendar .viewSelectElement select
{
position: relative;
float: right;
top: 4px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: 180px;
font-size: 11px;
background: #fff;
}

#categoryNavigation.calendar
{
position: absolute;
top: -17px;
right: -12px;
width: auto;
text-align: left;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

#categoryNavigation.calendar .categorySelectHeader
{
float: left;
position: relative;
width: auto;
}

#categoryNavigation.calendar .categorySelectElement
{
float: left;
position: relative;
margin: 0px 0px 0px 10px;
}

#categoryNavigation.calendar .categorySelectElement select
{
position: relative;
float: right;
top: 6px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: auto;
font-size: 12px;
background: #ffff;
}


.navCalendarViewLinks span
{
display: none;
}


.navCalendarViewLinks a

{
display: block;
float: left;
height: 37px;
color: #141D96;
font-size: 11px;
}

.navCalendarViewLinks a.bimonthly,
.navCalendarViewLinks a.monthly,
.navCalendarViewLinks a.weekly
{
width: 60px;
line-height: 37px;
padding: 0px 0px 0px 30px;
background: url(../images/icons/icon_list_view.jpg) 0px 6px no-repeat;
}


.navCalendarViewLinks a.calendar
{
width: 60px;
line-height: 37px;
padding: 0px 0px 0px 40px;
background: url(../images/icons/icon_calendar_view.jpg) 0px 6px no-repeat;
}

.navCalendarViewLinks a.selected
{
color: #322F31;
}

.navCalendarCategoryLinks
{
position: relative;
float: right;
width: 30%;
height: 30px;
text-align: right;
font-size: 11px;
line-height: 20px;
background: #141D96;
color: #FFF;
margin: 10px 0px 20px 0px;
-webkit-border-radius: 0px 15px 15px 0px ;
-moz-border-radius: 0px 15px 15px 0px ;
border-radius: 0px 15px 15px 0px ;

behavior: url(PIE.htc);
}

.navCalendarCategoryLinks select
{
position: relative;
float: right;
top: 4px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: auto;
font-size: 12px;
background: #ffff;
}



#navDateLinks
{
position: relative;
float: left;
width: 100%;
height: 50px;
line-height: 50px;
font-weight: bold;
text-indent: 20px;
color: #ccc;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin: 30px 0px 0px 0px;
background: #f9f9f9;
}

#navDateLinks a,
#navDateLinks span.current
{
font-weight: bold;

text-indent: 15px;
color: #8e8f93;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
font-size:14px;
padding:12px 12px;
}

#navDateLinks span.current
{
color: #1466a2;
font-size:14px;
}

#calendarTable
{
border: none;
margin: 10px 0px;
}

#calendarTable TD{
height:60px;
border: 1px solid #efefef;
vertical-align:top;
background-color:#fff;
}

#calendarTable TD.calendarHeader{
box-shadow: none;
border: none;
}

#calendarTable TD.blank{ border: none; background: #f2f2f2; box-shadow: none;}

.calendar #calendarTable TD DIV.mday{
text-align:right;
color:#322F31;
font-weight:bold;
font-size:8pt;
}

.calendarBullets {
color:#AC9B8C;
}

#calendarTable TD.calendarHeader  {
width:14%;
background-color:#019ed5;
font-size:14px;
padding:12px;
text-align:center;
height:auto;
color: #FFFFFF;
}

#calendarTable TD.long{ width:15%; }

#calendarTable TD{ font-size:7pt;overflow:visible; }

#calendarItems
{
float: left;
position: relative;
width: 100%;
}

.calendarItem:nth-child(even) { background: #f9f9f9}
.calendarItem:nth-child(odd) { background: #FFF}


.calendarItem
{
float: left;
position: relative;
width: 97%;
margin: 10px 0px 0px;
border-bottom: 1px solid #ccc;
}

.calendarItem .title
{
float: right;
position: relative;
width: 80%;
padding: 8px 0px 10px;
margin: 0;
font-weight: normal;
}

.calendarItem .date
{
float: left;
position: relative;
width: 20%;
padding: 10px 0px 10px;
font-weight: bold;
font-size: 12px;
color: #1466A2;
text-align: left;

}


.calendarItem .content
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.calendarItem .content p
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}


.calendarItem .calendarImage
{
float: left;
position: relative;
margin: 0px 15px 20px 0px;
}

.calendarItem .calendarImage img
{
position:relative;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

behavior: url(PIE.htc);

}

.calendarItem .content p
{
margin: 0px 0px 10px;
padding: 0;
}

#calendarBack
{
float: left;
position: relative;
width: 100%;
padding: 10px 0px 0px 0px;
}


/* --------------- Back to top button  --------------- */


#back-top {
position: fixed;
bottom: 110px;
right: 0;
margin-left: 0;
z-index: 1500;
}
#back-top a {
width: 91px;
display: block;
text-align: center;
font: 11px/120% Arial, Helvetica, sans-serif;

text-transform: uppercase;
text-decoration: none;
color: #000;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 50px;
height: 50px;
display: block;
margin: 0px 0px 7px 20px;
background: #B4DF04 url(http://www.cobop.govt.nz/images/style/up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 30px;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #1466A2;
}



/* ----- Latest News Styling ----------------------------*/

.news #navBar
{
position: relative;
float: left;
width: 272px;
padding: 20px 15px 10px;
bottom: 0px;
top: 0px;
left: 0;
color: #1466A2;
text-transform: uppercase;
background: #F9F9F9;
font-weight: bold;
margin: 25px 50px 10px 0px;
}

.news #pageEditorContent #navBar
{
display: none;
}

.news #navBar a
{
color: #A7A8AB;
font-weight: normal;
text-transform: capitalize;
}

.moduleItemsListingLatestNews
{
float: left;
position: relative;
width: 665px;
padding: 0px 0px 0px 0px;

}

.moduleItemsListingLatestNews .moduleItemsListingItem
{
float: left;
position: relative;
width: 635px;
border-bottom: 2px solid #1466A2;
margin: 0px 0px 10px 0px;
padding: 15px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem:nth-child(even) { background: #FFF }
.moduleItemsListingLatestNews .moduleItemsListingItem:nth-child(odd) { background: #f9f9f9 }

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage
{
float: right;
position: relative;
min-height: auto;
margin: 0px 0px 10px 15px;
border: none;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage:hover
{
border: none;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage img
{
float: right;
border-radius: 4px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage img:hover
{

}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemContent
{
width: 660px;
line-height: 20px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .title
{
font-size: 17px;
font-weight: normal;

text-transform: none;
color: #666;
text-transform: uppercase;
margin: 10px 0px 4px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .date
{
font-weight: normal;
font-size: 11px;
color: #1466A2;
text-transform: none;
margin: 0px 0px 5px 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .readMore
{
margin: 0px 0px 5px 0px;
}

.moduleItemLatestNews
{
float: left;
position: relative;
width: 660px;
}

.moduleItemLatestNews .moduleItemImage
{
float: right;
position: relative;
margin: 15px 10px 15px 15px;
border: none;
}

.moduleItemLatestNews .moduleItemImage img
{
position:relative;
}

.moduleItemLatestNews #moduleItemContent
{
float: left;
position: relative;
width: 660px;
}

.moduleItemLatestNews .title
{
margin: 27px 0px 8px;
color: #818285;
font-size: 22px;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
}

.moduleItemLatestNews .date
{
font-weight: normal;
font-size: 12px;
color: #bbb;
text-transform: none;
margin: 0px 0px 5px 0px;
}

#navBasicLinks
{
display: block;
}

#moduleItemBack
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #ccc;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

#moduleItemBack a
{
text-decoration: none;
padding: 0px 0px 0px 0px;
}

a.comment
{
display: none;
position: relative;
float: left;
width: 100%;
border-top: 1px solid #ccc;
padding: 10px 0px;
}

#commentsContainer
{
float: left;
position: relative;
height: auto;
width: 635px;
margin: 0px 0px 15px 24px;
padding: 15px 0px 0px 0px;
}


#facebook
{
float: left;
width: 150px;
margin: 10px 0px 10px 0px;
}

#twitter
{
float: left;
width: 100px;

margin: 10px 0px;
}

.pinterest
{
float: left;
width: 60px;
margin: 10px 0px;
}

#plusone
{
float: left;
width: 100px;
margin: 10px 0px;
}

/* -------------------------------------------------- */

.moduleComponentContainerclusterGroupsLanding
{
float: left;
position: relative;
width: 1022px;
height: 480px;
margin: -34px 0px 0px -9px;
}

.clusterGroupLanding .sectionCallouts.large a
{
transition: 0s;
border: none;
box-shadow: none;
}

.clusterGroupLanding .sectionCallouts.large a.environmentalCallout
{
margin: 0px 0px 0px -3px;
}


.moduleComponentContainerclusterGroupsLanding .moduleComponent
{
position: absolute;
top: 0;
left: 0;
width: 1022px;
height: 480px;
}

.moduleComponentContainerclusterGroupsLanding .bannerImageContainer
{

}

.moduleComponentContainerclusterGroupsLanding .bannerImageContainer a.bannerLink
{

}

.moduleComponentContainerclusterGroupsLanding .bannerImageContainer img.bannerImage
{

}

.moduleComponentContainerclusterGroupsLanding h2.bannerTitle
{
display: none;
}

.moduleComponentContainerclusterGroupsLanding a.bannerLink
{

}

.moduleComponentContainerclusterGroupsLanding .moduleComponent36 .bannerHtmlContent
{

position: absolute;
top: 0px;
left: 8px;
width: 342px;
height: 194px;
z-index: 10;
padding: 160px 20px 0px 20px;
background: url(http://www.cobop.govt.nz/images/style/economic_content_mask.png) top left no-repeat;
}


.moduleComponentContainerclusterGroupsLanding .moduleComponent37 .bannerHtmlContent
{
position: absolute;
top: -0px;
left: 271px;
width: 342px;
height: 196px;
z-index: 10;
padding: 160px 20px 0px 20px;
background: url(http://www.cobop.govt.nz/images/style/social_content_mask.png) top left no-repeat;
}


.moduleComponentContainerclusterGroupsLanding .moduleComponent38 .bannerHtmlContent
{
position: absolute;
top: 0px;
left: 536px;
width: 342px;
height: 194px;
z-index: 10;
padding: 160px 20px 0px 20px;
background: url(http://www.cobop.govt.nz/images/style/cultural_content_mask.png) top left no-repeat;
}


.moduleComponentContainerclusterGroupsLanding .moduleComponent39 .bannerHtmlContent
{
position: absolute;
top: 0px;
left: 631px;
width: 342px;
height: 194px;
z-index: 10;
padding: 160px 20px 0px 20px;
background: url(http://www.cobop.govt.nz/images/style/environment_content_mask.png) top left no-repeat;
}

.moduleComponentContainerclusterGroupsLanding
{

}


.moduleComponentContainerclusterGroupsLanding .bannerHtmlContent p
{
color: #fff;
}

.moduleComponentContainerclusterGroupsLanding .bannerHtmlContent a.bannerLinkMask
{

}



/* ---------- Where to buy ----------- */

#contact_form table
{
margin: 0px 0px 20px 0px ;
}

#contact_form TD{
vertical-align:top;
padding: 8px;
line-height: 21px;

}

#contact_form TD strong{
font-weight: 800;
}

#contactsTable input
{
background: #fff;
border: 1px solid #ccc;
font-size: 11px;
width:238px;
margin: 0px 0px 0px 0px;
padding: 4px;
border-radius: 6px;
}

#contactsTable input.contactsSearchButton
{
background: #1466A2;
color: #fff;
text-transform: uppercase;
border: 1px solid #ccc;
font-size: 11px;
width:80px;
margin: 0px 0px 0px 0px;
padding: 4px;
border-radius: 6px;
}

#contactsTable input.contactsSearchButton:hover
{
background: #B4DF04;
color: #1466A2;
}


p.contactsRegionHeader
{
margin: 0px 0px 20px;
padding: 12px 18px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
text-decoration: none;
border-bottom: 1px solid #ccc;
background: #B4DF04;
}

td.contactsContactHeader
{
padding: 0px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #1466A2;
}


#contactsTable p
{
margin: 2px 0px;
}

.contactImage{
position: absolute;
right: 0px;
margin-top: 29px;
margin-right: 8px;
background:#FFFFFF;
padding: 30px;
border: 1px solid #EEE;
border-top: none;
}


/* ----------- Section Specific Colour Switing -------------*/

/* ---- exceptions ---- */

.darkBlue a.printIcon { color: #828387; }
.darkBlue a.linkedInIcon { color: #828387; }
.darkBlue #documentLibraryItems a { color: #828387; }

/* ---- /exceptions ---- */

.darkBlue h1 { color: #1466a2; }
.darkBlue h2 { color: #828387; }
.darkBlue h3 { color: #1466a2; }
.darkBlue h4 { color: #1466a2; }
.darkBlue h5 { color: #1466a2; }
.darkBlue li:before { content:"\00bb \2002"; color: #1466a2; }
.darkBlue a { color: #1466a2; }
.darkBlue a:hover { color: #000; }
.darkBlue table { border-bottom: 2px solid #1466a2; padding: 5px 0px 10px 0px; }
.darkBlue table th { background: #1466a2; }
.darkBlue #leftContentColumn h1.contentPageTitle { background: #1466a2; }
.darkBlue #leftContentColumn #calendarListingContainer p.title { background: #1466a2; }
.darkBlue #leftContentColumn #calendarListingContainer p.linkText { background: #1466a2; }


/* ------------------------*/

/* ---- exceptions ---- */

.lightBlue a.printIcon { color: #828387; }
.lightBlue a.linkedInIcon { color: #828387; }
.lightBlue #documentLibraryItems a { color: #828387; }
.lightBlue #documentLibraryItems .icon a { font-size: 10px; }
.lightBlue #documentLibraryItems .size { font-size: 10px; }

/* ---- /exceptions ---- */

.lightBlue h1 { color: #019ed5; }
.lightBlue h2 { color: #828387; }
.lightBlue h3 { color: #019ed5; }
.lightBlue h4 { color: #019ed5; }
.lightBlue h5 { color: #019ed5; }
.lightBlue li:before { content:"\00bb \2002"; color: #019ed5; }
.lightBlue a { color: #019ed5; }
.lightBlue a:hover { color: #000; }
.lightBlue table { border-bottom: 2px solid #019ed5; padding: 5px 0px 10px 0px; }
.lightBlue table th { background: #019ed5; }
.lightBlue #leftContentColumn h1.contentPageTitle { background: #019ed5; }
.lightBlue #leftContentColumn #calendarListingContainer p.title { background: #019ed5; }
.lightBlue #leftContentColumn #calendarListingContainer p.linkText { background: #019ed5; }
.lightBlue a.knowledgeCentreCallout { background: #019ED5 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; color: #fff; }
.lightBlue a.knowledgeCentreCallout:hover{ background: #1466A2 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; }
.lightBlue .documentLibraryItem.heading { background: #019ed5; }



/* ------------------------*/

/* ---- exceptions ---- */

.green a.printIcon { color: #828387; }
.green a.linkedInIcon { color: #828387; }
.green #documentLibraryItems a { color: #828387; }
.green #documentLibraryItems .icon a { font-size: 10px; }
.green #documentLibraryItems .size { font-size: 10px; }

/* ---- /exceptions ---- */

.green h1 { color: #b4df04; }
.green h2 { color: #828387; }
.green h3 { color: #b4df04; }
.green h4 { color: #b4df04; }
.green h5 { color: #b4df04; }
.green li:before { content:"\00bb \2002"; color: #b4df04; }
.green a { color: #b4df04; }
.green a:hover { color: #000; }
.green table { border-bottom: 2px solid #b4df04; padding: 5px 0px 10px 0px; }
.green table th { background: #b4df04; }
.green #leftContentColumn h1.contentPageTitle { background: #b4df04; }
.green #leftContentColumn #calendarListingContainer p.title { background: #b4df04; }
.green #leftContentColumn #calendarListingContainer p.linkText { background: #b4df04; }
.green a.knowledgeCentreCallout { background: #b4df04 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; color: #fff; }
.green a.knowledgeCentreCallout:hover{ background: #1466A2 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; }
.green .documentLibraryItem.heading { background: #b4df04; }

/* ------------------------*/

/* ---- exceptions ---- */

.pink a.printIcon { color: #828387; }
.pink a.linkedInIcon { color: #828387; }
.pink #documentLibraryItems a { color: #828387; }
.pink #documentLibraryItems .icon a { font-size: 8px; }
.pink #documentLibraryItems .size { font-size: 10px; }

/* ---- /exceptions ---- */

.pink h1 { color: #d01e38; }
.pink h2 { color: #828387; }
.pink h3 { color: #d01e38; }
.pink h4 { color: #d01e38; }
.pink h5 { color: #d01e38; }
.pink li:before { content:"\00bb \2002"; color: #d01e38; }
.pink a { color: #d01e38; }
.pink a:hover { color: #000; }
.pink table { border-bottom: 2px solid #d01e38; padding: 5px 0px 10px 0px; }
.pink table th { background: #d01e38; }
.pink #leftContentColumn h1.contentPageTitle { background: #d01e38; }
.pink #leftContentColumn #calendarListingContainer p.title { background: #d01e38; }
.pink #leftContentColumn #calendarListingContainer p.linkText { background: #d01e38; }
.pink a.knowledgeCentreCallout { background: #d01e38 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; color: #fff; }
.pink a.knowledgeCentreCallout:hover{ background: #1466A2 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; }
.pink .documentLibraryItem.heading { background: #d01e38; }

/* ------------------------*/

/* ---- exceptions ---- */

.orange a.printIcon { color: #828387; }
.orange a.linkedInIcon { color: #828387; }
.orange #documentLibraryItems a { color: #828387; }
.orange #documentLibraryItems .icon a { font-size: 8px; }
.orange #documentLibraryItems .size { font-size: 10px; }

/* ---- /exceptions ---- */

.orange h1 { color: #eda02a; }
.orange h2 { color: #828387; }
.orange h3 { color: #eda02a; }
.orange h4 { color: #eda02a; }
.orange h5 { color: #eda02a; }
.orange li:before { content:"\00bb \2002"; color: #eda02a; }
.orange a { color: #eda02a; }
.orange a:hover { color: #000; }
.orange table { border-bottom: 2px solid #eda02a; padding: 5px 0px 10px 0px; }
.orange table th { background: #eda02a; }
.orange #leftContentColumn h1.contentPageTitle { background: #eda02a; }
.orange #leftContentColumn #calendarListingContainer p.title { background: #eda02a; }
.orange #leftContentColumn #calendarListingContainer p.linkText { background: #eda02a; }
.orange a.knowledgeCentreCallout { background: #eda02a url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; color: #fff; }
.orange a.knowledgeCentreCallout:hover{ background: #1466A2 url(http://www.cobop.govt.nz/images/style/icon_circle.png) 17px 7px no-repeat; }
.orange .documentLibraryItem.heading { background: #eda02a; }

/* ------------------------*/

#popLogin{display:none;}

#pull{display:none;}

.moduleComponentContainersteeringGroupKeyDates h2.bannerTitle
{
display:none;
}

@media screen and (max-width: 1100px) {
body,
html{
min-width:100%;
}

#wrap{
width:850px;
margin:0 auto;
}

#main{
width:850px;
}

.container{
width:850px;
margin:0;
}
.bgContainer
{
width:850px;
}
#header{
width:850px;
}
#header a.logo{
margin:15px 0px 0px 10px;
}
#header a.logo img{
width:170px;
}
#header #navigation{
margin:48px 0px 0px 0px;
}
#header #navigation ul li a{
padding:17px 10px 65px;
}
a.printIcon{
display:none !important;
}
#content{
width:98%;
padding:1%;
}
.sectionCallouts{
width:100%;
}
.sectionCallouts.large a.environmentalCallout,
.sectionCallouts.large a.culturalCallout,
.sectionCallouts.large a.socialCallout,
.sectionCallouts.large a.economicCallout{
width:170px;
height:170px;
}

.sectionCallouts.large a.environmentalCallout span,
.sectionCallouts.large a.culturalCallout span,
.sectionCallouts.large a.socialCallout span,
.sectionCallouts.large a.economicCallout span{
font-size:22px;
}

#home #pageEditorContent{
width:94%;
margin:0;
padding:3%;
}

#homeCalloutContainer{
float:none;
margin:0 auto;
}
#footer{
width:850px;
margin:-335px auto 0;
}
#footer .container{
width:850px;
}
#footer .bgContainer{
width:98%;
padding:1%;
}
.siteSearchInput{
width:160px;
}
a.linkedInIcon{
width: 180px;
padding: 10px 20px 10px 0px;
left: 650px;
top:150px;
background-position:170px 12px;
}
#copyright{
margin:0;
}
#back-top{
display:none !important;
}

#headerImageContainer
{
width: 100%;
height: 313px;
}

#headerImageContainer img
{
width: 100%;
height: auto;
}

#leftContentColumn{
width:260px;
margin:0px 30px 0px 0px;
}

.calendar #leftContentColumn{
width:240px;
margin:0px 28px 0px 0px;
}

#leftContentColumn #calendarListingContainer{
width:100%;
}

#keyLinksContainer{
width:100%;
word-break:break-word;
}

#default.darkBlue #pageEditorContent,
#default.lightBlue #pageEditorContent,
#default.green #pageEditorContent,
#default.pink #pageEditorContent,
#default.orange #pageEditorContent
{
width: 535px;
padding:0;
}

#pageEditorContent,
#default #pageEditorContent
{
width: 96%;
margin:0px;
padding:2%;
}

.cluster-groups .sectionCallouts.large a.environmentalCallout,
.cluster-groups .sectionCallouts.large a.culturalCallout,
.cluster-groups .sectionCallouts.large a.socialCallout,
.cluster-groups .sectionCallouts.large a.economicCallout{
width:170px;
height:170px;
margin:36px 26px 36px 0px;
}

.moduleComponentContainerclusterGroupsLanding
{
width: 100%;
height:406px;
margin:-96px 0px 0px -9px;
}

.moduleComponentContainerclusterGroupsLanding .moduleComponent
{
width:100%;
height:406px;
}

.moduleComponentContainerclusterGroupsLanding .bannerImageContainer img.bannerImage
{
width:100%;
height:auto;
}

.moduleComponentContainerclusterGroupsLanding .moduleComponent36 .bannerHtmlContent
{
width:253px;
height:180px;
padding:130px 20px 0px 20px;
background-size: 292px 309px;
}

.moduleComponentContainerclusterGroupsLanding .moduleComponent37 .bannerHtmlContent
{
left: 209px;
width: 263px;
height: 179px;
padding: 130px 20px 0px 20px;
background-size: 302px 308px;
}

.moduleComponentContainerclusterGroupsLanding .moduleComponent38 .bannerHtmlContent
{
left: 419px;
width: 280px;
height: 214px;
padding: 100px 10px 0px 10px;
background-size: 299px 308px;
}

.moduleComponentContainerclusterGroupsLanding .moduleComponent39 .bannerHtmlContent
{
left: 494px;
width: 255px;
height: 186px;
padding: 120px 20px 0px 20px;
background-size: 297px 305px;
}

#clusterLeadInContainer
{
float: left;
position: relative;
width: 94%;
padding: 0px 3%;
text-align: right;
}

.green a.knowledgeCentreCallout,
.pink a.knowledgeCentreCallout,
.orange a.knowledgeCentreCallout,
.lightBlue a.knowledgeCentreCallout {
background-position:17px 17px;
width:65%;
}

#pageEditorContent .sectionCallouts.medium
{
margin: 0px 0px 20px 0px;
width: 65%;
padding: 0px 39% 0px 0px;
height:345px;
}

.sectionCallouts.medium a{
margin:10px 20px 10px 0px;
}

.cultural-cluster #pageEditorContent table tr td:last-child p,
.social-cluster #pageEditorContent table tr td:last-child p,
.economic-cluster #pageEditorContent table tr td:last-child p{
width:137px;
word-wrap:break-word;
}
.cultural-cluster #pageEditorContent table tr td:last-child,
.economic-cluster #pageEditorContent table tr td:last-child,
.social-cluster #pageEditorContent table tr td:last-child{
word-break:break-all;
}

.green #leftContentColumn h1.contentPageTitle span{
font-size: 27px;
}

#categoryNavigation
{
right: 26px;
}

.news #navBar
{
width: 230px;
padding: 20px 15px 10px;
margin: 0px 0px 10px 0px;
}

.moduleItemsListingLatestNews {
width: 100%;
}

.moduleItemsListingLatestNews .moduleItemsListingItem
{
width: 98.7%;
padding:3%;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemContent{
width: 100%;
}

#default.calendar #pageEditorContent{
padding:25px 5px 0px 0px;
width:560px;
}

#categoryView.calendar{
top: 10px;
left: 0px;
}

#categoryNavigation.calendar
{
top: 0;
right: -5px;
}

.contactImage{
margin-top: 29px;
margin-right: 33px;
}

.contact .container{
overflow:hidden;
}

.bgstretcher{
width:850px !important;
}

.bgstretcher ul li{
width:850px !important;
}

.bgstretcher img{

}

.moduleItemLatestNews
{
float: left;
position: relative;
width: 100%;
}

.moduleItemLatestNews #moduleItemContent
{
float: left;
position: relative;
width: 100%;
}

#pageEditorContent{
font-size:15px;
}

}

@media screen and (max-width: 500px) {
body, html{
min-width:100%;
}
#wrap{
width:320px;
background:none;
}
#main{
width:320px;
margin:0 auto;
}
.container{
width:320px;
margin:0;
overflow:hidden;
}
.bgContainer{
width:320px;
}
#header{
width:320px;
height:auto;
}
#header a.logo{
margin:15px 0px 0px 6px;
}
#homeBgCopy{
display:block !important;
}

#homeBgCopy .moduleComponenthomeSlides h2.bannerTitle
{
width:100%;
box-sizing:border-box;
margin:40px 0px 0px;
}

#homeBgCopy .moduleComponenthomeSlides #innerContent
{
width:100%;
box-sizing:border-box;
}

#homeSlideControls{
display:none !important;
}

.bgstretcher{
display:none !important;
}




a#pull {
position: absolute;
top:40px;
right: 15px;
display: inline-block;
width: 45px;
height: 45px;
background: #fff;
border-radius: 100%;
padding: 0;
}
a#pull:after {
content:"";
background: url(http://www.cobop.govt.nz/images/style/nav_icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}

#header #navigation{
margin:0;
background:#1466a2;
}

#header #navigation ul{
display:none;
}

#header #navigation ul li{
width:100%;
margin:0;
}

#header #navigation ul li a{
padding:10px;
font-size:16px;
color:#FFFFFF;
width:100%;
text-align:left;
}

#header #navigation ul li ul{
float: left;
position: relative;
display: block;
padding: 0;
top: 0;
width: 100%;
display:none;
}

#header #navigation ul li ul li{
width:100%;
}

#header #navigation ul li ul li a{
width:100%;
}

#content{
width:320px;
overflow:hidden;
padding:0;
}

#footer{
width:320px;
background:none;
margin:-200px auto 0px!important;
height:200px!important;
background:#212121;
}

#footer .container{
width:320px;
}

#footer .bgContainer{
background:#212121;
height:auto;
width:100%;
padding:0;
}

.sectionCallouts.small{
width:70%;
padding:0px 48px;
margin:15px 0px 0px 0px;
}

.sectionCallouts.small p{
text-align:center;
margin:15px 0px 0px 0px;
line-height:30px;
display:none;
}

.sectionCallouts.small a{
margin:10px 20px 36px 0px;
display:none;
}

.sectionCallouts.small a.environmentalCallout{
margin: 10px 0px;
}

.siteSearchContainer{
position: relative;
float: left;
top: 0px;
right: 0px;
margin: 0px 0px 0px 48px;
}

#copyright p{
padding:10px 48px;
color:#FFFFFF;
}

#copyright p a{
color:#FFFFFF;
}

a.linkedInIcon{
position: relative;
top: 0;
left: 0;
float: left;
width: 100%;
padding: 10px 48px;
background-position: 200px 12px;
}

.sectionCallouts{
height:auto;
width:96%;
padding:2%;
}

.sectionCallouts.large a.environmentalCallout,
.sectionCallouts.large a.culturalCallout,
.sectionCallouts.large a.socialCallout,
.sectionCallouts.large a.economicCallout{
width: 140px;
height: 140px;
margin: 20px 20px 20px 0px;
}
.sectionCallouts.large a.environmentalCallout,
.sectionCallouts.large a.socialCallout{
margin:20px 0px;
}

.sectionCallouts.large a.environmentalCallout span,
.sectionCallouts.large a.culturalCallout span,
.sectionCallouts.large a.socialCallout span,
.sectionCallouts.large a.economicCallout span{
font-size: 16px;
}

#homeCalloutContainer{
float:left;
margin:0;
width:100%;
}

#quoteContainer{
width: 100%;
height: auto;
margin: 50px 0px 29px 0px;
background-size: 320px 63px;
}

#quoteContainer p.title{
font-size: 33px;
line-height: 33px;
color: #1466a2;
margin: -37px 18px 15px 18px;
width: 88%;
}
#quoteContainer p.title br{
display:none;
}

#quoteContainer .moduleComponentContainerquoteOfTheWeek{
float: left;
position: relative;
width: 91%;
margin: 0px 0px 0px 0px;
padding: 0px 15px;
background:#d2ec68;
}

#quoteContainer .moduleComponentContainerquoteOfTheWeek p{
margin:0px;
}

#calendarListingContainer{
width: 100%;
margin: 450px 0px 0px 0px;
}

#calendarListingContainer .title span{
margin: 0px 9px 0px -30px;
}

#latestNewsContainer {
position: absolute;
width: 100%;
margin: 0px 0px 29px 0px;
}

#latestNewsContainer .componentItem {
width: 96%;
padding: 0 2%;
}

#announcementsContainer{
width: 96%;
padding: 0px 2%;
}

#headerImageContainer{
width: 100%;
height:118px;
}
.calendar #leftContentColumn,
#leftContentColumn{
width: 100%;
margin: 0;
}

#navDateLinks{
text-indent: 10px;
text-align: left;
}

#navDateLinks a,
#navDateLinks span.current{
padding: 12px 0px;
font-size:12px;
}

#leftContentColumn h1.contentPageTitle{
padding: 5% 5% 4% 5%;
}

#leftContentColumn #calendarListingContainer{
min-height:185px;
margin:10px 0px 15px 0px;
}

#keyLinksContainer{
display:none;
}

#default.darkBlue #pageEditorContent,
#default.lightBlue #pageEditorContent,
#default.green #pageEditorContent,
#default.pink #pageEditorContent,
#default.orange #pageEditorContent{
width: 94%;
padding: 3%;
}

#home #pageEditorContent
{
display:none;
}

#home #pageEditorContent.mobile
{
display:block;
}

#default.lightBlue #pageEditorContent ul li a{
display:none;
}

.about-us #pageEditorContent table tr td{
display:block;
float:left;
position:relative;
width:100% !important;
padding:0;
}

.moduleComponentContainerclusterGroupsLanding{
display:none;
}

.cluster-groups .large{
width:100%;
padding:0;
}

.cluster-groups .sectionCallouts.large a.environmentalCallout,
.cluster-groups .sectionCallouts.large a.culturalCallout,
.cluster-groups .sectionCallouts.large a.socialCallout,
.cluster-groups .sectionCallouts.large a.economicCallout{
width:140px;
height:140px;
margin:20px 17px 20px 0px;
}

.cluster-groups .sectionCallouts.large a.environmentalCallout,
.cluster-groups .sectionCallouts.large a.socialCallout{
margin:20px 0px;
}

.green a.knowledgeCentreCallout,
.pink a.knowledgeCentreCallout,
.orange a.knowledgeCentreCallout,
.lightBlue a.knowledgeCentreCallout {
background-position:17px 7px;
width:72%;
margin:40px 0px 30px;
}

#pageEditorContent .sectionCallouts.medium
{
margin: 0px 0px 20px 0px;
width: 100%;
padding: 0;
height:345px;
}

.sectionCallouts.medium a.environmentalCallout,
.sectionCallouts.medium a.culturalCallout,
.sectionCallouts.medium a.socialCallout,
.sectionCallouts.larmediumge a.economicCallout{
width:140px;
height:140px;
margin:20px 14px 20px 0px !important;
}

.sectionCallouts.medium a.environmentalCallout,
.sectionCallouts.medium a.socialCallout{
margin:20px 0px !important;
}

.sectionCallouts.medium a{
margin:10px 14px 10px 0px;
}

.economic-cluster #pageEditorContent table,
.social-cluster #pageEditorContent table,
.cultural-cluster #pageEditorContent table{
margin:40px 0px 20px -10px;
font-size:10px !important;
width:320px !important;
}

.economic-cluster #pageEditorContent table tr th,
.social-cluster #pageEditorContent table tr th,
.cultural-cluster #pageEditorContent table tr th{
font-size:10px !important;
padding:10px 5px;
}

.cultural-cluster #pageEditorContent table tr td:last-child p,
.social-cluster #pageEditorContent table tr td:last-child p,
.economic-cluster #pageEditorContent table tr td:last-child p{
width:100%;
word-break:break-all;
}
.cultural-cluster #pageEditorContent table tr td:last-child,
.economic-cluster #pageEditorContent table tr td:last-child,
.social-cluster #pageEditorContent table tr td:last-child{
word-break:break-all;
}

.cultural-cluster #pageEditorContent table tr td,
.economic-cluster #pageEditorContent table tr td,
.social-cluster #pageEditorContent table tr td{
padding:10px 5px;
}

#categoryNavigation{
right:0px;
width:100%;
position:relative;
float:left;
}

#categoryNavigation select{
width: 100%;
}

.documentLibraryItem .title{
width:45%;
}

.documentLibraryItem .size{
width:12%;
text-align:left;
}

.documentLibraryItem .icon{
width:23%;
padding:8px 8% 0;
}

.documentLibraryItem .description{
display:none;
}

.documentLibraryItem .icon img{
margin:0;
}

.news #navBar{
width: 91%;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage{
float: left;
margin: 0px 0px 10px 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .header{
float:left;
position:relative;
width:100%;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemContent{
width: 100%;
float:left;
position:relative;
}

.moduleItemLatestNews .moduleItemImage
{
float: left;
position: relative;
margin: 15px 0px;
}

#categoryView.calendar{
top: 0;
left: 0;
float:left;
position:relative;
}

#categoryNavigation.calendar{
top: 0;
right: 0;
float:left;
position:relative;
}

#categoryNavigation.calendar .categorySelectElement select{
width: 180px;
}

.calendarItem .title
{
float: left;
position: relative;
width:100%;
}

.calendarItem .date
{
float: left;
position: relative;
width: 100%;

}

.directory_sites #pageEditorContent table tr td{
display:block;
}

.directory_sites select.fsel,select.fseldate{
width: 100%;
}

.directory_sites #contactsTable input{
width:100%;
margin-top:-10px;
}

#contactsTable input.contactsSearchButton
{
width:80px;
margin-top:10px;
}

.contactImage{
display:none;
}

.contact #pageEditorContent table tr td{
display:block;
width:100%;
}

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt{
width:100%;
}

.moduleItemsListingLatestNews .moduleItemsListingItem{
width: 100%;
padding: 0;
}

/************************************************/
/************************************************/
/************************************************/

#calendarTable{
float: left;
position: relative;
overflow: hidden;
}
#calendarTable tr:first-child{
display:none;
}
#calendarTable tr {
border: 1px solid #ccc;
}
#calendarTable td {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #eee;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
padding-left: 35%;
position: relative;
display:block;
}
#calendarTable td:before {
left: 6px;
padding-right: 10px;
position: absolute;
top: 6px;
white-space: nowrap;
width: 65%;
}
#calendarTable td:nth-of-type(1):before {
content: "Sunday";
}
#calendarTable td:nth-of-type(2):before {
content: "Monday";
}
#calendarTable td:nth-of-type(3):before {
content: "Tuesday";
}
#calendarTable td:nth-of-type(4):before {
content: "Wednesday";
}
#calendarTable td:nth-of-type(5):before {
content: "Thursday";
}
#calendarTable td:nth-of-type(6):before {
content: "Friday";
}
#calendarTable td:nth-of-type(7):before {
content: "Saturday";
}

#calendarTable td.calendarHeader {
display: none;
}

/************************************************/
/************************************************/
/************************************************/




}