/* nextstep cambs master css
Guidelines say Arial must be used */

body { background: #fff; color: #000; font: 100% arial,helvetica,sans-serif; margin: 10px; padding: 0; } 
img { border: 0; }
div { margin: 0; padding: 0; }
.spacer { width: auto; height: 1px; overflow: hidden; clear: both; }
#container { position: relative; width: 544px; }

#topnav { margin: 0; padding: 0; text-align: right; font-size: 80%; color: #888; }
#topnav a:link, #topnav a:visited { color: #000; background: transparent; text-decoration: none; }
#topnav a:hover, #topnav a:active { color: #f80; background: transparent; text-decoration: underline; }

#bread { margin: 0; padding: 0; text-align: right; font-size: 80%; }
#bread ul { margin: 0; padding: 0; list-style: none; }
#bread li { padding: 0; margin: 0; display: inline; }
#bread a:link, #bread a:visited { color: #000; background: transparent; text-decoration: underline; }
#bread a:hover, #bread a:active { color: #f80; background: transparent; text-decoration: underline; }

#header { position: relative; width: 744px; height: 89px; margin: 0.5em 0; }
#header #logo { position: absolute; top: 0; left: 0; width: 218px; height: 89px; }
#header #branding
{
	position: absolute;
	top: 0;
	left: 234px;
	width: 510px;
	height: 81px;
	background: #fff url(../images/branding.gif) no-repeat right top;
}
#header #branding #local { position: absolute; width: 211px; height: 64px; left: 0; top: 11px; }
#header #branding #flash { position: absolute; width: 81px; height: 81px; left: 342px; top: 0; background: #E5F5FA; }

#nav { width: 218px; float: left; margin: 16px 0 0 0; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { display: inline; }
#nav a { display: block; width: 211px; height: 26px; }

#content a:link, #content a:visited { color: #00A8DC; text-decoration: underline; }
#content a:hover, #content a:active { color: #f80; text-decoration: none; }

#searchform { margin: 30px 10px 0; padding: 0; font-size: 80%; }
#searchform label { display: block; font-weight: normal; }
#searchform input.text { margin: 2px 0 0; width: 60%; padding: 2px; font: 100% arial,helvetica,sans-serif; color: #000; background: #e5f5fa; border: 1px solid #666; }
#searchform input.text:focus, .form-class input.text:focus, .form-class textarea { background: #fff; }
#searchform input.submit
{
	margin: 2px 0 0 2px;
	padding: 1px;
	font: 100% arial,helvetica,sans-serif;
	color: #000;
	background: #ddd;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #888 #888 #ccc;
	width: 30%; 
}
#searchform input.submit:hover, .form-class input.submit:hover { cursor: pointer; border-color: #888 #ccc #ccc #888; background: #f93; }

#content { width: 510px;  margin: 16px 0 0 0; font: 90%/140% arial,helvetica,sans-serif; }
#content h1 { color: #00A8DC; font-size: 180%; margin: 0 0 10px 0; }
#content h2 { color: #C86400; font-size: 120%; margin: 0; }
#content h3 { color: #000; font-weight: bold; font-size: 100%; margin: 1em 0 0; padding-top: 1em; border-top: 1px solid #ccc; }
#content p { margin: 0 0 1em 0; }
#content p.alert { font-weight: bold; color: #BA0707; font-size: 130%; }

#content ul { margin: 1em 0; padding: 0 0 0 2em; list-style-type: square; }
#content li { margin-bottom: 2px; }

#content p.posted { font-size: 90%; color: #666; }

.coll { float: left; clear: left; width: 45%; }
.colr { float: right; clear: right; width: 45%; }
.colfull { float: none; clear: both; width: 100%; }
.spacer { width: 100%; height: 1px; clear: both; }
.hr { width: 100%; height: 2px; clear: both; margin: 5px 0; background-color: #D17D2A; }

.form-class label, .form-class strong.label { display: block; margin: 1em 0 2px 0; font-weight: normal; }
.form-class .hidden { display: none; }
.form-class label.inline { display: inline; margin: 0 2em 0 0; font-weight: bold; }
.form-class .text { margin: 0 0 10px; width: 60%; padding: 2px; font: 100% arial,helvetica,sans-serif; color: #000; background: #CFF3FF; border: 1px solid #666; }
.form-class .check { margin: 0 0 10px; width: auto; padding: 0; background: #e5f5fa; border: none; }
.form-class .colfull .text { width: 80%; }
.form-class .small { width: 6em; }
.form-class .medium { width: 10em; }
.form-class .large { width: 500px; }
.form-class select { margin: 0 0 10px; width: 100%; padding: 0; font: 100% arial,helvetica,sans-serif; color: #000; background: #e5f5fa; border: 1px solid #666; }
.form-class input.submit
{
	margin: 2px 0 0 2px;
	padding: 1px;
	font: 98% arial,helvetica,sans-serif;
	color: #000;
	background: #ddd;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #888 #888 #ccc;
	width: auto; 
}

#content .err { border: 1px solid #400; background-color: #F8C8C8; margin-bottom: 1em; }
#content .err p { padding: 0.5em; margin: 0; 
text-align: left;

}
#content .form-class .err, #content .onetoten tr.err td { background-color: #F8C8C8; }

/* have your say */
#content .infobox { margin: 1em 0; padding: 0.5em; border: 3px #09C double; }
#content .infobox p { margin: 0; padding: 0; }

#content .onetoten { width: 100%; }
#content .onetoten td { padding: 2px; border: 1px solid #ccc; background: #e4f8fe; }
#content .onetoten th { font-weight: normal; text-align: left; }
#content .onetoten th strong { color: #0099cc; }
#content .onetoten label.inline { display: inline; margin: 0; }

#content .tickboxquestion { margin: 1em 0 2px; }
#content .tickboxholder { background: #e5f5fa; border: 1px solid #666; padding: 2px; margin: 0 0 1.5em; }

#emp-hide { display: none; }

#content .form-class legend { color: #00A8DC; font-weight:bold; font-size: 120%; width: 100%; border: none; }
#content fieldset { background-color: #fff; border: 1px solid #00A8DC; margin-top: 20px; margin-bottom: 20px; }

p {
text-align: left;
}
/* home feature box */
#newsbox { text-align: left; float: right; width: 200px; margin: 0 0 1em 1em; background: #E0F3F9 url(../images/newsbox_footer.gif) repeat-x left bottom; }
#newsbox #pulse { text-align: left; padding: 0; margin: 0; background: #09c url(../images/pulse.gif) repeat; border-bottom: 2px solid #fff; }
#newsbox #pulse h2 { font-size: 100%; text-indent: 10px; padding: 2px 0 1px; color: #fff; background: transparent url(../images/newsboxcurve.gif) no-repeat; }
#newsbox #article { text-align: left; padding: 5px 10px; font-size: 90%; line-height: 140%; text-align: left;
}
#newsbox #article p { text-align: left; margin: 0 0 0.5em; text-align: left;}
#newsbox #article h2 { font-size: 100%; }

#homelogos { margin-top: 1em; text-align: right; clear: both; }

#content .feedbacklink strong { font: bold 150% "Trebuchet MS",arial,sans-serif; }
#content .feedbacklink { border: 1px solid #09c; background: #e0f3f9; margin: 0 0 1em; }
#content .feedbacklink a { padding: 0.75em; display: block; }
#content .feedbacklink a:link, #content .feedbacklink a:visited { text-decoration: none; background: #f2fcff; }
#content .feedbacklink a:hover, #content .feedbacklink a:active { text-decoration: none; background: #e0f3f9; }
#content .feedbacklink a:link span, #content .feedbacklink a:visited span { color: #000; }
#content .feedbacklink a:hover span, #content .feedbacklink a:active span { color: #555; }

#footer { margin: 1em 0; padding: 10px 0 0; border-top: 1px solid #f93; font-size: 95%; line-height: normal; }
#footer p { margin: 0 0 0.5em 0; }
#footer span { color: #888; }
#footer .ddlink, #footer .ddlink a:link, #footer .ddlink a:visited { font-size: 90%; color: #666; text-decoration: none; }