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

/* ================ ERIC MEYER RESET =================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =============== SITE CSS =============== */
body {
	background:white;
	color:black;
	font-family:Helvetica, Arial, san-serif;
	font-size:62.5%;
}
br.clear {
	clear:both;
	font-size:0;
	line-height:0.1em;
	margin:0;
	padding:0;
}

a:link, a:visited, a:active {
	color:#0571DF;
	text-decoration:none;
}
a:hover {
	color:#00baff;
}
strong {
	font-weight:bold;
}
div#headerHome {
	background:url(/images/bg_header_home.jpg) center top no-repeat;
	height:329px;
	margin:0 auto;
	min-width:1024px;
	overflow:visible;
	padding:6px 0 0 0;
}

div#headerTemplate2 {
	background:url(/images/bg_header_template02.jpg) center top no-repeat;
	height:230px;
	margin:0 auto;
	min-width:1024px;
	overflow:visible;
	padding:6px 0 0 0;
}

div#headerTemplate3 {
	background:url(/images/bg_header_template03.jpg) center top no-repeat;
	height:230px;
	margin:0 auto;
	min-width:1024px;
	overflow:visible;
	padding:6px 0 0 0;
}

div#headerTemplate4, div#headerTemplate5, div#headerTemplate6 {
	background:url(/images/bg_header_template04.jpg) center top no-repeat;
	height:230px;
	margin:0 auto;
	min-width:1024px;
	overflow:visible;
	padding:6px 0 0 0;
}
	#headerWrapper {
		/* background: url(/images/bg_wrapper.jpg) left top no-repeat; */
		margin:0 auto;
		max-width:1020px;
		padding:0 10px;
		width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1022? "1020px" : "auto"); /* IE6 hack */
	}

			#headerHome #logo, #headerTemplate2 #logo, #headerTemplate3 #logo, #headerTemplate4 #logo, #headerTemplate5 #logo, #headerTemplate6 #logo {
				float:left;
				margin:0 0 0 40px;
			}

			div#navWrapper {
				float:right;
				position:relative;
				right:40px;
			}

				div#navGlobal {
					float:left;
					margin:6px 0 0 0;
				}
					#navGlobal ul {
						float:left;
						list-style:none;
						margin:6px 0 0 0;
					}
						#navGlobal li {
							float:left;
							font-size:1.4em;
							margin:0 24px 0 0;
						}
							#navGlobal li a, #navGlobal li a:link, #navGlobal li a:visited {
								color:#fff63f;
								text-decoration:none;
							}
								#navGlobal li a:hover {
									color:#00baff;
								}

				div#searchGlobal {
					float:left;
				}
	
					#search #searchInput {
						float:left;
						background:#0571df;
						border:2px solid #00baff;
						height:14px;
						text-align:right;
						color:#fff63f;
						margin:6px 0 0 0;
						padding:2px;
					}
					#search #submit {
						float:left;
						margin:6px 0 0 4px;
					}
	div#titleWrapper {
		clear:left;
		padding:94px 0 12px 40px !important;
	}

	#headerWrapper h1 {
		font-family:Helvetica, Arial, sans-serif;
		font-size:4em;
		color:white;
	}

	div#navGlobal2 {
		clear:left;
		float:left;
		margin:180px 0 0 40px;
	}

	div#navGlobal3 {
		clear:left;
		float:left;
		margin:0 0 0 40px;
	}

/* ============ SUCKER FISH ================= */


#nav2, #nav2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width:1020px;
}

#nav2 a {
	color:#fff63f;
	display: block;
	height:24px;
	width: auto;
}

#nav2 li {
	float: left;
	font-size:1.4em;
	margin:0 24px 0 0;
	width: auto;
}

#nav2 li ul {
	background:#0459B3;
	border:1px solid #707070;
	border-top:none;
	height:auto;
	position: absolute;
	width:100%;
	left: -999em;
	z-index:1000;
}


#nav2 li ul li {
	border-bottom:1px solid #0571DF;
	clear:left;
	font-size:0.9em;
	margin:0;
	width:100%;
	}
	#nav2 li ul li a {
		height:auto !important;
		padding:10px 8px;
	}
	#nav2 li ul li a:hover {
		color:#00baff;
	}
	#nav2 li ul li.last {
		border-bottom:none;
	}

#nav2 li:hover ul {
	left: auto;
	margin:0 0 0 -4px;
}

#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
}


/* ================= END SUCKER FISH =============== */



h1 {
	}
h2 {
	font-size: 2.0em;
	}

div#mainContentWrapper {
	background:white;
	clear:left;
	margin:0 0 0 0;
	padding:0 0 24px 0;
}
	div#mainContent {
		margin:0 auto;
		padding:0 0 0 10px;
		width:950px;
	}
		#mainContent h2, #mainContent h3, #mainContent h4 {
			color:#333;
		}
		#mainContent h2 {
			border-bottom:1px solid #333;			
			font-size:1.8em;
			font-weight:bold;
			line-height:1.2em;
			margin:24px 0 12px 0;
		}
		#mainContent h3 {
			font-size:1.6em;
			margin:12px 0 0 0;
		}
		#mainContent h4 {
			font-size:1.4em;
		}
		#mainContent p {
			color:#666;
			font-size:1.3em;
			line-height:2.0em;
			margin:0 0 12px 0;
		}
		#mainContent ul {
			margin:0 0 16px 0;
		}
		#mainContent li {
			color:#666;
			font-size:1.3em;
			line-height:1.4em;
			list-style:disc;
			margin:0 0 8px 24px;
		}

		/* ============= TEMPLATE #1 / HOME ============== */
		#sectionNew {
			clear:left;
			float:left;
			margin:0 20px 0 0;
			width:340px;
		}
		#sectionNew a, #sectionNew a:link, #sectionNew a:visited {
			color:#ff8400;
			text-decoration:underline;
			}
			#sectionNew a:hover {
				color:#00baff;
			}
		#sectionNew h2 {
			border:none;
			color:#ff8400;
			font-size:1.8em;
			font-weight:bold;
			margin:0 0 24px 0;
		}
		#sectionNew h3 {
			color:#333333;
			font-size:1.4em;
			font-weight:bold;
			margin:12px 0 0 0;
		}
		#sectionNew h4 {
			color:#ff8400;
			font-size:1.4em;
			font-weight:bold;
			margin:12px 0 12px 0;
		}
		#sectionNew p {
			color:#666;
			font-size:1.2em;
			line-height:1.8em;
			margin:0 0 24px 0;
		}
		
		
		#sectionContainerB {
			float:left;
			margin:0 40px 0 10px;
			width:220px;
		}
			#sectionYLD, #sectionResources {
				float:left;
				}
				#sectionYLD h2 {
					border:none;			
					color:#ff8400;
					font-size:3.0em;
					font-weight:bold;
					font-variant:small-caps;
					margin:0 0 4px 0;
				}
				#sectionYLD p, #sectionResources p {
					color:#666;
					font-size:1.2em;
					margin-bottom:0;
				}
				#sectionYLD ul, #sectionResources ul {
				}
					#sectionYLD li, #sectionResources li {
						clear:left;
						font-size:1.4em;
						list-style:none;
						margin:0 0 0 0;
					}
						#sectionYLD li img {
							float:left;
							border:4px solid #ff8400;
							margin:12px 8px 0 0;
						}
						#sectionYLD li a:link, #sectionYLD li a:visited {
							color:#ff8400;
						}
						#sectionYLD li span, #sectionResources li span {
							display:block;
							float:left;
							padding:26px 0 0 0;
						}
			
				#sectionResources h2 {
					border:none;
					color:#045ab2;
					font-size:3.0em;
					font-weight:bold;
					font-variant:small-caps;
					margin:24px 0 0 0;
				}		
						#sectionResources li img {
							float:left;
							border:4px solid #045ab2;
							margin:12px 8px 0 0;
						}
						#sectionResources li a:link, #sectionResources li a:visited {
							color:#045ab2;
						}
							#sectionYLD li a:hover, #sectionResources li a:hover {
								color:#00baff;
							}					
		#sectionContainerC {
			float:left;
			margin:12px 20px 0 0;
			width:290px;
		}
			div.homePhotoBox {
				background:#4f8bc9;
				border:6px solid #00baff;
				margin:0 0 36px 0;
				padding:4px;
				height:134px;
				position:relative;
				width:270px;
			}
				.homePhotoBox a.boxLink {
					display:block;
					height:134px;
					width:270px;
				}				
				.homePhotoBox h2 {
					border-bottom:none !important;
					color:#ff8400;
					font-size:3.0em !important;
					font-variant:small-caps;
					font-weight:bold;
					line-height:0.7em !important;
					position:absolute;
					bottom:0px;
				}
					.homePhotoBox h2 span {
						color:#fff63f;
						font-size:0.5em !important;
						font-weight:normal;
						text-transform:uppercase;
					}
				.homePhotoBox h2 a:link, .homePhotoBox h2 a:visited {
					color:#ff8400;
				}
					.homePhotoBox h2 a:hover, .homePhotoBox h2 a:hover span {
						color:white;
					}

		/* =============== TEMPLATE #2 & TEMPLATE #3================= */

			div.template2, div.template3 {
				margin:12px 0 0 0;
			}

			.template2 div#intro, .template3 div#intro {
				background:#045ab2;
				color:white;
				float:left;
				margin:0 30px 0 0;
				padding:10px;
				width:310px;
				}
				.template2 #intro h2, .template3 #intro h2 {
					border:none;			
					color:#ffff33;
					font-size:1.8em;
					line-height:1.2em;
					margin:0 0 4px 0;
				}
				.template2 #intro p, .template3 #intro p {
					color:white;
					font-size:1.4em;
					line-height:1.6em;
					margin:0 0 12px 0;
				}
				
				.template2 div#intro li, 
				.template3 div#intro li {
					color: #ff9900;
				}

				
				.template2 div#intro a, .template3 div#intro a {
					color: #fff;
				}

			/* =============== TEMPLATE #2 ================= */

				.template2 #contentOptionsWrapper {
					float:left;
					width:580px;
				}
					.template2 div.contentOption {
						clear:left;
						margin:0 0 24px 0; 
					}
						.template2 .contentOption img {
							border:6px solid #00baff;
							float:left;
							margin:0 20px 0 0;
						}
						.template2 .contentOption p {
							float:left;
							font-size:1.2em;
							line-height:1.8em;
							width:460px
						}
							.template2 .contentOption p span{
								color:#00baff;
								font-size:1.4em;
							}

			/* =============== TEMPLATE #3 ================= */

				.template3 #contentOptionsWrapper {
					float:left;
					width:580px;
				}
					.template3 #contentOptionsWrapper ul {
						list-style-type:none;
						width:100%;
					}
						.template3 #contentOptionsWrapper li {
							color:#00baff;
							float:left;
							font-size:1.2em;
							list-style:none;
							margin:0 20px 0 0;
						}
						.template3 #contentOptionsWrapper li a {
							color:#00baff;
						}						
							.template3 #contentOptionsWrapper li#last {
								margin:0 0 0 0;
							}
						.template3 #contentOptionsWrapper li img {
							border:6px solid #00baff;
							float:left;
						}
							.template3 #contentOptionsWrapper li.optionOn a {
								color:#ff9900;
							}
						
							.template3 #contentOptionsWrapper li.optionOn img {
								border:6px solid #ff9900;
							}
					.template3 #pageContentWrapper {
						color:#666;
						float:left;
						margin:18px 0 0 0;
						width:580px;
					}
					
					.template3 #pageContentWrapper #resources {
						font-size: 1.5em;
					}
						.template3 #pageContentWrapper h3 {
							color:#333;
							line-height:1.4em;
							margin:12px 0 4px 0;
						}
						.template3 #pageContentWrapper ul {
							list-style-type:disc;
							margin:12px 0 12px 24px;
						}							
							.template3 #pageContentWrapper li {
								margin:0 0 12px 0;
							}

							/* =============== GLOSSARY ================== */
							.termsList {
								float:left;
								width:280px
							}
								.termsList p {
									color:#999;
								}
							
							#termsColumn1 {
								border-right:1px solid #DFDFDF;
								margin:0 18px 0 0;
							}

							dt {
								font-size:1.6em;
								font-weight:bold;
								margin:24px 0 0 0;
							}

		/* ================ TEMPLATE #4 ==================== */

			.template4 div#coreContent {
				float:left;
				width:650px;
			}

			/* ============== YOUTH SPEAK ===================== */
							
				div.featuredYouth {
					background:#045ab2;
					margin:0 30px 20px 0;
					padding:10px;
				}

				.featuredYouth h3 {
					color:#FFFF33 !important;
				}

				.featuredYouth p {
					color:white !important;
				}


			/* ============== STEERING COMMITTEE ============== */
			
				#steeringCommittee h3 {
					color:#333;
					font-size:1.8em;
					font-weight:bold;
					padding:24px 0 0 0;
				}
					#steeringCommittee h3 span {
						font-size:0.7em;
						font-weight:normal;
					}
				#steeringCommittee p.personal {
					line-height:1.2em;
					margin:4px 0 8px 0;
				}
				#steeringCommittee p.question {
					color:#333;
					font-weight:bold;
					line-height:1.2em;
					margin:8px 0 0 0;
				}
				#steeringCommittee p.answer {
					margin:0;
				}

			/* ============== SIDEBAR ============= */
	
				div#sidebar {
					float:left;
					margin:32px 0 0 20px;
					padding:0 0;
					width:280px;
				}
					#sidebar h3 {
						font-size:1.4em;
						margin:12px 0 0 0;
						padding:12px 0 0 0;
					}
					#sidebar h3.first-child {
						border-top:none;
						margin:0;
						padding:0;
					}
						#sidebar h3 a:link, #sidebar h3 a:visited {
							color:#231f20;
						}
							#sidebar h3 a:hover {
								color:#0EB9EF;
								}
					#sidebar p {
						font-size:1.2em;
						line-height:2.0em;
					}
					#sidebar p.image {
						float:right;
						margin:12px 0;
					}
					#sidebar p.quote {
						background: url(/images/bg_quote.gif) top left no-repeat;
						float:right;
						font-size:1.6em;
						line-height:1.4em;
						margin:12px 0 0 0;
						padding:0 0 0 54px;
						width:210px;
					}
					#sidebar p.quoteAttribution {
						line-height:1.4em;
						margin:12px 0 12px 0;
						padding:0 12px 0 0;
						text-align:right;
					}
					#sidebar hr {
						background-color:#d6bfc4;
						color:#d6bfc4;
						height:1px;
					}

		/* =============== TEMPLATE #5 ==================== */

			.template5 div#coreContent {
				float:left;
				width:650px;
			}

			/* =========== CONTACT US FORM =========== */
			
				#contactUs label {
					clear:left;
					color:#333;
					float:left;
					font-size:1.4em;
					font-weight:bold;
				}
				#contactUs input, #contactUs textarea {
					clear:left;
					float:left;
					margin:0 0 18px 0;
					padding:2px;
				}

		/* =============== TEMPLATE #6 ==================== */

			.template6 div#coreContent {
				float:left;
				width:950px;
			}

			/* ============ LEGISLATION MAP/HISTORY ============== */

				#stateStatus h3 {
					font-size:1.8em;
					padding:18px 0 0 0;
				}

				#stateStatus p {
					line-height:1.2em;
				}
				#stateStatus p.status {
					font-size:1.4em;
					line-height:1.2em;
					margin:4px 0;
				}
				div#statesList1, div#statesList2, div#statesList3 {
					border-right:1px solid #DFDFDF;
					float:left;
					padding:0 8px 0 16px;
					width:291px;
				}
				div#statesList3 {
					border-right:none;
				}
		
				/* =================== SITEMAP ================= */
				
				#sitemap h3 {
					clear:left;
					margin:0;
				}

				#sitemap ul {
					margin:4px 0 40px 0;
					padding:0;
				}

				#sitemap li {
					float:left;
					list-style:none;
					margin:0 24px 0 0;
					padding:0;
				}

/* ======================== DISABILITY TIMELINE =================== */

							div#timeline {
								border-left:2px solid #ccc;
								margin:24px 0 !important;
								width:100%;
							}
							div.century {
								clear:left;
								float:left;
								margin:0 0 12px 0;
								width:100%;
							}
								.century h2 {
									background:url(/images/timeline/timeline_century_tick.gif) left center no-repeat;
									border:none !important;			
									color:#045AB2 !important;
									cursor:pointer;
									font-size:3.0em !important;
									font-weight:normal !important;
									margin:0 !important;
									padding:4px 4px 4px 24px;
								}		
									.century h2 span {
										color:#666;
										font-size:0.6em;
									}
									.century h2 a:hover {
										color:#00baff !important;
									}
							ul.decades {
								clear:left;
								color:#000;
								float:left;
								margin:0 12px 0 0 !important;
								padding:4px 4px 4px 0;
								position:relative;
							}
								.decades li {
									background:url(/images/timeline/timeline_decade_tick.gif) left center no-repeat;
									clear:left;
									font-size:2.0em !important;
									list-style-type:none !important;
									margin:0 0 8px 0 !important;
									padding:0 0 0 32px;
								}
									.decades li a {
										color:#999;
										cursor:pointer;
									}
										.decades li a:hover {
											color:#00baff;
										}
										.decades li a.hover:hover { /* used to override jquery css change */
											color:#00baff !important;
										}

							div.decadeContent {
								float:left;
								width:600px;
							}
										
							div.year {
								border-left:1px solid #CCC;
								clear:left;
								width:500px;
							}
								.year h3 {
									background:url(/images/timeline/timeline_decade_tick.gif) left center no-repeat;
									clear:both;
									color:#666 !important;
									font-size:1.6em !important;
									margin:8px 0 0 0;
									padding:0 0 0 20px;
								}
								.year p {
									line-height:1.5em !important;
									margin:6px 0 0 0;
									padding:0 0 0 20px;
									width:600px;
								}
								.year div.photo {
									 width:400px;
								}
									.year .photo img {
										border:1px solid #666;
										clear:left;
										float:left;
										margin:0 0 0 20px;
									}
										.year .photo p {
											float:left !important;
											font-style:italic;
											padding-left:8px;
											width:200px;
										}

/* =============== TEMPLATE #7: QUIZZES =================== */

div#quizMenu {
	float:left;
	width:300px;
}
#quizMenu ul {
	margin:12px 0;
}
	#quizMenu li {
		font-size:1.4em;
		list-style:none;
	}
div#quizContainer {
	float:left;
	padding:24px 0;
	width:460px
}
#quizContainer p {
	line-height:1.3em;
}


/* =============== PARTNER LOGOS ========== */

table#partnersLogos td {
	padding:12px;
}
table#partnersLogos td img {
	margin-bottom:4px;
}

/* =============== FOOTER ================= */

div#footerWrapper {
	background:#045AB1 url(/images/bg_footer.gif) top repeat-x;
	clear:left;
	min-width:1024px;
	width:100%;
}
	div#footer {
		min-height:178px;
		height:auto;
		margin:0 auto;
		padding:12px 0 12px 0;
		width:960px;
	}
		#footer h4 {
			color:#fff63f;
			font-size:1.2em;
			font-weight:bold;
		}
		#footer p {
			color:white;
			font-size:1.2em;
			line-height:1.4em;
			margin:0;
		}
			#footer a, #footer a:link, #footer a:visited {
				color:#fff63f;
				text-decoration:none;
			}
				#footer a:hover {
					color:#00baff;
				}
		#footer ul {
		}
			#footer li {
				color:#fff63f;
				font-size:1.2em;
				margin:0 0 12px 0;
			}
		#footer #sectionA {
			float:left;
			margin:0 20px 0 10px;
			width:340px;
		}
		#footer #sectionB {
			float:left;
			margin:0 40px 0 10px;
			width:220px;
		}
		#footer #sectionC {
			float:left;
			margin:0;
			width:290px;
		}