/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* { margin: 0; padding: 0; }
body { color: #333; font-size: 62.5%; margin-bottom: 40px; font-family: Helvetica, Arial, sans-serif; }
html { background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { outline:none; color:#005221;}
.clear { clear:both; }
.hide { position:absolute; left:-9999px; }
.hideText { text-indent:-9999px; }
span.clear, p.clear { display:block; overflow:hidden; height:0; margin:0; padding:0; }
.alignTextRight { text-align:right; }
.alignTextCenter { text-align:center; }
/*.aligntextJustify{text-align:justify;}*/
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#25702a; color:#fff;/* To Specify */ }
.noPadding { padding:0; }
.noMargin { margin:0; }
.noIndent { margin-left:0; padding-left:0; }
.noBullet { list-style:none; list-style-image:none; }
.noBorder { border-top:none; border-right:none; border-bottom:none; border-left:none; }
.separatorLine { line-height:1px; clear:both; display:block; border-top:1px solid #ededed; margin:5px 0; padding:5px 0; }
.sweeper { width:100%; clear:both; line-height:1%; margin:0; padding:0; }
.imgLeft { float:left; margin:0 10px 0; }
.imgRight { float:right; margin:0 0 0 10px; }
.floatLeft { float:left; }
.floatRight { float:right; }
/* CONTAINER
----------------------------------------- */
#BgContainer { background:url(../images/NTimages/containerBg.jpg) top center repeat-y; overflow:hidden;/*padding-left:14px;*/ width:100%; }
#Container { margin:0 auto; width:901px; position:relative; /*padding-right:14px;*/ }
.typography { border-bottom:solid #fff 1px; overflow:hidden; width:901px; }
#home .typography { background:url(../images/NTimages/contentBg.gif) top center repeat-y;}
#ContentMain { float:left; padding:32px 0 0 24px; width:300px; }
	#home #ContentMain {width:264px; }
	#contact #ContentMain, #Security #ContentMain {padding:32px 0 0 250px;}
	#contact #ContentMain {padding-bottom:20px;}
#ContentMaori { float:left; margin:32px 0 0 24px; width:300px; }
	#home #ContentMaori {width:264px; }
	#ContentMain.oneColumn, #contact #ContentMain, #Security #ContentMain {width:624px;}
	#contact #ContentMaori, #Security #ContentMaori {width:0;margin:0;}
/*#home #ContentMain, #home #ContentMaori {float:left;}*/
#ContentBottom { float:right;margin:0 24px 0 0;width:624px; }
	#home #ContentBottom { float:left; width:601px; margin:24px 0 0; }#ContentBottom div.contentSection { background:#b2cbbc url(../images/NTimages/contentBottomTitiroBg.jpg) repeat-y; float:left; width:601px; margin-top:20px;}
#ContentBottom div.contentSection div {margin:0 0 20px 30px;}
#ContentBottom div.contentSection h3#titiro { background:#005221 url(../images/NTimages/titiro.gif) 7px 10px no-repeat; float:left; height:80px; margin:0 16px 0 0; text-indent:-9999px; width:34px; }
#fade { height:426px; }
/* HEADER
----------------------------------------- */
#Header { background:url(../images/NTimages/headerBg.jpg) no-repeat; height:100px; width:901px; }
#Header h1 { }
#Header h1 a { background:url(../images/NTimages/NgaiTauiraLogo.gif) no-repeat; display:block; float:left; height:67px; margin:14px 0 0 31px; text-indent:-9999px; width:402px; }
#Header p { text-indent:-9999px; }
#logoicon { background:url(../images/NTimages/logoIcon.jpg) no-repeat; height:569px; position:absolute; width:248px; left:-248px; top:37px; }
#VUWlogo { }
#VUWlogo a { background:url(../images/NTimages/VUWlogo.jpg) no-repeat; float:right; display:block; height:49px; margin:31px 41px 0 0; width:210px; }
/* MAIN NAVIGATION - TABS
----------------------------------------- */
	 ul#Navigation { background:#005221; clear:both; height:37px; width:901px; }
ul#Navigation li { float:left; display:inline; }
ul#Navigation li a { background:url(../images/NTimages/nav.gif) no-repeat; display:block; height:36px; text-indent:-9999px; }
ul#Navigation li.home a { background:url(../images/NTimages/navHome.gif) no-repeat; height:163px; position:absolute; width: 34px; top:137px; left:-34px; }
ul#Navigation li.home a:hover { background-position:top right; }
ul#Navigation li.about-us a { width:96px; }
ul#Navigation li.about-us a:hover { background-position: left -36px; }
ul#Navigation li.about-us a.section, ul#Navigation li.about-us a.current { background-position: left -72px; }
ul#Navigation li.executives a { background-position: -96px top; width:134px; }
ul#Navigation li.executives a:hover { background-position: -96px -36px; }
ul#Navigation li.executives a.section, ul#Navigation li.executives a.current { background-position: -96px -72px; }
ul#Navigation li.official-documents a { background-position: -230px top; width:178px; }
ul#Navigation li.official-documents a:hover { background-position: -230px -36px; }
ul#Navigation li.official-documents a.section, ul#Navigation li.official-documents a.current { background-position: -230px -72px; }
ul#Navigation li.events a { background-position: -408px top; width:79px; }
ul#Navigation li.events a:hover { background-position: -408px -36px; }
ul#Navigation li.events a.section , ul#Navigation li.events a.current { background-position: -408px -72px; }
ul#Navigation li.links a { background-position: -487px top; width:98px; }
ul#Navigation li.links a:hover { background-position: -487px -36px; }
ul#Navigation li.links a.section, ul#Navigation li.links a.current { background-position: -487px -72px; }
ul#Navigation li.gallery a { background-position: -585px top; width:97px; }
ul#Navigation li.gallery a:hover { background-position: -585px -36px; }
ul#Navigation li.gallery a.section, ul#Navigation li.gallery a.current { background-position: -585px -72px; }
ul#Navigation li.maori-graduation a { background-position:-682px top; width:122px; }
ul#Navigation li.maori-graduation a:hover { background-position:-682px -36px; }
ul#Navigation li.maori-graduation a.section, ul#Navigation li.maori-graduation a.current { background-position:-682px -72px; }
ul#Navigation li.contact a { background-position:-804px top; width:97px; }
ul#Navigation li.contact a:hover { background-position:-804px -36px; }
ul#Navigation li.contact a.section, ul#Navigation li.contact a.current  { background-position:-804px -72px; }
ul#Navigation li a span { }
ul#Navigation li a:hover { cursor: pointer; }
ul#Navigation li a:hover span { cursor: pointer; }
ul#Navigation li a.current,  ul#Navigation li a.section,  ul#Navigation li a.section:hover,  ul#Navigation li a.current:hover { }
ul#Navigation li a.current span,  ul#Navigation li a.section span,  ul#Navigation li a.section:hover span,  ul#Navigation li a.current:hover span { }
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { }
/* ContentSub
-------------------------------------- */
#ContentSub { float: left; width:230px; }
	#home #ContentSub { width:276px; }
#home #ContentSub { float: right; width:299px; }
#contact #ContentSub {position:absolute;right:0;top:230px;width:300px;}
#ContentSub h2#headingWhiti { background: url(../images/NTimages/whiti.gif) no-repeat; height:22px; margin-top:12px; margin-bottom:12px; text-indent:-9999px; width:88px; }
/* MENU2 
---------------------------------------- */
ul#Menu2 {margin:0;}
ul#Menu2 li {margin:0; list-style: none; }
  ul#Menu2 li a { border-bottom:1px solid #005221;color:#005221;display:block;font-size:1.1em;line-height:20px;padding:10px 0;text-transform:uppercase;width:230px; }
ul#Menu2 li em { padding-left:20px; display: block; }
ul#Menu2 li li em { padding-left: 0; }
/* Level 1 
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul#Menu2 li a:hover,  ul#Menu2 li a.current,  ul#Menu2 li a.current:hover { background: #c3d6ca; cursor: pointer; text-decoration: none; }
		ul#Menu2 em, ul#Menu2 a {font-style:normal; text-decoration:none; }
ul#Menu2 li a.current {  background-color:#e5ede8;}
ul#Menu2 li a.section,  ul#Menu2 li a.section:hover { background: #DCDCDC; font-weight: 700; width: 230px; }
ul#Menu2 li a.levela:hover span,  ul#Menu2 li a.current span,  ul#Menu2 li a.section span,  ul#Menu2 li a.section:hover span,  ul#Menu2 li a.current:hover span { }
ul#Menu2 li a.levela:hover em,  ul#Menu2 li a.current em,  ul#Menu2 li a.section em,  ul#Menu2 li a.section:hover em,  ul#Menu2 li a.current:hover em {}
ul#Menu2 li ul { height: 100%; position: relative; margin: -4px 0 0 0; width: 230px; padding: 4px 0 10px 0; background: #DCDCDC; }
ul#Menu2 li ul li { width: 160px; background: #DCDCDC; padding: 0; font-size: 0.8em; display: inline; margin: 0; }
ul#Menu2 li ul li ul { background: #DCDCDC; margin-left: 0; }
ul#Menu2 li li a.current,  ul#Menu2 li li a.section,  ul#Menu2 li li a.section:hover,  ul#Menu2 li li a.current:hover { color: #555; font-weight: 700; background: #DCDCDC; }
ul#Menu2 li li ul { margin: 0 0 0 10px; padding: 0; width: 175px; }
ul#Menu2 li li ul .roundWhite { margin-bottom: -10px; }
/* Sub Menu */
      		ul#Menu2 li a.levelb { font-size: 1.7em; text-indent: 8px; width: 188px; background: transparent; margin-left: 10px; }
ul#Menu2 li a.levelb:hover,  ul#Menu2 li li a.current,  ul#Menu2 li li a.current:hover,  ul#Menu2 li li a.section,  ul#Menu2 li li a.section:hover { background: #DCDCDC; text-decoration: none; display: block; color: #fff; }
ul#Menu2 li a.levelb:hover span,  ul#Menu2 li li a.current span,  ul#Menu2 li li a.current:hover span,  ul#Menu2 li li a.section span,  ul#Menu2 li li a.section:hover span {display: block; width: 100%; height: 100%; }
ul#Menu2 li a.levelb:hover em,  ul#Menu2 li li a.current em,  ul#Menu2 li li a.current:hover em,  ul#Menu2 li li a.section em,  ul#Menu2 li li a.section:hover em { display: block; width: 100%; height: 100%; }

/* COMMENTS
---------------------------------------- */
#CommentHolder ul { list-style: none; margin: 20px 0; }
#PageComments li { margin: 5px 0; padding: 1px; width: 88%; }
#PageComments li.odd { background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%; padding-left: 40px; padding-right: 10px; border-bottom: 2px solid #BCE4FE; }
#PageComments li.even { background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%; padding-right: 40px; padding-left: 10px; }
#PageComments li.odd p.info { color: #3AA0C3; }
.actionLinks li { display: inline; border-right: 1px solid; }
.actionLinks li a { padding-right: 3px; font-size: 10px; }
.actionLinks li.last { border-right: none; }
.commentrss { background: transparent url(../images/feed-icon-14x14.png) no-repeat; padding-left: 20px; font-size: 1.1em; line-height: 1.6em; }
#PageCommentsPagination p { text-align: center; font-size: 1.2em; }
#PageComments p { font-size: 1em; }
#PageComments p.info { color: #999; margin: 0px; padding: 0; line-height: 1em; font-size: 0.9em; }
/* STAFF STYLES FOR EXECUTIVES PAGES
------------------------------------------------ */
ul#StaffList {margin:0;}
	#StaffList li {list-style:none;margin:0 0 30px 0;}
	#StaffList img {float:left; margin:0 20px 0 0;}
	#StaffList p {margin:0 0 2px;}
	#StaffList p span {display:block;float:left;width:74px;}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults { margin: 10px 0; }
ul#SearchResults li { list-style: none; margin: 5px 0; font-size: 1em; }
/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm { float: right; width: 240px; margin: 5px; }
html #SearchForm_SearchForm .middleColumn { float: left; width: 164px; margin: 0 5px 0 0; padding: 2px; background-color: #51a9df; }
html #SearchForm_SearchForm .middleColumn input.text { width: 160px; border: none; color: #666; }
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results { float: left; margin-top: 2px; }
/* MESSAGEBOXS
--------------------------------------------- */
.message { margin: 15px; padding: 5px; width: 92%; color: #979908; border: 4px solid #F7F8B4; background: #FFFFEA; }
span.middleColumn .message { margin: 4px 0 0 3px; }
.required { margin: 4px 0 0 3px; padding: 5px; width: 92%; color: #DC1313; border: 4px solid #FF7373; background: #FED0D0; }
p#Remember label { margin: -24px 0 0 20px; text-align: left; }
.entry { border-bottom: 1px solid #eee; }
.typography #Content p.authorDate { color: #444; margin-top: -15px; }
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm { min-height:100px; }
#Unsubscribe_MailingListForm_MailingListForm p { margin:0 !important; padding:10px; }
#Unsubscribe_MailingListForm_MailingListForm p label { display: inline; }
#Unsubscribe_MailingListForm_MailingListForm label { margin:0; }
/* FOOTER
----------------------------------------------- */

#Footer { background:#fff url(../images/NTimages/footerBg.jpg) no-repeat; /*height: 71px;*/ margin:0 auto; overflow:hidden; padding:60px 0 0 0; width:957px;/*padding-right:14px;*/ }
#Footer p { padding:0 69px 0; color:#b9b9b9; font-size:10px; }
#Footer p a { color:#b9b9b9; font-size:10px; }
#Footer a { text-decoration: none; color:#b9b9b9; font-size:12px; letter-spacing:.04em; }
#Footer a:hover { text-decoration: underline; }
#Footer ul { clear:both;   height:40px; text-align:center; }
#Footer ul li { display:inline; }
#Footer ul li a { border-right:solid 1px #b9b9b9; padding: 0 8px; text-transform:uppercase; }
#Footer ul li.contact a { border-right:none; padding-right: 0; }