body{
	background: url(/images/bg-body_gra.gif) no-repeat top left #1e1f21;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	line-height:18px;
}
h6{ font-size:12px;color: #ffffff;margin: 0px;padding: 5px;background-color: #1e1f21;text-transform: uppercase;text-align:center;	letter-spacing:1px;}
.center{ text-align:center;}


/*--------Header --------------------*/
.header{
	margin: 0 auto;
	width: 980px;
	height: 125px;
}
.logo{
	float: left;
	background-image: url(/logo_v4.png) no-repeat center center;
	width: 200px;
	height: 125px;
}
.imageboxes{
	float:left;
	height: 125px;
	width: 400px;
	text-align: right;
	background:#ff0000;
	margin-left:350px;

}

/** ---------------Menu CSS start----------**/


#menuh
	{
	font-size: 12px;
	font-weight: bold;
	width:980px;
	margin:0 auto;
	background:url(http://www.gra.co.nz/StyleSheets/background.png);
	background-color: #CCCCCC;
	height: 38px;
	text-align: left;
	margin:0 auto;

	}
		
#menuh a
	{
	text-align: left;
	display:block;
	margin:0;
	padding: 4px 10px;
	height:28px;
	line-height:28px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #4d4d4d;
	text-decoration:none;

	}	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	text-decoration:none;
	background-color: #ff0000;
	display:block;
	}		

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	text-align: left;
	}

#menuh ul li
	{
	float:left;
	}
#menuh ul li ul li{
	clear:both;
}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	background-color: #cccccc;
	text-align: left;
	}

div#menuh ul li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


	
#content{
	clear:both;
}
#content .container{
	float:left;
	background:#fff;
	width:980px;
}
#content,#footer{
	width:980px;
	margin:0 auto;
}

/* ---------------Content left has two columns -------------------*/
.pagewidthbox{
	float: left;
	width: 760px;
}

/*-------------------column left ---------------------------*/

.columnleft{
	float: left;
	width: 170px;
	padding-bottom: 10px;
	background-color: #f1f1f1;
	margin:2px 0px 0px 2px;
}
.infobox{
	padding-bottom:10px;
	text-align:left;
}
.infobox h4{ font-size:12px;color: #666666; padding:0px 10px;margin:0px; line-height: 18px;font-weight:normal;text-align:left;}

.infobox img{
	margin:6px auto;
}

/*THIS SECTION STYLES THE LEFT COLUMN MENU*/

.menu2 {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align:left;
}
.menu2 li {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.menu2 a {
	border-bottom: 1px solid #cdcdcd;
	color: #393939;
	background: #e3e0e0;
	text-align:center;	
	display: block;
	padding: 8px 16px;
	text-decoration:none;
}
.menu2 a:hover {
	background: #ff0000;
	color: #ffffff;
}   


/* --------------------coloumn right ----------------------*/

.columnright{
	float:left;
	width: 215px;
	text-align: left;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	bottom: 0px;
	padding-bottom: 5px;
	background-color: #f1f1f1;
}

/* ------------Footer Start Here -----------------------*/

#footer{
		background:url(/images/footer_bg.gif) top repeat-x #414141;
		color:#CCCCCC;
		padding:20px 10px 0px 10px;
		margin:0 auto;
		width:960px;
		clear:both;
}
#footer a{
	color:#ccc;
}
.resourcetitle{
	text-align:left;
	height:60px;
}
.resourcetitle span{
	float:left;
	font-size:18px;
}
.resourcesearch{
	float:left;
}

.resourceboxes{
	clear:both;
	padding:0px 0px 0px 107px;
	height:150px;
}
.resourcebox{
	border-right:1px dotted #aaa;
	float:left;
	padding:15px;
	text-align:left;
	width:180px;
	margin:0px;
}
.resourceBottomLinks{
	clear:both;
	margin:0px;
	height:30px;
}
.resourceBottomLinks a{
	float:left;	
	padding-left:70px;
}
.copyright{
	clear:left;
	height:28px;
}