body{text-align: center; font-family: arial,verdana,sans-serif; font-size: 63%; line-height: 1.8em; background: url(../img/bg-main.jpg); color: #151515;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size: 1.8em; margin: 0; padding: 0;}
h2{font-size: 1.5em; margin: 0 0 0.33em; padding: 0.25em 0;}
h3{font-size: 1.13em; margin: 0 0 0.25em; padding: 0.125em 0;}
h4{font-size: 0.95em; margin: 0.5em 0 0;}
h5{font-size: 1em; margin: 0.5em 0 0;}
h6{font-size: 0.85em; margin: 0.5em 0 0;}
a{color:#168f9e;}
p{margin: 0.33em 0 1em 0;}
small{font-size: 85%;}
big{font-size: 115%;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form{margin: 0; padding: 0;}
hr{clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
li{padding: 4px 0;}
input.text,
textarea.text,
select.text{border: 2px #dddddd solid;}
/* ************************** */
/* Layout: the big containers */
/* ************************** */
.wrapper{width: 760px; margin: 0 auto; text-align: left; font-size: 1.2em;}
#header{height: 130px; background: transparent url(../img/bg-header.jpg) 0 0 repeat-x; overflow: hidden;}
#page{width: 760px; position: relative; clear: both; margin-bottom: 12px; float: left; background: url(../img/bg-page.jpg) bottom left repeat-x;}
	.layout-questions,
	.layout-results{font-size: 1.07em; background-image: none !important;}
#results{position: relative; width: 530px; margin-right: 10px; height: 370px; float: left; padding: 10px; margin-bottom: 10px; background-color: #fff;}
#main-content{width: 530px; padding: 10px; margin-right: 10px; float: left;}
div.share-this{width: 184px; padding: 10px; margin-right: 10px; float: left;}
.layout-results div.share-this{width: 530px; height: 280px; clear: both; background: url(../img/bg-sub-main-content.jpg) bottom left repeat-x !important;}
.layout-questions div#main-content{width : 740px; padding: 10px; background: url(../img/bg-sub-main-content.jpg) bottom left repeat-x !important;}
.layout-results div#main-content{width : 540px; padding: 10px; background: url(../img/bg-sub-main-content.jpg) bottom left repeat-x !important;}
div#sidebar,
div.take-the-pledge,
div.learn-more{width: 180px; padding: 10px; float: left; background: transparent url(../img/bg-sidebar.jpg);}
	.layout-results div.learn-more{height: 280px;}
	.layout-results div.share-this{width: 530px;}
#secondary-content{clear: both;}
div.take-the-pledge{height: 370px; font-weight: bold;}
#footer{clear: both; background: #000;}
/* ************ */
/* Header Stuff */
/* ************ */
#ada508{position: absolute; margin-left: -9999em;}
label.hide{display: block; text-indent: -9999em; position: absolute; height: 0; width: 0;}
#header h1{height: 75px; width: 212px; float: left; margin: 11px 0 0 0; padding: 0; background: url(../img/pcf-logo.gif) 0 0 no-repeat; text-indent: -9999em;}
#header h1 a{display: block; height: 75px; width: 212px;}
.photo-holder{width: 382px; height: 135px; float: left; background: transparent url(../img/headerPhotos.jpg) 14px 0 no-repeat}
.signup{width: 166px; padding-top: 17px; float: left; color: #ff8d13; font-size: 0.9em;}
.signup p{margin: 0; padding: 0 0 6px 0; line-height: 1.2em;}
.signup input.text{width: 100px; border: 1px #b4b4b4 solid; font-size: 1.6em; color: #5c5c5c;}
.signup input{vertical-align: middle;}
/* ************ */
/* Content Area */
/* ************ */
#breadcrumbs{position: relative; top: -14px; font-weight: bold; color:#168f9e;}
	#breadcrumbs a{text-decoration: none;}
	#breadcrumbs strong{color: #000; font-weight: normal;}
h2.confess{height: 67px; width: 769px; margin: 0 0 0 -10px; padding: 0; background: url(../img/h2-confess.png) 0 0 no-repeat; text-indent: -9999em;}
h2.guidelines{height: 67px; width: 769px; margin: 0 0 0 -10px; padding: 0; background: url(../img/h2-guidelines.png) 0 0 no-repeat; text-indent: -9999em;}
h3{background-repeat: no-repeat;}
.learn-more h3{background-image: url(../img/h3-learnMore2.png); text-indent: -9999em;}
.share-this h3{background-image: url(../img/h3-shareThis2.png); text-indent: -9999em;}
.take-the-pledge h3{background-image: url(../img/h3-takeThePledge2.png); text-indent: -9999em;}
.take-the-pledge p{margin: 0; padding: 4px 0;}
.your-results {background-image: url(../img/h3-yourResults.png); text-indent: -9999em;}
p.intro{font-size: 1.27em; font-weight: bold; padding-bottom: 10px;}
/*noteboard*/
#noteContainer{position:relative; height:380px; width: 560px; left: -20px; margin-bottom: 20px;}
#noteContainer .note{position:absolute;}
#noteContainer .navigator{position: absolute; bottom: -20px; right: 10px; list-style-type: none;}
#noteContainer .navigator li{float: left;}
#noteContainer .navigator li a{display: block; height: 13px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em;}
#noteContainer .navigator li.previous a{width: 78px; background-image: url(../img/btn-previous.png);}
#noteContainer .navigator li.next a{width: 50px; background-image: url(../img/btn-next.png);}
#noteContainer .navigator li.disabled a{opacity: .3;}
#noteForm p{clear: both; overflow: hidden;}
#noteForm .submit{clear:both; float: right;}
#noteForm .checkbox input,
#noteForm .checkbox label{display: block; float: left;}
#noteForm .checkbox label{width: 160px;}			
.ui-widget-content{background-image: none; background-color: transparent;}
.note{width: 180px !important; height: 180px !important; background-image: url(../img/note-green.png); background-repeat: no-repeat; border: none !important;}
.note.userCreated{font-weight:bold;}
.note p{padding: 0 0 6px 0; margin: 38px 18px 0 26px; height: 96px; overflow: hidden;}
.note-style-1{background-image: url(../img/note-green.png);}
.note-style-2{background-image: url(../img/note-blue.png); height: 160px !important;}
.note-style-3{background-image: url(../img/note-orange.png); height: 160px !important;}
.note-style-4{background-image: url(../img/note-pink.png); height: 160px !important;}
.factNote {font-size: 1.2em;}
.factNote .fact,
.factNote .did-you-know {font-weight: bold; font-size: 1.2em; display: block; padding-bottom: 4px; margin-right: -14px;}
.factNote a{display: block; margin-top: 6px; text-decoration: none !important; font-weight: bold; color: #0c6d9f;}
.question-list li{float: left; height: 105px; width: 90px; background-repeat: no-repeat; text-indent: -9999em;}
.question-list li.ques1{background-image: url(../img/note-qOne.jpg);}
.question-list li.ques1-on{width: 105px; background-image: url(../img/note-qOne-on.jpg) !important; }
.question-list li.ques2{background-image: url(../img/note-qTwo.jpg);}
.question-list li.ques2-on{width: 105px; background-image: url(../img/note-qTwo-on.jpg) !important; }
.question-list li.ques3{background-image: url(../img/note-qThree.jpg);}
.question-list li.ques3-on{width: 105px; background-image: url(../img/note-qThree-on.jpg) !important; }
.question-list li.ques4{background-image: url(../img/note-qFour.jpg);}
.question-list li.ques4-on{width: 105px; background-image: url(../img/note-qFour-on.jpg) !important; }
.form-question{padding: 0 20px;}
.question{clear: both; font-weight: bold;}
.button{clear: all; float: right;}
 .back{float: left;}
#secondary-content{float: left; margin: 0 -6px; padding-bottom: 38px;}
#secondary-content .module{height: 266px; float: left; background: #fff; margin: 0 6px;  padding: 7px;}
#secondary-content .screening-guidelines{width: 352px; font-size: 1.06em;}
#secondary-content .screening-guidelines img{margin: 0 -7px 0 -7px;}
#secondary-content .learn-more{width: 158px;}
#secondary-content .learn-more ul{list-style-type: none; margin: 0; padding: 0;}
.share-this{width: 184px; padding: 7px;}
.share-this label{color: #ff8d13;}
.share-this .button{float: right;}
	.layout-results .share-this .button{margin-right: 2px;}
.share-this dt,
.share-this dd{float: left; padding-bottom: 2px;}
.share-this dt{width: 68px; font-size: 1.0em; clear: left;}
	.layout-results .share-this dt{width: 80px; text-align: right;}
.share-this dd{width: 112px;}
	.layout-results .share-this dd{width: 440px;}
.share-this dt.instructions{width: 200px; font-size: 0.8em; color: #999;}
.share-this dd.instructions{display: none;}
.share-this .message{clear:both;}
.share-this dd input,
.share-this dd textarea{width: 110px; font-family: arial,verdana,sans-serif; font-size: 1.2em;}
	.layout-results .share-this dd input{width: 446px;}
	.layout-results .share-this dd textarea{width: 440px;}
.share-this dd textarea{padding: 3px;}
.layout-results .back{position: absolute; height: 26px; width: 63px; bottom: 10px; margin: 0; padding: 0;}
.layout-results .back a{display: block; height: 26px; width: 63px; background: url(../img/btn-back.gif) 0 0 no-repeat; text-indent: -9999em;}
#share-bar{clear: both; padding: 10px 0;}
	.layout-questions #share-bar,
	.layout-results #share-bar{background: url(../img/bg-share.jpg) bottom left repeat-x !important;}
#result ul{margin-top: 20px;}
#result li{background: url(../img/blt-results.png) 0 7px no-repeat; padding: 4px 20px 20px 18px;}
#share-bar a{padding: 1px 0 1px 28px; background-repeat: no-repeat; background-position: 8px 0; font-size: 1.0em; color: #444; text-decoration: none;}
#share-bar a:hover{text-decoration: underline;}
#share-bar .digg{background-image: url(../img/icn-digg.png);}
#share-bar .delicious{background-image: url(../img/icn-delicious.png);}
#share-bar .twitter{background-image: url(../img/icn-twitter.png);}
#share-bar .google{background-image: url(../img/icn-google.png);}
#share-bar .stumbleupon{background-image: url(../img/icn-stumbleupon.png);}
#share-bar .favorites{background-image: url(../img/icn-favorites.png);}
#share-bar .aim{background-image: url(../img/icn-aim.png);}
#share-bar .facebook{background-image: url(../img/icn-facebook.png);}
#share-bar .myspace{background-image: url(../img/icn-myspace.png);}
#share-bar .propeller{background-image: url(../img/icn-propeller.png);}
.pointer{clear: both; padding-top: 16px; color: #999;}
/* ************ */
/* Right Column */
/* ************ */
#sidebar{font-weight: bold;}
#sidebar h3{background-repeat: no-repeat;}
#sidebar h3.post{background-image: url(../img/h3-post.png); text-indent: -9999em;}
#sidebar p.small{padding-top: 30px; font-weight: normal; font-size: smaller;}  
#sidebar em,
.take-the-pledge em{color: #ff6d01; font-style: normal;}
#sidebar .text{border-color: #d0cbc1;}
/* ********/
/* Footer */
/* ****** */
#footer{height: 55px;}
#footer p{width: 380px; float: left; color: #fff; font-size: 0.8em; overflow: hidden; margin: 0; padding: 15px 0 0 0;}
#footer p.dim{color: #666; float: right;}