/* CSS Document */

/* COLOURS */
.blue { color: #00A0C6; }
.blue75 { color: #4CBDD7; }
.blue50 { color: #80D0E3; }
.blue25 { color: #C0E8F1; }
.blue15 { color: #D9F1F7; }
.blue10 { color: #E6F6FA; }
.blue5 { color: #F3FBFD; }

/* GENERIC STYLES */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #F3FBFD;
	margin: 0px;
}
img { border: 0px; }

a:link { color: #00A0C6; text-decoration: underline; }
a:visited { color: #666666; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

h1 {
	font-size: 16px; line-height: 16px; font-weight: normal;
	padding: 0px; margin-top: 0px; margin-bottom: 15px;
	color: #666666; text-transform: uppercase;
}
h2 {
	font-size: 13px; line-height: 16px; font-weight: bold;
	padding: 0px; margin-top: 0px; margin-bottom: 15px;
	color: #00A0C6;
}
h3 {
	font-size: 11px; line-height: 15px; font-weight: bold;
	padding: 0px; margin-top: 0px; margin-bottom: 5px;
	color: #00A0C6;
}
h4 {
	font-size: 11px; line-height: 15px; font-weight: bold;
	padding: 0px; margin-top: 0px; margin-bottom: 5px;
	color: #000000;
}
p, h5 {
	font-size: 11px; line-height: 15px; font-weight: normal;
	padding: 0px; margin-top: 0px; margin-bottom: 15px;
	color: #666666;
} 
p.smlType { font-size: 9px; line-height: 12px; }

ul, ol { font-size: 11px; line-height: 15px; color: #666666; }
li { margin-bottom: 5px; }


/* PAGE STRUCTURE */
#pg_content {
	width: 760px; height: auto;
	background-image: url(images/win_rpt.gif);
	background-position: center; background-repeat: repeat-y;
	display: block;
}

#pg_type {
	width: 750px;
	padding-left: 5px; padding-right: 5px;
	height: auto;
	background-image: url(images/hdrblend.jpg);
	background-position: 5px 19px; background-repeat: no-repeat;
	display: block;
}

#pg_base {
	width: 750px; padding-left: 5px; padding-right: 5px;
	height: auto; padding-top: 10px;
	position: relative; clear: both;
	background-image: url(images/win_base.gif);
	background-position: center top; background-repeat: no-repeat;
	background-color: #F3FBFD;
	font-size: 9px; line-height: 12px; text-align: right; color: #80D0E3;
	display: block;
}
#pg_base a:link { color: #80D0E3; text-decoration: none; }
#pg_base a:visited { color: #80D0E3; text-decoration: none; }
#pg_base a:hover { color: #00A0C6; text-decoration: underline; }

/* BREAD CRUMB */
#brdCrm {
	width: 740px; padding-left: 5px; padding-right: 5px;
	height: auto; padding-top: 2px; padding-bottom: 2px;
	background-image: url(images/topPanel.jpg);
	background-position: left top; background-repeat: repeat-y;
	font-size: 9px; font-weight: bold; line-height: 15px;
	text-align: left;
	color: #D9F1F7;
	display: block;
}
#brdCrm a:link { color: #C0E8F1; text-decoration: none; }
#brdCrm a:visited { color: #C0E8F1; text-decoration: none; }
#brdCrm a:hover { color: #FFFFFF; text-decoration: underline; }

/* LOGO PANEL */
#logoPanel {
	width: 710px; padding-left: 20px; padding-right: 20px;
	height: 90px;
	position: relative; clear: both;
	display: block;
}
#hcclogo {
	width: auto; height: auto; padding-top: 15px;
	position: relative; float: left;
}
#nclogo {
	width: auto; height: auto; padding-top: 18px;
	position: relative; float: right;
}
#npstagline {
	width: auto; padding-right: 10px;
	height: auto; padding-top: 25px;
	position: relative; float: right;
	text-align: right;
}
#npstagline h1 { padding: 0px; margin: 0px; }

/* PAGE COLUMNS */
#pg_typeArea {
	width: 750px; height: auto;
	position: relative; clear: both;
	text-align: left;
}
#pg_lhCol {
	width: 180px; height: auto; padding-bottom: 5px;
	position: relative; float: left;
}
#pg_midCol {
	width: 365px; height: auto; padding-bottom: 5px; padding-top: 45px;
	position: relative; float: left;
}
#pg_rhCol {
	width: 169px; padding-right: 20px;
	height: auto; padding-bottom: 5px; padding-top: 45px;
	position: relative; float: right;
}

/* SEARCH FIELD */
#searchField {
	width: 160px; padding-left: 20px;
	height: 45px;
	display: block;
}
#searchTitle {
	color: #999999; font-size: 12px; line-height: 12px; font-weight: normal;
	padding: 0px; margin: 0px;
	width: 160px; height: 14px;
	display: block;
}
#searchField form { padding: 0px; margin: 0px; }
#searchForm {
	width: 160px; height: auto;
	position: relative; clear: both;
}
#searchField input.formField {
	width: 125px;
	position: relative; float: left;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 13px; color: #666666;
	text-indent: 2px;
	margin-top: 2px; margin-right: 4px;
}
#searchField a {
	width: 20px; height: 20px;
	position: relative; float: left;
	font-size: 10px; font-weight: bold; line-height: 20px; text-align: center;
	color: #FFFFFF; text-decoration: none;
	background-image: url(images/gobutton.gif); background-position: 0px 0px; background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 0px;
	display: block;
}
#searchField a:hover { background-image: url(images/gobutton_f2.gif); }

/* NAVIGATION */
#navPanel {
	width: 180px; height: auto;
	position: relative; clear: both;
}
#nav {
	width: 180px; padding-top: 10px;
	background-image: url(images/navPanel_rpt.gif);
	background-position: left; background-repeat: repeat-y;
	display: block;
}
#nav_top {
	width: 180px; height: 5px;
	background-image: url(images/navPanel_top.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}
li.nav_break {
	width: 180px; height: 27px; padding-top: 20px;
	position: relative; clear: both;
	background-image: url(images/navPanel_break.gif);
	background-position: left 20px; background-repeat: no-repeat;
	display: block;
}

#nav ul { padding: 0px; margin: 0px; list-style: none; }
#nav li { margin-bottom: 0px; }

#nav a, #copyright {
	width: 122px; padding-left: 20px; padding-right: 38px; height: auto;
	padding-top: 7px; padding-bottom: 5px;
	font-size: 11px; line-height: 15px;
	border-bottom: 1px solid #FFFFFF;
	color: #00A0C6; text-decoration: none;
	display: block;
}
#nav a:hover { color: #000000; }
#nav a.navGrey, #copyright {
	background-image: url(images/navPanel2_rpt.gif);
	background-position: left; background-repeat: repeat-y;
	color: #666666;
}
#nav a.navGrey:hover { color: #000000; }

#nav li.current a {
	color: #000000; text-decoration: none; font-weight: bold;
	background-position: left top; background-repeat: repeat-y;
}
#nav2 li.current a { background-image: url(images/navPanel2_rpt.gif); }

#nav_base {
	width: 180px; height: 7px;
	background-image: url(images/navPanel2_base.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}

#copyright { font-size: 9px; line-height: 12px; color: #666666; border-bottom: 0px; }

/* RECENT PUBS COLUMN */
#recPubPanel {
	width: 169px; height: auto;
	background-image: url(images/recPubPanel_rpt.gif);
	background-position: right; background-repeat: repeat-y;
	margin-bottom: 5px;
	display: block;
}
#recPubPanel_top {
	width: 138px; padding-left: 26px; padding-right: 5px;
	height: auto; padding-top: 10px;
	background-image: url(images/recPubPanel_top.gif);
	background-position: right top; background-repeat: no-repeat;
	display: block;
}
#recPubPanel_container {
	width: 138px; padding-left: 26px; padding-right: 5px;
	height: 332px;
	position: relative; clear: both;
	overflow: hidden;
}
.recPubPanel_content {
	width: 100%;
/* padding-left: 26px; padding-right: 5px; */
	position: relative;
}
#recPubPanel_base {
	width: 169px; height: 3px; padding-top: 5px;
	position: relative; clear: both;
	background-image: url(images/recPubPanel_base.gif);
	background-position: right 5px; background-repeat: no-repeat;
	display: block;
}
#recPubPanel h2, #recPubPanel p, #provServProgPanel h2 { margin-bottom: 10px; }
#provServProgPanel p { margin-bottom: 5px; }
#provServProgPanel h2, #provServProgPanel p { color: #FFFFFF; }
#provServProgPanel a:link { color: #FFFFFF; text-decoration: none; }
#provServProgPanel a:visited { color: #FFFFFF; text-decoration: none; }
#provServProgPanel a:hover { color: #FFFFFF; text-decoration: underline; }
#provServProgPanel {
	width: 169px; height: auto;
	background-image: url(images/provServPanel_rpt.gif);
	background-position: right; background-repeat: repeat-y;
	position: relative; clear: both;
	display: block;
}
#provServProgPanel_top {
	width: 138px; padding-left: 26px; padding-right: 5px;
	height: auto; padding-top: 10px;
	background-image: url(images/provServPanel_top.gif);
	background-position: right top; background-repeat: no-repeat;
	display: block;
}
#provServProgPanel_content {
	width: 138px; padding-left: 26px; padding-right: 5px;
	position: relative; clear: both;
}
#provServProgPanel_base {
	width: 169px; height: 16px;
	position: relative; clear: both;
	background-image: url(images/provServPanel_base.gif);
	background-position: right top; background-repeat: no-repeat;
	display: block;
}

/* FOOTER NAV */
#footerNav {
	width: 550px; padding-left: 180px; padding-right: 20px;
	height: 15px; padding-top: 5px;
	position: relative; clear: both;
	font-size: 9px; line-height: 12px; font-weight: normal;
	display: block;
}
#footerNav ul {
	padding: 0px; margin: 0px; list-style: none;
	font-size: 9px; line-height: 12px; font-weight: normal;
}
#footerNav li { display: inline; }
#footerNav li.nav_break {
	width: 5px;
	background-image: none;
	position: relative; float: right; clear: none;
}
#footerNav a {
	color: #666666; text-decoration: none;
	padding-right: 2px; margin-right: 2px;
	border-right: 1px solid #666666;
	position: relative; float: left;
	display: block;
}
#footerNav a:hover { color: #000000; text-decoration: underline; }
#footerNav a.endLink { border-right: 0px; padding-right: 0px; margin-right: 0px; }
#footerNav a.navGrey {
	width: auto; height: auto;
	position: relative; float: right; clear: none;
	color: #999999;
}
#footerNav a.navGrey:hover { color: #333333; }

/* MAIN TYPEAREA STYLES */
#pg_midCol img {
	width: 270px;
	border: 1px solid #80D0E3;
}

#pg_midCol table {
	width: 365px;
	border-collapse: collapse;
	border: 0px;
	margin-bottom: 15px;
}
#pg_midCol td {
	font-size: 11px; line-height: 15px; color: #FFFFFF;
	background-color: #80D0E3;
	padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
}
#pg_midCol td.downloadLink {
	width: 75px;
	text-align: right;
}
#pg_midCol td.downloadLink a { color: #D9F1F7; text-decoration: none; }
#pg_midCol td.downloadLink a:hover { color: #FFFFFF; text-decoration: underline; }

/* SURVEY STYLES */
.surveyList {
	width: 365px; height: auto;
	position: relative; clear: both;
	font-size: 11px;
	margin-bottom: 15px;
}
.surveyList a {
	width: 355px; padding-left: 5px; padding-right: 5px;
	height: auto; padding-top: 3px; padding-bottom: 4px;
	position: relative; clear: both;
	background-position: 352px 5px; background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.surveyList a.surveyTitle {
	background-image: url(images/srvyArrows/srvyArrow_f07.gif);
	background-color: #80D0E3; color: #FFFFFF;
}
.surveyList a.surveyTitle:hover {
	background-image: url(images/srvyArrows/srvyArrow_f08.gif);
	background-color: #4CBDD7;
}
.surveyList a.surveyTitleSelect {
	background-image: url(images/srvyArrows/srvyArrow_f05.gif);
	background-color: #00A0C6;
	color: #FFFFFF;
}


.surveyList a.surveyCategory {
	background-image: url(images/srvyArrows/srvyArrow_f03.gif);
	background-color: #E9E9E9; color: #666666;
}
.surveyList a.surveyCategory:hover {
	background-image: url(images/srvyArrows/srvyArrow_f04.gif);
	background-color: #CCCCCC; color: #333333;
}
.surveyList a.surveyCatSelect {
	background-image: url(images/srvyArrows/srvyArrow_f06.gif);
	background-color: #CCCCCC;
	border-bottom: 0px;
	color: #000000;
}


.surveyDocs {
	width: 355px; height: auto; padding: 5px; padding-bottom: 10px;
	position: relative; clear: both;
	background-color: #F7F7F7;
	border-bottom: 2px solid #E9E9E9;
	margin-bottom: 2px;
	display: block;
}
.surveyDocsHide { display: none; }
#pg_midCol .surveyDocs table {
	width: 355px;
	border: 0px; border-collapse: collapse;
	margin-bottom: 0px;
}
#pg_midCol .surveyDocs td {
	padding: 0px; padding-top: 3px; padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	font-size: 11px; line-height: 15px; color: #555555; font-weight: normal;
	background-color: #F7F7F7;
}
#pg_midCol .surveyDocs td.downloadLink {
	width: 55px; font-weight: normal;
	text-align: right;
}
#pg_midCol .surveyDocs td.downloadLink a {
	width: auto; height: auto; padding: 0px;
	font-weight: normal; color: #00A0C6;
}
a.surveyHide, div.surveyHide { display: none; }
.surveyCatShow { display: block; }

#adobeReaderLink {
	width: 160px; padding-left: 20px;
	height: auto; padding-top: 20px; padding-bottom: 10px;
}

p.surveyBack {
	border-top: 1px solid #00A0C6;
	padding-top: 5px;
	display: block;
}
#pg_midCol td.docTitle { background-color: #C0E8F1; color: #666666; border-bottom: 0px; }
#pg_midCol td.docUpload { background-color: #C0E8F1; color: #666666; }
	
/* FORM STYLES */
select.formPopUp { font-size: 10px; }
input.formField { width: 250px; font-size: 10px; }
textarea.formTextarea {
	width: 250px; height: 75px;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}
input.formButton { font-size: 10px; }

ul.searchList {
	margin: 0px; padding: 0px; margin-bottom: 15px; margin-left: 15px;
	list-style-position: outside;
}
ul.searchList li { margin-bottom: 0px; padding-bottom: 0px; }