/* Print friendly stylesheet - leaves out logo, top and left menus, footer links and breadcrumb trail */

/* Set page width and styles */	
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; color: #000; background:#fff; margin: 0 auto; width: 90%; padding: .2cm; text-align: center;}
#container {text-align: left; margin: 0 auto; padding: 0;  }
br.clearer {clear: both; height: 1px; }
.printonly { display: block; font-size: 80%; text-align: right;}

/* elements to hide */
.hidden, a.hide, #functions, #footer ul li, #title, #topLinks,  #leftNav, #leftnav, #countdown img, #bread, .pageNav, .pageNavAlpha, #feature img, #title, #logo   {display: none !important} 

.bluebanner {background: none}

/* Main content and page content areas */
#wrapper { z-index: 0; margin: 0; padding: 0; background: #fff; clear: both; width: 99.5%;}
h1#pageheader {margin: 30px 0 20px 0px; font-size: 150%; }
#survey {margin: 0; padding: 0; width: 99.5%;}

/* Top menu */
#menuwrapper, #menubanner {display: none;}


/* Generic font size and styles */	
p {font-size: 100%; margin: 0; padding: .3em 0 .3em 0; line-height:1.3em; margin-bottom: 0.5em;}
h1 {display: block; font-size: 130%; margin:0; padding: 0em 0 .5em 0; line-height:1.3em;}
h2 {display: block; font-size: 120%; margin:0; padding: .5em 0 .5em 0; line-height:1.3em;}
h3 {display: block; font-size: 110%; margin:0; padding: .5em 0 .5em 0; line-height:1.3em;}
h4 {font-size: 100%;  margin:0; padding: .5em 0 .5em 0; line-height:1.3em;}
ul, ol {margin: 0; padding-left:1em; margin-bottom: 1em; list-style-type: circle; line-height:1.3em; }
li {margin-bottom: .3em; margin-left:1em; padding-left: .3em;}
img {border: none;}

/* Styles relevant to all page content i.e. not top area, left menu, or global styles -*/

/* Right floating feature box */
#feature2 {padding: 1em; font-size: 90%; float: right; margin: 0 0 1em 1em; width: 17em; background: #dcdcdc; }	

/* Homepage specific styles */
/* Homepage banner and quote under menu */
#homeBanner blockquote { margin: 0 0 0 30px; padding: 1.5em 0 1.5em 0; }
#homeBanner blockquote p {font-size: 110%; font-weight: bold; margin: 0; padding: 0; }

/* Column layout divs */
#homewrapper {	display:block; clear: both; }

/* Listing Pages */
#listings {clear: both; font-size: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; padding: .3em 0 .3em 0; margin: 0;}
.listingItem {padding: .5em 0 .5em 0; margin: 0; width: 100%; }
.listingItem h2 {margin: 0; font-size: 110%; padding: 0;}
#listings .thumb {float: left; margin: .3em 10px 10px 10px; padding: 0;}
.listingItem h2 span {font-weight: normal;}
.date {margin: 0; padding: 0 0 .3em 0; font-size: 85%;}

/* Sitemap */
#sitemap ul { border: none; list-style: none; padding: 0; margin:0 0 0 15px; position: relative;}
#sitemap ul li ul { list-style: none; padding: 0; margin: 3px 0px 0 15px; background: url(../img/dashed-line-vert.gif) left top repeat-y;}
#sitemap ul li {font-weight: bold; font-size: 100%; list-style-type: none; margin: 0 10px 5px 0; line-height: 1.7em; padding: 0;}
#sitemap ul li ul li {
font-weight: normal; font-size: 85%;list-style: none; margin: 0 20px 0 0;padding: 0 0 0 18px;background: url(../img/dashed-line.gif) left center no-repeat;}
#copy {font-family: Courier, Arial, sans-serif; color: #000; margin: 20px 10px 10px 20px;}
#flashcontent {padding: 0 0 20px 0; text-align: left; font-size: 110%;}
#flashcontent  .middle {display: block;padding: 15px 5px 15px 12px; margin: 0 }

/* Form and survey styles */
.leftcol {width: 7.2em; float: left;}
.small {font-size: 87%; font-weight: normal}

/* Contact us and email forms */
form.standard {padding: .8em 0 .8em 0; }
form.standard label {font-weight: normal; text-align: right; width: 12em; float: left; }
form.standard input, form.standard textarea {margin: 0 0 .5em .5em;  width: 190px; float: left; }
form.standard  br {clear: left;}
form.standard input.check {float: left; width: auto; margin: 0 0 .5em .5em; padding: 0;}
form.standard  .button {margin-left: 12.5em; margin-top: .5em; width: auto;}
html>body form.standard .button {margin-left: 13.5em;}

/* Login box on survey page */
form.login2 {padding: .8em 0 0em 0; margin: 0; }
form.login2 label {font-weight: normal; text-align: right; width: 7em; float: left; }
form.login2 input, form.login2 textarea {margin: 0 0 .5em .5em;  width: 10em; float: left; }
form.login2  br {clear: left;}
form.login2 input.check {float: left; width: auto; margin: 0 0 0em .3em; padding: 0;}
form.login2  .button {float: left; width: auto;}

/* Sections with light blue backgrounds */
.surveysection {padding: 1em 0 0 0; margin: 0em 0em .5em 0em; clear: right; }
.surveysection h2 {font-size: 120%; margin: 0 0 .3em 0; padding: .3em 5px .3em 5px; display: block;}
.surveysection p { padding: 0 5px .2em 5px; margin: 0; font-size: 90%; }
.surveysection p a { display: block; }
p.status {text-align: right;  display: inline; margin: .7em 5px .3em 0; padding: 0; }
.surveysection ul {font-size: 90%; margin: .7em 0 0 0; padding: .1em .5px .5em 5px;}
.surveysection ul li {list-style-image: url(../img/minilogo.gif) ; margin: 0 0 .2em 9px; padding: 0 0 0 10px;}
html>body .surveysection ul li {margin: 0 0 .3em 25px; padding: 0 0 0 4px;}
.surveysection ul li a {position: relative; bottom: 2px;}
.surveysection ul li.completed {list-style-image: url(../img/tick.gif);}

/* Survey forms */
fieldset {margin: 0; padding: 0; border: none; clear: both;}
form.survey {padding: .8em 0 1.5em 0; margin: 0; }
form.survey .score {float: right; font-size: 85%; padding: .7em .5em .5em 1em; width: 40%;}
form.survey .score label {width: 18%; float: left; text-align: center;  font-weight: bold; margin: 0 .1em 0 .1em; padding: 0; }
form.survey h3 {display: block; font-weight: bold; font-size: 100%; padding: .3em 5px .5em 5px;  margin: 0 0 .3em 0; }
form.survey p {font-weight: normal; text-align: left;  width: 50%; margin: .3em 0 1em 5px; padding: 0; float: left; }
form.survey p.subquestion {font-weight: normal; text-align: left;  width: 46%; margin: 0 0 1em 2em; padding: 0; float: left; }
form.login2 survey {margin: 0 0 .5em .5em;  width: 10em; float: left; }
form.survey br {clear: left;}
form.survey .radios {width: 40%; float: right; padding: 0 .5em 0 1em; }
form.survey textarea {display: block; width: 60%;}
form.survey .radios input {float: left; width: 18%; margin: .6em .1em 0 .1em; padding: 0; text-align: center;}
form.survey .button {float: left; width: auto; margin: 1em 0 0 0}
a.help span {display: none; }
form.survey p img {display: none}

form.survey p.evidence {width: 100%; display: block; clear: left; color:#000; font-weight: bold; width: auto; float: none; margin: 0 0 0 5px; padding: 0;}
form.survey p.evidence2 {color:#000; font-weight: bold; margin: 0 0 .5em 5px; float: left; clear: left; padding: 0; }
label.evidence {margin: .1em 5px .1em 5px; clear: left; width: auto; text-align: right; padding: 0em 5px .5em 0; float: left; color: #555555;}
form.survey textarea {float: left; margin: 0em 0 1.5em 5px;  display: inline; width: 60%; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%;}
form.survey input.evidence {margin: 0 0 .5em 10px; clear: left; width: auto; background: none; border: 1px solid}
html>body form.survey input.evidence {margin-left: 5px;}
ul.evidence {clear: left; margin: 0em 0 0em 10px; display: block; }
ul.evidence li {margin: 0em 0 .1em .3em; padding: 0 0 0 .3em; color: #555555}