/***
General Layout & Design
***/
html, body {
	padding: 0;
	margin: 0;
	background: #000;
}


#page {
	text-align: center;
}

#contentBackground {
	text-align: left;
	margin: 0 auto;
	width: 900px;
	background: #000000 url(images/body-background.jpg) no-repeat left top;
}

#contentBackground.homepage {
	height:815px;	/* fix height of HP */
}

#content {
	position: relative;
	top: 0;
	left: 0;
	width: 900px;
}

#header {
	width: 100%;
	height: 41px;
	background: #000000;
}

form {
	padding: 0;
	margin: 0;
}

/***
Global Typography
***/
* {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15pt;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1#pageTitle {
	font-size: 30pt;
	margin: 38px 0 0 232px;
	color: #efefef;
}

h1 {
	font-size: 16pt;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 10pt;
}

/***
Header bar
***/
#header {
	text-align: left;
}

#savenypbsLogo {
	width: 185px;
	height: 41px;
	float: left;
	padding-left: 10px;
}

#topnav {
	height: 41px;
	float: left;
	margin-left: 9px;
}
#topnav td {
	width: 150px;
	text-align: center;
}

#topnav a {
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 8pt;
}

#topSignup {
	height: 41px;
	padding-left: 10px;
	float: left;
}

#topSignup td {
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 8pt;
}

#topSignup #signupTextCell {
	color: #9ec7ef;
	padding-right: 5px;
}

#signupBox {
	border: 1px solid #9ec7ef;
	background: #000000;
	color: #ffffff;
	padding: 4px;
	font-size: 7pt;
	line-height: 9pt;
	width: 80px;
}

#signupSubmit {
	background: none;
	border: none;
	color: #9ec7ef;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 4px;
	margin-left: 0;
	display: inline;
}

/*** 
Page positioning
***/
#pageContent {
	margin: 38px auto 10px auto;
	background: #ffffff;
	width: 730px;
}


#pageContent #pageContentGradOuter { background: transparent url(images/background-grad-outer.jpg) repeat-x left top; width: 730px; }
#pageContent #pageContentGradInner { background: transparent url(images/background-grad-inner.jpg) repeat-x left top; width: 720px; }
#pageContent #pageContentBuffer { padding: 5px; }

#pageContent-inner {
	padding: 20px 35px;
}



/***
Homepage & form styles
***/
#homepageHeaderTable {
	width: 900px;
}
#homepageSaveNYPBS {
	background: #efefef url(images/homepage-savenypbs.jpg) no-repeat left top;
	width: 900px;
	height: 346px;
}

#thankYou {
	color: #ffffff;
	padding: 0 60px;
}

#thankYou h1 {
	color: #94C3F2;
	font-size: 20pt;
}

#homepageCallouts {
	width: 256px;
	background: #fff;
}

#hpContentBox1 {
	position: relative;
	top: -15px;
	left: 26px;
	z-index: 250;
	background: transparent url(images/red-block.jpg) no-repeat left top;
	width: 310px;
	height: 382px;
	float: left;
}

#hpContentBox1-inner {
	color: #ffffff;
	text-align: center;
	padding: 10px;
}

#hpContentBox1-inner p {
	margin: 15px 0;
	line-height: 12pt;
}

#homepageContentBox2 {
	position: relative;
	top: -15px;
	left: 52px;
	z-index: 250;
	background: transparent url(images/black-block.jpg) no-repeat left top;
	width: 510px;
	height: 382px;
	float: left;
}

#homepageContentBox2-inner {
	padding: 50px 20px 10px 25px;
}

#homepageFormTextAreaCell, #govLetterData {
	padding-right: 15px;
}

#homepageFormTextAreaCell #Letter_Subject {

}

#homepageFormTextAreaCell #Letter_Content, 
	#govFormTextAreaCell #Letter_Content {
	width: 210px;
	height: 280px;
	border: 1px solid #000000;
	font-size: 8pt;
	line-height: 11pt;
	padding: 2px;
}

#govFormTextAreaCell #Letter_Content {
	width: 250px;
}

#homepageFormBiographicalCell, #govFormBiographicalCell {
	padding-top: 13px;
}

#homepageFormBiographicalData td, #govFormBiographicalData td {
	padding-bottom: 1px;
}

#homepageFormBiographicalData label, #homepageLetterData label, 
	#govFormBiographicalData label, #govLetterData label {
	display: block;
	color: #ffffff;
	width: 90px;
	font-size: 9pt;
}
#govFormBiographicalData label, #govLetterData label {
	color: #000000;
}

#homepageFormBiographicalCell input, #homepageFormBiographicalCell select, #homepageLetterData input,
	#govFormBiographicalCell input, #govFormBiographicalCell select, #govLetterData input  {
	width: 150px;
	border: 1px solid #000000;
	font-size: 9pt;
	line-height: 9pt;
}

#govFormBiographicalCell input, #govFormBiographicalCell select, #govLetterData input  {
	width: 250px;
}

#homepageFormBiographicalCell select, #govFormBiographicalCell select {
	width: 152px;
}

#govFormBiographicalCell select  {
	width: 252px;
}

#homepageFormBiographicalCell input.submitBtn, #govFormBiographicalCell input.submitBtn {
	border: none;
	width: 200px;
	height: 39px;
}

#Letter_Subject {
	float: right;
}

#homepageFormBiographicalCell #keepInTouch, #govFormBiographicalCell #keepInTouch {
	width: 15px;
	padding: 0;
	border: none;
}
#homepageFormBiographicalCell #keepInTouchLabel, #govFormBiographicalCell #keepInTouchLabel {
	display: inline;
}

.smallAlert1 {
	font-size: 7pt;
	color: #ffffff;
}

#govForm .smallAlert1  {
	color: #000;
}

#govForm #Letter_Subject {
	width: 175px;
}

#dearGovHeader {
	padding-bottom: 5px;
}

/***
Footer
***/
#footer {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 900px;
	text-align: center;
	clear: both;
}

#footerInner {
	text-align: center;
}

#footerTable {
	width: 610px;
	height: 64px;
	margin: 0 auto;
}

#apbsNYLogo {
	width: 120px;
	height: 64px;
	background: #000 url(images/apbs-logo.jpg) no-repeat left top;
}

#apbsNYLogoCell {
	padding-right: 43px;
}

#footerDataCell *, #footerDisclaimer p  {
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

#footerDataCell p {
	margin: 5px 0;
}

/*** 
Contact form
***/
#contactUsForm td {
	padding-bottom: 3px;
	font-size: 8pt;
}

#contactUsForm td.label {
	padding-right: 5px;
	color: #333333;
	font-weight: bold;
}

div.wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
	margin: 10px 0;
}

#contactUsForm input, #contactUsForm textarea {
	width: 300px;
}

#contactUsForm textarea  {
	height: 100px;
}

/***
Misc
***/
#socialTwiestWidgetHomepage {
	position: absolute;
	top: 338px;
	left:  653px;
	z-index: 500;
}

#socialTwiestWidget {
	text-align: right;
	padding: 10px 10px 0 0;
}

#facebookShareThis {
	position: absolute;
	top: 334px;
	left: 795px;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.ital {
	font-style: italic;
}

img {
	border: none;
}

.center {
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.clear {
	clear: both;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */