/*
-----------------------------------------------
Title:    Child Care Alliance of Los Angeles

Author:   Jason Stringer | www.jasonstringer.net
Version:  2009.01
----------------------------------------------- */

/* Global elements reset (Don't delete; site will be on creaje)*/

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

body {
	color: #1c1c1c;
	margin: 0 auto;
	padding-top: 20px;
	background-color: #d6e0ec;
	font: normal 80%/1.6 arial, helvetica, sans-serif;
	}	


	
a:link, a:visited {
	color: #333;
	text-decoration: none;
	}	

/* =spacer
------------------------------------------------*/	
.spacer{
	display: block;
	margin-bottom: 1em;
	}
	
/* =page structure 
------------------------------------------------*/		
#container-outer {
	width: 934px;  text-align: left;  position: relative;
	margin: auto;
	}


#container-inner {
	padding: 0px 17px 0px;
	background: #FFF repeat-y center top;
	/* removed from above style hook: url(images/page-centerd.gif) */
	}
	
#content-wrapper {
	padding: 12px 0px 0px;
}
	
#content {
	width: 900px;float: left;
	}
	
#bottomd{
	height: 20px;
	/* background: url(../images/layout/page-bottom.gif) 0 top; */
	}
/*
=header
------------------------------------------------------*/
#branding {
	height: 172px;
	position: relative;
	}
	
#branding h1 a{
	top: 20px;left: 20px;width: 140px;height: 126px;
	overflow: hidden; text-indent: -999em;
	position: absolute;	background: url(../images/layout/ccalalogo.gif) 0 top;
	}
/* 
=small nav
*/
#comp-address{
	width: 280px;
	top: 6.4em;
	right: 0;
	position: absolute;
	
	}

#comp-address address{
	font-size: 90%;
	font-style: normal;
	padding: 5px 15px;
	background-color: #f4f4f4;
	}

	
	
	
ul#minimenu {
	top: 4.3em;right: 10px;
	position: absolute;list-style-type: none;
}
	
#minimenu li {
	float: left;
}
	
#minimenu li a{
	display: block;
	margin-right: 10px;text-transform: uppercase;
	font-weight: bold;font-size: 83%;text-decoration: underline;
}
/*
=search
*/
#search {
	top: 1em;right:0px;
	position: absolute;text-transform: uppercase;
	}
	
input.searchbox {
	width: 210px;height: 21px;border-width: 1px;
	border-style: solid;border-color: #888 #dbdbdb #dbdbdb #888;
	}

input.searchbtn {
	vertical-align: bottom;
	margin-left: 0.13em;
	}


/* =navigation
--------------------------------------*/
#nav-wrap {

	padding: 9px 0px;
	background: transparent url(../images/layout/nav-bg.gif) repeat-x;
	}

ul#nav  {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	display: block; 
	float: left;
	}
	
li#nav-home, li#nav-education, li#nav-about, li#nav-policy, li#nav-resources, li#nav-provider,li#nav-statistics {
	border-right: 1px solid #12275c;	
	border-left: 1px solid #274694;
	}
	
#nav li a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 3px 8px 3px 8px;
	border-bottom: 0;
	font-size: 85%;
	}
	
#nav .alt {
    font-weight: bold;
    font-size: 93%;
    text-transform: uppercase;
    }

li#nav-education {
	background: none;
	}

li#nav-education a {
	border-left: 0;	
	padding-right: 13px;
	}	

li#nav-resources {
	border-right: 0;	
	}
	
/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */
/* 2nd and 3rd level menus */

#nav ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	margin: 0px 0 0 10px;
	padding: 0;
	width: 14.4em;
	w\idth: 16.9em;
	height: auto;
	border: solid #C7C7C7;
	border-width: 1px 1px 0;
	background: #F9F9F9;
}

/* 3rd level menus only */
#nav ul ul {
	margin: -1.3em 0 0 12em;
}

/* 2nd and 3rd level menus */
#nav li li {
	padding: 2px 1em 2px 0;
	width: 16em;
	border-bottom: 1px solid #DBDBDB;
}

/* 2nd and 3rd level menus */
#nav ul a {
	width: 21em;
	w\idth: 17em;
	border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: none;
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
	background: none;
}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
	background: none;
	color: #083678;
	}

/* 2nd level menus only */

/* =content area 
------------------------------------------*/
#content p, #content li{
	color: #373737;
	font-size: 100%;
	}
	
#content h4{
	color: #1c1c1c;
	font: bold 151.5%/30px Arial, Helvetica, Sans-Serif;
	}
	
#content h2{
	color: #083678;
	font: normal 120% Tahoma, Helvetica, "sans serif";
	}
	
#content strong {
	font-weight: bold;
	}
	
#content #statistics table{
	font-size: 112%;
	margin:10px 0px 5px 0px;
	position: relative;
	}
	
#content #statistics th,td{
	padding: 10px 28px 0px 0px;
	}	

#pie{
	position: absolute;
	left: 290px;
	}
		
#content div.mod-meta {
	padding-left: 13px;
	}
	
ul#values-list {
	margin-left: 23px;
	}

#values-list li {
	list-style-type: disc;
	margin-left: 10px;
	}
	
#latest-news{
	margin-top:2.3em;height: 20px;
	}
	
#latest-news li{
	float: left;
	}
	
#latest-news a{
	font-size: 120%;
	margin: 0px 50px 0px 0px;
	}	
	
/* =education 
------------------------------------------*/	
#content #education-section {
	margin-top: 20px;
	}
	
#content #education-section p{
	line-height: 20px;
	margin-bottom: 10px;
	}
	
#content #education-section h3 {
	font-size: 115%;
	font-weight: bold;
	}
	
#content #education-section a {
	color: red;
	margin-top: 18px;
	}
	
#education-section img {
	float: left;
	margin-right: 15px;
	border: solid 2px #ccc;
	}
	
#content .education {
	float: left;
	margin-bottom: 15px;
	}
	
#content .education-inner{
	float:right;
	width: 430px;
	}
#content div.mod{
	padding-left: 30px;
	margin-top: 10px;
	}
#content div.mod ul li{
	padding-left: 20px;
	list-style-type: none;
	}
p.indent{
	padding-left: 30px;
	}
/* =other Resources  
------------------------------------------*/

ul.resources  {
	padding-left: 20px;
	margin: 3px 0px 15px 0px;list-style-type: none;
	}
	
ul.resources li{
	list-style-type: disc;
	}
	
ul.resources li a {
	line-height: 1.5em;
	font-size: 93%;text-decoration: none;
	font-weight: normal;
	font-style: normal;
	}
/* =company site map
------------------------------------------*/
#sitemap ul {
	padding-left: 20px;
	margin: 0px 0px 15px 10px;list-style-type: disc;
	}
#sitemap li {
	list-style-type: none;
	}
#sitemap ul li  strong {
	font-weight: bold;
	}
#sitemap li li a {
	font-size: 110%;
	text-decoration: none;
	}
/* =service map
------------------------------------------*/
#service_map {
	width: 270px;
	height: 180px;margin-bottom:15px;
	position: relative;	background-image: url(../images/layout/servicemap.gif);
	}
#service_map a {
	top: 55px;left: 12px;
	width: 246px;height: 52px;overflow: hidden;text-indent: -999em;
	position: absolute;	background: url(../images/layout/mapbtn.png) no-repeat;
	}
/* =online
------------------------------------------*/
#online {
	width: 270px;height: 130px;
	margin-bottom:15px;position: relative;
	background-image: url(../images/layout/search.gif);
	}
#online p {
	top: 20px;left: 80px;
	color: #083678;text-indent: -999em;
	position: absolute;font: bold 13px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
#online a {
	width: 112px;height: 31px;
	top: 90px;left: 130px;overflow: hidden;text-indent: -999em;
	position: absolute;background-image: url(../images/layout/onlinesearch_btn.png);
	}
/* =misson 
------------------------------------------*/
#mission {
	width: 270px;height: 250px;
	margin-bottom:15px;text-indent: -999em;background: url(../images/layout/mission.gif) no-repeat;
	}
#mission p{
	text-indent: -999em;position: absolute;
	}
#calendar{
	width: 270px;height: 241px;
	margin-bottom:15px;background-image: url(../images/layout/calendar.gif);
	}
/* =calendar	
------------------------------------------*/
#calendar h3{
	top: 20px;position: absolute;
	text-indent: -999em;
	}
#calendar p{
	width: 160px;top: 110px;left: 80px;
	text-indent: -999em;position: absolute;
	}
/* =centers
------------------------------------------*/
#centers,ul#centers {
	padding: 0px 0px 5px 0px;
	list-style-type: decimal;list-style-position: inside;
	}
#centers h3 {
	padding: 0px 0px 4px 0px;
	font-weight: bold;font-size: 11px;
	}
#centers li {
	width: 275px;padding: 0;float: left;
	margin-bottom: 7px;	padding: 7px 0px 7px 10px;background: #f2f2f2;
	}
#centers li a {
	color: #555;
	text-align: left;text-decoration: none;
	}
#centers address {
	font-size: 11px;font-style: normal;
	}
#centers li.alt {margin-left:6px;}

/* =footer
------------------------------------------*/
#footer {
	clear: both;text-align: center;margin-top: 3px;
	}
#footer ul {
	padding-top: 7px;
	list-style-type: none;
	}
#footer p       {margin-top: 5px;}
#footer li      {display: inline;}
#footer strong  {font-weight: bold;}
#footer li a {
	padding: 0px 5px 0px;text-decoration: none;
	}
#footer a:hover  {color: #083678;}
#footer p, #footer a {
	color: #878d99;
	font: normal 93.5% Arial, Helvetica, Sans-Serif;
	}
strong#tel, strong#fax {
	margin-left: 10px;
	font-weight: bold;
	}
	
/* My Comment */
	
div.col-1 {
	padding-top: 13px;
	}	
	

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------------------------*/

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clear {
	display: inline-block;
	}

* html .clear {height: 1%;}

.clear {display: inline-block;}
.clear {display: block;}