/* Families Together CSS Document */

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin:0;
}

/* Headings */

h1, .h1 {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#00447c;
	line-height:1.5em;
	margin:0;
}

h1.white {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:500;
	color:#FFFFFF;
	line-height:1.5em;
	margin:0;
}

h2, .h2 {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#00447c;
	line-height:1.5em;
	margin:0;
	text-align: center;
}

.greenTxt {
	color:#090;
}


h3, .h3 {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#00447c;
	line-height:1.5em;
	margin:0;
}

h4, .h4 {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#00447c;
	line-height:1.5em;
	margin:0;
}

.teal {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight:bold;
	color:#008080; 
	line-height:1.5em;
	margin:0;
}


.gray {
	background-color:#e7eeec;
}
.green {
	background-color:#B7E3D8;
}

/* Body */

p, .content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#5c5c5c;
	line-height:1.5em;
	margin:0;
	text-align: center;
}

.stencil {
	font-family:"Stencil Std", Times New Roman;
	font-weight:bold;
	color: #000000;
	}
	
.content10px {
	font-size:10px;
	line-height:1.25em;
	margin:0;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#5c5c5c;
	line-height:1.5em;
	text-decoration:underline;
	margin:0;
}

a.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#5c5c5c;
	line-height:1.5em;
	text-decoration:none;
	margin:0;
}

ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#5c5c5c;
	line-height:1.5em;
	list-style-type:none;

}

.blockQuote {
	margin-left:30px;
	margin-right:30px;
	font-style:italic;
}


.white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFFFFF;
	line-height:1.3em;
	margin:0;
}


/* ID Tags */

#container {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

h1#logo {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
	width:215px;
	height:150px;
	cursor:pointer;
	margin:0;
	padding:0;
	text-indent:-999em;
}

#search {
	float:right;
	width:200px;
	height:80px;
	margin-top:20px;
	padding:0;
	clear:right;
}
.navbar {
	width:700px;
	height:37px;
	float:left;
	clear:both;
	position:static;
}

#navbar {
	width:700px;
}

#body {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	clear:both;
}

#footer {
	background-image:url(images/footer-bg.jpg);
	background-repeat:repeat-x;
	height:23px;
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
}

.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFFFFF;
	padding-top:5px;
}

td {
padding-left: 3px;
}

/* Main nav list */


ul.list {
	list-style:none;
	margin:0;
	width:800px;
	padding:0;
	border-collapse:collapse
}

ul.list li {
	display:inline;
	position:relative;
	float:left;
	text-align:center;
}

ul.list li a{
	display:inline;
	position:relative;
	float:left;
	margin-bottom:0px;
	text-align:center;
	clear:both;
}


ul.list li a.nav1 p{
	width:89px;
	height:37px;
	padding:0;
	margin:0px;
	text-indent:-999em;
	background:url(images/nav-1.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav1:hover p{
	width:89px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-1-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav2 p{
	width:71px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-2.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav2:hover p{
	width:71px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-2-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav3 p{
	width:117px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-3.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav3:hover p{
	width:117px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-3-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav4 p{
	width:96px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-4.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav4:hover p{
	width:96px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-4-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav6 p{
	width:110px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-5.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav6:hover p{
	width:110px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-5-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav5 p{
	width:159px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-6.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav5:hover p{
	width:159px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-6-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav7 p{
	width:84px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-7.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav7:hover p{
	width:84px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-7-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav8 p{
	width:71px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-8a.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav8:hover p{
	width:71px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-8a-over.jpg) right top no-repeat;
	cursor:pointer;
}

/* ######### Chrome Menu ######### */
#chromemenu{

}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
line-height:15px;
z-index:200;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 4px 0;
text-decoration: none;
color: #FFFFFF;
background-color:#195D9A;
font-family:"Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight:100;
text-align: left;
border-bottom: #0182ba 1px solid;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*Theme Change here*/

background-color:#77ADA0;
color: #FFFFFFF;
text-decoration: none;
}

p#youthbanner{
text-indent:-999em;
height:101px;
width:625;
margin:0;
padding:0;
background:url(images/YOUTHPOWER!Header.jpg) right top no-repeat;
}
/* ######### End Drop Down Menu ######### */

.cursor {
	cursor:pointer;
	text-decoration:underline;	
}