@charset "utf-8";


/*/// BASIC STUFF ///*/

body, html {
    margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/mainBG.gif);
	background-repeat: repeat-y;
}

#survey {
    background: #FFF;
}

.clearingDiv {
	clear: both;
}

body {
	min-width: 941px;	
}

/* survey css */

div.sg_Instructions {
    font-size: 18px;
    font-weight: bold;
   }
   
#headersurvey {
background: url(images/SurveySlim_hd_bg.png) #fff no-repeat;
	padding: 0;
	margin: 0;
	height: 85px;
}

#footersurvey {
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	width: 941px;
	height: 18px;
	margin:0 auto;
}

#surveyContentOrig {
	display: block;
	background-image: none;
	background-repeat: no-repeat;
/*	width: 775px;
*/	text-align: left;
	font-size: 13px;
	color: #6e858f;
/*	border-left: 1px solid #c8d9e2;
	border-right: 1px solid #c8d9e2;
*/	letter-spacing: -.5px;
	padding: 40px 84px 30px 80px;
	margin: 0 0 0 0;
}

#surveyContent2 {
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	width: 775px;
	text-align: left;
	font-size: 13px;
	color: #6e858f;
/*	border-left: 1px solid #c8d9e2;
	border-right: 1px solid #c8d9e2;
*/	letter-spacing: -.5px;
	padding: 40px 54px 10px 0px;
	margin: 0 0 0 0;
}

/* revised to handle wider pane view */

#surveyContent {
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	width: 775px;
	text-align: left;
	font-size: 13px;
	color: #6e858f;
/*	border-left: 1px solid #c8d9e2;
	border-right: 1px solid #c8d9e2;
*/	letter-spacing: -.5px;
	padding: 40px 54px 10px 0px;
	margin: 0 0 0 0;
}


/*/// LAYOUT ///*/

#wrap {
	padding: 0;
    width: 941px;
	text-align: left;
	margin: 0 auto;
}


#top {
	display: block;
	background-image: url(images/topBG.gif);
	background-repeat: no-repeat;
	width: 941px;
	height: 41px;
}

#header {
	background-image: url(images/headerBG.gif);
	background-repeat: no-repeat;
	width: 941px;
	height: 136px;
	padding: 0;
	margin: 0;
}


#header img {
	border: 0;	
	padding: 0;
	margin: 0;
}

#headersurvey img {
	border: 0;	
	padding: 0;
	margin: 0;
}


#mainContent {
	display: block;
	background-image: url(images/mainContentBG.gif);
	background-repeat: no-repeat;
	width: 941px;
	height: 181px;
	text-align: center;
	font-size: 13px;
	color: #6e858f;
	letter-spacing: -.5px;
}

#middleCopy {
	display: block;
	background-image: url(images/middleCopyBG.gif);
	background-repeat: no-repeat;
	width: 941px;
	height: 222px;
	text-align: center;
	color: #6e858f;
}

#middleCopy img {
	border: 0;
	padding: 106px 20px 0 20px;
}

#bottomCopy {
	display: block;
	background-image: url(images/bottomCopyBG.gif);
	background-repeat: no-repeat;
	width: 941px;
	height: 104px;
	font-size: 11px;
}

#block {
	width: 302px;
	text-align: center;
}

#footer {
	display: block;
	background-image: url(images/footerBG.gif);
	background-repeat: no-repeat;
	width: 941px;
	height: 48px;
}


#btAboutSurvey {
	float: left;
	padding: 101px 0 0 0;
	height: 31px;
	width: 196px;
	margin: 0;
	display: inline;
}

#btAboutSurveySlim {
	float: left;
	padding: 54px 0 0 0;
	height: 31px;
	width: 196px;
	margin: 0;
	display: inline;
}

#topButtonGroup {
	float: right;
	padding: 0 28px 0 0;
	margin: 0;
	display: inline;
}

#topButtonGroup a {
	clear: left;
}

#btShare {
	margin: 9px 0 0 0;
	padding: 0;
}

#logo {
	float: right;
	padding: 0 180px 0 0;
	margin: 0;
	display: inline;
}

#logosurvey {
	float: left;
	padding: 16px 0 0 190px;
	margin: 0;
	display: inline;
}


#subContent {
	display: block;
	background-image: url(images/subContentTopBG.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 775px;
	text-align: left;
	font-size: 13px;
	color: #6e858f;
	border-left: 1px solid #c8d9e2;
	border-right: 1px solid #c8d9e2;
	letter-spacing: -.5px;
	padding: 0 84px 30px 80px;
	margin: 0 0 0 0;
}

#subContentBottom {
	display: block;
	background: url(images/subContentBottomBG.jpg) no-repeat;
	width: 941px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
}

/*/// TYPOGRAPHY ///*/

#mainContent h1 {
	margin-top: 0;
	padding-top: 24px;
	color: #0079c1;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
}

#subContent h1 {
	margin: 0 0 20px 70px;
	padding-top: 24px;
	color: #acabb7;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
}

#subContent h2.arrow {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	margin: 20px 0 0 0px;
	color: #0a79bf;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0 15px 34px;
}

#middleCopy p {
	margin: 40px 0 0 0;
}

#bottomCopy p {
	color: #96a0a3;
	padding: 53px 0 0 321px;
	margin: 0;
}

#subContent p {
	margin: 0 0 0 0px;
	color: #6e858f;
	font-size: 14px;
	padding: 0 0 0 34px;
}

#subContent span {
	color: #0079c1;
}

#mainContent span {
	color: #0079c1;
}

#ocefLink {
	float: left;
	position: relative;
    width: 230px;
	height: 18px;
	display: block;	
	top: 31px;
	left: 358px;
}

#ocefLink a {
    width: 230px;
	height: 18px;
	display: block;	
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: transparent url("") no-repeat;	
}

#ocefLink a:hover {
	background: transparent url("") no-repeat;	
}




img.start-survey-btn {
	float:right;
	margin: 0 0 10px 30px;
}