/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

img,fieldset {
	border:none;
}

body, html {
	position:relative;
	height:100%;
}

body {
	text-align:center; /* center #pagewrapper IE 5.x */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background:url(images/greenbar.gif) 0 0 repeat-x;
	color: #454545;
}

#pageWrapper,
#footer {
	width:755px;
	margin:0 auto;
}

#pageWrapper {
	min-height:100%;
}

* html #pageWrapper {
	/* 
		IE6/earlier has no min-height, but will incorrectly 
		treat height as such.
	*/
	height:100%;
}

h1 {
	position:relative;
	width:100%; /* just to trip haslayout */
	padding-top:17px;
	letter-spacing:-6px;
	font:bold 64px/64px verdana,helvetica,sans-serif;
	color:#777;
	background:#C8E608;
}

h1 span {
	color:#FFF;
}

h1 small {
	display:block;
	padding:6px 0;
	letter-spacing:-1px;
	font:bold 14px/14px verdana,helvetica,sans-serif;
	color:#777;
	background:#FFF;
}

h1 b {
	position:absolute;
	top:0;
	left:0;
	width:755px;
	height:107px;
	background:url(images/pt_logo.gif) top center no-repeat;
}

#mainMenu {
	list-style:none;
	margin:12px 0 12px 1px;
	overflow:hidden;
	width:754px;
	text-align:center; /* FF doesn't inherit this properly */
}

#mainMenu li {
	display:inline;
}

#mainMenu a {
	float:left;
	width:110px;
	padding:55px 0 4px;
	margin-left:13px;
	text-decoration:none;
	font:bold 12px/14px verdana,helvetica,sans-serif;
	color:#000;
	background:#fff url(images/mainMenu.jpg) no-repeat;
}

#mainMenu a:active,
#mainMenu a:focus,
#mainMenu a:hover {
	color:#FFF;
}

#mainMenu a.current {
	color:#FFF;
}

#mainMenu a.current:active,
#mainMenu a.current:focus,
#mainMenu a.current:hover {
	color:#C8E608;
}


#mainMenu .home a {
	background-position:0 -74px;
}

#mainMenu .home .current,
#mainMenu .home a:active,
#mainMenu .home a:focus,
#mainMenu .home a:hover {
	background-position:0 0;
}

#mainMenu .coaching a {
	background-position:0 -222px;
}

#mainMenu .coaching .current,
#mainMenu .coaching a:active,
#mainMenu .coaching a:focus,
#mainMenu .coaching a:hover {
	background-position:0 -148px;
}

#mainMenu .psych a {
	padding:42px 0 4px;
	background-position:0 -370px;
}

#mainMenu .psych .current,
#mainMenu .psych a:active,
#mainMenu .psych a:focus,
#mainMenu .psych a:hover {
	background-position:0 -296px;
}

#mainMenu .werkgivers a {
	background-position:0 -518px;
}

#mainMenu .werkgivers .current,
#mainMenu .werkgivers a:active,
#mainMenu .werkgivers a:focus,
#mainMenu .werkgivers a:hover {
	background-position:0 -444px;
}

#mainMenu .talent a {
	background-position:0 -666px;
}

#mainMenu .talent .current,
#mainMenu .talent a:active,
#mainMenu .talent a:focus,
#mainMenu .talent a:hover {
	background-position:0 -592px;
}

#mainMenu .contact a {
	background-position:0 -814px;
}

#mainMenu .contact .current,
#mainMenu .contact a:active,
#mainMenu .contact a:focus,
#mainMenu .contact a:hover {
	background-position:0 -740px;
}

#content {
	text-align:left;
	padding:0 12px 150px;
	/* 
		bottom padding should equal footer height plus the 
		height of your skydiver image, minus any amount you 
		might want to overlap - like say that linked list.
	*/

}

#content p {
	padding-bottom:1em;
}

a {
	font-weight: bold;
	color: #828282;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #C8E608;
	text-decoration: underline;
}

#links
{ 	position:relative;
	bottom: -5px;
	z-index: 10;
	}

#footerWrapper {
	position:relative; /* make sure this depth sorts OVER content */
	height:220px;
	margin-top:-220px;
	overflow:hidden;
	background:url(pix/bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-left:45px;
}


#footer p {
	text-align:left;
	line-height:82px;
	height: 82px;
}

#niplogo {
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:10;
	bottom: 100px;
	right: 15px;
	width: 71px;
	height:75px;
}