/* ---------------------------------------------------------

Styles for Raising Texas
www.raisingtexas.com

Author(s): Matt Wetzler, David Guillory

Sibley/Peteet Design - Austin
www.spdaustin.com

Created: August 2007
Modified: May 2008

------------------------------------------------------------ */



* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, form, input, textarea, select {
	font: 11px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	font-weight: normal;
	}
body {
	background: #FBF4ED;
	}
a {
	color: #EB8922;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
img {
	border: none;
	}

.clear {
	clear: both;
	height: 1px;  /* For Opera 9.21 Rendering Bug */
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	outline: none;
	}
	/* hide from Mac IE 5 \*/
	.imgswap { overflow: hidden; }
	/* End Mac IE 5 hack */

#link-list ul {
	padding-left: 8px;
	list-style: none;
	}
	#link-list li {
		margin-bottom: 12px;
		}
		#link-list li a {
			font-weight: bold;
			}
	



/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */

#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding: 0 12px;
	background-color: #fff;
	min-height: 100%;
	_height: 100%;
	}

#col-left-3 {
	float: left;
	width: 138px;
	margin-right: 18px;
	}
#col-middle-3 {
	float: left;
	width: 450px;
	}
#col-right-3 {
	float: right;
	width: 156px;
	}


#col-2 {
	float: right;
	width: 624px;
	}
#col-2-left {
	float: left;
	width: 455px;
	}
	#col-2-left h2,
	#col-2-left h3,
	#col-2-left p {
		padding-left: 8px;
		}
#col-2-right {
	float: right;
	width: 156px;
	}

#col-1 {
	float: right;
	width: 624px;
	}

#calendar {
	float: right;
	width: 618px;
	}

#subpage-hero-bar {
	float: right;
	width: 624px;
	margin-bottom: 12px;
	}


.sidebar ul {
	margin-bottom: 8px;
	}
.sidebar li {
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 12px;
	list-style: none;
	padding-left: 10px;
	background: url(/images/bullet-orange.gif) no-repeat 0 6px;
	}


/* CORE TYPOGRAPHY
------------------------------------------------------------------------------------------ */

#subpage-hero-bar h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	padding: 8px 8px 0 8px;
	}
#subpage-hero-bar h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	padding: 0 8px 8px 8px;
	}

h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	}

h4 {
	color: #EB8922;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 4px;
	}

p {
	margin-bottom: 18px;
	}

/* MASTHEAD
------------------------------------------------------------------------------------------ */

#masthead {
	padding: 12px 0;
	}



/* NAVIGATION
------------------------------------------------------------------------------------------ */

#primary-nav {
	float: left;
	width: 148px;
	margin-bottom: 8px;
	}
	#primary-nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		#primary-nav li {
			position: relative;
			width: 148px;
			}
			#primary-nav li li {
				position: relative;
				width: 132px;
				}
		#primary-nav a {
			display: block;
			text-decoration: none;
			padding: 3px 5px 3px 2px;
			font-size: 11px;
			line-height: 14px;		
			}
		html>/**/body #primary-nav a {	/* Passes correct padding values to non-IE browsers */
			padding: 5px 5px 4px 2px;			
			}
			#primary-nav li ul {
				position: absolute;
				left: -29999px;
				top: 0;
				width: 132px;
				padding: 4px;
				background-color: #FBF4ED;
				border: 1px solid #EB8922;
				border-width: 1px;
				}
			#primary-nav .sfhover a,
			#primary-nav a.active {
				color: #fff;
				background-color: #EB8922;
				}
			#primary-nav .sfhover ul {
				left: 148px;
				z-index: 100;
				}
				#primary-nav .sfhover li {
					position: relative;
					z-index: 200;
					}
					#primary-nav .sfhover li a {
						color: #EB8922;
						background-color: #FBF4ED;
						}
					#primary-nav .sfhover li a:hover {
						color: #fff;
						background-color: #EB8922;
						}
			
			#primary-nav .active ul {
				overflow: hidden;
				position: relative;
				left: 12px;
				border: none;
				background: none;
				z-index: 1;
				}
			#primary-nav .active li {
				background-color: #333;
				}
				#primary-nav .active li a {
					display: block;
					font-size: 10px;
					background-color: #fff;
					}
				#primary-nav .active li a:hover {
					color: #fff;
					background-color: #EB8922;
					}
				#primary-nav .active .this-page a {
					font-weight: bold;
					}
.back-to-top {
	margin-bottom: 36px;
	}

/* HOME PAGE
------------------------------------------------------------------------------------------ */

#hero-bar {
	float: right;
	width: 624px;
	margin-bottom: 12px;
	}

.home #col-2-left ul {
	margin: 0 0 12px 8px;
	}
.home #col-2-left li {
	margin-bottom: 12px;
	list-style: none;
	padding-left: 10px;
	background: url(/images/bullet-orange.gif) no-repeat 0 7px;
	}

#mission-merch {
	background-color: #665DA9;
	padding: 8px;
	margin-top: 12px;
	}
	#mission-merch h2 {
		font: 18px/24px "Times New Roman", Times, serif;
		font-style: italic;
		color: #FBF4ED;
		}
	#mission-merch p {
		font-size: 10px;
		line-height: 16px;
		color: #fff;
		margin-bottom: 0;
		}

#plan-merch {
	background-color: #DCB327;
	padding: 8px;
	margin-bottom: 18px;
	}
	#plan-merch p {
		font-size: 10px;
		line-height: 16px;
		margin-bottom: 0;
		}
	#plan-merch a {
		color: #fff;
		}

/* GENERAL PAGES
------------------------------------------------------------------------------------------ */

.general p {
	margin: 12px 8px;
	}


/* Infrastructure, Minutes, 
------------------------------------------------------------------------------------------ */

.infrastructure #subpage-hero-bar,
.minutes #subpage-hero-bar {
	background-color: #90A7AA;
	color: #F9F8F1;
	}

.stakeholders #subpage-hero-bar {
	margin-bottom: 0;
	}

.infrastructure #stakeholder-table-nav {
	padding-bottom: 4px;
	background-color: #F0F3F3;
	}
	.infrastructure #stakeholder-table-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 624px;		
		}
		.infrastructure #stakeholder-table-nav li {
			width: 140px;
			float: left;
			font-size: 10px;
			line-height: 14px;
			padding: 4px 8px 0 8px;
			}

.stakeholders table {
	width: 624px;
	border-collapse: collapse;
	margin-bottom: 12px;
	border-bottom: 1px solid #7F9293;
	border-top: 1px solid #7F9293;
	}
	.stakeholders th,
	.stakeholders td {
		width: 322px;
		vertical-align: top;
		padding: 4px 8px;
		text-align: left;
		}
	.stakeholders tr {
		border-bottom: 1px solid #7F9293;
		border-top: 1px solid #7F9293;
		}
	.stakeholders tr.even {
		background-color: #F0F3F3;
		}
	.stakeholders tr.first {
		border-top: 1px solid #7F9293;
		border-bottom: none;
		font-family: "Times New Roman", Times, serif;
		font-size: 16px;
		}
		.stakeholders tr.first th {
			width: 624px;
			}
		.stakeholders tr.aimh-head {
			color: #EB8922;
			}
		.stakeholders tr.sedmh-head {
			color: #828635;
			}
		.stakeholders tr.ece-head {
			color: #DCB327;
			}
		.stakeholders tr.pefs-head {
			color: #665DA9;
			}
	.stakeholders tr.second {
		border-bottom: 1px solid #7F9293;
		border-top: none;
		}

#stakeholder-table-nav-color-bar {
	margin-bottom: 24px;
	}

#infrastructure-chart {
	margin-bottom: 24px;
	}

.partners #partner-list {
	padding-left: 8px;
	}

.partners #partner-list  ul {
	margin: 0;
	padding-left: 12px;
	}
	.partners #partner-list ul li {
		margin-bottom: 4px;
		font-weight: bold;
		}
	.partners #partner-list ul li ul {
		padding-left: 18px;
		}
		.partners #partner-list ul li ul li {
			font-weight: normal;
			}
			

.minutes #col-2-left a {
	font-weight: bold;
	}


/* Child Data
------------------------------------------------------------------------------------------ */
.child-data #col-2-left ul.child-data-team {
	margin: 0;
	padding-left: 12px;
	margin-bottom: 18px;
	}
	.child-data #col-2-left ul.child-data-team li {
		margin-bottom: 4px;
		}

.child-data #link-list ul.child-data-links li ul {
	margin: 12px 0 18px 0;
	padding-left: 18px;
	}

/* Calendar Legend
------------------------------------------------------------------------------------------ */

#calendar-legend {
	margin: 24px 0 8px 0;
	}
	#calendar-legend h2 {
		font-family: "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 8px;
		color: #EB8922;
		}
	#calendar-legend td {
		border: 3px solid #fff;
		border-width: 0 3px 3px 0;
		}
		#calendar-legend td span {
			font-size: 10px;
			line-height: 13px;
			}


/* Access to Insurance and Medical Home
------------------------------------------------------------------------------------------ */

.aimh #subpage-hero-bar {
	background-color: #EB8922;
	color: #F9F8F1;
	}


/* Social Emotional Development and Mental Health
------------------------------------------------------------------------------------------ */

.sedmh #subpage-hero-bar {
	background-color: #828635;
	color: #F9F8F1;
	}


/* Early Care and Education
------------------------------------------------------------------------------------------ */

.ece #subpage-hero-bar {
	background-color: #DCB327;
	color: #F9F8F1;
	}

.crosswalk #subpage-hero-bar {
	margin-bottom: 0;
	}


/* PARENT EDUCATION AND FAMILY SUPPORT
------------------------------------------------------------------------------------------ */

.pefs #subpage-hero-bar {
	background-color: #665DA9;
	color: #F9F8F1;
	}

.parent-matrix #subpage-hero-bar {
	margin-bottom: 0;
	}


/* EARLY CHILDHOOD CALENDAR
------------------------------------------------------------------------------------------ */
#ec-calendar-merch {
	background-color: #DCB327;
	padding: 8px;
	margin-bottom: 18px;
	}
	#ec-calendar-merch h2 {
		font: 18px/21px "Times New Roman", Times, serif;
		font-style: italic;
		color: #FBF4ED;
		}
	#ec-calendar-merch p {
		font-size: 10px;
		line-height: 16px;
		margin-bottom: 0;
		}
	#ec-calendar-merch a {
		color: #fff;
		}

.calendar-merch-image {
	border: 1px solid #DCB327;
	}


/* FOOTER
------------------------------------------------------------------------------------------ */

#footer {
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 18px;
	margin-bottom: 0;
	}