/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 - modified */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, q:before {content: ""; content:no-open-quote;}
blockquote:after, q:after {content: ""; content:no-close-quote;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
/*end reset*/
body {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
	color:#262626;
	background-color:#fff;
	text-align:center;
	}
/*typography*/
a {
	text-decoration: underline;
	font-weight: normal;
	color: #009;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	color:#900;
	}
h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0 0 24px;
	color:#333;
	}
h1 {
	margin:0 0 18px;
	font-size:36px;
	font-weight: normal;
	}
h2 {
	font-size: 24px;
	}
#contenthmpg h2 {
	font-size: 22px;
	padding-left:20px;
	background-image:url(/img/bg-h2.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
h3 {
	font-size: 20px;
	}
h4 {
	font-size: 16px;
	}
h5 {
	font-size: 1.0em;
	}
h6 {
	font-size: 1.0em;
	}
ol, ul, li {
	font-size: 14px;
	line-height: 1.5em;
	margin-left:0;
	padding-left:0; 
	}
ol, ul {
	margin-bottom: 24px;
	margin-left:1.5em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0 0 24px;
	}
p.notice {
	font-size: 1.2em;
}
li > p {/*for any p that is a child of li*/
	margin-bottom: 0;
	}
strong, b {
	font-weight: bold;
	}

.imgR {
	float:right;
	margin:0 0 16px 16px;
	}
.imgL {
	float:left;
	margin:0 16px 16px 0;
	}



#wrap {
	width: 960px;
	background-color:#fff;
	margin:14px auto 0;
	}
#sidebar {
  float:left;
	width:220px;
	padding-top:200px;
	text-align:right;
	background-image:url(/img/hss/bg-huc-logo.png);
	background-position:0 0;
	background-repeat:no-repeat;
	}
#sidebar.main {
  text-align:left;
	}
#sidebar ul {
  list-style:none;
	margin:0 0 28px;
	padding:0;
	}
#sidebar ul li a:link, #sidebar ul li a:visited {
  text-decoration: none;
	display: block;
	width: 80%;
	padding: 8px 0 8px 30px;
	color: #262626;
	font-weight: normal;
	font-size:14px;
	}
#sidebar ul li a:hover {
	color: #009;
	text-decoration:underline;
	}
#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height:1.2em;
	}
#sidebar li.selected a, #sidebar li.selected li.selected a {
  font-weight: bold;
	}
.clr {clear:both;}
div.clr {clear:both; height:1px;}
/*Home Page
************************************/
#hmpgbanner {
	float:left;
	width:628px;
	padding:20px 0 0;
}
#hmpgbanner h1 {
	margin:0;
}
#hero {
	margin:14px 0;
	height:387px;
	background-image:url(/img/hss/bg-supervision-support.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#hero h2, #hmpgbanner p {
	font-size:30px;
	line-height:1.1em;
}
#hmpgcontent {
	clear:both;
	text-align:left;
	}
div.box {
	float:left;
	width:275px;
	margin:14px 14px 14px 0;
	padding:14px 14px 7px;
	background-color:#f2f2f5;
	border:1px solid #e3e3e6;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}
div.box.box1 {
	padding:14px 14px 15px;
}
div.box h3 {
	margin:0 0 7px;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
}
div.box p {
	margin:0 0 7px;
	line-height:1.2em;
}
div.box ul {
	margin-bottom:7px;
	line-height:1.2em;
}
div.box li {
	margin-bottom:0;
	line-height:1.2em;
}
div.box p.link {
	text-align:right;
}
div.box a {
	color:#e5a3a5;/*pink*/
	font-weight:bold;
}
div.box a:hover {
	color:#009;
}
/*Other Pages
************************************/
#wrap.narrow {
	width: 840px;
	background-color:#fff;
	margin:14px auto 0;
	}
#wrap2 {
	float:left;
	width:558px;
	padding:20px 0 0 60px;
	text-align:left;
}
#banner {
	margin:0 0 56px;
}

/*Supervisor booking webform
************************************/
table.webform {
  margin: 1.5em 0;
	width: 80%;
  border:none;
	}
table.webform caption {
  font-weight: bold;
	font-size: 1.1em;
  text-align: center;
	}
table.webform th {
  text-align: center;
	padding: 0.3em 0.4em;
	font-size: 1.0em;
  border:none;
	}
table.webform th.th-left {
  text-align: left;
	}
table.webform td {
  padding: 0.3em 0.4em 1.2em;
	font-size: 1.0em;
  border:none;
	}
/*Footer
************************************/
#bottom {
	clear:both;
	margin-top:28px;
	padding:28px 0 0 62px;
	text-align:left;
	min-height:52px;
	background-image:url(/img/hss/bg-uca-logo2.png);
	background-position:left 26px;
	background-repeat:no-repeat;
	}
#bottom p {
	margin:0px 0 0;
	line-height:1.2em;
	font-size:12px;
	}

#footer {
	float:right;
	width:500px;
	text-align:right;
	}
#footer p {
	margin:0 0 24px;
	font-size:11px;
	color:#666;
	}
#footer a {
	color:#666;
	text-decoration:none;
	}
#footer a:hover {
	color:#900;
	text-decoration:underline;
	}