@charset "utf-8";
/*
Stylesheet Name: NZCHET
Theme URI: http://nzchildrenstrust.org.nz/
Description: Original style sheet for NZCHET website..
Version: 1.0
Author: Ilai @ bruvCREATIVE
Author URI: http://bruv.co.nz

Palette:

Anchor: #2e4059
Hover: #
Selected: #e8864b

Lines: #F60

Heading: #2e4059
Paragraph: #2e4059
Purple: #



*/

/************ RESET ******************/

@import url('reset.css');


/************ BODY ******************/

body
{
background:url(../images/header-strip.png) #d7dee1 repeat-x center top;
margin:0px;
}

h1
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
line-height:24px;
margin:0px 0 20px 0;
color:#2e4059;
}

h2
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	margin:0px 0 20px 0;
	color:#2e4059;
}

h3
{

border-bottom:1px solid #2e4059;
padding-bottom:5px;
margin:20px 0;
font-weight:bold;
color:#2e4059;

}

p
{
word-spacing:0.18em;
line-height:20px;
}


a
{
text-decoration:none;	
}

.quote
{
font-style:italic;
letter-spacing:2px;
margin:0px 40px;
}

em
{
font-style:italic;
word-spacing:0.18em;
line-height:20px;
}

/************ HEADER ******************/

#header-block-top
{

margin-left: auto ;
margin-right: auto ;
width:960px;
height:120px;;


}

#header-block-bottom
{

margin-left: auto ;
margin-right: auto ;
width:960px;
height:180px;


}

#logo
{
top:0px;
left:0px;
width:330px;
height:120px;
float:left;
background:url(../images/logo.png) no-repeat;
}

#logo a { 
display: block; 
height: 100%; 
width: 100%; 
}

#menu-space
{
margin-top:55px;
width:610px;
height:30px;
float:right;
}

#header-images
{
	margin-top:-5px;
	float:left;
	width:350px;
	height:180px;
	
}

#mission
{
	float:right;
	width:554px;
	height:132px;
	margin:15px 0 0 0;
	background:url(../images/mission.png) no-repeat;
	
}

/************ MENU SPRITE ******************/


ul#nav{width: 600px; height: 94px; position: relative; margin:0; padding:0; list-style:none; clear:both;}  
#nav li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:10px;}  
#nav li a{background:url(../images/menu-sprite.png) no-repeat; width:100%; height:100%; display:block;}  
  
/* Home Button */  
#nav li.home{width:60px; height:30px;}  
#nav li.home a{background-position:0px 0px;}  
#nav li.home a:hover{background-position:0px -30px;}  
#nav li.home a.selected{background-position:0px -60px;}  

/* About Button */  
#nav li.about{width:85px; height:30px;}  
#nav li.about a{background-position:-70px 0px;}  
#nav li.about a:hover{background-position:-70px -30px;}  
#nav li.about a.selected{background-position:-70px -60px;}  

/* Work Button */  
#nav li.work{width:90px; height:30px;}  
#nav li.work a{background-position:-165px 0px;}  
#nav li.work a:hover{background-position:-165px -30px;}  
#nav li.work a.selected{background-position:-165px -60px;}  

/* Gallery Button */  
#nav li.gallery{width:70px; height:30px;}  
#nav li.gallery a{background-position:-265px 0px;}  
#nav li.gallery a:hover{background-position:-265px -30px;}  
#nav li.gallery a.selected{background-position:-265px -60px;} 

/* Dontation Button */  
#nav li.donation{width:90px; height:30px;}  
#nav li.donation a{background-position:-345px 0px;}  
#nav li.donation a:hover{background-position:-345px -30px;}  
#nav li.donation a.selected{background-position:-345px -60px;}  

/* Contact Button */  
#nav li.contact{width:70px; height:30px;}  
#nav li.contact a{background-position:-445px 0px;}  
#nav li.contact a:hover{background-position:-445px -30px;}  
#nav li.contact a.selected{background-position:-445px -60px;} 

/************ CONTENT ******************/


#content-block
{
	
	width:960px;
	height:auto;
	margin:40px auto;	
	
}

#main
{
	margin:0px;
	width:680px;
	height:auto;
	float:left;
	padding-right:20px;
	
	
	
}

#main ul li
{
	margin:0 0 10px 20px;
	list-style:disc;
	line-height:20px;
}


/************ RIGHT BAR ******************/

#right-bar
{

	margin:0px 0px 0px 0px;
	width:230px;
	height:auto;
	padding-left:20px;
	float:right;
	
	background:url(../images/body-seperator.png) repeat-y left;
	

}

.home-thumbs
{
	margin:10px 0 0 -5px;
	width:230px;
	height:150px;
	background:url(../images/thumbnail-back.png) no-repeat;
	display:block;
}

.home-thumbs img
{
margin:17px 0 0 15px;	
}

.home-thumbs a { 
display: block; 
height: 100%; 
width: 100%; 
}

#all-pics
{
	margin:10px 10px 0 0;
	text-align:right;
}

#right-bar ul li
{
list-style:none;
border-top:1px solid white;
border:1px solid white;
margin:10px 0;
padding:5px 10px;
background-color:#eee;


	
	
}

#right-bar ul li:hover
{
	background-color:#CCF;
}

#right-bar ul a
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	
	color:#2e4059;
}

#right-bar ul li.right-menu-selected
{
	background-color:#CCF;
}

.latest-photos-boxes
{
display:inline-table;
width:200px;
margin:5px
}

.caption
{
margin:-20px 0 0 15px;	
}




/************ FOOTER ******************/


#footer-strip
{
	background:url(../images/footer-strip.png) #d7dee1 repeat-x top;
	
	height:82px;
	width:100%;
	margin:40px 0 0 0;
}

#footer-block
{
	width:960px;
	height:auto;
	margin:0px auto;
}

#footer-menu
{
	margin-top:45px;
	float:left;
	width:500px;
	height:30px;
	
}

#footer-menu li
{
	display:inline;
	margin-right:5px;
}

#footer-menu a
{
	color:#FFF;
	margin-right:14px;
	text-decoration:none;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#footer-menu a:hover
{
color:#ff4040;	
}

#footer-bruv
{
	margin-top:44px;
	float:right;
	width:200px;
	height:30px;
	text-align:right;
}

#footer-bruv a
{
color:#09F;
text-decoration:none;
}
#footer-bruv a:hover
{
color:#C30;
}