@charset "utf-8";
/* defaults */

body {
	font: 85% Arial, Verdana, Sans-serif; color: #585858;
}

.hide {display: none}

A {	COLOR: #7c900f; TEXT-DECORATION: none}
A:visited {	COLOR: #7c900f;}
A:hover {	COLOR: #FF9B0B; TEXT-DECORATION: underline}
A:active {	COLOR: #FF9B0B;}

H1, H2, H3, H4 {font-weight: normal; margin: 0; padding: 0; font-style: normal;}
H1 {font-size: 1.6em; letter-spacing: 2px; padding: 0 0 2px 0; margin: 0; color: #002b5d; letter-spacing: 1px;border-bottom: 1px solid #6a130b; margin-bottom: 1em}
H2 {font-size: 1.4em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #585858}
H3 {font-size: 1.2em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #585858}

/* structure */
/* -------------- page structure --------------*/
textarea {width: 90%}
#noLeft {margin: 0px; padding:0 260px 0 0px;}
#noRight {margin: 0}

#contentfw {clear: both}

#container{
	background-color:#fff;
	float:left;
	width:100%;	
	
	border-right:260px solid #fff; /* The width and color of the right rail */
	
	margin-right:-260px;
	display:inline; /* So IE plays nice */
}

#noRight #container {margin-right: 0; border-right: none}


#content{
	float:left;
	width:100%;
	margin-right:-100%; z-index: 3; position: relative;
	line-height: 1.6
}
#sidebarR{
	float:right;
	width:260px;
	margin-right:-260px;
	position:relative;
}

#noRight #content {margin-right: 0}

.innercontent {padding: 15px; margin-top: 0}

#pageContent {padding: 15px 30px 15px 15px; margin-top: 2px;  background: #fff; z-index: 5; overflow: hidden; zoom: 1; line-height: 1.6 }


#header, #footer{
	background-color:#fff;
	margin-right:-260px;
	clear:both;
}
#noRight #header, #noRight #footer {margin-right: 0}


/* header */
#header {height: 86px; background: #fff url(headerBg.gif) repeat-x; margin-bottom: 0px; margin-top: 0px}
#logo {width:207px; height: 56px; position: absolute; top:0px; left:0px; background: url(hewetts_logo_top.gif) no-repeat; z-index: 1000}
#logo A {position: relative; top: 0; left: 0; display: block; width: 201px; height: 52px; text-indent: -9999px}
#tagline {xwidth: 100%; line-height: 1.2; padding-left: 200px; height: 33px; top: 3px; right: 30px; position: absolute; z-index: 998; text-align: right; font-size: 0.9em; overflow: hidden}

/* menu */
/* MENU styling */
#Xenu {position: absolute; top: 57px; left: 185px; height: 26px; color: #fff; z-index: 999; width: 760px}

.menu li {background: url(menuSeparator.gif) no-repeat right center}

.menu, .menu ul li {
	color: #fff;
	background: #022A5D none;
	
	border: none;
}

.menu ul {
	width: 16em; 
}

.menu a {
	text-decoration: none;
	color: #fff;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:link, .menu a:visited {color: #fff}

.menu a:hover, .menu li:hover>a {
	color: #FFDE20 !important; text-decoration: underline;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #fff;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #fff;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/* left */

/* middle */
#pageContent h1 {color: #002b5d; letter-spacing: 1px;border-bottom: 1px solid #6a130b}
#pageContent li {padding-bottom: 5px}
#pageContent form table {margin-top: -20px}
#pageContent img {margin-top: -10px; padding-right: 10px}
#pageContent .indentList {margin-left: 140px}
dl dd {padding-left: 0em}
.formFail, .formSuccess {padding: 5px; font-size: 1.2em; letter-spacing: 1px}
.formFail {background-color: #990000; color: #FFFFFF}
.formSuccess {background-color: #FFFFDD;}
.pageNewsDisplay {padding-bottom: 1em}
.pageNewsDisplay h3 {line-height: 1.4}
.pageNewsDisplay .pageNewsBody {margin: 0; padding: 0; font-size: 0.9em;}

/* right */
#sidebarR {padding-top: 30px}
#sidebarRInner {width: 245px; background: #e9e9e9 url(newsBL.gif) no-repeat left bottom}
#sidebarRTitle {width: 230px; background: #1157aa url(newsTL.gif) no-repeat left top; padding-left: 15px; border-bottom: 1px solid #fff; }
#sidebarRMidTitle {width: 230px; background: #1157aa; padding-left: 15px; border-bottom: 1px solid #fff; }
#sidebarR H2 {letter-spacing: 1px; font-size: 1.2em; background: #1157aa; color: white; line-height: 24px; margin-left: 0; padding-left: 0; }

.newsDisplay {border-bottom: 1px solid #fff; margin: 0 0; font-size: 1em; padding: 15px}
.newsDisplay H3 {margin: 0; padding: 0; font-weight: normal; font-size: 1.0em; letter-spacing:normal; line-height: 1.4}
.newsBody {font-size: 0.8em; margin-top: 5px; padding-top: 0; margin-bottom: 0; color: #585858}

#sidebarRExtra {width: 230px; margin-top: 5px; padding-left: 15px; font-size: 0.9em; margin-bottom: 5px}
#sidebarRExtra p {text-align: left !important; margin-top: 10px; margin-bottom: 10px; margin-right: 15px}
/* footer */
#footer {padding-bottom: 1em; position: relative;}
#footer P {padding: 0 15px; line-height: 1.0em}

#footer h2 {letter-spacing: normal; padding: 0 15px; margin: -5px 0 0 0; font-size: 1em}
#footer .taupo A, #footer .taupo A:visited {font-size: 0.8em; color: #585858; margin-top: 0; padding-top: 0;}

#nav {list-style-type: none; margin: 0; padding:0 0 0 6px; background: #022A5D; border-bottom: 1px solid #000; border-top: 2px solid #fff; height: 1.8em; font-size: 1em}
#nav li {float: left; display: block; font-size: 1.0em; margin: 0; padding: 0}
#nav A, #nav span {display: block; padding: 4px 12px; color: #fff} 
#nav a:hover {color: #FFDE20}


/* admin */
#newsItem input {width: 98%}

.calendarPicker {background: url(calendarIcons.gif);height: 21px; width: 19px; display: block; margin-left: 5px; text-indent: -9989px}
.calendarPicker:hover {background-position: -19px 0}

table {margin: 1em 0 1em 0}
td {padding: 2px 3px}
th {text-align: left}
tr.ruleoff td, tr.ruleoff th {border-bottom: 1px solid #ccc; font-size: 1em; padding-top: 3px; padding-bottom: 5px;}
tr.even, .even {background: #efefef}
tr.odd, .odd {background: #fff}
tr.highlight {background: #FFC}


.group {
border-bottom:1px solid #CCCCCC;
display:inline;
float:left;
margin:0.5em 0;
padding-bottom:1em;
}
.card {
background:#FFFFFF url(cardBg.gif) no-repeat 0 0;
float:left;
height:144px;
margin:1em;
width:245px;
}
div.card:hover {
background-position:0px -144px;
}
.innercard {
font-size:1em;
padding:32px 16px 10px 5px;
}
.photo {
background:#FFF;
border: 1px solid #ccc;
border-top-color: #aaa;
border-left-color: #aaa;
float:right;
height:96px;
width:74px;
}

div.card:hover .photo {border-color: #66A7E3}

.photo img {
overflow:hidden; margin: 0 !important; padding: 2px 0 0 2px !important
}

.card .row {
font-size:1em;
line-height:1.4;
margin:0 80px 0 0;
padding:2px 0 0;
text-align:right;
}
.card .row .position {
font-size:1.1em;
letter-spacing:1px;
line-height:1;
text-transform:uppercase;
}
.card .row em {
font-size:0.7em;
font-style:normal;
letter-spacing:1px;
}
.card .contactT {
display:block;
font-size:0.9em;
padding-top:0.5em;
}
.card .contactE {
display:block;
font-size:0.9em;
}