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

body, html
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

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: 'Open Sans', sans-serif;
font-size:14px;
color:#183169;

}
/* ----------- Colours -------------------------*/

/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/

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

h1
{
margin: 15px 0px;
color: #cccccc;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
color: #008cd6;
font-weight: 700;
text-decoration: none;
}

.projects h1
{
text-transform:uppercase;
font-size:25px;
}
h2
{
margin: 10px 0px;
color: #183169;
font-size: 22px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight:400;
}

.about-us h2
{
margin: 0px 0px;
color: #183169;
font-size: 20px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

h3
{
margin: 10px 0px;
color: #183169;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}

h4
{
margin: 8px 0px;
color: #019DDA;
font-size: 16px;
text-transform: uppercase
font-family: 'Open Sans', sans-serif;
}

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

p,div#pageSource
{
line-height: 19px;
margin: 12px 0px;
}

div#pageSource{ text-align:left; }
ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

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

li
{
margin: 3px 0px;
}

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

hr
{
margin: 40px 0px;
border: none;
background: none;
border-bottom: 1px solid #d1d6e1;
}


.project hr
{
margin: 20px 0px;
border: none;
background: none;
border-bottom: 1px solid #d1d6e1;
}

a
{
color: #000;
  transition : 0.4s all;
}

a:hover
{
color: #818285;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


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

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

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

.bgContainer
{

float: left;
position: relative;
width: 1022px;
margin: 0px;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#header .bgContainer
{
height:132px;
}

body
{
/*background: 100% width tile here */
background: url(http://www.aodcollaborative.org.nz/images/style/body_bg.jpg) center center repeat;
}

body#home
{
/*background: 100% width tile here */
    background:none;
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
/*background: 100% height tile here */
}

#main
{
overflow:hidden;
padding-bottom: 113px ; /* must be same height as the footer */
}

#header
{
position: relative;
width: 100%;
clear: both;
z-index: 300;
margin: 0px 0px 0px 0px;
height: 132px;
background: #FFF;
border-bottom:3px solid #33a3de;
}

#header.stuck
{
background:#FFF;
box-shadow: none;
float: none;
height: 102px;
min-width: 100%;
position: fixed;
top: 0;
z-index: 3100;
}


#content
{
float: left;
position: relative;
z-index: 40;
width: 1022px;
min-height: 400px;
background:#FFF;

}

#centerCol
{
float: left;
position: relative;
width: 942px;
min-height: 400px;
margin-left:45px;
}

#default #centerCol
{
float: left;
position: relative;
width: 1022px;
min-height: 600px;
margin: 0px 0px 0px 0px;
}


#rightCol
{
float: right;
position: relative;
width: 325px;
height:auto;
}

#home #rightCol
{
margin-right:30px;
margin-top:-30px;
margin-bottom:0px;
}

#default #rightCol
{
margin-right:30px;
margin-top:20px;
}

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: 132px 0px 0px 0px;
height: 132px;
background: #e5f1fa;
}

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

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


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


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



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

#header.stuck a.logo
{

margin: 9px 0px 0px 0px;
}

#header a.logo img
{

}


/* Header Navigation */


#header #navigation
{
position: absolute;
top: 50px;
right: 0px;
height: 33px;
margin: 0px;
z-index: 300;
}

#header.stuck #navigation
{
top: 35px;
}


#header #navigation ul.newsMenu,
#header #navigation ul.projectsMenu
{
display:none!important;
}

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

#header #navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: 82px;
line-height: 33px;
margin: 0px 0px 0px 0px;

}

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

#header #navigation ul li a
{
display: block;
width: auto;
text-align: center;
height: 33px;
line-height: 33px;
padding: 0px 22px;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 16px;
position: relative;
color: #33a3de;
text-decoration: none ;
 background:none;

}

#header #navigation ul li a:hover
{
color: #FFF;
background:#33a3de;
}


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

}


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

}

#header #navigation ul li ul
{
margin: 28px 0px 0px 0px;
padding: 40px 3px 25px 0px;
list-style: none;
float: none;
position: absolute;
top: 33px;
left: -105px;
width: 381px;
background: #33A3DE url(http://www.aodcollaborative.org.nz/images/style/navArrow.jpg) 0px 0px no-repeat;
}

#header.stuck #navigation ul li ul
{
margin: 14px 0px 0px 0px;
padding: 20px 3px 25px 0px;
list-style: none;
float: none;
position: absolute;
top: 33px;
left: -105px;
width: 381px;
background: #33A3DE url(http://www.aodcollaborative.org.nz/images/style/navArrow.jpg) 0px 0px no-repeat;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: auto;
min-height: 20px;
width: 380px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #33a3de!important;
}

#header #navigation ul li ul li:first-child
{
background: #33a3de;
}

#header #navigation ul li ul li a
{
display: block;
width: 300px;
text-align: left;
height: auto;
line-height: 33px;
padding: 4px 10px 4px 62px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 16px;
position: relative;
color: #FFF;
text-decoration: none ;
font-weight:bold;
background: url(http://www.aodcollaborative.org.nz/images/style/dropDownArrow.jpg) 40px 17px no-repeat;
}

#header #navigation ul li ul li a:hover
{
  transition: all 0.5s ease-in;
background: url(http://www.aodcollaborative.org.nz/images/style/dropDownArrow.jpg) 42px 17px no-repeat;
}

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

#header #navigation ul li ul li:hover ul
{
display:block!important; /*******************display:block!important;**********************/
float: left;
position: relative;
background:none;
 padding:0px 0px 30px 0px!important;
margin:-40px 0px 10px 150px!important;
  transition: all 0.5s ease-in;
}

#header #navigation ul li ul li ul
{
display:block!important; /*******************display:block!important;**********************/
float: left;
position: relative;
background:none;
 padding:0px 0px 30px 0px!important;
margin:-40px 0px 10px 150px!important;
  transition: all 0.5s ease-in;
}

















#header #navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px!important;
width: 330px;
line-height: 33px;
margin: 0px 0px 0px 0px;
background: none;
}

#header #navigation ul li ul li ul li:first-child
{
background: #daedf4;
}

#header #navigation ul li ul li ul li a
{
overflow:hidden;
display: block;
width: 300px;
text-align: left;
height: 33px;
line-height: 33px;

padding: 2px 10px 2px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #FFF;
text-decoration: none ;
background: none;
font-weight:400;
}

#header #navigation ul li ul li ul li a:hover
{
background:none;
}

#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
color: #FFF;
background:#33a3de;
}

#header #navigation ul li ul li a.grandchildSelected,
#header #navigation ul li ul li  a.childSelected,
#header #navigation ul li ul li  a.menuSelected
{
color: #FFF;
background: url(http://www.aodcollaborative.org.nz/images/style/dropDownArrow.jpg) 42px 17px no-repeat;

}

/******* Home Slides ***********/

#headerImages
{
float: left;
position: relative;
width: 100% !important;
margin: 0px auto;
overflow:hidden!important;
}

#headerImages .moduleComponentContainerhomeSlideshow
{
float: left;
position: relative;
width: 100% !important;
height: 297px !important;
margin: 0px auto;
}

#headerImages .moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
float: left;
position: relative;
width: 100% !important;
height: 297px !important;
margin: 0px auto;
background-position : center;
}

#headerImages .container,
#headerImages .bgContainer
{
height: 297px;
}

#homeDev #headerImages .moduleComponentContainerhomeSlideshow,
#homeDev #headerImages .moduleComponentContainerhomeSlides .moduleComponenthomeSlides,
#homeDev #headerImages .container,
#homeDev #headerImages .bgContainer
{
height: 55vh !important;
}

#headerImages .moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerImageContainer
{
margin: 0px auto;
width: 1920px;
}
#homeDev .moduleComponentContainerhomeSlides:after
{
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: red;
  position: absolute;
}
#homeDev #headerImages .bannerHtmlContent
{
position: relative;
float: left;
width: 55%;
border-radius: 0;
bottom: auto;
padding: 40px;
background: rgba(5,57,117,0.9);
box-sizing: border-box;
color: #fff;
font-size: 20px;
  line-height: 1.4;
  border-radius: 3px;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

#homeDev #headerImages .moduleComponenthomeSlideshow.colour  .bannerHtmlContent{ 
background: rgba(5,57,117,0.9);
} 
#homeDev #headerImages .moduleComponenthomeSlideshow.b_and_g  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
} 
#homeDev #headerImages .moduleComponenthomeSlideshow.dark_blue  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.medium_blue  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.light_blue  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.red  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.dark_green  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.dark_brown  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.purple  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.yellow  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.light_brown  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.orange  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.pink  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}
#homeDev #headerImages .moduleComponenthomeSlideshow.light_green  .bannerHtmlContent{ 
background: rgba(0,0,0,0.5);
}

#homeDev #headerImages .bannerHtmlContent p
{
  line-height: 1.4;
}
#homeDev #headerImages .bannerImageContainer,
#homeDev #headerImages .bannerImageContainer img
{
position: relative;
float: right;
width: 290px;
height: 290px;
bottom: auto;
color: #fff;
border-radius: 100%;
overflow: hidden;
}
#homeDev #headerImages .bannerImageContainer,
#homeDev #headerImages .bannerHtmlContent
{
  top: 50%;
  transform: translate(0,-50%);
}
#homeDev #headerImages .bannerImageContainer
{
  right : 10%;
border: 8px solid #fff;
  z-index: 150;
}
#homeDev #homeSlideNav
{
position: absolute;
top: 50.2vh;
left: 50%;
z-index: 3000;
background: none;
}

#homeDev .moduleComponenthomeSlideshow
{
width: 100% !important;
height: 55vh !important;
}

#homeDev .moduleComponenthomeSlideshow .bgContainer:after
{
content: " ";
position: absolute;
top: 0;
left: 75%;
bottom: 0;
  width : 5000px;
background: rgba(255,255,255,0.5);
  z-index: 100;
}
.moduleComponenthomeSlideshow.colour { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_colour.jpg); background-size: cover; } 
.moduleComponenthomeSlideshow.b_and_g { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_b_and_g.jpg); background-size: cover; } 
.moduleComponenthomeSlideshow.dark_blue { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_blue_dark.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.medium_blue { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_blue_medium.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.light_blue { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_blue_light.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.red { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_red.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.dark_green { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_green.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.dark_brown { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_dark_brown.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.purple { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_purple.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.yellow { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_yellow.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.light_brown { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_light_brown.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.orange { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_orange.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.pink { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_pink.jpg); background-size: cover; }
.moduleComponenthomeSlideshow.light_green { background: url(http://www.aodcollaborative.org.nz/images/slide/home_slide_light_green.jpg); background-size: cover; }

#homeSlideNav a
{
margin: 0px 2px;
display: block;
float: left;
width: 12px;
height: 12px;
border-radius: 100%;
overflow: hidden;
background: transparent;
border: 4px solid #fff;
}

#homeSlideNav a:active,
#homeSlideNav a:focus
{
background: #049ede;
}

#homeSlideNav a:hover
{
border: 4px solid #049ede;
}

#homeSlideNav a.activeSlide
{
font-weight: bold;
color: #FFF;
background: #fff;
}

.moduleComponentContainerhomeSlides h2.bannerTitle
{
display:none;
}


/******* Home Callouts Container ***********/

#homeCalloutsCircles
{float: left;position: relative;width:100%;margin: 30px 0px 20px 0px;text-align : center;width: 935px;}

#homeCalloutsCircles a.circleCallouts
{float: left;display: inline-block;position: relative;width:203px;height:125px;margin: 11px;text-align:center;text-decoration:none;-webkit-border-radius: 114px;-moz-border-radius: 114px;border-radius: 114px;padding-top:78px;font-size:18px;text-transform:uppercase;font-weight:bold;line-height:18px;}

#homeCalloutsCircles a.circleCallouts span
{
font-size:14px;
text-transform:uppercase;
}

#homeCalloutsCircles a#greenLink.circleCallouts
{
border:6px solid #2eb135;
color:#2eb135;
}

#homeCalloutsCircles a#brownLink.circleCallouts
{
border:6px solid #a88f79;
color:#a88f79;
}

#homeCalloutsCircles a#pinkLink.circleCallouts
{
border:6px solid #a50069;
color:#a50069;
}

#homeCalloutsCircles a#purpleLink.circleCallouts
{
height:122px;
padding-top:81px;
border:6px solid #4f107a;
color:#4f107a;
margin: 0px 0px 0px 0px;
}

#homeCalloutsCircles a#greenLink.circleCallouts:hover
{
color:#FFF;
background:#2eb135;
}

#homeCalloutsCircles a#brownLink.circleCallouts:hover
{
color:#FFF;
background:#a88f79;
}

#homeCalloutsCircles a#pinkLink.circleCallouts:hover
{
color:#FFF;
background:#a50069;
}

#homeCalloutsCircles a#purpleLink.circleCallouts:hover
{
color:#FFF;
background:#4f107a;
margin: 0px 0px 0px 0px;
}

#homeCalloutsCircles a#promoLink.circleCallouts
{
  float: right;
  height:122px;
  padding-top:81px;
  border:6px solid #009fd9;
  color:#009fd9;
  margin: 10px 0px 10px 0px;
  display: inline-block;
}
@media screen and (max-width:1200px)
{
#homeCalloutsCircles a#promoLink.circleCallouts
{
  float: left;
  height:122px;
  padding-top: 60px;
  border:6px solid #009fd9;
  color:#009fd9;
  margin: 11px 11px 11px 11px;
  display: inline-block;
}
}
#homeCalloutsCircles a#promoLink.circleCallouts:after
{
content: " ";
  position:absolute;
  z-index: 100;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 100%;
  background : #009fd9;
  opacity: 1;
transition : 0.5s all;
}


#homeCalloutsCircles a#promoLink.circleCallouts:hover:after
{
  opacity: 0;
}

#homeCalloutsCircles a#promoLink.circleCallouts strong
{
content: " ";
  position:absolute;
  top :48%;
transform: translate(0,-50%);
  line-height: 1.3;
  left: 0;
  right: 0;
   bottom: auto;
  height: auto ;
  display: block;
  z-index: 110;
color: #fff;
 opacity: 1;
transition :1s all;
}
#homeCalloutsCircles a#promoLink.circleCallouts span
{
content: " ";
  position:absolute;
  top : 30px;
  left:  30px;
  right:  30px;
   bottom:  30px;
  z-index: 110;
color: #fff;
 opacity: 0;
transition :0.2s all;
}
#homeCalloutsCircles a#promoLink.circleCallouts:hover span
{
   opacity: 1;
}

#homeCalloutsCircles a#promoLink.circleCallouts:hover strong
{
  opacity: 0;
}

#homeInfoText
{
float: left;
position: relative;
width:525px;
}

#homeInfoText h2.bannerTitle
{
display:none;
}

.moduleComponentContainerhomeInfoText .moduleComponent
{
float: left;
position: relative;
margin-bottom:0px;
}

.moduleComponentContainerhomeInfoText .moduleComponent18
{

background: url(http://www.aodcollaborative.org.nz/images/style/pillsIcon.png) 0px 16px no-repeat;
}

.moduleComponentContainerhomeInfoText .moduleComponent19
{

background: url(http://www.aodcollaborative.org.nz/images/style/pieIcon.png) 4px 16px no-repeat;
}

.moduleComponentContainerhomeInfoText .moduleComponent20
{

background: url(http://www.aodcollaborative.org.nz/images/style/peopleIcon.png) 4px 16px no-repeat;
}

#homeInfoText .bannerHtmlContent
{

padding-left:60px;
}

#homeInfoText .bannerHtmlContent p
{
font-size:18px;
line-height:22px;
}
/*------- Calendar Listing Callout Styles -----------------------------*/

.calendarItem
{

}

.calendarItem .title
{
 font-size:22px;
}

.moduleComponentCalendarListing
{
float: left;
position: relative;
margin: 0px 0px 0px 0px ;
padding: 20px 0px 30px 30px;
background:#f2f9fd;
}

.moduleComponentCalendarListing .componentItem
{
float: left;
position: relative;
width: 90%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #c6d1df;
}

.moduleComponentCalendarListing h2,
.moduleComponentCalendarListing h2 a{
font-size:18px;
font-weight: bold;
color: #183169;
margin: 0px 0px 10px 0px;
background: url(http://www.aodcollaborative.org.nz/images/style/calendarIcon.png) 104px 3px no-repeat;
text-transform:uppercase;
}

.moduleComponentCalendarListing h2 a{
    text-decoration: none;
}

.moduleComponentCalendarListing .componentItem .title a
{
float:left;
text-decoration: none;
color: #183169;
width:80%;
}

.moduleComponentCalendarListing .componentItem .title a:hover
{
color: #7BB9E8;
}

.moduleComponentCalendarListing .componentItem .listingDate a
{

float:left;
color: #183169;
margin:0px 10px 0px 0px;
  text-decoration: none;
}


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

#usefulLinks
{float: left;position: relative;margin: 10px 0px 0px 0px;/* padding: 20px 30px 30px 30px; */background:#FFF;width:280px;}

#home #usefulLinks .moduleComponentContainerusefulLinks
{
float: left;
position: relative;
margin: 10px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
background:#FFF;
  width: 100%;
}

#default #usefulLinks .moduleComponentContainerusefulLinks
{
float: left;
position: relative;
margin: 10px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
background:#FFF;
  width:280px;
}

#usefulLinks .moduleComponent26 h2
{
font-size:18px;
font-weight: bold;
color: #183169;
margin: 0px 0px 10px 0px;
background: url(http://www.aodcollaborative.org.nz/images/style/linkIcon.png) 144px 3px no-repeat;
text-transform:uppercase;
width:280px;
}


#usefulLinks h2
{
background:none;
}

#usefulLinks a
{
color: #183169;
background: url(http://www.aodcollaborative.org.nz/images/style/small_arrows.png) 0px 7px no-repeat;
text-decoration:none;
padding:0px 0px 0px 10px;
}

#usefulLinks a:hover
{
color: #008CD6;

}





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

#tagLine
{
float: left;
position: relative;
width:1022px;
margin:30px 0px 60px -56px;
background:#008cd6;
background: #008cd6 url(http://www.aodcollaborative.org.nz/images/style/whiteArrow.jpg) center top no-repeat;
}

#tagLine p
{
color:#FFF;
font-size:18px;
text-align:center;
line-height:28px;

}

/******* Page Editor Container ***********/

#pageEditorContent
{
float: left;
position: relative;
width: 926px;
padding: 12px 0px;
margin: 0px 0px 0px 0px;
}

#home #pageEditorContent
{
float: left;
position: relative;
width: 926px;
padding: 12px 0px;
margin: 0px 0px 20px 0px;
}

#default #pageEditorContent
{
float: left;
position: relative;
width: 954px;
padding: 12px 34px;
margin: 0px 0px 0px 0px;
}

#default.default #pageEditorContent
{
float: left;
position: relative;
width: 554px;
padding: 12px 34px;
margin: 0px 0px 0px 0px;
}

#projects #pageEditorContent
{float: left;position: relative;width: 949px;padding: 12px 34px;margin: 39px 0px 0px -43px;}

#pageEditorContent ul
{
margin:0px;
padding:0px 0px 0px 5px;
}

#pageEditorContent ul li
{
list-style: none;
padding-left:20px;
background: url(http://www.aodcollaborative.org.nz/images/style/bulletPoint.png) 0px 5px no-repeat;
}


/******* Footer Elements ***********/

/* Footer Menu  */

#footerMenuOne
{
float: left;
position: relative
width: 1022px;
}

#footerMenuOne img#footerLogo
{
float:left;
position: relative;
margin-top:20px;
margin:20px 40px 0px 0px;
}
#footerMenuOne a.facebookLogo,
#footerMenuOne a.odysseyLogo
{
float:right;
position: relative;
margin:18px 0px 0px 0px;
}
#footerMenuOne a.facebookLogo,
#footerMenuOne a.facebookLogo svg
{
  width: 37px;
  height: 37px;
  color:  #0085CD;
}
#footerMenuOne a.facebookLogo svg:hover
{

  color:  #003970;
  transition:.5s all;
}
#footerMenuOne a.facebookLogo{
  margin-right:15px;
  margin-top: 16px;
}

#footerMenuOne a.odysseyLogo img
{
width:50%;
}




/* Copyright */

#copyright
{
float:left;
position: relative;
width: auto;
text-align: right;
color: #1c677b;
margin: 15px 0px 0px 0px;
border:1px solid #FF00000;
}

#copyright p
{
text-align: right;
font-size:11px;
color: #183169;
}

#copyright p a
{
text-decoration:none;
color: #183169;
}

#breadCrumbs
{
float: left;
position: relative;
width: 1022px;
font-size:25px;
text-align:center;
text-transform:uppercase;
margin-top:58px;
font-weight:400;
margin:50px 0px 10px 0px;
}

#breadCrumbs h1.contentPageTitle
{
font-size:25px;
text-decoration:none;
font-weight:700;
color:#008cd6;
padding:0px;
}

#breadCrumbs a
{
text-decoration:none;
font-weight:700;
color:#008cd6;
}

/*
.calendar #breadCrumbs{
    margin: 10px 0;
    position: absolute;
    left: 34px;
    width: auto;
} */

h1.contentPageTitle.projects
{display:none;}


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

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

.calendar .navCalendarViewLinks span







{
display: none;
}


.calendar .navCalendarViewLinks a
{
display: block;
float: left;
height: 37px;
color: #4177A6;
font-size: 11px;
}

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

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

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

.calendar .navCategoryLinks{
    position: relative;
    float: right;
    width: auto;
    display: inline-block;
    height: 20px;
    text-align: right;
    font-size: 11px;
    line-height: 20px;
    color: #FFF;
    margin: 20px 0px;
}

.calendar .navCategoryLinks span{
    float: left;
    position: relative;
    padding: 0 12px 0 0;
    color: #000000;
}

.calendar .navCategoryLinks select{
    position: relative;
    float: right;
    right: 0px;
    margin: 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 160px;
    font-size: 11px;
    background: #fff;
}


.calendar #navDateLinks
{
position: relative;
float: left;
width: 100%;
height: 30px;
line-height: 30px;
font-weight: bold;
text-indent: 20px;
color: #009ED8;
font-size: 18px;
text-transform: uppercase;
background: #f2f9fd;
margin: 30px 0px 0px 0px;
text-align:center;
}

.calendar #navDateLinks a
{
font-weight: bold;
text-indent: 15px;
color: #6FB3CC;
font-size: 14px;
text-decoration: none;

    color: #183169;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}






.calendar #calendarTable
{
border:1px solid #eee;
margin: 10px 0px;
}

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

.calendar #calendarTable TD.blank{ background: #f7f7f7; }

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

.calendar .calendarBullets {
color:#AC9B8C;
}

.calendar #calendarTable TD.calendarHeader  {
width:14%;
background-color:#049CDD;
font-size:8pt;
padding:4px;
text-align:center;
height:auto;
color: #FFFFFF;
}

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

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


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

.calendar #calendarItems .calendarItem
{
float: right;
position: relative;

width: 97%;
margin: 10px 0px 0px;
border-bottom: 1px solid #ccc;
}

.calendar #calendarItems .calendarItem .title
{
float: left;
position: relative;
width: 73%;
padding: 13px 0px 0px;
margin: 0;
font-weight: bold;
}

.calendar #calendarItems .calendarItem .date



{
float: left;
position: relative;
width: 21%;
padding: 13px 0px;
font-weight: bold;
}

.calendar #calendarItems .calendarItem .content
{
float: left;
position: relative;
width: 73%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

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




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



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

#emailForm{
width: 500px;
}

#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 ;
}

#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.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 11px;
}

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

span.required
{
font-weight: bold;
color:  #65a8c1;
}

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 #c6d1df;
font-size: 11px;
width:350px;
padding: 4px;
}




.fmtxt:hover, .fmtxt:focus,
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 #33A3DE;
}

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




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

width:300px;
margin: 0px 3px 0px 0px;
}
select.fseldate{ width:auto; }



select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
border: 1px solid #65a8c1;
}

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

.buttonBar input, input.fsub
{
background: #33A3DE;
border: 1px solid #F2F9FD;
font-size: 11px;
padding: 4px;
width: 100px;
cursor: pointer;
  color:#FFF;
  text-transform:uppercase;
  font-weight:600;
}


.buttonBar input:hover,
input.fsub:hover
{
border: 1px solid #FFF;
color: #F2F9FD;
}

.msg
{
color: #FF0000;
margin: 10px 0px;
font-style: italic;

}

.finlinehelp
{
display: none;
}

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


table#membership
{
  margin-top:32px;
}


table#membership th
{
background:#008cd6;
padding:13px 20px;
color:#FFF;
text-transform:uppercase;
}

table#membership tr td
{
  background:#FFF;
      text-align:left!important;
vertical-align:middle!important;
}

table#membership tr.odd td
{
  background:#FFF;

}

table#membership tr.even td
{
background:#f2f8fd;

}


table#membership tr td a
{
color:#183169;
text-decoration:none;

}


table#membership tr td a:hover
{
color:#0494D1;

}

table#leadership
{

}


table#leadership h3
{
margin:20px 0px 0px 0px;
  font-size:16px;
  font-weight:400;
}

table#leadership h4
{
margin:0px;
font-size:14px;
font-weight:400;
color:#183169;
}

/***************Projects***********************/
.moduleItemsCategoriesProjects
{
float: left;

position: relative;
width:112%;
margin:40px 0px 220px -30px;
}

.moduleItemsCategoriesProjects .moduleItemsListingItem
{float: left;position: relative;width: 150px;margin:0px 15px 0px 0px;}

.moduleItemsCategoriesProjects .moduleItemsListingItem
{margin: 0px 21px 0px 0px;}

.moduleItemsCategoriesProjects .moduleItemsListingItem a
{display:inline-block;width: 100%;height: 100%;overflow:hidden;text-align:center;text-decoration:none;font-size:20px;font-weight:600;margin-right:15px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;z-index: 100;position: relative;}

.moduleItemsCategoriesProjects a span
{
display:inline-block;
background:#008cd6;
width:100%;
color:#FFF;
text-transform:uppercase;
margin-top:0px;
background: rgba(0, 140, 214, 0.7);
}


.moduleItemsCategoriesProjects a.Workforce
{
background: url(http://www.aodcollaborative.org.nz/images/style/Workforce.jpg) center center no-repeat;

}

.moduleItemsCategoriesProjects .Youth,
.moduleItemsCategoriesProjects .Cross-sector
{
    background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;

}
.moduleItemsCategoriesProjects .Culture
{
    background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}
.moduleItemsCategoriesProjects a.Sector,
.moduleItemsCategoriesProjects a.Knowledge
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}

.moduleItemsCategoriesProjects a.Talent
{

background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;

}
.moduleItemsCategoriesProjects .AOD
{
background: url(http://www.aodcollaborative.org.nz/images/style/consumers.jpg) center center no-repeat;
}
.moduleItemsCategoriesProjects a.Consumer,
.moduleItemsCategoriesProjects a.Consumers
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;
}

#category23
{
         background: url(http://www.aodcollaborative.org.nz/images/115-consumers.jpg);
}
#category22
{
    background: url(http://www.aodcollaborative.org.nz/images/116-accessibility.jpg);
}
#category31
{
    background: url(http://www.aodcollaborative.org.nz/images/117-youth.jpg);
}
#category32
{
    background: url(http://www.aodcollaborative.org.nz/images/118-Knowledge-centre.jpg);
}
#category21
{
    background: url(http://www.aodcollaborative.org.nz/images/119-Workforce.jpg);
}
#category33
{
       background: url(http://www.aodcollaborative.org.nz/images/120-talent-pipeline.jpg);
}
.moduleItemsCategoriesProjects .Youth span,
.moduleItemsCategoriesProjects a.Workforce span
{padding:10px 20px 9px;/* margin-top:62px; */width:80%;line-height:22px;}

.moduleItemsCategoriesProjects .Culture span
{padding:10px 20px 9px;/* margin-top:62px; */width:80%;line-height:22px;}

.moduleItemsCategoriesProjects .Cross-sector span
{
 padding:10px 20px 9px;
 /* margin-top:50px; */
 width:80%;
 line-height:22px;
}

.moduleItemsCategoriesProjects a.Sector span,
.moduleItemsCategoriesProjects a.Knowledge span
{

padding:10px 20px 9px;
margin-top:62px;
width:80%;
line-height:22px;
}

.moduleItemsCategoriesProjects a.Talent span
{
padding:10px 20px 9px;
margin-top:62px;
width:80%;
line-height:22px;
}

.moduleItemsCategoriesProjects a.Consumer span
{
padding:10px 0px;
margin-top:50px;
line-height:22px;
}
.moduleItemsCategoriesProjects .AOD span
{
 padding:10px 0px;
 /* margin-top:62px; */
 line-height:22px;
}

.moduleItemsCategoriesProjects a.Consumers span
{
padding:18px 0px;
margin-top:62px;
}

.moduleItemsCategoriesProjects a.Accessibility span
{
padding:18px 0px;
margin-top:62px;
}



.moduleItemsCategoriesProjects a:hover span
{
margin-top:61px;
border-top:1px solid #0088d0;
border-bottom:1px solid #0088d0;
}

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

.projectsNav
{float: left;position: relative;width:auto;margin-left: 63px;margin-top:30px;padding:0px 0px;}

.projects .projectsNav
{float: left;position: relative;width: 100%;margin-left: 0;margin-top:-40px;}

.projectsNav .navCategoryLinks
{/* margin-bottom: 108px; */width: 925px;margin: 0 auto 80px auto;}

@media screen and (max-width:900px)
{
  .projectsNav .navCategoryLinks
  {
    width:450px
  }
}
@media screen and (max-width:560px)
{
  .projectsNav .navCategoryLinks
  {
    width: 290px;
  }
}
@media screen and (max-width:380px)
{
  .projectsNav .navCategoryLinks
  {
    width: 150px;
  }
}
.projectsNav .navCategoryLinks a
{display:inline-block;width:131px;height:131px;overflow:hidden;text-align:center;text-decoration:none;font-size:14px;font-weight:600;margin-right: 10px;-webkit-border-radius: 70px;-moz-border-radius: 70px;border-radius: 70px;transition: none;transition: opacity 0.4s;}

.projectsNav .navCategoryLinks a span
{
display:inline-block;

width:100%;
color:#FFF;
text-transform:uppercase;
margin-top:0px;

}


.projectsNav .navCategoryLinks a.Workforce
{margin-right: 10px;background: url(http://www.aodcollaborative.org.nz/images/style/Workforce.jpg) center center no-repeat;}

.projectsNav .navCategoryLinks a.Sector,
.projectsNav .navCategoryLinks a.Knowledge
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}

.projectsNav .navCategoryLinks a.Talent
{
background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks .AOD
{
background: url(http://www.aodcollaborative.org.nz/images/style/consumers.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Sector,
.projectsNav .navCategoryLinks a.Knowledge
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}

.projectsNav .navCategoryLinks a.Talent
{
background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;
}

.projectsNav .navCategoryLinks a.Consumer,
.projectsNav .navCategoryLinks a.Consumers
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Cross-sector,
.projectsNav .navCategoryLinks a.Cross-sector
{
background: url(http://www.aodcollaborative.org.nz/images/117-youth.jpg) center center no-repeat;

}
.projectsNav .navCategoryLinks a.Culture,
.projectsNav .navCategoryLinks a.Culture
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Youth,
.projectsNav .navCategoryLinks a.Youth
{
background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Accessibility
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;

}
.projectsNav .navCategoryLinks a.Consumer,
.projectsNav .navCategoryLinks a.Consumers
{background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;}

.projectsNav .navCategoryLinks a.Accessibility
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;

}


.projectsNav .navCategoryLinks a.Workforce span,
.projectsNav .navCategoryLinks a.Sector span,
.projectsNav .navCategoryLinks a.Knowledge span
{
padding:5px 20px;
margin-top:50px;
width:70%;
line-height:18px;
}

.projectsNav .navCategoryLinks a.Talent span
{
padding:5px 20px;
margin-top:44px;
width:70%;
line-height:18px;
}
.projectsNav .navCategoryLinks a.Youth span,
.projectsNav .navCategoryLinks a.Culture span,
.projectsNav .navCategoryLinks a.Cross-sector span,
.projectsNav .navCategoryLinks a.AOD span,
.projectsNav .navCategoryLinks a.Consumer span
{
padding:5px 0px;
margin-top:50px;
width:100%;
line-height:18px;
}


.projectsNav .navCategoryLinks a.Consumers span
{
padding:12px 0px;
margin-top:44px;
}

.projectsNav .navCategoryLinks a.Accessibility span
{
padding:12px 0px;
margin-top:44px;
}

.workforce .projectsNav .navCategoryLinks a.Workforce,
.knowledge-centre .projectsNav .navCategoryLinks a.Knowledge,
.talent-pipeline .projectsNav .navCategoryLinks a.Talent,
.consumers .projectsNav .navCategoryLinks a.Consumers,
.accessibility .projectsNav .navCategoryLinks a.Accessibility
{
background: rgba(0, 140, 214, 1);
}

.workforce .projectsNav .navCategoryLinks a.Workforce span,
.knowledge-centre .projectsNav .navCategoryLinks a.Knowledge span,
.talent-pipeline .projectsNav .navCategoryLinks a.Talent span,
.consumers .projectsNav .navCategoryLinks a.Consumers span,
.accessibility .projectsNav .navCategoryLinks a.Accessibility span
{
margin-top:43px;
border-top:1px solid #0088d0;
border-bottom:1px solid #0088d0;
}



.projectsNav .navCategoryLinks a:hover span
{margin-top: 50px;/* border-top:1px solid #0088d0; *//* border-bottom:1px solid #0088d0; */}

.modulePath
{text-align:center;font-size: 25px;font-weight: 400;margin: 115px 0 30px;position: relative;text-align: center;text-transform: uppercase;width: 1022px;position:absolute;top: 16px;left:0px;}

.categoryDescription
{
margin-top:40px;
}


#heading
{text-align:center;font-size: 25px;font-weight: 400;margin: 50px 0 30px;position: relative;text-align: center;text-transform: uppercase;width: 1022px;position:absolute;top:-40px;left:0px;}

#heading h1,
.modulePath a
{font-size:25px;text-decoration:none;font-weight:600;color:#008cd6;padding:0px;text-decoration:none;font-weight:700;color:#008cd6;}



.project #pageSource
{
margin:50px 0px 0px 0px;
}

.peer-support-synthesis .modulePath,
.sector-research .modulePath,
.accessibility .modulePath,
.consumer-peer-support .modulePath,
.talent-pipeline .modulePath,
.knowledge-centre .modulePath,
.workforce .modulePath
{
display:none;
}

.accessibility #breadCrumbs,
.consumer-peer-support #breadCrumbs,
.talent-pipeline #breadCrumbs,
.knowledge-centre #breadCrumbs,
.workforce #breadCrumbs
{
position:absolute;
top:140px;
}


.projects h1
{margin: -30px 0px 15px;}

/**********************projects Listing***************/

.moduleItemsListingProjects
{
float:left;
position:relative;
margin:20px 30px 0px 0px;
width:58%;
min-height:636px!important;
}

.moduleItemsListingProjects .moduleItemsListingItem
{
float:left;
position:relative;
width:94%;
margin:0px 0px 0px 30px;
}

.moduleItemsListingProjects .moduleItemsListingItem .moduleItemImage
{
float:left;
position:relative;
margin-right:20px;
 display:none;
}

.moduleItemsListingProjects .moduleItemsListingItem .moduleItemImage img
{
float:left;
position:relative;
margin-right:0px;
border:10px solid #FFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 120px;
  z-index:500;
}

.moduleItemsListingProjects .moduleItemsListingItem .header
{
float:left;
position:relative;
font-size:18px;
  background:#008CD6;
  text-transform:uppercase;
  color:#FFF;
font-weight:600;
margin:20px 0px 10px 0px;
 width:100%;

}


.moduleItemsListingProjects .moduleItemsListingItem .header .title
{
float:left;
position:relative;
display:block;
padding:4px 0px 4px 14px;
   width:96%;
}


.moduleItemsListingProjects .moduleItemsListingItem .moduleItemContent
{
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 14px;
}

.moduleItemsListingProjects a.categoriesBack
{
display:none;
}

.moduleItemsListingProjects .moduleItemsListingItem .readMore
{
float:left;
position:relative;
font-size:18px;
background:#FFF;
text-transform:uppercase;
color:#FFF;
font-weight:600;
margin:10px 0px 10px 0px;
z-index:200;
border-bottom:1px solid #008CD6;
 width:100%;
}

.moduleItemsListingProjects .moduleItemsListingItem .readMore a
{
font-size:16px;
color:#008CD6;
text-decoration:none;
padding:0px 10px 0px 14px;
 width:100%;
}

.moduleItemsListingProjects .moduleItemsListingItem .readMore:hover
{
border-bottom:1px solid #0B3D7A;
}

.moduleItemsListingProjects .moduleItemsListingItem .readMore a:hover
{
color:#0B3D7A;
}

/******************Project Details***********************/

#pageSource
{
margin-bottom:30px!important;
}

.moduleItemProjects
{
float:left;
position:relative;
width:100%;
margin:30px 0px 30px 0px;
min-height:400px!important;
}

#projects #rightCol
{
float:right;
position:relative;
width:325px;
margin-right:50px;
margin-top:30px;
}

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

.moduleComponentContainerusefulLinks
{
float: left;
position: relative;
margin: 10px 0px 0px 0px ;
padding: 20px 30px 30px 30px;
background:#FFF;
}

.moduleComponentContainerusefulLinks h2
{
font-size:18px;
font-weight: bold;
color: #183169;
margin: 0px 0px 10px 0px;
background: url(http://www.aodcollaborative.org.nz/images/style/linkIcon.png) 144px 3px no-repeat;
text-transform:uppercase;
}

.moduleComponentContainerusefulLinks a
{
color: #183169;
background: url(http://www.aodcollaborative.org.nz/images/style/small_arrows.png) 0px 7px no-repeat;
text-decoration:none;
padding:0px 0px 0px 10px;
}

.moduleComponentContainerusefulLinks a:hover
{
color: #008CD6;

}


.moduleItemProjects #moduleItemContent
{
float:left;
position:relative;
width:55%;
margin-right:20px;
}

.moduleItemProjects .moduleItemImage
{
float:left;
position:relative;
}

.moduleItemProjects #moduleItemContent .title
{
margin: 15px 0px;
color: #cccccc;
font-size: 26px;
font-family: 'Open Sans', sans-serif;
color: #183169;
font-weight: 600;
text-decoration: none;
}


#knowledgeCallout
{
  float:left;
position:relative;
  width:100%;
  background:#7bb9e8;
background: #7bb9e8 url(http://www.aodcollaborative.org.nz/images/style/small_cross.png)  30px 14px no-repeat;
padding:5px 0px;
margin:0px 0px 20px 0px;
}

#projects #knowledgeCallout
{
  width:103%;
margin:0px 0px -20px 0px;
}

#knowledgeCallout p
{
display:block;
margin-left:70px;
text-transform:uppercase;
color:#FFF;
font-size:18px;
font-weight:600;
}

.moduleItemsCategoriesNews
{
float:left;
position:relative;
width:100%;
background:#000;
margin:0 auto;
margin-top:-20px;
display:none;
}

.moduleItemsCategoriesNews .moduleItemsListingItem
{
display:inline-block;
background:#FFF;
margin:0px;
text-align:center;
}

.moduleItemsCategoriesNews .moduleItemsListingItem .header
{

}

.news h1.contentPageTitle,
.news #breadCrumbs
{
display:none;
}

#navBar.news
{

position:absolute;
top:0px;
left:325px;
width:auto;
margin: 0 auto;
padding: 20px 0 0px 0px;
}


#navBar.news .navRecentLinks span {
color: #183169;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
text-transform: uppercase;
}

#navBar.news .navCategoryBlogLinks span {
color: #183169;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
text-transform: uppercase;
}



#navBar.news span{
  display:inline-block;
  width:131px;
  height:131px;
  -webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
 overflow:hidden;
background:rgba(0, 140, 214, 1.7);
margin-right:20px;
}

#navBar.news span:hover{
  width:127px;
  height:127px;
background:#FFF;
  border:2px solid #0088d0;
}

#navBar.news span a{
display:block;
margin-top:45px;
text-align:center;
text-decoration: none;
text-transform:uppercase;
background: none repeat scroll 0 0 rgba(0, 140, 214, 0.7);
color:#FFF;
padding:8px 0px;
border-top:1px solid #0088d0;;
border-bottom:1px solid #0088d0;
}

#navBar.news span:hover a{

margin-top:43px;
}

#navBar.news ul li a{
   background: url("http://www.aodcollaborative.org.nz/images/style/small_arrows.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #183169;
    padding: 0 0 0 10px;
    text-decoration: none;
}

.news .modulePath {

float:left;
position:relative;
text-align: center;
text-transform: uppercase;
width: 1022px;
font-size: 25px;
top:30px;
font-weight: 400;
margin: 0px 0 30px;
}

.moduleItemNews
{
float:left;
position:relative;
margin-top:60px;
  margin-left:30px;
}

.moduleItemNews #moduleItemContent
{
width:100%;
}

.moduleItemNews #moduleItemContent .title
{
color: #183169;
font-family: "Open Sans",sans-serif;
font-size: 26px;
font-weight: 600;
margin: 15px 0px 0px;
text-decoration: none;
}

.moduleItemNews #moduleItemContent .date
{
color: #183169;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0px 0px 0px;
text-decoration: none;

}

.moduleItemsListingNews
{

float:left;
position:relative;
margin:30px 0px 0px 0px;

}

.moduleItemsListingNews .moduleItemsListingItem
{
float:left;
position:relative;
margin:0px 0px 20px 0px;
padding:0px 0px 20px 0px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage
{
float:right;
position:relative;
margin:0px 20px 20px 20px;
}


.moduleItemsListingNews .moduleItemsListingItem .header {
float: left;
position:relative;
font-size: 18px;
font-weight: 600;
margin: 20px 0 20px;
position: relative;
text-transform: uppercase;
width: 100%;
}


.moduleItemsListingNews .moduleItemsListingItem .header .title {
float: left;
color: #fff;
padding: 4px 0 4px 14px;
position: relative;
width: 100%;
background:#008cd6;
margin:0px 0 3px;
}

.moduleItemsListingNews .moduleItemsListingItem .header .date {
float: left;
color: #003D80;
position: relative;
width: 100%;
font-size:14px;
margin: 0px 0 0px 14px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemContent {
float: left;
color: #003D80;
position: relative;
width: 100%;
font-size:14px;
margin: 0px 0 0px 14px;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore {
    border-bottom: 1px solid #008cd6;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
	padding-bottom: 15px;
    margin: 10px 0 20px -14px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore a {
    color: #008cd6;
    font-size: 16px;
    padding: 0 10px 0 14px;
    text-decoration: none;
    width: 100%;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore a {

}

a#categoriesBack
{
 display:none;
}

.moduleComponentCalendarListing
{
margin-top:40px;
width:100%;
  box-sizing: border-box;
}

.moduleComponentContainerusefulLinks
{
width:305px;
}

a#pull
{
 display:none;
}


.moduleComponentCalendarListing
{
  width: 38%;
}


#rightCol .moduleComponentCalendarListing
{
  width: 100%;
}

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

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


@media screen and (max-width: 1200px) {

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

.container
{
width: 100%;

}

.bgContainer
{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#header .bgContainer
{
height:132px;
}


#main
{
overflow:visible;
padding-bottom: 0px ; /* must be same height as the footer */
}

#header
{
width: 100%;
margin: 0px 0px 0px 0px;
height: 132px;
}

#header.stuck
{
height: 102px;
min-width: 100%;
top: 0;
}


#content
{
width: 100%;
min-height: 400px;
}

#centerCol
{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
min-height: 400px;
margin-left:0px;

}


#default #centerCol
{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
min-height: 600px;
margin: 0px 0px 0px 0px;
}


#rightCol
{
float:left;
width: 100%;
  box-sizing: border-box;
height:auto;
margin-left:0px;
}

#home #rightCol
{
float:left;
width: 100%;
margin-left:0px;
margin-top:-30px;
margin-bottom:0px;
}

#default #rightCol
{
margin-right:30px;
margin-top:20px;
}


#projects #rightCol
{


}

#footer
{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
z-index: 60;
margin: 0px 0px 0px 0px;
height: 132px;
}

#footer .container
{
margin: 0 auto;
width: 100%;
}

#footer .bgContainer
{
width: 100%;
box-sizing: border-box;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}


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


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



#header a.logo
{
margin: 0px 0px 0px 0px;
}

#header.stuck a.logo
{
margin: 9px 0px 0px 0px;
}

#header a.logo img
{

}


/* Header Navigation */


#header #navigation
{
top: 50px;
right: 0px;
height: 33px;
margin: 0px;
}

#header.stuck #navigation
{
top: 35px;
}


#header #navigation ul
{
margin: 0 auto;
padding: 0px  0px 0px 5px;
}

#header #navigation ul li
{
padding: 0px 0px 0px 3px;
height: 82px;
margin: 0px 0px 0px 0px;

}

#header #navigation ul li a
{
height: 33px;
line-height: 33px;
padding: 0px 16px;
margin: 0px;
font-size: 16px;
}

#header #navigation ul li ul
{
margin: 28px 0px 0px 0px;
padding: 40px 3px 25px 0px;
top: 33px;
left: -105px;
width: 381px;
}

#header.stuck #navigation ul li ul
{
margin: 14px 0px 0px 0px;
padding: 20px 3px 25px 0px;
top: 33px;
left: -105px;
width: 381px;
}

#header #navigation ul li ul li
{
padding: 0px 0px 0px 3px;
min-height: 20px;
width: 380px;
line-height: 19px;
margin: 0px 0px 0px 0px;
}

#header #navigation ul li ul li a
{

width: 300px;
height: 33px;
line-height: 33px;
padding: 4px 10px 4px 62px;
margin: 0px;
font-size: 16px;
}


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

#header #navigation ul li ul li:hover ul
{
padding:0px 0px 30px 0px!important;
margin:-40px 0px 10px 150px!important;
}

#header #navigation ul li ul li ul
{
padding:0px 0px 30px 0px!important;
margin:-40px 0px 10px 150px!important;
}


#header #navigation ul li ul li ul li
{
padding: 0px 0px 0px 3px!important;
width: 330px;
line-height: 33px;
margin: 0px 0px 0px 0px;
}

#header #navigation ul li ul li ul li a
{

width: 300px;
height: 33px;
line-height: 33px;
padding: 2px 10px 2px 17px;
margin: 0px;
font-size: 15px;
}


/******* Home Slides ***********/

#headerImages
{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
margin: 0px auto;
overflow:hidden!important;
}

#headerImages .moduleComponentContainerhomeSlideshow
{
width: 100%;
height: auto;
margin: 0px auto;
}

#headerImages .moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
width: 100%;
height: auto !important;
  margin: 0px auto;
}

#headerImages .moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerImageContainer,
#headerImages .moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerImageContainer img
{
margin: 0px 0px 0px 0px;
width: 100%;
  height: auto;
}


#homeSlideNav
{
top: 278px;
left: 7px;
display:none;
}


/******* Home Callouts Container ***********/

#homeCalloutsCircles
{width:100%;margin: 30px 0px 10px 0px;width: 870px;margin: 30px auto 10px auto;float: none;}
@media screen and (max-width:950px)
{
  #homeCalloutsCircles
  {
    width: 440px;
  }
}
@media screen and (max-width:550px)
{
  #homeCalloutsCircles
  {
    width: 215px;
  }
}
#homeCalloutsCircles a.circleCallouts
{width:183px;height:115px;margin: 11px;-webkit-border-radius: 114px;-moz-border-radius: 114px;border-radius: 200px;padding-top:68px;font-size:18px;line-height:18px;}


#homeCalloutsCircles a#greenLink.circleCallouts
{
border:6px solid #2eb135;
color:#2eb135;
}

#homeCalloutsCircles a#brownLink.circleCallouts
{
border:6px solid #a88f79;
color:#a88f79;
}

#homeCalloutsCircles a#pinkLink.circleCallouts
{
border:6px solid #a50069;
color:#a50069;
}

#homeCalloutsCircles a#purpleLink.circleCallouts
{
height:112px;
padding-top:71px;
border:6px solid #4f107a;
color:#4f107a;
margin: 0px 0px 0px 0px;
}


#homeInfoText
{
width:100%;
}


.moduleComponentContainerhomeInfoText .moduleComponent
{
margin-bottom:0px;
}

.moduleComponentContainerhomeInfoText .moduleComponent18
{
background: url(http://www.aodcollaborative.org.nz/images/style/pillsIcon.png) 0px 16px no-repeat;
}

.moduleComponentContainerhomeInfoText .moduleComponent19
{

background: url(http://www.aodcollaborative.org.nz/images/style/pieIcon.png) 4px 16px no-repeat;
}

.moduleComponentContainerhomeInfoText .moduleComponent20
{

background: url(http://www.aodcollaborative.org.nz/images/style/peopleIcon.png) 4px 16px no-repeat;
}

#homeInfoText .bannerHtmlContent
{
padding-left:60px;
}

#homeInfoText .bannerHtmlContent p
{
font-size:18px;
line-height:22px;
}

#tagLine
{
width:100%;
margin:30px 0px 30px 0px;
}

/******* Page Editor Container ***********/


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

#pageEditorContent
{
width: 100%;
box-sizing: border-box;
padding: 10px 20px;
margin: 0px 0px 0px 0px;
}

#home #pageEditorContent
{
width: 100%;
box-sizing: border-box;
padding: 12px 0px;
margin: 0px 0px 0px 0px;

}

#default #pageEditorContent
{

width: 100%;
box-sizing: border-box;
padding: 12px 34px;
margin: 0px 0px 0px 0px;
}

#default.default #pageEditorContent
{
width: 50%;
box-sizing: border-box;
padding: 12px 34px;
margin: 0px 0px 0px 0px;
}

#projects #pageEditorContent
{
width: 100%;
box-sizing: border-box;
padding: 12px 34px;
margin: 0px 0px 0px 0px;
}

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

.news .modulePath
{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
font-size: 25px;
top:30px;
margin: 0px 0 30px;
}

.moduleItemNews
{
margin-top:60px;
margin-left:0px;
}

.moduleItemNews #moduleItemContent
{
width:100%;
}

.moduleItemNews .moduleItemImage
{
width:100%;
}

.moduleItemNews .moduleItemImage img
{
width:100%;
}

.moduleItemNews #moduleItemContent .title
{
font-size: 26px;
margin: 15px 0px 0px;
}

.moduleItemNews #moduleItemContent .date
{
font-size: 14px;
margin: 0px 0px 0px;
}

.moduleItemsListingNews
{
margin:30px 0px 0px 0px;

}

.moduleItemsListingNews .moduleItemsListingItem
{
margin:0px 0px 20px 0px;
padding:0px 0px 20px 0px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage
{
margin:0px 20px 0px 0px;
float: left;
  width : 20% !important;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage img
{
  width : 100% !important;
  height : auto !important;
}


.moduleItemsListingNews .moduleItemsListingItem .header
{
font-size: 18px;
margin: 20px 0 10px;
width: 75%;
}


.moduleItemsListingNews .moduleItemsListingItem .header .title
{
padding: 4px 0 4px 14px;
width: 100%;
margin:0px 0 3px;
}

.moduleItemsListingNews .moduleItemsListingItem .header .date
{
width: 100%;
font-size:14px;
margin: 0px 0 0px 14px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemContent
{
width: 74%;
font-size:14px;
margin: 0px 0 0px 14px;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore
{
font-size: 18px;
margin: 40px 0 10px -14px;
width: 100%;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore a
{
font-size: 16px;
padding: 0 10px 0 14px;
width: 100%;
}


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

/***************Projects***********************/
.moduleItemsCategoriesProjects
{
width:100%;
margin:40px 0px 50px 0px;
text-align : center;
}

.moduleItemsCategoriesProjects .moduleItemsListingItem
{width: 140px;margin:0px 15px 0px 0px;
float : none;
  display : inline-block;
}

.moduleItemsCategoriesProjects .moduleItemsListingItem
{margin: 0px 18px 0px 0px;}

.moduleItemsCategoriesProjects .moduleItemsListingItem a
{width: 150px;height: 150px;font-size:20px;margin-right:10px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

.moduleItemsCategoriesProjects a span
{
width:100%;
text-transform:uppercase;
margin-top:0px;
}


.moduleItemsCategoriesProjects a.Workforce
{
background: url(http://www.aodcollaborative.org.nz/images/style/Workforce.jpg) center center no-repeat;

}

.moduleItemsCategoriesProjects a.Sector,
.moduleItemsCategoriesProjects a.Knowledge
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}

.moduleItemsCategoriesProjects a.Talent
{

background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;

}

.moduleItemsCategoriesProjects a.Consumers
{
background: url(http://www.aodcollaborative.org.nz/images/style/consumers.jpg) center center no-repeat;
}

.moduleItemsCategoriesProjects a.Accessibility
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;
margin-right:0px;
}


.moduleItemsCategoriesProjects a.Workforce span
{
padding:10px 20px 9px;
margin-top:57px;
width:80%;
line-height:22px;
}

.moduleItemsCategoriesProjects a.Sector span,
.moduleItemsCategoriesProjects a.Knowledge span
{

padding:10px 20px 9px;
margin-top:57px;
width:80%;
line-height:22px;
}

.moduleItemsCategoriesProjects a.Talent span
{
padding:10px 20px 9px;
margin-top:57px;
width:80%;
line-height:22px;
}

.moduleItemsCategoriesProjects a.Consumer span
{
padding:10px 0px;
margin-top:57px;
line-height:22px;
}


.moduleItemsCategoriesProjects a.Consumers span
{
padding:18px 0px;
margin-top:57px;
}

.moduleItemsCategoriesProjects a.Accessibility span
{
padding:18px 0px;
margin-top:57px;
}

.moduleItemsCategoriesProjects a:hover
{

background: rgba(0, 140, 214, 1);
}

.moduleItemsCategoriesProjects a:hover span
{
margin-top:56px;
border-top:1px solid #0088d0;
border-bottom:1px solid #0088d0;
}

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

.projectsNav
{
margin-left:0px;
margin-top:30px;
padding:0px 0px;
width : 100%;
  text-align : center;
}

.projects .projectsNav
{
width:100%;
margin-left:0%;
margin-top:0px;
}

.projectsNav .navCategoryLinks
{
margin-bottom:30px;
}


.projectsNav .navCategoryLinks a
{width: 125px;height: 125px;font-size:14px;font-weight:600;margin-right: 2px;-webkit-border-radius: 70px;-moz-border-radius: 70px;border-radius: 70px;}

.projectsNav .navCategoryLinks a span
{
width:100%;
margin-top:0px;
}


.projectsNav .navCategoryLinks a.Workforce
{margin-right: 2px;background: url(http://www.aodcollaborative.org.nz/images/style/Workforce.jpg) center center no-repeat;}

.projectsNav .navCategoryLinks a.Sector,
.projectsNav .navCategoryLinks a.Knowledge
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}

.projectsNav .navCategoryLinks a.Talent
{
background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;
}

.projectsNav .navCategoryLinks a.Consumer,
.projectsNav .navCategoryLinks a.Consumers
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Cross-sector,
.projectsNav .navCategoryLinks a.Cross-sector
{
background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Culture,
.projectsNav .navCategoryLinks a.Culture
{
background: url(http://www.aodcollaborative.org.nz/images/style/Knowledge-centre.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Youth,
.projectsNav .navCategoryLinks a.Youth
{
background: url(http://www.aodcollaborative.org.nz/images/style/talent-pipeline.jpg) center center no-repeat;
}
.projectsNav .navCategoryLinks a.Accessibility
{
background: url(http://www.aodcollaborative.org.nz/images/style/accessibility.jpg) center center no-repeat;

}



.projectsNav .navCategoryLinks a.Workforce span,
.projectsNav .navCategoryLinks a.Sector span,
.projectsNav .navCategoryLinks a.Knowledge span
{
padding:5px 20px;
margin-top:44px;
width:70%;
line-height:18px;
}

.projectsNav .navCategoryLinks a.Talent span
{
padding:5px 20px;
margin-top:44px;
width:70%;
line-height:18px;
}

.projectsNav .navCategoryLinks a.AOD span,
.projectsNav .navCategoryLinks a.Consumer span,
.projectsNav .navCategoryLinks a.Culture span,
.projectsNav .navCategoryLinks a.Cross-sector span,
.projectsNav .navCategoryLinks a.Youth span
{
padding:5px 0px;
margin-top:44px;
width:100%;
line-height:18px;
}


.projectsNav .navCategoryLinks a.Consumers span
{
padding:12px 0px;
margin-top:44px;
}

.projectsNav .navCategoryLinks a.Accessibility span
{
padding:12px 0px;
margin-top:44px;
}



.workforce .projectsNav .navCategoryLinks a.Workforce span,
.knowledge-centre .projectsNav .navCategoryLinks a.Knowledge span,
.talent-pipeline .projectsNav .navCategoryLinks a.Talent span,
.consumers .projectsNav .navCategoryLinks a.Consumers span,
.accessibility .projectsNav .navCategoryLinks a.Accessibility span
{
margin-top:43px;
}

.projectsNav .navCategoryLinks a:hover span
{
margin-top:43px;
}

.modulePath
{
font-size: 25px;
margin: 0px 0 0px;
width: 100%;
top:0px;
  position : relative;
left:0px;
}


#heading
{
font-size: 25px;
font-weight: 400;
margin: 50px 0 30px;
text-align: center;
width: 100%;
top:-40px;
left:0px;
}

#heading h1,
.modulePath a
{font-size:25px;padding:0px;}

.project #pageSource
{
margin:50px 0px 0px 0px;
}


.accessibility #breadCrumbs,
.consumer-peer-support #breadCrumbs,
.talent-pipeline #breadCrumbs,
.knowledge-centre #breadCrumbs,
.workforce #breadCrumbs
{
top:140px;
}


.projects h1
{margin: -20px 0px 15px;margin: 10px;}

.moduleItemProjects
{
float:left;
position:relative;
width:100%;
margin:30px 0px 30px 0px;
min-height:400px!important;
}


.moduleItemProjects #moduleItemContent
{
width:50%;
}


#usefulLinks
{
float: left;
position: relative;
margin: 10px 0px 0px 0px ;
padding: 20px 30px 30px 30px;
background:#FFF;
width:100%;
  box-sizing: border-box;
}


/* Footer Menu  */

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

#footerMenuOne img#footerLogo
{
float:left;
position: relative;
margin-top:20px;
margin:20px 0px 0px 0px;
}

#footerMenuOne a.odysseyLogo
{
float:right;
position: relative;
margin:18px 0px 0px 0px;
}

#footerMenuOne a.odysseyLogo img
{
width:50%;
}

#breadCrumbs
{
float: left;
position: relative;
width: 100%;
font-size:25px;
text-align:center;
text-transform:uppercase;
margin-top:58px;
font-weight:400;
margin:50px 0px 10px 0px;
}

.moduleItemsListingProjects
{
float:left;
position:relative;
margin:20px 0px 0px 0px;
width:100%;
min-height:0!important;
}

.moduleItemsListingProjects .moduleItemsListingItem
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px 0px;
}

.moduleComponentCalendarListing
{
  width: 100%;
}

#default.default #pageEditorContent
{
width: 100%;
box-sizing: border-box;
padding: 12px 34px;
margin: 0px 0px 0px 0px;
box-sizing: border-box;
}

}


/* Other phones */
@media screen and (max-width: 950px) {


/* Header Navigation */


#header #navigation
{
top: 92px;
right: 20px;
height: 43px;
margin: 0px;
width:200px;
}

/*------------- Fancy responsive mobile menu ----------------------*/

#navigation {
border-bottom: 0;

}
#navigation
{
width: 190px;
}

#navigation ul li ul
{
width:180px!important;
background-image:none!important;
background-color:none!important;

}

#navigation ul {
display: none;
width: 200px;
height: auto;
padding: 0;
margin: 0px 0px 0px 0px;

background:none!important;
}

#header #navigation ul li ul
{
background:none!important;
}

#navigation a#pull {
display: inline-block;
float: right;
margin: 0px 0px 30px 0px;
z-index: 2001;
background-color: #009DD9;
width: 100%;
min-width: 20px;
overflow: hidden;
position: relative;
border-radius: 0px;
color: #fff;
font-size : 16px;
padding: 0px 0px;
line-height: 40px;
text-align: center;
text-decoration: none;
font-weight: bold;
text-transform: lowercase;
z-index: 2000;
}

#navigation a#pull:after {
content:"";
background: url('http://www.moca.net.nz/PURECRUISE2014DEV/images/style/nav-icon.png') 0px 0px no-repeat;
background-size: 100% auto;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
right: 20px;
top: 13px;
}

#navigation li {
display: block;
float: none;
width: 98%;
z-index: 2000;
height:43px!important;
border-bottom: 1px solid #ccc!important;
margin:0px 0px 0px -5px!important;
}

#navigation ul li a {
border-bottom: 1px solid #000!important;
height:43px!important;
width: 82%!important;
}
#navigation ul li a:hover {
height:43px!important;
width: 82%!important;
background:#FFF!important;
color:#3AADDA!important;
}


#navigation ul li a.menuSelected{
height:43px!important;
width: 82%!important;
background:#FFF!important;
color:#3AADDA!important;
}


#navigation ul li
{
margin: 0;
padding: 0;
background:#FFF!important;

}

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

#navigation ul li a
{
color: #fff;
margin: 0;
padding: 14px 10px;
display: block;
border: none;
font-size: 19px;
border-bottom: 1px solid #ccc!important;
}

#navigation ul li a:hover
{
background: none;
}

  #copyright,
  #footerMenuOne
{
float:left;
position: relative;
width: 100%;
    box-sizing: border-box;
text-align: right;
color: #1c677b;
margin: 15px 0px 0px 0px;
border:1px solid #FF00000;
}



  #footer
  {
    float : left;
   height: auto;
  }

}

/* Other phones */
@media screen and (max-width: 650px) {

table
  {
   width: auto !important;
    height: auto !important;
  }

  #emailForm{
width: 100%;
}

    #emailForm td,
  input.ftxt,
  input.fmtxt,
  input.fstxt,
  input.fdate,
  textarea.fmtxt{
width: 100% !important;
    position: relative;
    display : block;
}

}




/* Other phones */
@media screen and (max-width: 450px) {

#footerLogo
{
width : 100% !important;
height :auto;
}


.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage
{
margin:0px 0px 0px 0px;
width : 100% !important;
}

}

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

#mainProjectCategories {position : relative; display: block; width : 80%; margin: 0 10%;}
@media screen and (max-width:450px)
{
  #mainProjectCategories 
  {
    width: 231px;
    float:none;
    margin:0 auto;
  }
}
.projectCat {
  border: 6px solid #a88f79;
  color: #a88f79;
  margin: 11px;
  transition: 0.5s all;
  text-align: center;
  position: relative;
  display: inline-block;
  width :200px;
  height: 200px;
  border : 6px solid #ccc;
  border-radius: 100%;
  background-size: cover !important;
  }
.projectCat span {transition : 0.5s all ;font-weight: bold; font-size: 18px;position : absolute; top: 47%; left: 0; right: 0; padding: 6px 0px;transform: translate(0px,-10px);}
.projectCat:hover span {opacity: 0; }
.projectCat:hover { background: #a88f79; border: 6px solid #a88f79;}
.projectCat .hoverContent {
position :absolute;
  right: 20px;
  left: 20px;
  height : auto !important;
   top: 45%;
  transform: translate(0px,-30%);
  opacity: 0;
  transition : 0.5s all ;
    }

.projectCat:hover .hoverContent {
  opacity: 1;
    }
.projectCat .hoverContent p {
font-size: 13px;
  margin: 0;
  color: #fff;
    }
.navCategoryLinks .AOD,
#category23 { border: 6px solid rgba(19,155,215,0.6); }
.navCategoryLinks .AOD:hover,
#category23.projectCat:hover { border: 6px solid rgba(19,155,215,1); background: rgba(19,155,215,1) !important;}
.navCategoryLinks .AOD span,
#category23.projectCat span { background: rgba(19,155,215,0.7); color : #fff;}



.navCategoryLinks .Consumer,
#category22 { border: 6px solid rgba(120,45,139,0.6); }
.navCategoryLinks .Consumer:hover,
#category22.projectCat:hover { border: 6px solid rgba(120,45,139,1); background: rgba(120,45,139,1) !important;}
.navCategoryLinks .Consumer span,
#category22.projectCat span { background: rgba(120,45,139,0.7); color : #fff;}
.navCategoryLinks .Cross-sector,
#category31 { border: 6px solid rgba(255,203,19,0.6); }
.navCategoryLinks .Cross-sector:hover,
#category31.projectCat:hover { border: 6px solid rgba(255,203,19,1); background: rgba(255,203,19,1) !important;}
.navCategoryLinks .Cross-sector span,
#category31.projectCat span { background: rgba(255,203,19,0.7); color : #fff;}
.navCategoryLinks .Culture,
#category32 { border: 6px solid rgba(0,170,48,0.6); }
.navCategoryLinks .Culture:hover,
#category32.projectCat:hover { border: 6px solid rgba(0,170,48,1); background: rgba(0,170,48,1) !important;}
.navCategoryLinks .Culture span,
#category32.projectCat span { background: rgba(0,170,48,0.7); color : #fff;}
.navCategoryLinks .Workforce,
#category21 { border: 6px solid rgba(236,52,38,0.6); }
.navCategoryLinks .Workforce:hover,
#category21.projectCat:hover { border: 6px solid rgba(236,52,38,1); background: rgba(236,52,38,1) !important; }
.navCategoryLinks .Workforce span,
#category21.projectCat span { background: rgba(236,52,38,0.7); color : #fff;}
.navCategoryLinks .Youth,
#category33 { border: 6px solid rgba(245,130,32,0.6); }
.navCategoryLinks .Youth:hover,
#category33.projectCat:hover { border: 6px solid rgba(245,130,32,1); background: rgba(245,130,32,1) !important;}
.navCategoryLinks .Youth span,
#category33.projectCat span { background: rgba(245,130,32,0.7); color : #fff;}