@charset "utf-8";
/* CSS Document */

/*Reset Styles
--------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.4; 
}

/* Tables still need 'cellspacing="0"' in the markup.*/
table { border-collapse: collapse; border-spacing: 0;}
caption/*, th, td*/ { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; } 

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/*New Defaults
----------------------------------------------------------------------------------------------------*/

#container{
	width: 510px;
	background: #FFFFFF;
	margin: 22px 0 0 5px;
	}

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #333; 
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h5,h6 { font-weight: normal; color: #333; line-height: .95em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1 {
	color:#44448f; 
	font-size: 1.2em; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin-bottom: 1.2em;
}

/* NOTE: need to set the h2 color and image so it is specific to an individual section*/

h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #44448f url(../home/images/td_headline.jpg) repeat-y right;
	padding: .16em .16em .16em .5em;
	margin: 1.5em 0 1em;
}

/*Use this class when an h2 appears near a sidebar*/

h2.narrow {
	width: 300px;
}

h3 {
	color:#44448f;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1.2em;
}

h4 {
	font-weight: bold;
	margin-bottom: .2em;
	line-height: 1em;
}

h5 {
	font-weight: bold;
	margin-bottom: 1em;
}

/*h6 not being used*/

/*.subhead used right below an h1*/

.subhead {
	margin-top: -1.4em;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1em; }

/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }*/

/*NOTE: Need to add the following "a" styles to each individual style sheet and customize color. Leave a.color in the style sheet in case any links are still styled with that class*/

a, a:visited, a.color {
	color: #44448f; 
	text-decoration: none; 
	}

a:focus, 
a:hover {
	color: #44448f;
	/*color: #cc9900; */
	text-decoration: underline;
	}


/*blockquote  { margin: 1.5em; color: #666; font-style: italic; }*/

strong      { font-weight: bold; }

em      { font-style: italic; }

/*dfn         { font-weight: bold; }*/

sup, sub { 
	/*line-height: 0;*/
	vertical-align: super;
	font-size: 60%;
	_font-size: 80%;/*ie only*/
}

abbr, 

acronym     { border-bottom: 1px dotted #666; }

address     { margin: 0 0 1.5em; font-style: italic; }
/*del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } */

/*Can drop the .apscan style once site is converted*/

.smallcaps, .apscan {
	font-size: 83%;
	text-transform: uppercase;
}
blockquote {
	margin: 9px 0px 16px 16px;
}


/* Lists
-------------------------------------------------------------- */


ul { margin: 0 0 1.5em 1.3em; list-style-type: disc; }

ol { margin: 0 0 1.5em; /*list-style-type: decimal;*/ }

li {
	padding: 0 0 .15em;
}

li ul, 
li ol       { 
	margin:0 1.3em;
 }

li ul li {
	list-style-type: circle;	
}

li ul li ul li {
	list-style-type: square;
}

dl          { margin: 0 0 1.5em 0; }

dl dt       { font-weight: bold; }

dd          { margin-left: 1.5em;}

ol li {
	margin-left: 1.4em;
	#margin-left: 1.9em;/* For IE7*/
	_margin-left: 0em;/* For IE6*/
	padding-left: 0px;
/*	list-style-type: decimal;
*/	list-style-image: none;
}

blockquote {
	#padding-left:.7em;/* For IE7*/
}

.nobullet {
	list-style-type: none;
	margin-left: 0;
}


/* Tables
-------------------------------------------------------------- */

table       {
	margin-bottom: 1.4em;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666699;
	/*text-align: left;*/
}
th          { font-weight: bold; color: #FFFFFF; background:#666699;}
th,td       {
	padding: 4px 10px 4px 5px;
	/*text-align: left;*/
}
tr.even td  {
	background: #eee;
	/*text-align: left;*/
}
tfoot       { font-style: italic; }
caption     { background: #eee; }

.noborder {
	border-bottom: none;
}

table.border {
	border-bottom: none;
} 

table.border td {
	border: 1px solid #666666;
}

td.bottomline {
border-bottom: 1px solid #666999;
}

/* Misc classes
-------------------------------------------------------------- */


.floatright {
	float: right;
}

.floatrightlmarg {
	float: right;
	margin-left:6px;
}

.floatleft {
	float: left;	
	}
	
.floatleftrmarg {
	float: left;
	margin-right:6px;
	}
	
.clearright {
	clear: right;
	}

.clearleft {
	clear: left;
	}
	

/*For dates behind lines of text*/

.date {
	font-size: .83em;
	display: inline;
	margin-left: .5em;
}

/*For content like horizontal menus that appear across the page*/

.menuhor {
	width: auto;
	text-align: left;
	clear: both;
	margin: 1.2em 0;
}

.menuhor ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menuhor li {
	display: inline;
	padding-right: 30px;
	margin: 0;
	
}

/*NOTE: Need to change the image reference below to go up only one level once this becomes the default stylesheet*/
/*For arrow back to the top of the page*/


.toplink {
	width: 100%;
	height: 11px;
	background: url(../home/images/top.gif) no-repeat right;
	display: block;
	clear: both;
}

.toplink img {
	width: 17px;
	height: 11px;
	float: right;
}


/*For Study Pages*/

#studycover {
	float: right;
	margin: 0 0 1em .5em;

}

#studycoverleft {
	float: left;
	margin: 0 .5em .4em 0;
}

#studycover img, #studycoverleft img {
	border: 1px solid #CCCCCC;
	
}

#studycover p, #studycoverleft p {
	margin-top: 0;
	padding-left: .1em;
	font-size: .9em;
}

.studyfooter {
	clear: left;
	margin-top: 30px;
}

/*For Presurvey Bulletin Pages*/


#presurveybanner {
	margin-bottom: 1em;
	overflow: hidden;
	width:510px;
}


.required, .red {
	color: red;
}

/*For small text--to replace .pop or .fine*/

.small      { font-size: .8em;}

.large      { font-size: 1.2em; /*line-height: 2.5em; margin-bottom: 1.25em;*/ }
/*.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }*/

/*--------------------Layout Elements---------------------------*/

/*NOTE: Need to add #sidebar and #sidebar h4 to individual style sheets and customize colors*/

#sidebar, .rightmenu, .sidebar {
	clear: both;
	float: right;
	width: 150px;
	margin: 0 0 .5em .5em;
	border: 1px solid #999999;
	padding: 0 .5em .5em 0;
	/*padding: .5em;*/
}

#sidebar h4, #sidebar p, #sidebar ul, .rightmenu h4, .rightmenu p, .rightmenu ul, .sidebar h4, .sidebar p, .sidebar ul{
	margin: .75em .25em .5em .75em;
}

#sidebar h4, .rightmenu h4, .sidebar h4 {
	color: #333;
	line-height: 1.1 em;
}

#sidebar ul, .rightmenu ul, .sidebar ul {
	list-style-type: none;
}

#sidebar li. .rightmenu li, .sidebar li {
	margin: 0 0 .25em;
	line-height: 1.2em;
	font-size: .9em;
}

#sidebar li ul, .rightmenu li ul, .sidebar li ul {
	margin: .5em 0 .5em 2em;
	list-style-type: disc;
}

#sidebar li ul li, .rightmenu li ul li, .sidebar li ul li {
	margin-bottom: .25em;
}

#sidebar ul.bullet, .rightmenu ul.bullet, .sidebar ul.bullet {
	list-style-type: disc;
	margin-left: 2em;
}

#sidebar ul.bullet li, .rightmenu ul.bullet li, .sidebar ul.bullet li {
	font-size: 1em;
}

#sidebar p, .rightmenu p, .sidebar p {
	line-height: 1.1em;
}

/*----------------------------CALL TO ACTION CSS-----------------*/

/*main sidebar container*/
.cta {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0;
	width: 190px;
}
/*yellow sidebar is cta01, cta01bl is the inner div that defines the bottom left corver*/
.cta01, .cta01bl {
	margin: 0;
	padding: 0;
	border: 0;
	width: 190px;
	background: #e4dc99 url(../custom_research/images/corner_topright.gif) no-repeat right top;
}
/*gray sidebar is cta02, cta02bl is the inner div that defines the bottom left corver*/
.cta02, .cta02bl {
	margin: 0;
	padding: 0;
	border: 0;
	width: 190px;
	background: #6f7587 url(../custom_research/images/corner2_topright.gif) no-repeat right top;
}
/*space below the sidebars*/
.cta01, .cta02 {
	margin-bottom: 12px;
}
/*sidebar headline definitions*/
.cta01 h4, .cta02 h4 {
	color: #000;
	font: bold 140% Arial, Helvetica, sans-serif;
	margin: 0px 3px 21px 20px;
	padding: 0;
	position: relative;
	top: 15px;
}
.cta02 h4 {
	margin: 0px 16px 21px 0;
	padding: 0 0 0 20px;
	background: #e4dc99;
}
/*alternate headline color*/
.cta01 .var {
	color: #4a4124;
}
/*sidebar text*/
.cta01 ul, .cta02 ul {
	margin-bottom: .5em;
}

.cta01 p, .cta02 p {
	margin: 0 4px 3px 20px;
}

.cta01 li, .cta02 li {
	margin-left: 20px;
}

.cta01 p {
	color: #000;
}
.cta02 p, .cta02 li {
	color: #eee;
}

/*bottom left corner divs*/
.cta01bl{
	display: block;
	padding: 0 0 12px 0;
	margin: 0;
	background: #e4dc99 url(../custom_research/images/corner_bottomleft.gif) no-repeat left bottom;
	border-top: solid 1px #e4dc99;
}
.cta02bl{
	display: block;
	padding: 0 0 12px 0;
	margin: 0;
	background: #6f7587 url(../custom_research/images/corner2_bottomleft.gif) no-repeat left bottom;
	border-top: solid 1px #6f7587;
}
.reportpics{
	height: 128px;
	background: #6f7587 url(../custom_research/images/cta02_reports.gif) no-repeat left bottom;
}
/* gray sidebar em and link colors*/
.cta02 p em{ 	
color: #ffea3c; }

.cta02 a:link, .cta02 a:visited, .cta02 a:hover { 	
color: #fee93d;
text-decoration:underline; }

.cta02 a:hover { 	
text-decoration:none; }

/*sidebar button download buttons - _01 is for the yellow sidebar - _02 is for the gray sidebar*/

.cta01bl a i, .cta02bl a i { 	
visibility: hidden; }

.cta01bl a#download, .cta02bl a#download  {
	margin: 11px 17px 0 17px;
	height: 34px;
	width: 156px;
	background: url(../custom_research/images/button_downloadnow_01.gif);
	display: block;
	text-decoration: none;
  }
.cta01bl a#download:link, .cta01bl a#download:visited {
	background: url(../custom_research/images/button_downloadnow_01.gif);
  }
.cta01bl a#download:hover {
	background: url(../custom_research/images/button_downloadnow_01_up.gif);
  }
.cta01bl a#download:active {
	background: url(../custom_research/images/button_downloadnow_01_dn.gif);
  }
.cta02bl a#download:link, .cta02bl a#download:visited {
	background: url(../custom_research/images/button_downloadnow_02.gif);
  }
.cta02bl a#download:hover {
	background: url(../custom_research/images/button_downloadnow_02_up.gif);
  }
.cta02bl a#download:active {
	background: url(../custom_research/images/button_downloadnow_02_dn.gif);
  }

/*yellow sidebar button form styles*/

p.field, label, option {
	font: 92% Arial, Helvetica, sans-serif;
	color: #322C18;
	margin:0 5px 0 20px;
	padding: 0;
}
input.textbox, select.textbox {
	margin: 0 0 3px 20px;
	padding: 1px 0px 0px 2px;
	height: 18px;
	width: 150px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #e3ba2a;
}
select.textbox {
	width: 154px;
	
}
select.textbox option{
	margin: 0;
	padding: 1px 0px 0px 2px;
}
input.radio {
	margin-bottom: 4px;
 	vertical-align: middle;
}



/*For a double column layout*/

.columnnarrow {
	float: left;
	width: 45%;
	margin-right: 1em;
}

/*For a three-column layout*/

.threecolumn {
	float: left;
	width: 30%;
	margin-right: 1em;
}

/*For a page that has no navigation*/

#wrapper {
	width: 750px;
	margin: 25px auto 0;
	}

/* -------------------------------------------------------------- 
   
   ie.css
   
   Contains every hack for Internet Explorer,
   so that our core files stay sweet and nimble.
   
-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 
body { text-align: center; }
.container { text-align: left; }*/

/* Fixes IE margin bugs */
* html .column { _overflow-x: hidden; }


/* Elements
-------------------------------------------------------------- */

/* Fixes incorrect styling of legend in IE6. */
* html legend { _margin:-18px -8px 16px 0; padding:0; }

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { _margin-left:2em; }

/* Fixes wrong line-height on sub in IE. */
sub { _vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; } 

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { _margin: -8px auto 11px; }


/* Footer Styles */


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #44448F;
	text-align: center;
	clear: both;
	margin-right: 15px;
	margin-bottom: 12px;
}

.rssimg {
	vertical-align: text-bottom;
	border: 0;
	margin: 0;
	padding: 0;
}

#footer a, #footer a:visited  {
	color: #44448F;
	text-decoration: underline;
}
#footer a:hover {color: #44448F;text-decoration: none;}
#copyright p{ font-size: 9px; text-align: center;}

#ppmfooter {
/*	border: 1px solid #666666;
	padding: 3px 3px 4px 5px;*/
	margin-bottom: 9px;
}

#ppmfooter p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	line-height: normal;
}


/* Print Styles */

.printcommand {
	clear: right;
	text-align: right;
	font-size: 10px;
}
.printlogo {
	display:none;
}

@media print {

#sidebar {
display:none;
}
#container {
	width:auto;
	/*width:100%;*/
	padding:0 45px 0px 45px;
}
.toplink {
display:none;
}
.printcommand {
display:none;
}
.printlogo {
	display:block; !important
	margin-bottom: 4em;
	text-align:right;
}
#presurveybanner {
margin-top:30px;
margin-bottom:20px;
}

.dontprint {
	display:none;}
	
}