/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */

.outer {margin: 0 auto;width:960px;}

.main {float:left;width:962px;padding: 0 14px;background:url(../images/body-bg.png) repeat-y;}
.header {padding: 45px 15px 15px 60px; width:885px;float:left; height:63px; background:url(../images/header-bg.gif) repeat-x bottom left;}

.req {color:#d00;font-weight:bold;}
.err {color:#f00; font-weight:normal;}

/* hidden text */
.home h1, a.btn, .footer .willogo .thelogo span {text-indent:-999em;outline:none;position:absolute;display:block;overflow:hidden;}
.home h1 { background:url('../images/logo.gif') no-repeat top left; width:320px; height:80px; float:left;}
.page a.logo {background:url('../images/logo.gif') no-repeat top left; width:335px; height:88px; float:left; text-indent:999em; overflow:hidden;}

h1.location {float:left;}

/* main navigation */
ul.nav {line-height:1.0;font-size:1.4em;/*float:left;*/width:960px;background:url('../images/nav-bg.gif') repeat-x top left; height:41px; clear:both;}
ul.nav li {  margin-left:2px; list-style:none;display:inline;position:relative; }
ul.nav li:hover, .nav a:focus, .nav a:hover, .nav a:active {color:#00a890;background:url(../images/nav-on-bg.gif) repeat-x top left;}
ul.nav li a { float:left; text-decoration:none; text-align:center; background:url(../images/nav-spacer.gif) no-repeat left 8px;display:block; color:#fff;line-height:32px;font-weight:normal;white-space:nowrap; padding:5px 15px 0px 15px; }
ul.nav li a.on, .mainnav li a:focus {color:#00a890; background:url(../images/nav-on-bg.gif) repeat-x top left;}
ul.nav li a.home {padding-left:60px;}
ul.nav li.register {background:url(../images/nav-reg.gif) no-repeat; float:right; padding-left:50px;}
ul.nav li.register a { color:#8b8b8b; font-size:0.9em; background:none;}

/* accessible skip links */
div.skiplinks {text-indent:-999em;position:absolute;}

.maincontent {float:left;font-size:1.2em;width:927px;padding:16px 33px 0px 0px;}
.home .maincontent {width:927px;padding:33px 33px 0px 0;}
.home .main .maincontent {background:url(../images/home-highlight-spot.gif) no-repeat left bottom;}

.maincontent ul {margin: 20px;}
.subnav {width:205px;float:left;padding: 0 0 5px 0;}

/* level 1 */
.subnav ul {list-style:none; margin:0;}
.subnav ul li a {display:block;text-decoration:none;color:#3a3a3a;background:url(../images/arrow-right.gif) no-repeat 23px 9px;padding: 2px 0 2px 13px;line-height:1.7em;border-top:1px solid #ededed;}
.subnav ul li.first a {border:none;}
.subnav ul li a:hover, .subnav ul li a:focus {background-color:#f6f6f6;color:#26b5a1;}
.subnav ul li.on a,.subnav ul li.on a:hover,.subnav ul li.on a:focus {background-color:#f6f6f6;color:#26b5a1;} /* affects all list items under the "on" one */

/* level 2 */
.subnav ul li ul {list-style:none;}
.subnav ul li li a {background:#f9f9f9;font-size:0.85em;padding-left:45px;border-top:1px solid #eee;}
.subnav ul li li a:hover, .subnav ul li li a:focus {background:#f9f9f9;color:#3479BE;}
.subnav ul li li a.more,.subnav ul li li a.more:hover, .subnav ul li li a.more:focus  {background-repeat:no-repeat;background-position:171px 8px;}
.subnav ul li li a.more {background-image:url(../images/bg-subnav-off.gif);}
.subnav ul li li a.more:hover, .subnav ul li li a.more:focus {background-image:url(../images/bg-subnav-on.gif);}

/* level 3 */
.subnav ul li li li a {padding-left:60px;}
.subnav ul li li li.first a,.subnav ul li li li.first a:hover,.subnav ul li li li.first a:focus {border:none;}
.subnav ul li.on li a,.subnav ul li.on li a:hover,.subnav ul li.on li a:focus {border-top:1px solid #fff;border-bottom:none;}
.subnav ul li.on li a:hover, .subnav ul li.on li a:focus {color:#000 !important;}

.pngbg {background:url(../images/png.png) no-repeat; width:250px; height:250px; clear:both; }
#yahoo {padding-bottom:20px;}

.footer {clear:both;font-size:1.1em;float:left;width:923px;margin:0 0 20px 0; background:url(../images/footer-bg.gif) no-repeat; padding:50px 33px 100px 33px;}
.home .footer {background:url(../images/footer-bg-home.gif) no-repeat;}
.footer, .footer a {color:#9ca4ad;}
.footer a {text-decoration:underline;}
.footer a:hover, .footer a:focus {color:#000;}
.footer .copy {width:250px;float:left;margin:5px 0 0 15px}
.footer .footernav {float:right;width:234px;text-align:right;margin:11px 0 0 0;}
.footer .footernav  a {padding:0 10px;}

.banner {float:left; margin:0;width:550px;}

a.more {font-size:0.8em; color:#00a890; }
.highlightspot { float:left; width:200px; padding:0px 18px 18px 33px; margin-right:20px; display:inline; color:#787878;}
.highlightspot p {line-height:1.8em; clear:both;}
.highlightspot p span {font-weight:bold; color:#00a890;}
.highlightspot p.sub {font-size:0.9em; color:#b1b1b1; float:left; width:190px; padding:20px 10px;}

.mainarea { width:650px; float:left; color:#787878;}
.mainarea p {line-height:1.5em;}
.locationchooser {display:block; float:left;width:100%;}
.selectlocation {float:right; color:#00a890;padding:8px 8px;}
.selectlocation label {background:url(../images/select-location.gif) no-repeat top left; padding:8px 10px 8px 55px; font-weight:bold;}
.selectlocation select {color:#656565; font-size:0.9em;}
.mainarea.home .ad { background:#f9f9f9; padding:10px 9px 10px 9px; overflow:hidden; width:632px; float:left; position:relative;}
.mainarea.home .ad .adimage { float:left; width:300px; padding-right:18px; }
.mainarea.home .ad .adimage img { border:1px solid #dadada;}
.mainarea.home .ad .adtext { float:left; width:310px; font-size:1.6em; color:#4f4f4f;  position:absolute; bottom:10px; left:326px; line-height:1.4em;}

.newspapercols {clear:both; padding:17px 13px 17px 13px;}
.page .newspapercols {clear:both; padding:17px 0px 17px 0px;}
.newspapercols div {float:left; width:290px; padding-right:20px;}
.newspapercols div img.border {border:1px solid #dadada; margin-bottom:20px;}

.mainarea .breadcrumbs { font-size:0.9em; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px; padding-top:7px; color:#4f4f4f;}
.mainarea .breadcrumbs span {color:#00a890; padding:0px 3px;}
.mainarea .breadcrumbs a {text-decoration:none;}
.mainarea .breadcrumbs a:hover {text-decoration:underline;}

.faq {clear:both; border-top:1px solid #ededed; padding:15px 0 10px 0;}
.faq.first {border:none;}
.faq p.question { font-size:1.2em; color:#00a890; font-weight:bold; margin-bottom:0.5em;}

.mainarea .box {background:#f9f9f9; clear:both; padding:22px 0px 22px 50px; overflow:hidden;}
.mainarea .box div.col {float:left; width:300px;}
.mainarea .box div.col label {clear:both; font-weight:bold; color:#4f4f4f; float:left;}
.mainarea .box div.col label span {color:#00a890;}
.mainarea .box div.col input.text {margin-bottom:10px;}
.mainarea .box div.col .fileupload {width:215px;font-size: 0.9em; padding:0px;font-family: arial,verdana,sans;margin-bottom:10px;}

.mainarea .box.thanks {padding:80px 10px 80px 50px;}

.mainarea ul {margin-top:5px;}
.mainarea ul li {margin-bottom:5px;}

/*Call to Action CSS - as supplied by client */
.calltoaction {
	background: url(/images/calltoaction-bg.png) no-repeat top left;
	padding: 18px;
	font-weight: bold;
}

.calltoaction p {
	margin-top: 0;
}

.calltoaction a {
	display: block;
	width: 163px;
	height: 24px;
	background: url(/images/calltoaction-button.png) no-repeat top left;
	color: #fff;
	text-align: center;
	line-height: 24px;
}