/**
    * 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;
    }

div[id^="ascrail"] { display: none !important; }

/*------------ General Page Rules ----------------------------------------------------------*/


body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
overflow-y: visible !important;
}

body.iframe{ width:auto;height:auto;}

body#blank
{
overflow: hidden;
}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'aller_lightregular', sans-serif;
font-size:14px;
color:#262626;
}

/* ----------- Colours -----

Grey : #262626;
Green : #5c8727;

----------------------------*/

/* ----------- General Page Rules -------------------------*/

h1,
.h1,
h1.contentPageTitle
{
margin: 0px 0px 15px;
color: #5c8727;
font-size: 32px;
line-height: 42px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

.noRightColFullWidth h1
{
text-align: center;
color: #262626;
}

h2,
.h2
{
margin: 15px 0px;
color: #5c8727;
font-size: 32px;
line-height: 42px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#pageEditorContent h2,
#pageEditorContent .h2
{
margin: 15px 0px;
color: #a6ab68;
font-size: 32px;
line-height: 42px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

h3,
.h3
{
margin: 10px 0px;
color: #262626;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#pageEditorContent h3,
#pageEditorContent .h3
{
margin: 10px 0px;
padding: 3px 15px;
color: #36372C;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
font-weight: normal;
background: #f0f0f0;
font-family: 'LunchBox',arial;
}

h4,
.h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
font-family: 'LunchBox',arial;
}

h5,
.h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase;
font-family: 'LunchBox',arial;
}

p,div#pageSource
{
line-height: 21px;
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;
}

#pageEditorContent li:before {
content:"\00bb"; 
color: #5C8727;
margin: 4px 0px;
line-height: 19px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom:1px solid #e0e0e0;
}

table
{
width: 100%;
margin: 40px 0px 20px ;
}

th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #36372C;
}

td
{
padding: 10px 16px;
}

th p,
td p
{
margin: 0;
padding: 0;
}

tr:nth-child(even) { background: #FFF }
tr:nth-child(odd) { background: #FFF }

a
{
color: #5C8727;
transition: all 0.5s ease-in;  
}

a:hover
{
color: #818285;
}

.fakeLink
{
color: #5C8727;
transition: all 0.5s ease-in; 
cursor: pointer; 
}

.fakeLink:hover
{
color: #818285;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

blockquote{
position: relative;
background: url("http://www.ngaituhoe.iwi.nz/images/style/speech_marks.png") no-repeat scroll 15px 15px rgba(157, 163, 85, 0.3);
color: #666666;
padding: 15px 20px 15px 60px;
position: relative;

}

th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #717171;
}

#ascrail2000
{
z-index: 500 !important;
opacity: 1 !important;
}

#ascrail2000-hr
{
z-index: 500 !important;
}

em
{
font-family: 'aller_lightitalic',arial;
}

strong
{
font-weight: normal;
font-family: 'allerregular',arial;
color: #909E4C;
}

/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

#ascrail2000
{
display: none;
}

#map_canvas
{
width: 100% !important;
height: 600px !important;
}

.container
{
margin: 0px auto;
width: 100%;
text-align: left;
}

.bgContainer
{
width: 100%;
float: left;
position: relative;
height: auto;
}

body
{
/*background: 100% width tile here */
}

#fullFoldBg
{
display: none;
}

#default #fullFoldBg
{
display: none;
}


#fullNavigationBg
{
display: none;
}

#wrap
{
float: none;
position: relative;
z-index: 2;
min-height: auto;
width: 100%;
/*background: 100% height tile here */
}

#content
{
float: none;
position: relative;
z-index: 40;
width: 100%;
}

#footer {
float: none;
position: relative;
width: 100%;
clear: both;
margin: 0px 0px 0px 0px;
height: auto;
background: none !important;
z-index: 0;
}

#footerOver
{
display: none;
}

#footer .container
{
display: none;
}

#footer .bgContainer
{
float: left;
position: relative;
z-index: 3;
width: 100%;
height: auto;
margin: 0px;
padding: 0px 0px 0px 0px;
background: none;
}

#footerTileTop
{
display: none;
}

#footerTileBottom
{
float: left;
position: relative;
top: 0;
left: 0;
z-index: 4;
width: 100%;
height: 55px;
background: #36372c;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/

a.logo
{
position: relative;
float: left;
width:  94%;
background: #500001;
margin: 0px;
padding: 1% 3%;
}

a.logo img
{
width: 250px;
}


/* ---------------- Header Navigation------------------- */

.sticky-wrapper
{
display: none !important;
}

#navigation
{
display: none;
}

/* --------------------------------------- */

#headerImages
{
display: none;
}

/* --------------------------------------- */

#homeCallouts
{
float: left;
position: relative;
width: 1140px;
height: 684px;
margin: 45px 0px 50px 0px;
background: none;
z-index: 500;
}

.pictureBlock
{
position: absolute;
top: 0;
left: 0;
width: 228px;
height: 228px;
overflow: hidden;
}

/*--------------*/

#marae
{
top: 228px;
left: 228px;
transition: all 1s ease-in;  
background: rgba(172,16,20,0.6) url(http://www.ngaituhoe.iwi.nz/images/style/koru_bg.png) -108px -65px no-repeat;
background-size: 150%;
}

#marae:hover
{
background: #500001 url(http://www.ngaituhoe.iwi.nz/images/style/koru_bg.png) -115px -70px no-repeat;
background-size: 155%;
}

#marae a
{
position: absolute;
display: block;
top: 0;
left: 0;
width: 228px;
height: 228px;
z-index: 3;
text-decoration: none;
font-weight: bold;
font-size: 34px;
text-align: right;
}

#marae a span
{
position: absolute;
display: block;
top: 12px;
right: 12px;
text-transform: uppercase;
color: #fff;
font-family: 'LunchBox',arial;
}

/*--------------*/

#forum
{
top: 228px;
left: 456px;
transition: all 1s ease-in;  
background: #ac1014;
}

#forum:hover
{
background: #7e0001;
}

#forum a
{

position: absolute;
display: block;
top: 0;
left: 0;
width: 228px;
height: 228px;
z-index: 3;
text-decoration: none;
font-weight: bold;
font-size: 34px;
text-align: right;
}

#forum a span
{
position: absolute;
display: block;
bottom: 12px;
right: 12px;
text-transform: uppercase;
color: #fff;
font-family: 'LunchBox',arial;
}

/*--------------*/

#teUruTaumatua
{
top: 228px;
left: 912px;
transition: all 1s ease-in;  
background: #d6d9b3 url(http://www.ngaituhoe.iwi.nz/images/style/grungy_bg.jpg) -108px -65px no-repeat;
background-size: 150%;
}

#teUruTaumatua:hover
{
background: #adb175 url(http://www.ngaituhoe.iwi.nz/images/style/grungy_bg.jpg) -75px -70px no-repeat;
background-size: 165%;
}

#teUruTaumatua a
{
position: absolute;
display: block;
top: 0;
left: 0;

width: 228px;
height: 228px;
z-index: 3;
text-decoration: none;
font-weight: bold;
font-size: 34px;
text-align: right;
}

#teUruTaumatua a span
{
position: absolute;
display: block;
top: auto;
bottom: 12px;
right: 12px;
text-transform: uppercase;
color: #fff;
line-height: 34px;
font-family: 'LunchBox',arial;
}

/*--------------*/

#ourStory
{
top: 456px;
left: 684px;
transition: all 1s ease-in;  
transition: background-position 4s ease; 
background: #ac1014 url(http://www.ngaituhoe.iwi.nz/images/style/swirls_bg.png) -108px -130px no-repeat;
}

#ourStory:hover
{
background: #ac1014 url(http://www.ngaituhoe.iwi.nz/images/style/swirls_bg.png) -108px 0px no-repeat;
}

#ourStory a
{
position: absolute;
display: block;
top: 0;
left: 0;
width: 228px;
height: 228px;
z-index: 3;
text-decoration: none;
font-weight: bold;
font-size: 34px;
text-align: right;
}

#ourStory a span
{
position: absolute;
display: block;
bottom: 12px;
left: 12px;
text-transform: uppercase;
color: #fff;
font-family: 'LunchBox',arial;
}

/*--------------*/

#memberLogIn
{
top: 0px;
left: 684px;
transition: all 1s ease-in;  
background: rgba(172,16,20,0.6);
}

#memberLogIn:hover
{
background: #7e0001;
}

#memberLogIn a
{
position: absolute;
display: block;
top: 0;
left: 0;
width: 228px;
height: 228px;
z-index: 3;
text-decoration: none;
font-weight: bold;
font-size: 34px;
text-align: right;

}

#memberLogIn span
{
position: absolute;
display: block;
bottom: 12px;
right: 12px;
text-transform: uppercase;
color: #fff;
line-height: 34px;
font-family: 'LunchBox',arial;
}

/*--------------*/

#loginContainer{
display: none;
}

#loginContainer .loginComponent a{
text-decoration: none;
padding: 4px 12px;
color: #AC1014;
background: #fff;
border-radius: 4px;
text-transform: uppercase;
margin: 0px 0px 0px 6px;
}

#loginContainer .loginComponent a:hover {
color: #fff;
background: #AC1014;
}

#loginContainer #popLogin{
position: relative;
text-align: left;
top: -20px;
padding: 20px;
background-color: #F2F2F2;
z-index: 1100;
}

#loginContainer #popLogin #loginCloseIcon{
position: relative;
float: right;
cursor: pointer;
}

#loginContainer .header{
display: none;
}


#loginContainer input.inputText {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    float: right;
    font-family: inherit;
    font-size: 13px;
    margin: 4px 0 5px;
    padding: 2%;
    width: 96%;
}

#loginContainer  .loginError{
margin: 0px 0px 10px 0px;
color: #cc3300;
}


#loginContainer .label,
#loginContainer label{
    color: #333333;
    line-height: 26px;
    padding: 0 5% 0 0;
    vertical-align: top;
    width: 96%;
}

#loginContainer .buttonForm{
 background: none repeat scroll 0 0 #5C8727;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 6px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    width: 100px;
}

/*---------------*/


/*--------------------------------------------------------*/

/* Site Search*/

.siteSearchContainer 
{
display: none;
}

/*--------------*/

#pictureBlockOne
{
top: 0px;
left: 912px;
}

#pictureBlockOne .bannerImageContainer a
{

}

#pictureBlockOne .bannerImageContainer a img.bannerImage
{

}

#pictureBlockOne p.h2.bannerTitle
{

}

#pictureBlockOne a.bannerLink
{

}

#pictureBlockOne a.bannerLinkMask
{

}

/*--------------*/

#pictureBlockTwo
{

top: 228px;
left: 0px;
}

#pictureBlockTwo .bannerImageContainer
{


}

#pictureBlockTwo .bannerImageContainer a
{

}

#pictureBlockTwo .bannerImageContainer a img.bannerImage
{

}

#pictureBlockTwo p.h2.bannerTitle
{


}

#pictureBlockTwo a.bannerLink
{

}

#pictureBlockTwo a.bannerLinkMask
{

}

/*--------------*/

#pictureBlockThree
{
top: 228px;
left: 684px;
}

#pictureBlockThree .bannerImageContainer

{

}

#pictureBlockThree .bannerImageContainer a
{




}

#pictureBlockThree .bannerImageContainer a img.bannerImage
{

}

#pictureBlockThree p.h2.bannerTitle
{

}





#pictureBlockThree a.bannerLink
{

}

#pictureBlockThree a.bannerLinkMask
{

}

/*--------------*/

#pictureBlockFour
{
top: 456px;
left: 228px;
}

#pictureBlockFour .bannerImageContainer
{

}

#pictureBlockFour .bannerImageContainer a
{

}

#pictureBlockFour .bannerImageContainer a img.bannerImage
{

}

#pictureBlockFour p.h2.bannerTitle
{

}

#pictureBlockFour a.bannerLink
{

}

#pictureBlockFour a.bannerLinkMask
{

}

/*--------------*/

#pictureBlockFive
{
top: 456px;
left: 456px;
}

#pictureBlockFive .bannerImageContainer a
{

}

#pictureBlockFive .bannerImageContainer a img.bannerImage
{

}

#pictureBlockFive p.h2.bannerTitle
{

}

#pictureBlockFive a.bannerLink
{

}

#pictureBlockFive a.bannerLinkMask
{

}

/* --------------------------------------- */

#content
{
float: none;
position: relative;
width: 100%;
}

#content #socialMediaIcons
{
float: left;
position: relative;
width: 94%;
height: auto;
margin: 0;
padding: 0.8% 3%;
border-bottom: 1px solid #F0F0F0;
color: #ccc;
text-align: right;
}

#content #socialMediaIcons a
{
color: #ccc;
}

#content #socialMediaIcons a.facebookIcon,
#content #socialMediaIcons a.twitterIcon,
#content #socialMediaIcons a.youtubeIcon,
#content #socialMediaIcons a.googlePlusIcon
{
display: none;
}

#headerBreadcrumbs
{
line-height: 25px;
color: #ccc;
}

#headerBreadcrumbs a
{
color: #ccc;
}

/* --------------------------------------- */

#rightColumn
{
display: none;
}

/* --------------------------------------- */

#sectionSubNavigation
{
display: none;
}

/* --------------------------------------- */

#vmModuleNavigation
{
display: none;
}

#vmModuleNavigation.narrow
{
float: left;
position: relative;
width: 270px;
max-height: none;
margin: 2px 0px 35px 0px;
overflow-y: auto !important;
overflow-x:  hidden !important;
}

#vmModuleNavigation .moduleComponentContainer
{
float: left;
position: relative;
width: auto;
padding: 0px 0px 0px;
margin: 0px 0px 0px;
}

#rightColumn #vmModuleNavigation ul
{
margin: 0;
padding: 0;

}

#rightColumn #vmModuleNavigation ul li
{
margin: 0;
padding: 0;
}

#rightColumn #vmModuleNavigation ul li.subMenuHeader
{
margin: 5px 0px 15px;
color:#9da355;
font-size: 32px;
line-height: 42px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
text-decoration: none;
}

#rightColumn #vmModuleNavigation ul li
{
margin: 0px 0px;
color:#9da355;
font-size: 20px;
line-height: 21px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
text-decoration: none;

}

#rightColumn #navBar ul li
{
margin: 0px 0px 0px 20px;
color:#9da355;
font-size: 20px;
line-height: 21px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
text-decoration: none;
font-size:13px;
}

#rightColumn #navBar ul li a
{
font-size:13px;
}

#rightColumn #vmModuleNavigation ul li a span
{

}

#rightColumn #vmModuleNavigation  ul li ul
{
padding: 0px 0px 20px 10px;
margin: 0px 0px 0px 10px;
}

#rightColumn #vmModuleNavigation  ul li ul li
{
padding: 0;
margin: 0px 0px;
color:#9da355;
font-size:14px;
line-height: 21px;
}

#rightColumn #vmModuleNavigation  ul li ul li a
{
font-family: 'aller_lightregular', sans-serif;
font-size:13px;
color:#9da355;
line-height: 21px;
padding: 1px 0px;
text-decoration: none;
}


/* ---------------Default Callout------------------------ */


.moduleComponentContainer .moduleComponentcallouts 
{
float: left;
position: relative;
margin: 0px 0px 35px 0px;
padding: 0px 0px 0px 0px;
width: 398px;
height: 230px;
max-height: auto;
}

.moduleComponentcallouts .bannerImageContainer
{

}

.moduleComponentcallouts a.bannerLink
{

}

.moduleComponentcallouts img.bannerImage
{

}

.moduleComponentcallouts p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
background: #9da355;
background: rgba(157,163,85,0.7);
text-indent: 0px;
line-height: 40px;
}



.moduleComponentcallouts p.h2.bannerTitle a.bannerLink
{
text-decoration: none;
color: #fff;
}

.moduleComponentcallouts .bannerHtmlContent
{

}

.moduleComponentcallouts a.bannerLinkMask
{

}

/* -----------------findYourMaraeCallout---------------------- */



.moduleComponentContainer .moduleComponent52
{
float: left;
position: relative;
margin: 0px 0px 35px 0px;
padding: 0px 0px 0px;
width: 398px;
max-height: 230px;
}


.moduleComponent52 .bannerImageContainer
{

}

.moduleComponent52 .bannerImageContainer a.bannerLink
{

}

.moduleComponent52 .bannerImageContainer img.bannerImage
{

}

.moduleComponent52 p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
background: #9da355;
background: rgba(157,163,85,0.4);
text-indent: 0px;
line-height: 40px;
}

.moduleComponent52 p.h2.bannerTitle a
{
text-decoration: none;
color: #fff;
}

#findYourMaraeCallout .bannerHtmlContent
{

}

#findYourMaraeCallout a.bannerLinkMask
{

}

.moduleComponent52 #findMarae
{
position: absolute;
float: none;
top: 188px;
bottom: auto;
right: 10px;
font-size: 15px;
color: #939598;
font-style: italic;
font-family: 'aller_lightregular', sans-serif;
padding: 5px;
width: 140px;
line-height: 30px;
border: 1px solid #ccc;
}

.moduleComponent52 #findMaraeButton
{
position: absolute;
float: none;
left: auto;
right: 13px;
bottom: 17px;
}


/* ---------------tuhoeTvCallout------------------------ */


.moduleComponentContainer .moduleComponent51
{
float: left;
position: relative;
max-height: 240px;
margin: 0px 0px 35px 0px;
padding: 0px;
width: 398px;
max-height: 230px;
}


.moduleComponent51 .bannerImageContainer
{

}

.moduleComponent51 a.bannerLink
{


}

.moduleComponent51 img.bannerImage
{

}

.moduleComponent51 p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
background: #9da355;
background: rgba(157,163,85,0.7);
text-indent: 0px;
line-height: 40px;
}

.moduleComponent51 p.h2.bannerTitle a
{
text-decoration: none;
color: #fff;
}

#rightColumn .moduleComponent51 .bannerHtmlContent
{
display: block;
}

.moduleComponent51 a.bannerLinkMask
{
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 555;
transition: none;
background: url(http://www.ngaituhoe.iwi.nz/images/style/youtube_play_button_overlay.png) top center no-repeat;
}


.moduleComponent51 a.bannerLinkMask:hover
{
background: url(http://www.ngaituhoe.iwi.nz/images/style/youtube_play_button_overlay.png) bottom center no-repeat;
}

/* --------------membersLoginCallout------------------------- */


.moduleComponentContainer .moduleComponent53 
{
float: left;
position: relative;
margin: 0px 0px 35px 0px;
padding: 0px 0px 30px;
width: 398px;
max-height: 200px;
}



.moduleComponent53 .bannerImageContainer
{

}

.moduleComponent53 a.bannerLink
{

}

.moduleComponent53 img.bannerImage
{

}

.moduleComponent53 p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
text-indent: 0px;
line-height: 40px;
background: rgba(157,163,85,0.7) url(http://www.ngaituhoe.iwi.nz/images/style/members_login_icon.png) bottom right no-repeat;

}


.moduleComponent53 p.h2.bannerTitle a
{
text-decoration: none;
color: #fff;
}

.moduleComponent53 .bannerHtmlContent
{

}

.moduleComponent53 a.bannerLinkMask
{

}



/* --------------membersLoginCallout------------------------- */


.moduleComponentContainer .moduleComponent49 
{
float: left;
position: relative;
margin: 0px 0px 35px 0px;
padding: 0px 0px 30px;
width: 398px;
max-height: 199px;
}



.moduleComponent49 .bannerImageContainer
{

}

.moduleComponent49 a.bannerLink
{

}

.moduleComponent49 img.bannerImage
{

}

.moduleComponent49 p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
background: #9da355;
background: rgba(157,163,85,0.7);
text-indent: 0px;
line-height: 40px;
}

.moduleComponent49 p.h2.bannerTitle a
{
text-decoration: none;
color: #fff;
}

.moduleComponent49 .bannerHtmlContent
{

}

.moduleComponent49 a.bannerLinkMask
{

}


/* ---------------tuhoeStoreCallout------------------------ */


.moduleComponentContainer .moduleComponent54
{

float: left;
position: relative;
margin: 0px 0px 35px 0px;
padding: 0px 0px 30px;
width: 398px;
max-height: 200px;
}

.moduleComponent54 .bannerImageContainer
{

}

.moduleComponent54 a.bannerLink
{

}

.moduleComponent54 img.bannerImage
{

}

.moduleComponent54 p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
background: #9da355;
background: rgba(157,163,85,0.7);
text-indent: 0px;
line-height: 40px;
}

.moduleComponent54 p.h2.bannerTitle a
{
text-decoration: none;
color: #fff;
}

.moduleComponent54 .bannerHtmlContent
{

}

.moduleComponent54 a.bannerLinkMask
{

}


/* ------facebook--------------------------------- */


.moduleComponent70,
#facebookCallout
{
float: left;

position: relative;
width: 398px;
height: 498px !important;
max-height: 498px;
margin: 0px 0px 35px 0px;
}

.moduleComponent70  .fb-like-box
{

}

.moduleComponent70  a.linkOverlay,
#facebookCallout a.linkOverlay
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 0px 0px;
background: #9da355;
background: rgba(157,163,85,1) url(http://www.ngaituhoe.iwi.nz/images/style/white_facebook_icon.png) 335px 7px no-repeat;
text-indent: 20px;
line-height: 52px;
color: #5c8727;
font-size: 32px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
text-decoration: none;
color: #fff;
}


.moduleComponent70.narrow a.linkOverlay,
#facebookCallout.narrow a.linkOverlay
{
font-size: 32px;
line-height: 52px;
background: rgba(157,163,85,1) url(http://www.ngaituhoe.iwi.nz/images/style/white_facebook_icon.png) 335px 7px no-repeat;
}


/* ---------------eventsCallout------------------------ */


.moduleComponentContainer .moduleComponent56 
{
float: left;
position: relative;
margin: 0px 0px 33px 0px;
padding: 0px 0px 30px;
width: 398px;
max-height: 201px;
}

.moduleComponent56 .bannerImageContainer
{

}

.moduleComponent56 a.bannerLink
{

}

.moduleComponent56 img.bannerImage
{

}

.moduleComponent56 p.h2.bannerTitle
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 3px 0px 11px 20px;
background: #9da355;
background: rgba(157,163,85,0.7);
text-indent: 0px;
line-height: 40px;
}

.moduleComponent56 p.h2.bannerTitle a.bannerLink
{
text-decoration: none;
color: #fff;
}

.moduleComponent56 .bannerHtmlContent
{

}

.moduleComponent56 a.bannerLinkMask
{

}



/* --------------------------------------- */

#leftColumn
{
float: left;
position: relative;
width: 100%;
margin: 45px 0px;
padding: 0px 0px 0px 0px;
border-right: none;
}


#default #leftColumn
{
width: 100%;
margin: 45px 0px;
padding: 0px 0px 0px 0px;
border-right: none;
}

#default.noRightCol #leftColumn,
#default.leftColumnNoRightNav #leftColumn
{
width: 100%;
margin: 45px 0px;
padding: 0px 0px 0px 0px;
border-right: none;
}

/* --------------------------------------- */

#newsFeed
{

float: left;
position: relative;
width: 664px;
max-height: 230px;

height: auto;
overflow: visible;
margin: 0px 0px 33px 0px;
background: #fff;
}

#newsFeed .moduleComponentnews
{

}

#newsFeed .componentItem
{

}

#newsFeed .title
{
margin: 10px 0px 0px;
color: #262626;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#newsFeed .moduleItemImage

{
float: left;
position: relative;
}

#newsFeed img.component
{

}

#newsFeed .content
{

float: right;
position: relative;
width: 405px;
}


#newsFeed .content p.h2
{
margin-top: 0;
line-height: 32px;
text-transform: capitalize;
}


#newsFeed .readMore
{

}

#newsFeed a
{
color: #5C8727;
float: right;
position: absolute;
bottom: 12px;
right:0; 
text-decoration: none;
}


/* --------------------------------------- */

#maraeCalloutContainer,
#maraeCallout,
#maraeCallout-wrapper
{
float: left;
position: relative;
width: 664px;
height: 230px;
overflow: hidden;
margin: 0px 0px 33px 0px;
background: #fff;
}

#maraeCallout-wrapper .panel-wrapper
{
float: left;
position: relative;
margin: 0 !important;
padding: 0 !important;
}

#maraeCalloutContainer p.titleLabel
{
position: absolute;
bottom: 0;
left: 0;
z-index: 250;
background: none;
margin-right: 1px;
padding: 6px 12px;  
color: #fff;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
} 

#maraeCallout .moduleComponentContainermaraeSlider
{

}

#maraeCallout .moduleComponentmaraeSlider
{

}

#maraeCallout .bannerImageContainer
{
float: left;
position: relative;


}

#maraeCallout a.bannerLink
{

}

#maraeCallout img.bannerImage
{

}

#maraeCallout p.h2.bannerTitle
{
padding: 0px 0px 5px 0px;
line-height: 52px;
}

#maraeCallout p.h2.bannerTitlea.bannerLink
{

}

#maraeCallout .bannerHtmlContent
{

}

#maraeCallout a.bannerLinkMask
{

}


/* --------------------------------------- */

#blogFeed 
{
float: left;
position: relative;
width: 664px;
min-height: 230px;
height: auto;


overflow: visible;
margin: 0px 0px 33px 0px;
background: #fff;
}

#blogFeed .moduleComponentnews
{

}

#blogFeed .componentItem
{

}

#blogFeed .title
{
margin: 10px 0px 0px;
color: #262626;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#blogFeed .moduleItemImage
{
float: left;
position: relative;
}

#blogFeed img.component
{


}

#blogFeed .content
{
float: right;
position: relative;
width: 405px;
}

#blogFeed .content p.h2
{
margin-top: 0;
line-height: 32px;
text-transform: capitalize;
}

#blogFeed .readMore
{

}

#blogFeed a
{
color: #5C8727;
position: absolute;
bottom: 12px;
right:0; 
text-decoration: none;
}

#blogFeed .h2 a
{
color: #5C8727;
position: relative;
bottom: 12px;
right:0; 
text-decoration: none;
}



/* --------------------------------------- */

#forumCalloutContainer,
#forumCallout,
#forumCallout-wrapper
{
float: left;
position: relative;
width: 664px;
height: 230px;
overflow: hidden;
margin: 0px 0px 33px 0px;
background: #fff;
}

#forumCallout-wrapper .panel-wrapper

{
float: left;
position: relative;
margin: 0 !important;
padding: 0 !important;
}

#forumCalloutContainer p.titleLabel
{
position: absolute;
bottom: 0;
left: 0;
z-index: 250;
background: none;
margin-right: 1px;
padding: 6px 12px;  
color: #fff;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
} 

#forumCallout .moduleComponentContainerforumSlider
{

}


#forumCallout .moduleComponentforumSlider
{

}

#forumCallout .bannerImageContainer
{
float: left;
position: relative;
}

#forumCallout a.bannerLink
{

}

#forumCallout img.bannerImage
{

}

#forumCallout p.h2.bannerTitle
{
padding: 0px 0px 5px 0px;
line-height: 52px;
}

#forumCallout a.bannerLink
{

}

#forumCallout .bannerHtmlContent
{

}

#forumCallout a.bannerLinkMask
{

}


/* --------------------------------------- */

#tuhoeTeUruCallout
{
float: left;
position: relative;
width: 664px;
min-height: 230px;
height: auto;
overflow: visible;
margin: 0px 0px 33px 0px;
background: #fff;
}

#tuhoeTeUruCallout .moduleComponentContainertuhoeTeUruCallout
{

}

#tuhoeTeUruCallout .moduleComponenttuhoeTeUruCallout
{

}

#tuhoeTeUruCallout .bannerImageContainer
{
float: left;
position: relative;
}

#tuhoeTeUruCallout a.bannerLink
{

}

#tuhoeTeUruCallout img.bannerImage
{

}

#tuhoeTeUruCallout p.h2.bannerTitle
{
margin: 0;
padding: 0px 0px 5px 0px;
text-transform: capitalize;
line-height: 52px;

float: right;
position: relative;
width: 405px;
text-indent: 0px;
background: none;
}

#tuhoeTeUruCallout p.h2.bannerTitle a
{
color: #5C8727;
text-decoration: none;
}

#tuhoeTeUruCallout .bannerHtmlContent
{
float: right;

position: relative;
width: 405px;
}

#tuhoeTeUruCallout a.bannerLinkMask
{

}


/* --------------------------------------- */


#ourStoriesSliderContainer,
#ourStoriesSlider,
#ourStoriesSlider-wrapper
{
float: left;
position: relative;
width: 664px;
height: 230px;
overflow: hidden;
margin: 0px 0px 33px 0px;
background: #fff;
}

#ourStoriesSlider-wrapper .panel-wrapper
{
float: left;
position: relative;
margin: 0 !important;
padding: 0 !important;
}

#ourStoriesSliderContainer p.titleLabel
{
position: absolute;
bottom: 0;
left: 0;
z-index: 250;
background: none;
margin-right: 1px;
padding: 6px 12px;  
color: #fff;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
} 

#ourStoriesSlider .moduleComponentContainerourStoriesSlider


{

}

#ourStoriesSlider .moduleComponentourStoriesSlider
{

}

#ourStoriesSlider .bannerImageContainer
{

}

#ourStoriesSlider a.bannerLink
{

}

#ourStoriesSlider img.bannerImage
{
float: left;
position: relative;
height: 350px;
}

#ourStoriesSlider p.h2.bannerTitle
{
padding: 0px 0px 5px 0px;
line-height: 52px;
}


#ourStoriesSlider p.h2.bannerTitle a
{

}

#ourStoriesSlider .bannerHtmlContent
{

}

#ourStoriesSlider a.bannerLinkMask
{

}


/* --------------------------------------- */

#iwiRegistrationCallout 
{
float: left;
position: relative;
width: 664px;
min-height: 230px;
height: auto;
overflow: visible;
margin: 0px 0px 33px 0px;

background: #fff;
}

#iwiRegistrationCallout .moduleComponentContaineriwiRegistrationCallout
{

}

#iwiRegistrationCallout .moduleComponentiwiRegistrationCallout
{

}

#iwiRegistrationCallout .bannerImageContainer
{
float: left;
position: relative;
}

#iwiRegistrationCallout a.bannerLink
{

}

#iwiRegistrationCallout img.bannerImage
{

}

#iwiRegistrationCallout p.h2.bannerTitle
{
position: relative;
margin: 0;
padding: 0px 0px 5px 0px;
text-transform: capitalize;
line-height: 52px;
float: right;
width: 405px;
text-indent: 0px;
background: none;
}

#iwiRegistrationCallout p.h2.bannerTitle a
{
color: #5C8727;
text-decoration: none;
}

#iwiRegistrationCallout a.bannerLink
{

}

#iwiRegistrationCallout .bannerHtmlContent
{
float: right;
position: relative;
width: 405px;
}




#iwiRegistrationCallout a.bannerLinkMask
{

}


/* --------------------------------------- */

#pageEditorContent
{
float: left;
position: relative;
width: 94%;
padding: 0% 3%;
margin: 0px 0px 0px 0px;
}

#home #pageEditorContent
{
margin: 0px 0px 23px 0px;
}

#default.leftColumn #pageEditorContent
{
float: left;
position: relative;
width: 94%;
padding: 0% 3%;
margin: 0px 0px 0px 0px;
}

#default.marae #pageEditorContent
{
float: left;
position: relative;
width: 94%;
padding: 0% 3%;
margin: 0px 0px 0px 0px;
}

#default.noLeftCol #pageEditorContent
{
float: left;
position: relative;
width:835px;
margin: 0px 0px 0px 0px;
background: none;
}

#default.noLeftCol.leftColumnNoRightNav #pageEditorContent
{
float: left;
position: relative;
width:940px;
margin: 0px 0px 0px 0px;
background: none;
}

.noRightColFullWidth #pageEditorContent
{
float: left;
position: relative;
width: 100%;
padding: 20px 0px;
background: url(http://www.ngaituhoe.iwi.nz/images/style/full_width_bg.png);
}

.noRightCol #pageEditorContent
{
float: left;
position: relative;
width: 100%;
padding: 20px 0px;
background: url(http://www.ngaituhoe.iwi.nz/images/style/full_width_bg.png);
}



/* --------------------------------------- */

#footerBreadcrumbs
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #e0e0e0;
line-height: 54px;
color: #9da355;

float: left;
position: relative;
width: 94%;
padding: 0% 3%;
margin: 0px 0px 0px 0px;
}

#footerBreadcrumbs a
{
text-decoration: none;
color: #9da355;
}

#footerBreadcrumbs a:hover
{
color: #5c8727;
}

a.textBackToTop
{
display: none;
}

/* --------------------------------------- */

#footer
{
}


/* --------------------------------------- */

#footerContacts
{
float: right;
position: relative;
width: 352px;
height: 546px;
padding: 52px 22px 22px 22px;
margin: 51px 0px 0px 0px;
background: #9aa05d;
}

#footerContacts p.h3
{
color: #fff;
}


#footerContacts .moduleComponentContainerfooterContacts
{

}

#footerContacts .moduleComponentfooterContacts
{
float: left;
position: relative;
width: 50%;
margin: 12px 0px 0px 0px;
font-size: 12px;
}

#footerContacts .moduleComponentfooterContacts p.h2.bannerTitle
{
font-size: 13px;
text-transform: none;
font-family: 'aller_lightregular', sans-serif;
font-size:15px;
color:#262626;
font-weight: bold;
margin: 0;
line-height: 52px;
}

#footerContacts .moduleComponentfooterContacts .bannerHtmlContent
{

}

#footerContacts .moduleComponentfooterContacts .bannerHtmlContent p
{
margin: 0;
}

#footerContacts .moduleComponentfooterContacts .bannerHtmlContent p span
{

}

#footerContacts .moduleComponentfooterContacts .bannerHtmlContent a
{
text-decoration: none;
color:#262626;
}


#footerContacts .moduleComponentfooterContacts .bannerHtmlContent a.clickToHereLink
{
color: #cfd2a6;
text-decoration: underline;
}

#footer
{

}

#footer #socialMediaIcons
{
float: none;
position: relative;
margin: 0 auto 0px;
width: 100%;
bottom: 0px;
left: 0;
z-index: 9999;
text-align: left;
}

#footer #copyright
{
display: inline-block;
width: 94%;
padding: 0 3%;
margin-top: 20px;
color: #9da355;
font-size: 12px;

}

#footer #copyright p
{
margin: 0;
padding: 0;
}

#footer #copyright p a
{
color: #9da355;
}



#footer #socialMediaIcons a.facebookIcon
{
display: none;
}

#footer #socialMediaIcons a.twitterIcon
{
display: none;
}

#footer #socialMediaIcons a.youtubeIcon
{
display: none;
}

#footer #socialMediaIcons a.googlePlusIcon
{
display: none;
}

#footer #socialMediaIcons a.facebookIcon:hover,
#footer #socialMediaIcons a.twitterIcon:hover,
#footer #socialMediaIcons a.youtubeIcon:hover,
#footer #socialMediaIcons a.googlePlusIcon:hover
{
background-color: #fff;
}


/* ----------------Back to top button ---------------- */

#back-top {
display: none !important;
}
#back-top a {
	width: 42px;
height: 42px;
	display: block;
	text-align: center;

	font: 11px/100% 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: 42px;
	height: 41px;
	display: block;
	margin: 0px 0px 0px;
	background: url(http://www.ngaituhoe.iwi.nz/images/style/up_arrow.png) no-repeat top center;
	/* rounded corners */
	-webkit-border-radius: 21px;

	-moz-border-radius: 21px;
	border-radius: 21px;
	/* background color transition */
	-webkit-transition: opacity  1s;
	-moz-transition:  opacity 1s;
	transition: opacity 1s;

box-shadow: 1px 1px 7px -1px rgba(54, 55, 44,0.2);
}

#back-top a:hover span {
box-shadow: 1px 1px 7px -1px rgba(54, 55, 44,1);
background: url(http://www.ngaituhoe.iwi.nz/images/style/up_arrow.png) no-repeat bottom center;
}



/*---- 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: #000;
}

.navCalendarViewLinks span,
.navCategoryLinks span
{
display: none;
}

.navCalendarViewLinks,
.navCategoryLinks
{
position: absolute;
top: 0;
right: 0;
background: #9DA355;
border-radius: 4px;
overflow: hidden;
border: 1px solid #9DA355;
}

.navCategoryLinks
{
right: 260px;
}

.navCalendarViewLinks a,
.navCategoryLinks a
{
display: block;
float: left;
height: 37px;
color: #fff;
font-size: 14px;
}

.navCalendarViewLinks a.bimonthly,
.navCalendarViewLinks a.monthly,
.navCalendarViewLinks a.weekly,
.navCategoryLinks a
{
text-align: center;
width: 120px;
line-height: 37px;
padding: 0px 0px 0px 0px;
background: url(../images/icons/icon_list_view.jpg) 0px 6px no-repeat;
background: none;
text-transform: uppercase;
text-decoration: none;
}


.navCalendarViewLinks a.calendar
{
text-align: center;
width: 120px;
line-height: 37px;
padding: 0px 0px 0px 0px;
background: url(../images/icons/icon_calendar_view.jpg) 0px 6px no-repeat;
background: none;
text-transform: uppercase;
text-decoration: none;
}

.navCalendarViewLinks a:hover,
.navCategoryLinks a:hover
{
background: #5C8727;
color: #fff;
}

.navCalendarViewLinks a.selected,
.navCategoryLinks a.selected
{
background: #fff;
color: #322F31;
}

.navCalendarViewLinks a.selected:hover,
.navCategoryLinks a.selected:hover
{
background: #fff;
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: 99.9%;
margin: 0px 1px;
height: 50px;
line-height: 60px;
font-weight: bold;
text-indent: 20px;
color: #fff;
font-size: 26px;
text-transform: uppercase;
text-align: center;
background: #36372C;
}

#navDateLinks p
{
margin: 0;
padding: 0;
}

#navDateLinks a,

#navDateLinks span.current
{
margin: 0px;
color: #fff;
font-size: 26px;
line-height: 36px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
padding: 0px 10px;
text-decoration: none;
}

#navDateLinks a:hover
{
color: #5C8727;
}


#navDateLinks span.current
{
color: #9DA355;
font-size: 26px;
line-height: 36px;
}

#calendarTable
{
border: none;
margin: 0px 0px;
width: 100%;
border-collapse: collapse;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}

#calendarTable TD{
height:50px;
vertical-align:top;
background-color:#fff;
border: 1px solid #efefef;
border-top: none;
border-collapse: collapse;
}

#calendarTable TD.calendarHeader{
box-shadow: none;
border: none;
}

#calendarTable TD.blank{ border: none; background: url(http://www.ngaituhoe.iwi.nz/images/style/full_width_bg.png); 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:#5C8727;
font-size:14px;
padding:12px;
text-align:center;
height:auto;
color: #FFFFFF;
}

#calendarTable TD.long{ width:15%; }

#calendarTable TD{ font-size:12px;overflow:visible; padding:15px;}


#calendarItems

{
float: left;
position: relative;
width: 100%;
}

.calendarItem:nth-child(even) { background: #FFF }
.calendarItem:nth-child(odd) { background: #FFF}


.calendarItem
{
float: left;
position: relative;
width: 97%;
margin: 0px 0px 0px;
padding: 15px 0px;
border-bottom: none;
}

.calendarItem .title
{
float: none;
position: relative;
width: auto;
padding: 8px 0px 10px;
margin: 0;
font-weight: normal;

margin: 0px;
color: #36372C;
font-size: 26px;
line-height: 36px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
}

.calendarItem .date
{

float: none;
position: relative;
width: auto;
padding: 5px 0px;
font-weight: bold;
font-size: 12px;
color: #5C8727;
text-align: left;
}

.calendarItem .content
{
float: left;
position: relative;
width: auto;

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 25px 0px 0px;
width: 230px;
}

.calendarItem .calendarImage img
{
position:relative;
border-radius: 0px;
width: 230px;

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;
}
              
/*--------------------------------------------------*/

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: right;
width: 100%;
background: none;
border: none;
margin: 15px 0px 0px 0px;
padding: 0px;
border-radius: 0px;
border-top: 1px solid #e0e0e0;
}

#alertForm
{
border-top: none;
}

#alertForm td
{
padding: 0;
}

body.iframe #emailForm #formTable
{
margin: 10px 0px 0px -30px;
}

#emailForm > table,
#subscribeForm > table,
#surveyTable > table,
#alertForm > table,
#registrationForm > table,
#passwordReminder
{
width: 100%;
margin:   35px 0% 0px 0px;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 25px solid #F7F7F7;
}


#emailForm table tr:nth-child(even) ,
#subscribeForm table tr:nth-child(even) ,
#surveyTable table tr:nth-child(even) ,
#alertForm table tr:nth-child(even) ,
#registrationForm tr:nth-child(even) ,
#emailForm table tr:nth-child(odd),
#subscribeForm table tr:nth-child(odd),
#surveyTable table tr:nth-child(odd),
#alertForm table tr:nth-child(odd),
#registrationForm table tr:nth-child(odd)
{
background: #F7F7F7;
}

#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: none;
}

body.iframe #emailForm,
body.iframe #pageSource p {
color: #8e8e8e;
}

body.iframe #emailForm #formTable
{
width: 100%;
background: none;
border: none;
padding: 0px;
border-radius: 0px;
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:30%;
vertical-align: top;
color: #333;
line-height: 36px;
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: 30%;
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: 65%;
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: #333;

width: 100%;
margin:   10px 0% 10px 0px;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid #ff0000;

}

#alertForm td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup td{
margin: 0px !important;
border: 0px;
padding: 0px;
}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px ;
color:  #80BA26;


}

span.required
{
font-weight: bold;
color:  #5c8727;
}

table.ftable td{ vertical-align:top; padding:0px;}



table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }
table.ftable td.fcolumn{ text-align:left; }

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:96%;
float: right;
padding:  2%;
margin: 4px 0px 5px;
border-radius: 3px;
}

.fphcodetxt
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:10%;
float: left;
padding:  2%;
margin: 4px 10px 5px 0px;
border-radius: 3px;
}

select.fsel
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:96%;
padding:  2%;
margin: 4px 0px 5px;
border-radius: 3px;
}

.fphtxt
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;

font-size: 14px;
width:63%;
padding:  2%;
margin: 4px 0px 5px;
border-radius: 3px;
}

.fdate.hasDatepicker
{
float: left;

width: 48%;
}

.fdate.hasTimepicker
{
float: left;
width: 48%;
}

#ui-timepicker-div
{
z-index: 2000;
margin: -43px 0px 0px -2px !important;
}

select.fseldate
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:auto;
padding:  2%;
margin: 4px 10px 5px 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 #FCB714;}


input.fdate{width:150px; }
input.fstxt{width:50px; }

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: #5c8727;
border: none;
font-size: 14px;
padding: 8px;
width: 100px;
cursor: pointer;
border-radius: 3px;
text-transform: uppercase;
margin: 10px 0px 0px 0px;
color: #fff;
-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.buttonBar input:hover, 

.buttonBar input.fsub:hover, 
.buttonPanel input.fsub:hover, 
input.fsub:hover
{
background: #9da355;
color: #fff;

}


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;
}



/* --------- 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: 14px;
padding: 8px;
border-radius: 4px;
width: 250px;
margin: 0px 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: #FFF }

.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: #5C8727;
}


.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading
{
position:relative;

background: #5C8727;
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;
}



/*-------------------------------------------------*/

/* Listing */

#rssIcon
{
position: absolute;
top: 14px;
left: 80px;
}


ul.leftModuleNavigation li:before
{
content:"" !important; 

}

#maraeSectionSubNavigation
{
display: none;
}

#moduleItemsListing.moduleListingWithLeftCol,
#moduleItemCategories.moduleListingWithLeftCol
{
float: none;
position: relative;
width: 100%;
background: none;
}

#moduleItemsListing .moduleItemsListingItem,
#moduleItemCategories .moduleItemsListingItem
{
float: none;
position: relative;
width: 100%;
margin: 0 0 0 0;
clear: both;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem,
#moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
#moduleItemsListing.moduleItemsListingMediaWatch .moduleItemsListingItem,
#moduleItemCategories.moduleItemsListingMediaWatch .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0px 0px 40px 0px;
margin: 0 0 2% 0;
}



#moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem,
#moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0px 0px 40px 0px;
margin: 0 0 2% 0;
}

.marae #moduleItemCategories .moduleItemsListingItem{
width: 100%;
}

#moduleItemsListing .moduleItemsListingItem a,
#moduleItemCategories .moduleItemsListingItem a
{
color: #5c8727;
text-decoration: none;
}

#moduleItemsListing .moduleItemsListingItem a:hover,
#moduleItemCategories .moduleItemsListingItem a:hover
{
color: #cfd2a6;
}

.moduleItemImage
{
float: left;
position: relative;
width: 30%;
margin: 0px;
}

.moduleItemImage a
{
float: left;
position: relative;
width: 100%;
}

.moduleItemImage a img
{
width: 100% !important;

}

#moduleItemsListing .moduleItemsListingItem .header
{

}

#moduleItemsListing .moduleItemsListingItem .ratingContainer
{
}

#moduleItemsListing .moduleItemsListingItem .title,
#moduleItemCategories .moduleItemsListingItem .title
{
float: left;
width: 100%;
margin-left: 2%;
}

#moduleItemsListing .moduleItemsListingItem .date,
#moduleItemsListing .moduleItemsListingItem .date
{
float: left;
width: 100%;
margin-left: 2%;
}

#moduleItemsListing .moduleItemsListingItem .moduleItemContent,
#moduleItemCategories .moduleItemsListingItem .moduleItemContent
{
float: left;
position: relative;
width: 63%;
margin: 0 0 0 2%;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
#moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
#moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
#moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent
{
float: left;
position: relative;
width: 63%;
margin: 0 0 0 2%;
}

#moduleItemsListing.moduleItemsListingMediaWatch .moduleItemsListingItem .moduleItemContent{
width: 63%;
margin: 0 0 0 2%;
}

#moduleItemsListing.moduleItemsListingMediaWatch .moduleItemsListingItem .moduleItemContent{
width: 63%;
margin: 0 0 0 2%;
}
#moduleItemsListing.moduleItemsListingMediaWatch .moduleItemsListingItem.noImage .moduleItemContent{
width: 63%;
margin: 0 0 0 2%;
}


#moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
#moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent
{
float: left;
position: relative;
width: 63%;
margin: 0 0 0 2%;
}

.paginator
{
text-align: right;
}

#authorBiography
{
float: left;
position: relative;
background: #F7F7F7;
padding: 25px;
margin: 0px 0px 33px 0px;
}

#authorBiography .title
{
margin: 0px 0px;
color: #9DA355;
font-size: 32px;
line-height: 42px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#authorBiography #moduleItemContent
{

}

#authorBiography .moduleItemImage
{
float: right;
margin: -55px 0px 0px 20px;
}

#pageEditorContent h3.articlesWrittenBy
{
margin: 10px 0px;
padding: 0;
color: #262626;
background: none !important;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#authorBiography .moduleItemImage img.main
{

}

#authorBiography p
{

}

.moduleItemsListingItem
{
position: relative;
float: left;
width: 100%;
bottom: 0px;
right: 0;
line-height: 25px;
border-top: none;
padding: 5px 0px 0px 0px;
}


#moduleItemsListing .moduleItemsListingItem .tagContainer
{

}

#moduleItemsListing .moduleItemsListingItem .commentContainer
{

}

#moduleItemsListing .moduleItemsListingItem .readMore,
#moduleItemCategories .moduleItemsListingItem .readMore
{
position: relative;
float: left;
width: 100%;
bottom: 0px;
right: 0;
line-height: 25px;
border-top: none;
padding: 5px 0px 0px 0px;

}

#moduleItemsListing .moduleItemsListingItem .readMore a
{
display: inline-block;
float: right;
color: #5c8727;
line-height: 25px;
text-decoration: none;
margin: 0px 0px 0px 10px;
}

#moduleItemsListing .moduleItemsListingItem .readMore a:hover
{
color: #cfd2a6;
}


.ratingContainer
{
position: relative;
height: 20px;
width: auto;
float: none;
padding:  20px 0px 0px 10px;
}

#comments .comment .commentLinksContainer
{
position: relative;
height: 20px;
width: 150px;
float: right;
}

.commentContainer
{
float: left;
position: relative;
width: auto;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px -10px;
min-height: auto;
line-height: 18px;
background: none;
}

.commentContainer a
{
text-decoration: none;
color: #969696;
}


#comments .comment .replyLink,
.thumbsUp,
.thumbsDown,
.thumbsUpRating,
.thumbsDownRating{
position: relative;
float: none;
display: inline-block;
margin: 0px 3px;
width: auto;
}

.comment span.name
{
margin: 10px 0px;
color: #262626;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
font-weight: normal;
font-family: 'LunchBox',arial;
}


#comments .comment .replyLink{
position: relative;
text-decoration: none;
}

.thumbsUp{
display:inline-block;
width: 15px;
height: 15px;
cursor:pointer;
background: url(http://www.ngaituhoe.iwi.nz/images/icons/thumbs.png) bottom left no-repeat;
}

.thumbsDown{
display:inline-block;
width: 15px;
height: 15px;
cursor:pointer;
background: url(http://www.ngaituhoe.iwi.nz/images/icons/thumbs.png) bottom right no-repeat;
}

.thumbsUp.clicked{
background-position: top left;
}
.thumbsDown.clicked{
background-position: top right;
}

#tagContainer
{
display: none;
}

/* Details */

.textModuleItem 
{
float: left;
position: relative;
width: 100%;
margin: 0px;
}

#default.marae .textModuleItem 
{
float: left;
position: relative;
width: 100%;
margin: 0px;
padding: 0px;
}

.textModuleItem .moduleItemImage
{
float: right;
position: relative;
margin: 15px 0px 20px 30px;
box-shadow: none;
}

.textModuleItem .moduleItemImage img
{
}

.textModuleItem #moduleItemContent
{
float: left;
position: relative;
width: 100%;
padding: 25px 0px 0px 0px;
}

.textModuleItem .title
{
margin: 0px 0px 5px;
color: #5c8727;
font-size: 32px;
line-height: 42px;
text-transform: capitalize;
font-weight: normal;
font-family: 'LunchBox',arial;
}

.textModuleItem .date
{
opacity: 0.7;
}

.textModuleItem .readMore
{
text-align: right;
}
.textModuleItem .readMore a
{
margin: 0px 8px 0px 0px;
text-decoration: none;
color: #5c8727; 
}

.textModuleItem .readMore #commentLink
{
float: none;
position: static;
margin: 0px;
border-radius: 0px;
padding: 0px;
background: none;
border: none;
color: #262626;
text-decoration: none;
}


.textModuleItem #blogCommentForm,
.textModuleItem #newsCommentForm{
position: relative;
float: left;
width: 100%;
}

#blogCommentForm td.flabel,
td.fheader
{
text-indent: 0px;
text-align: left; 
}

#blogCommentForm .buttonPanel
{
padding: 0px;
margin: 0px 0px 15px 0px;
}

#blogCommentForm td
{
background: #e9e9e9!important;
padding: 3px 15px;
}

.textModuleItem .readMore #commentLink:hover
{
background: #fff;
color: #9DA355;
border: none;
}

.textModuleItem .readMore a:hover
{
color: #cfd2a6; 
}

.textModuleItem .headerRating
{

}

.textModuleItem .headerRating a
{

}

img.blogTitle
{
float: right;
margin: -40px 10px 30px 0px;
}

.textModuleItem #moduleItemContentInner {
float: left;
position: relative;
width: 95%;
margin: 0px 0px 27px 0px;
}

.textModuleItem .blogHeader
{
float: left;
position: relative;
width: 100%;
}

.textModuleItem .blogHeaderInner
{
position: absolute;
top: 0;
right: 25px;
width: 350px;
text-align: right;
}

.textModuleItem .blogHeaderInner .date
{
float: right;
position: relative;
margin-left: 18px;
padding-left: 18px;
border-left: 1px solid #5e4314;
font-weight: bold;
}

.galleryListItem 
{
margin: 15px 15px 0px 0px;
}

#authorContainer
{
float: left;
position: relative;
width: 100%;
padding:0;
background: none;
}

#authorContainer h3
{
background: none;
margin: 20px 0px 0px 0px;
}

#authorContainer .moduleItemImage
{
float: left;
margin: 10px 20px 0px 0px;
padding: 0;
}

#authorContainer .moduleItemImage img
{
margin: 0;
padding: 0;
}

#authorContainer .content
{
float: left;
position: relative;
font-size: 85%;
clear: both;
}

#authorContainer .content p
{
line-height: 130%;
}

#authorContainer a 
{
float: left;
position: relative;

}

#authorContainer p
{

}


#comments h3
{
float: left;
position: relative;
background: none;
padding: 0px 0px;
}

#comments .comment{
float: left;
position: relative;
margin: 0px 0px 8px 0px;
border-radius: 5px;
padding: 15px 22px;
width: 96%;
padding: 2%;
}

#comments .comment:nth-child(odd)
{
background:#f6f6f0;
}

#comments .comment:nth-child(even)

{
background:#e4e6d1;
}

#comments .comment.level1{
margin-left: 0%;
width: 96%;
}

#comments .comment.level2{
margin-left: 5%;
width: 91%;
}

#comments .comment.level3{
margin-left: 10%;
width: 86%;
}

#comments .comment.level4{
margin-left: 15%;
width: 81%;
}

#comments .comment .date{
position: relative;
float: right;
}

#comments .comment .commentLinksContainer,
.ratingContainer
{
position: relative;
height: 20px;
width: 150px;
float: right;
}


#commentLink
{
float: right;
position: relative;
margin: 10px 0px 10px 0px;
border-radius: 5px;
padding: 8px 15px;
background: #9DA355;
border: 1px solid #9DA355;
color: #fff;
text-decoration: none;
}


#commentLink:hover

{
background: #fff;
color: #9DA355;
border: 1px solid #9DA355;
}

#commentLink
{

}

.comment span.name
{
margin: 10px 0px 0px;


color: #5C8727;
font-size: 20px;

line-height: 34px;
text-transform: capitalize;
font-weight: normal;
font-family: 'LunchBox',arial;
}

#comments .comment .replyLink{
position: relative;
text-decoration: none;
}

.thumbsUp.clicked{
background-position: top left;
}
.thumbsDown.clicked{
background-position: top right;
}


#tagContainer
{
display: none;
}

.moduleItemBlog #facebook
{
float: left;
width: 150px;
margin: 10px 0px 10px 0px;
}

#facebook
{
float: left;
width: 135px;
margin: 10px 0px 10px 0px;
}

#twitter
{
float: left;
width: 89px;
margin: 10px 0px;
}


.pinterest
{
float: left;
width: 60px;
margin: 10px 0px;
display: none;
}


#plusone
{
float: left;
width: 70px;
margin: 10px 0px;
}

#linkedin
{
float: left;
width: 72px;
margin: 10px 0px;
}

a.rssIcon
{
float: left;
display: inline-block;
margin: 7px 12px 0px 0px;
}

a.emailIcon
{
float: left;
display: inline-block;
margin: 7px 8px 0px 0px;
}


#editComment
{
width: 100%;
}

#socialMediaContainer
{
float: left;
position: relative;
width: 100%;
height: 42px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #fff;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

#commentsContainer
{
float: left;
position: relative;
height: auto;
width: 635px;
margin: 0px 0px 15px 24px;
padding: 15px 0px 0px 0px;
}


#commentsContainer h2 a
{
float: right;
margin: 0px 15px 0px 0px;
font-size: 12px;
text-decoration: none;
color: #ef7c00;
}

#commentsContainer h2 a:hover
{
text-decoration: underline;
}

#commentsContainer .rating
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #CCC;
}

#commentsContainer .rating p
{
margin: 0px 0px 10px 0px;
padding: 0;
}


#commentsContainer .rating p.date
{
font-weight: bold;
margin: 0;
padding: 0;
}

#moduleItemBack 
{
display: none;
}

#moduleItemBack a
{
text-decoration: none;
color: #9da355;
}

#moduleItemBack a:hover
{
color: #5c8727;
}


/*-------------------------------------------------*/


.siteSearch
{
float: left;
position: relative;
width:100%;
}


.siteSearch span
{
font-size: 14px;
font-weight: bold;
}

.siteSearch input.fsub
{
border: none;
font-size: 11px;
margin: 0px 3px 10px;
padding: 6px 6px;
cursor: pointer;
}

.siteSearch input.textInput
{
font-size: 11px;
border: 1px solid #ccc;
padding: 6px 6px;
margin: 0px 6px 0px 10px;
}

#searchResultDescription
{
margin: 0px 0px 10px;
}


#searchResultItems .searchResultItem
{
float: left;
position: relative;
width:100%;
margin: 10px 0px 0px 0px;
padding:5px 0px 15px 0px;
border-bottom:1px solid #ccc;
}

#searchResultItems .title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
font-size:16px;
text-transform:none;

}

#searchResultItems .description
{
margin: 8px 0px 15px 10px;
padding:0px 0px 15px 0px;
border-bottom: none;
}



/*-------------------------------------------------*/


#sectionSubNavigation
{
float: left;
position: relative;
width: 398px;
}



#sectionSubNavigation .moduleComponentContainer 
{
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px;
overflow: auto !important;
}

#sectionSubNavigation ul
{
margin: 0;
padding: 0;

}

#sectionSubNavigation ul li
{
margin: 5px 0px;

padding: 0;
}


#sectionSubNavigation ul li a
{
margin: 15px 0px;
color:#9da355;
font-size: 32px;
line-height: 42px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
text-decoration: none;
}

#sectionSubNavigation ul li a span
{

}

#sectionSubNavigation ul li ul
{
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
}

#sectionSubNavigation ul li ul li ul
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 15px;
}

#sectionSubNavigation ul li ul li ul li:before
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
content:"\00bb"; 
}

#sectionSubNavigation a.childSelected 
{

}

#sectionSubNavigation a.menuSelected,
#sectionSubNavigation li.level1 a.menuSelected 
{
padding: 3px 0px;
font-weight: bold;
color: #36372C;
}

#sectionSubNavigation a.menuSelected  span,

#sectionSubNavigation li.level1 a.menuSelected span
{
color: #36372C;
}

#sectionSubNavigation ul li ul li.level1
{
margin: 0px 0px 0px 0px;
}

#sectionSubNavigation ul li ul li.level1 a
{
font-family: 'aller_lightregular', sans-serif;
font-size:14px;
color:#9da355;
line-height: 21px;
padding: 3px 0px 3px 0px;
text-decoration: none;
}

#sectionSubNavigation ul li ul li.level1 ul li
{

text-indent: -15px;
}

#sectionSubNavigation ul li ul li.level1 a.menu
{

}

#sectionSubNavigation ul li ul li.level1 a.childSelected
{

}

#navBar
{
float: left;
position: relative;
width: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px;
}

#navBar.narrow

{
width: 270px;
}

#navBar .navRecentLinks,
#navBar .navCategoryBlogLinks,
#navBar .navDateLinks,
#navBar div
{

}



#navBar span.navheaders
{
margin: 15px 0px;
color:#9da355;
font-size: 32px;
line-height: 42px;
text-transform: none;
font-weight: normal;
font-family: 'LunchBox',arial;
text-decoration: none;
}

#navBar ul
{
margin: 0px 0px 10px 0px;
padding: 0;
}

#navBar ul li
{
margin: 3px 0px 3px 18px;
padding: 0;
}

#navBar ul li a
{
font-family: 'aller_lightregular', sans-serif;
font-size:14px;
color:#9da355;
line-height: 21px;
padding: 3px 0px;
text-decoration: none;
}

#navBar ul li a:hover
{
color:#9da355;
}

