/*
-----------------------------------------------
Hokotehi
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	GREEN Styles
Filename:			hokotehi.green.css
Author:				Kent Humphrey / Catch Design Limited (www.catchdesign.co.nz)
Date:					18 April 2008
Updated:			18April 2008 (KAH)
Version:			v.1.0
----------------------------------------------- */



/* GREEN STYLES */
.green img.alignright{float:right;}

.green #primaryNav li a {background: url(../img/primary_nav_green_new.png) no-repeat 0 0;}
.green {color:#CBCBBE;}
.green #container {background: #666600 url(../img/bg_green.png) repeat-x top center;}
.green #container .wrap {background: url(../img/bg_green_header.jpg) no-repeat 0 0;}
.green #container .wrap h1 a {width: 235px; height: 52px; background: url(../img/logo_green_new.png) no-repeat 0 0; margin-top:17px;}
.green #container .wrap #location {background:url(../img/img_green_location.png) no-repeat 0 0;}
.green #primaryNav {background: transparent url(../img/img_green_lines.png) no-repeat bottom left;}
.green #primaryNav .current_page_item,
.green #primaryNav .current_page_ancestor {border-bottom: 1px solid #6E6D4B;}
.green #subNav {margin-left: 81px}

/* Middle column */
.green .shortHeader { width:270px; }
.green ul#chathamLodgelink { background:none; padding:0; margin:0 0 20px 0; }
.green ul#chathamLodgelink li {list-style:none;margin:0;}
.green ul#chathamLodgelink li a { display:block; background:url(../img/btn_chatham_lodge.gif) no-repeat; width:310px; height:26px; text-indent:-5000em; }

#chathamImage { margin:10px 0 0 0; height:213px; width:310px; background:url(../img/bg_green_mid_img.png) no-repeat; }
#chathamImage img { margin:10px; }

/* Gallery */
#chathamGallery { width:310px; padding:5px 0 20px 0; background:#81812B url(../img/bg_green_mid_torn.png) bottom no-repeat; }
#chathamGallery p { color:#2B2B00; font-size:1.2em; padding:0 10px; }
#chathamGallery p a { color:#2B2B00;U }
#chathamGallery h3#pictureGallery { display: block; width:310px; height:18px; margin:0; text-indent:-5000em; background: url(../img/hdr_chatham_gallery.png) no-repeat; }
#chathamGallery ul {margin: 0 0 5px 5px;}
#chathamGallery p { font-size:1.2em; padding:2px 10px; }
#chathamGallery li { display:block; float:left; width:60px; height:50px; background:url(../img/bg_green_gallery_img.png) no-repeat; }
#chathamGallery li a { margin:6px 5px; float:left; display:block; width:50px; height:40px; }

/* sidebar */
.green .tornPanel { background:#333300 url(../img/bg_green_torn_panel.png) bottom no-repeat; }
.green .tornPanel p { color:#CBCBBE; font-size:1.2em; }
.green .tornPanel p a {color:#fff;}
.green .tornPanel .imageWrap { background:url(../img/bg_green_sidebar_pic.png) no-repeat; height:78px; width:310px; }
.green .tornPanel .imageWrap img { margin:10px 10px; }
.green .tornPanel h4 { display: block; width:310px; height:23px; margin:0 0 5px 0; text-indent:-5000em; }
.green .tornPanel h4 a { display: block; width:310px; height:23px; }
.green .tornPanel h4#educationResources { margin:0 0 10px 0; background: url(../img/hdr_education_resources.png) no-repeat; }
.educationResources { padding:0 0 1px 0; background:url(../img/img_computer.png) bottom right no-repeat; }
.educationResources p { width:190px; }
.green .tornPanel h4#chathamLodge { background: url(../img/hdr_chatham_lodge.png) no-repeat; }
.green .tornPanel h4#aboutRekohu { background: url(../img/hdr_green_about_rekohu.png) no-repeat; }

/* flashWidget */
#flashWidget { background:url(../img/bg_green_banner.png) no-repeat; width:645px; height:234px; margin:0 0 15px 0; }
	#flashWidget.big_image {background:url(../img/bg_green_banner_large.png) no-repeat 0 0; height:560px;}
	
#flashWidget img { margin:10px; }

#profilePic { float:right; margin:0 0 10px 15px; background:url(../img/bg_green_mid_img.png) no-repeat; width:310px; height:213px; }
#profilePic img { margin:10px; }


/* footer */
.green #footer {background: #fff url(../img/bg_green_footer_tile.png) repeat-x 0 0;}
.green #footer .wrap {background:url(../img/bg_green_footer.png) no-repeat 0 0;}
.green #footer #hokoBtn {display: none;}
.green #footer #rekohuBtn,
.green #footer #morioriBtn {margin-left:20px;}