﻿/*--------------------------------------------------------------
	global reset	
--------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form label, textarea { display: block; }
form label { cursor: pointer; }
a img, :link img, :visited img, fieldset {
	border: none;
	text-decoration: none;
	border-bottom: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a { outline: none; }
:link, :visited { text-decoration: none; }
	
/*--------------------------------------------------------------
	html &amp; body
--------------------------------------------------------------*/

html {
	font-size: 100%; 
    margin-bottom: 50px;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	background: url(/img/bg_header.jpg) repeat-x ;
	position: relative;
}

#container {
	margin: 0 auto;
	width: 1075px;
	position: relative;
	left: 25px;
}

/*--------------------------------------------------------------
	global
--------------------------------------------------------------*/

/*----- type -----*/
a { color: #0A8BA6; }
a:hover { text-decoration: underline; }

a:visited { }

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #565656;	
	margin-bottom: 10px;
}

h1 { font-size: 3.2em; }
h2 { font-size: 3em; }
h3 { font-size: 2.6em; }
h4 { font-size: 2em; }
h5 { font-size: 1.8em; }
h6 {
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
}

p { line-height: 1.4em; }

ul { margin-bottom: 10px; }

li { line-height: 1.4em; }

dt {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
	line-height: 1.4em;
}

dd {
	margin-bottom: 10px;
	color: #666;
	line-height: 1.4em;
}

table { font-size: 1.2em; }
td, th { color: #666; }

label {
	position: relative;
	top: 2px;
}

label, select { font-size: 1.2em; }

/*---Indent---*/

.indent10pt
   {
   padding-left: 10pt;
   padding-right: 10pt;
   }
.indent20pt
   {
   padding-left: 20pt;
   padding-right: 20pt;
   }
.indent30pt
   {
   padding-left: 30pt;
   padding-right: 30pt;
   }
.indent40pt
   {
   padding-left: 40pt;
   padding-right: 40pt;
   }
   
.indent50pt
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }
   

/*----- graphic rule -----*/
div.hr {
  height: 1px;
  border-bottom: 1px dashed #CCC;
  clear: both;
  margin-bottom: 15px;
}

div.hr hr { display: none; }

/*----- read all, learn more -----*/
#mainContainer li.more, #mainContainer dd.more {
	font-weight: bold;
	background: none;
	padding-left: 0;
}

/*----- hide text -----*/
.hide {
	position: absolute;
	left: -9999px;	
}

/*----- document icons -----*/
#mainContainer .pdf {
	background: url(/img/bullet_pdf.gif) no-repeat;
	padding-left: 20px;	
}

#mainContainer .doc {
	background: url(/img/bullet_doc.gif) no-repeat;
	padding-left: 20px;	
}

#mainContainer .xls {
	background: url(/img/bullet_xls.gif) no-repeat;
	padding-left: 20px;	
}

#mainContainer .external {
	background: url(/img/bullet_external.gif) 0 2px no-repeat;
	padding-left: 18px;	
}

#mainContainer .ppt {
	background: url(/img/bullet_ppt.gif) no-repeat;
	padding-left: 20px;	
}

#mainContainer .page {
	background: url(/img/bullet_page.gif) no-repeat;
	padding-left: 20px;	
}


/*----- breadcrumb -----*/
#main #breadcrumb { font: 1.1em Verdana, Arial, Helvetica, sans-serif; }


/*----- image floats -----*/
.floatRight {
	float: right;
	margin: 0 0 15px 15px;	
}

.floatLeft {
	float: left;
	margin: 0 15px 15px 0;	
}

/*----- document date -----*/
.date {
	font-weight: normal;
	color: #C90;	
}

/*----- back to top link -----*/
#main .backTop { margin: 5px 0 20px 0; }

/*----- promo image -----*/

#promo { margin-bottom: 15px; }

/*--------------------------------------------------------------
	header
--------------------------------------------------------------*/

#header {
	height: 94px;
	width: 1000px;
	margin: 0 auto 0 auto;
	background: url(/img/bg_header.jpg) repeat-x;
	position: relative
}

#logo a {
	width: 350px;
	height: 68px;
	display: block;
	background: url(/img/logo_del.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}

#header div {
	float: right;
	width: 405px; 
}

/*----- search -----*/

#search { text-align: right; }

#searchInput {
	background: url(/img/bg_searchInput.gif) no-repeat;
	width: 245px;
	padding: 4px 5px;
	border: none;
	margin-right: 10px;
	color: #999;
}	

#searchBtn {
	border: none;
	width: 87px;
	height: 29px;
	background: url(/img/btn_search.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

/*----- topic -----*/

#topic { 
	text-align: right; 
	font-weight: normal;
	font-size: 10px;
	}

/*----- topNav -----*/

#topNav {
	text-indent: -9999px;
	height: 39px;
	float: right;
	margin: 0;

	width: 600px;
}

#topNav li {
    float: left;
    position: relative;
	ztop: 68px;
	top: 0px;
	*top: 0px;
}

#topNav li a {
	height: 40px;
	background-image: url(/img/bg_topNav092608-4.jpg);
	background-repeat: no-repeat;
	display: block;
}

#kids a { width: 183px; }

#kids a:hover, #jfk #kids a { background-position: -0px -46px; }

#parents a { background-position: -183px 0px; 
	width: 183px;}

#parents a:hover, #pf #parents a { background-position: -183px -46px; }

#providers a {
	background-position: -366px 0px;
	width: 222px;
}

#providers a:hover, #pe #providers a { background-position: -366px -46px; }


	

/*--------------------------------------------------------------
	main
--------------------------------------------------------------*/

#mainContainer {
	width: 1000px;
	margin: 0 auto;
}

#main {
	margin: 30px 0;
	float: right;
	width: 748px;
	overflow: hidden;
}

#main p { margin-bottom: 10px; }
#main li { margin-bottom: 5px; }
#main ul { margin-bottom: 15px; }

#main p, #main li, #main dd {
	color: #666;
	font-size: 1.2em;
}

#main ul li, #main dd {
    background: url(/img/bullet_main.gif) 3px 6px no-repeat;
    padding-left: 13px;
}

#main ol { margin-left: 25px; }

#main ul ul {
    font-size: .9em;
    margin: 5px 0;
}

#main ul ul ul {
    font-size: .9em;
    margin: 5px 0;
}

#main ol ol {
    list-style-type: lower-alpha;
    font-size: .9em;
    margin: 5px 0;
}

#main ol ol ol {
    list-style-type: lower-alpha;
    font-size: .9em;
    margin: 5px 0;
}

#home #main div p { font-size: 1.4em; }

.mainDivMid h2,
.mainDivMid p,
.mainDivMid ul {
	position: relative;
	left: 25px;
	width: 400px;
}

#main div.mainDivTop {
	background: url(/img/bg_main_div_corners.gif) 0 -6px no-repeat;
	border: none;
	height: 5px;
	margin-bottom: 0;
}

#main div.mainDivMid {
	width: 461px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC; 
	background: #FFF url(/img/bg_main_div.jpg) bottom left repeat-x;
	padding: 10px 0 5px 0;
}

#main div.mainDivBottom {
	background: url(/img/bg_main_div_corners.gif) no-repeat;
	border: none;
	height: 6px;
	margin: 0 0 10px 0;
	width: 463px;
}

/*----- main bg graphics -----*/

#home #mainContainer {
	width: 1000px;
}

#home #homeMainBg {
    top:115px;
    background: url(/img/bg_main_home.jpg) 10px 0 no-repeat  ;
    overflow: visible;
    position: absolute;
}

#home #mainContent {
	width: 750px;
	top: 130px;
	position: relative;
	padding-bottom: 50px;
	min-height: 580px;
	/* ie 6 tweak */
  	height: auto !important;
  	height: 580px;

}

#home #mainBlog {
	width: 750px;
	top: 620px;
	position: relative;
	padding-bottom: 150px;
	min-height: 580px;
	/* ie 6 tweak */
  	height: auto !important;
  	height: 580px;

}


/*----- main content -----*/

#mainContent {
	width: 500px;
	float: left;
}

#mainContent p {
	font-size: 1.2em;
	line-height: 1.6em;
}

/*----- main side -----*/

#mainSide {
	width: 228px;
	float: right;
	background: url(/img/bg_mainSide_mid.gif) repeat-y;
}

#mainSide ul, #mainSide dl, #mainSide p { padding: 0 13px; }

#mainSide h6 { padding: 0 13px 10px 13px; }

#mainSide dt { font-size: 1.6em; }

#mainSide p {
	font-size: 1.2em;
	line-height: 1.4em;
}

#mainSide .hr {
	border: none;
	background: url(/img/bg_mainSide_divide.gif) no-repeat;
	height: 2px; 
	position: relative;
	left: 13px;
}

#mainSide #mainSideTop {
	background: url(/img/bg_mainSide_top.jpg) no-repeat;
	width: 202px;
	padding-top: 15px;
}

#mainSide .mainSideBottom {
	background: url(/img/bg_mainSide_bottom.gif) no-repeat;
	width: 202px;
	padding: 0 13px;
	margin: 0;
	height: 13px;
	left: 0;
}

/*----- banner -----*/

#banner {
	width: 748px;
	height: 212px;
	margin-bottom: 20px;
}

#banner { text-indent: -9999px; }

#care #banner {	background: url(/img/bg_care.jpg) no-repeat; }

#requirements #banner {	background: url(/img/bg_requirements.jpg) no-repeat; }

#government #banner { background: url(/img/MotherandSonGears2.jpg) no-repeat; }

#pf #banner { background: url(/img/bg_pf.jpg) no-repeat; }

#pe #banner { background: url(/img/bg_pe.jpg) no-repeat; }

#jfk #banner { background: url(/img/AJustForKids2.jpg) no-repeat; }

#cdhs #banner {	background: url(/img/bg_cdhs.jpg) no-repeat; }

#partnerships #banner {	background: url(/img/bg_partnerships.jpg) no-repeat; }

#laws #banner {	background: url(/img/bg_laws.jpg) no-repeat; }

#pfr #banner {	background: url(/img/bg_pfr.jpg) no-repeat; }

#hr #banner {	background: url(/img/bg_resources.jpg) no-repeat; }

#about #banner {	background: url(/img/bg_about.jpg) no-repeat; }

/*----- strip formatting from lists -----*/

#main ul.basic li, #main dl.basic dd {
	margin: 0 0 10px 0;
	background: none;
	padding: 0;
}

#main .basic dt { color: #000; } 

/*----- publication list -----*/

#choosePub {
	background: #FDECD8;
	padding: 10px 10px 5px 10px;
	margin-bottom: 15px;
}

#choosePub label, #choosePub select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#pubList p { margin: 0; }

#pubList .more { margin: 0 0 20px 0; }

#pubList span { font-weight: normal; }

/*----- faq &amp; search results -----*/

#chooseFaq {
	background: #FDECD8;
	padding: 10px;
	margin-bottom: 15px;
}

#chooseFaq label, #chooseFaq select, #refineSearch label, #refineSearch select {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 10px;
}

#refineSearch {
	background: #FDECD8;
	padding: 10px;
	margin-bottom: 15px;
}
 
#refineSearch a {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin-right: 2px;
	position: relative;
	top: 3px;
} 

#sortBy li, #main .pagination li {
	background: none;
	display: inline;
	padding: 0;
}

#sortBy { float: left; }

#main #sortBy li {
	margin-right: 10px;
	font-size: 1.1em;
}

.pagination {
	float: right;
	height: 9px;
}

#main .pagination li {
	margin-left: 10px;
	float: left;
}

#main .prev, #main .next {
	padding: 0;
	text-indent: -9999px;
	position: relative;
	top: 3px;
}

#main .pagination li.prev a {
	background-image: url(/img/bg_prev.gif);
	background-repeat: no-repeat;
	width: 10px;
	display: block;
}

#main .pagination li.next a {
	background-image: url(/img/bg_next.gif);
	background-repeat: no-repeat;
	width: 10px;
	display: block; }

p#resultCount { color: #000; }

#results {
	clear: both;
	margin-bottom: 15px;
}

#results dt { margin-top: 15px; }

#results dd {
	margin: 0;
	background: none;
	padding: 0;
}

/*----- content page list -----*/

#contentPageList { margin-top: 25px; }

#contentPageList h6 { margin-top: 20px; }

#contentPageList p { margin-bottom: 20px; }

/*----- news list -----*/

#newsList dd {
	background: none;
	padding: 0;
	margin-bottom: 25px;
}


/*----- faq list -----*/

#faqList ul {
	margin-top: 10px;
	font-weight: bold;
}	

#faqList li, #faqList dd {
	padding: 0;
	background: none;
}

#faqList dt { color: #000; }

#faqList dd { margin: 0; }

/*----- tribal directory -----*/

#main .tribalDirectory dt {
    margin: 10px 0 0 0;
}

#main .tribalDirectory dd {
    margin: 0;
    padding: 0;
    background: none;
}

.tribalDirectory dl {
    margin-bottom: 10px;
}

/*----- print button -----*/

.print {
    width: 68px;
	height: 21px;
	float: right;
}
    

.print a {
	width: 68px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	background: url(/img/bg_print.gif) no-repeat;
}

/*----- tables -----*/

#contracts, #contact {
    width: 100%;
    margin-bottom: 15px;
    background: #F2F2F2;
    border: 1px solid #BDCBD4;
}

#contracts td, #contracts th, #contact td, #contact th {
    vertical-align: top;
    padding: 5px 5px;
    border: 1px dotted #BDCBD4;
}

#contracts th, #contact th {
    font-weight: bold;
}

#contracts th { background: #C4D6E2; }

#contracts tr.odd { background: #E5E5E5; }
#contracts tr.even { background: #F2F2F2; }



/*--------------------------------------------------------------
	Languages
--------------------------------------------------------------*/

#spanish {
	width: 234px;
	margin-top: 0px;
	color: #666;
	font: 1.2em Verdana, Arial, Halvetica, sans-serif;
	float:left;
}


/*--------------------------------------------------------------
	side
--------------------------------------------------------------*/

#side {
	width: 234px;
	margin: 14px 0 20px 0;
	float: left;
}

#navSide {
	width: 234px;
	font-weight: bold;
	background: url(/img/bg_navSide_middle.gif) repeat-y;
	margin-bottom: 20px;
    font-size: 1.2em;
}

#navSide li {
	background: url(/img/bg_navSide_divide.gif) 13px 0 no-repeat;
}

#navSide a {
	color: #FFF;
	display: block;
	width: 201px;
	padding: 10px 13px;
}

#navSide a:hover {
	background: #D08931 url(/img/bg_navSide_divide.gif) 13px 0 no-repeat;
	text-decoration: none;
}

#navSide .navSideTop {
	background: url(/img/bg_navSide_top.jpg) no-repeat;
	height: 40px;
}

#navSide .navSideTop a { padding-top: 15px; }

#navSide .navSideTop a:hover { background: url(/img/bg_navSide_top.jpg) 0 -42px no-repeat; }

#navSide #navSideBottom {
	background: url(/img/bg_navSide_bottom.gif) no-repeat;
	min-height: 38px;
  	height: auto !important; /* ie 6 tweak */
  	height: 38px;
}

#hr #navSide #navSideBottom { background: url(/img/bg_mainSide_bottom_selected.gif) bottom center no-repeat; } 

#navSide #navSideBottom a:hover { background: url(/img/bg_navSide_bottom.gif) 0 -38px no-repeat; }

#navSide .current a { background: #D08931 url(/img/bg_navSide_divide.gif) 13px -1px no-repeat;; }

#navSide .current li a { background: #D08931; }

#navSide ul { margin-bottom: 0; }

#navSide li ul li a {
	background: #D08931;
	padding: 0 13px 10px 25px;
	width: 189px;
	font-weight: normal;
}

#navSide li ul li a:hover, #hr #navSide .current ul a:hover {
	text-decoration: underline;
	background: #D08931;
}

#navSide li ul li.selected a, #hr #navSide li ul li.selected a:hover {
	background: #D08931 url(/img/bullet_sideNav.gif) 10px 2px no-repeat;
	text-decoration: none;
}

#news li, #events li {
    margin-bottom: 10px;
    color: #666;
    font-size: 1.2em;
}

#leftbox {
	margin-bottom: 10 px;
	color: #666
	font-size: 8.5em;
	}
	
/*--------------------------------------------------------------
	footers
--------------------------------------------------------------*/

#footer { 
	width: 1000px; 
}

p#emailPhone, #footer ul { 
	font-size: 1.2em; 
	margin-left: 10px;
}

p#emailPhone { float: left; }

#footer ul {
	float: left;
	margin-left: 60px;
}

#footer ul li {
	display: inline;
	margin-left: 10px;
}

#footer li.bullet { background: url(/img/bg_footer_bullet.gif) 0 50% no-repeat; }	

/*	Social Media footer */

#SMfooter { width: 1000px; }

#SMfooter ul { 
font-size: 1.2em; 
margin-left: 10px;
}


#SMfooter ul {
	display: inline;
	float: right;
	margin-left: 520px;
}

#SMfooter ul li {
	display: inline;
	margin-left: 8px;
}

#SMfooter li.bullet { background: url(/img/bg_footer_bullet.gif) 0 50% no-repeat; }	

/*	Other footer */

#copyright {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#awLogo a {
	float: right;
	text-indent: -9999px;
	width: 115px;
	height: 18px;
	background: url(/img/logo_access_wa.gif) no-repeat;
}


/*--------------------------------------------------------------
	Social Media Icons for footer
--------------------------------------------------------------*/

#socialicons li {
    margin: 0;
    padding: 0;
    list-style: none;
    background-repeat: no-repeat;
}
    
#socialicons li, #socialicons a {
    width: auto;
    height: 10px;
    display: inline;
    float: left;
}

.title { background-position: 600px 610px}
.sharethis { background-position: 650px 655px;}
.blogger { background-position: 660px 665px;}
.twitter { background-position: 670px 680px;}
.facebook { background-position: 680px 690px;}
.listserv { background-position: 600px 610px;}

