body {
/*	 font: 78%/1.5em Verdana, Arial, Helvetica, sans-serif; */
font:   0.9em Verdana, Arial, Helvetica, sans-serif; 
/*  font: 0.9em/125% "Trebuchet MS", "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	margin: auto;
	background-color:#ffffff;
	color: #666666;
	text-align:center;
	padding:20px 0 0 0;
 }

a {	outline: none;}

a:link { color:#08d; }
a:visited { color:#07a; }
a:hover, a:active, a:visited:hover { color: #6bf; }

blockquote, ol, ul {margin-top:5px;}

ol li { padding-bottom: 9px;}

ol li ul li {position:relative; left: -20px;}

big {font-family: "Times New Roman", Times, serif; 
font-weight: bold;
font-size: 1.2em;
	color: #127D3E;}

form {
	margin: 0px;
	padding: 0px;
}
#outer {
 text-align:left;
 border:1px solid #000000;
 width:762px;
 margin:auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:760px;
	}
html>body #outer {
	width:760px; 
}

/* set to lower number than suckerfish menu 
#rotator {
  z-index: 2;
}"#nav" */

#hdr {
height:126px;
background-color: #0D9848;
	background-image: url(/imgs/interface/headerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
color: #333333;
padding: 0 0 0 0; 
/*margin:0; */
 }
 
#headerright { 
float: right;
 }

#headerdivet {
height: 29px;
width: 241px;
padding-top: 7px;
	background-color: #0D9848;
	background-image: url(/imgs/interface/greentab.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#headersearch {
height: 25px;
width: 220px;
margin-right: 10px;
}


input.searchbox {
background : #ffffff;
width : 100px;
}
input.text {
background : #a9bcd6;
color : #001f4f;
padding : 1px;
font-size : 11px;
font-family : verdana, geneva, arial, helvetica, sans-serif;
border : 1px solid #001f4f;
text-decoration : none;
}

.logo {
padding: 25px 0 5px 25px;
}

/* i cant' recall why this is here */
#bodyblock {
 position:relative;
 color: #666666;
 width: 760px; 
 padding:0;
 margin-top: 0;
 }


#content {
width:550px; 
 background:#ffffff;
 color: #333333; 
 position:relative;
 float:right;
 clear:right;
/* border-left: 1px solid #cfcfcf;	
 border-bottom:10px solid white; */
 text-align:left;
 padding: 0 35px 0 25px;
/* z-index:1;  */
 margin-top: 5px;
 margin-left:0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:490px;
	
	}
html>body #content {
	width:490px; 
}

#content dl {margin-top: 2px;}

#content p, #content dd, #content blockquote, #content ul, #content ol, #content td,
#content-nomenu p, #content-nomenu dd, #content-nomenu blockquote, #content-nomenu ul, #content-nomenu ol, #content-nomenu td
 { 
font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
/*font: 90%/150% Verdana, Arial, Helvetica, sans-serif; */
 } 

#content a:link, #content-nomenu a:link{ color:#08d; }
#content a:visited, #content-nomenu a:visited { color:#07a; }
#content a:hover, #content a:active, #content a:visited:hover,
#content-nomenu a:hover, #content-nomenu a:active, #content-nomenu a:visited:hover { color: #6bf; }


#content-nomenu {
/* z-index:1; */
	width:758px;
	text-align:left;
 	padding: 0 25px 10px 25px;
	margin: 5px 0 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:708px;
	}
html>body #content-nomenu {
	width:708px; 
}

/*  Menu ********************************/

#menu {
	font-size: 92%; 
	text-align:left;
	color: #127D3E;
	position:relative;
	float:left;
	padding: 0 5px 20px 0;
	margin-bottom: 20px;
	width:210px;
	height: 99%;
 border-right: 1px solid #cfcfcf;	
	voice-family: "\"}\"";
	voice-family:inherit;
	width:204px;
	}
html>body #menu {
	width:204px; 
}


#menu ul {
 list-style-type: square; 
 margin-top: 0;
 margin-bottom: 0;
	font-weight:bold;
}
#menu ul li {
	color: #0D9848;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom:5px;
}
/*#menu ul li a {
	font-weight: normal !important;} */
#menu a:link { color:#08d;
	text-decoration: none; }
#menu a:visited { color:#07a;
	text-decoration: none; }
#menu a:hover, a:active, a:visited:hover { color: #6bf;
	text-decoration: underline; }


/*#menu .togglelist {margin-left:-5px; } */
#menu .togglelist li ul, li ul { 
list-style:circle; 
font-size: 90%;
line-height:120%;
font-weight: normal !important;
}
#menu .togglelist li ul li {
	 margin-top: 4px;
	margin-bottom:4px; 
		position: relative;
		left: -18px;
}
	.togglelist  a {
		margin: 0;
		padding:0;
		}	
	.togglelist li {
		margin-top: 0;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
	}
	
#menu h3 {
font-family: "Times New Roman", Times, serif; 
/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  */
font-size: 1.2em;
/*font-weight: normal; */
padding:  10px 5px 0 25px;
margin-bottom: 0;
}



/* page title ****************************/

#pagetitle {
padding: 0 25px 0 25px;
margin-bottom: 10px;
}

/* headline styles ************************/

#hdr h1 {margin: 0; padding: 0;}

#pagetitle h1, #pagetitle h2 {  
font-family: "Times New Roman", Times, serif; 
/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
/* font-size: 24px; */
font-size: 1.75em; 
line-height:1em;
color: #127D3E; 
margin: 35px 0 25px 0; 
border-bottom: 1px solid  #80BADF; 
padding: 0 0 2px 0;
}

#pagetitle h1 em, #pagetitle h2 em {font-weight: normal;}

#content h2, #content-nomenu h2 {  
font-family: "Times New Roman", Times, serif; 
/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
font-size: 1.45em; 
color: #127D3E; 
margin: 5px 0 5px 0; 
padding-bottom: 0;
}

#content h3, #content dt, 
#content-nomenu h3, #content-nomenu dt  { 
font-family:  "Times New Roman", Times, serif; 
/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
color: #127D3E; 
margin: 5px 0 5px 0; 
}
#content h3, #content-nomenu h3 { 
font-weight: 600;
padding-bottom: 0;
/*border-bottom: 1px solid  #80BADF;
padding: 0 0 2px 0;  */
font-size: 1.4em; 
}
#content dt, #content-nomenu dt {
font-weight: bold; 
padding-top: 5px; 
padding-bottom:5px;
font-size: 1.2em; 
}
h4 {
font-family:  "Times New Roman", Times, serif; 
color: #127D3E; 
margin: 5px 0 5px 0;
font-size: 1.15em; 
 }


p {margin-top: 0; margin-bottom: 15px;}

/**/
.blue  { background-color: #0075BF; }
.dkblue { background-color: #01619E; }
.green  { background-color: #0D9848; }
.dkgreen { background-color: #127D3E; }


/* Navigation bar
*********************************************/
#nav {
/*	background-image: url(/imgs/interface/navbarbg.gif);
	background-repeat: repeat-x;
	background-position: right top; */
	height: 32px;
	clear:both;
	z-index: 10;
}

#nav, #nav ul {
    height:32px;	
	width: 760px;
	overflow:visible;
	list-style: none;
	font-weight: bold; 
	margin: 0; 
    padding: 0;
}

/* setting navbar.gif graphical buttons */
#nav a {
	display: block;
	text-decoration: none;
	background: url(/imgs/interface/navbar4.gif) no-repeat;	
	border: none;
	color: #01619E; 
	font-weight: normal;
	height: 32px;
	padding: 0 2px; 
	text-indent: -9999px;
}

/* setting widths for navbar.gif graphic buttons */
#n-home {	width: 70px;	}
#n-about {	width: 90px;	}
#n-activeliving {	width: 115px;	}
#n-benefits {	width: 85px;	}
#n-programs {	width: 95px;	}
#n-advocacy {	width: 94px;	}
#n-newsroom {	width: 101px;	}
#n-kids {	width: 110px;	}


/* positioning the navbar.gif graphic rollover buttons within the nav id */
#nav #n-home a {
	background-position:  0 0;	}
#nav #n-about a {
	background-position:  -70px 0;	}
#nav #n-activeliving a {
	background-position: -160px 0;	}
#nav #n-benefits a {
	background-position: -275px 0;	}
#nav #n-programs a {
	background-position: -360px 0;	}
#nav #n-advocacy a {
	background-position: -455px 0;	}
#nav #n-newsroom a {
	background-position: -549px 0;	}
#nav #n-kids a {
	background-position: -650px 0;	}
	

/* to make the navbar.gif graphical buttons light up on rollover */
#nav #n-home a:hover 	    	{ background-position:  0 -64px;	}
#nav #n-about a:hover 	{ background-position:  -70px -64px;	}
#nav #n-activeliving a:hover 	{ background-position: -160px -64px;}
#nav #n-benefits a:hover 	{ background-position: -275px -64px;	}
#nav #n-programs a:hover 	{ background-position: -360px -64px;	}
#nav #n-advocacy a:hover 	{ background-position: -455px -64px;	}
#nav #n-newsroom a:hover 	{ background-position: -549px -64px;	}
#nav #n-kids a:hover	{ background-position: -650px -64px;	}
 

/* preventing the navbar.gif graphic from showing on the dropdown lists */
#n-home ul li a, 
#n-about ul li a, 
#n-activeliving ul li a, 
#n-benefits ul li a, 
#n-programs ul li a,
#n-newsroom ul li a,
#n-advocacy ul li a,
#n-kids ul li a		{
	background: none !important; 
}

/* sets the buttons in a straight line */
#nav li {
	float: left;
	padding: 0;
}


/* drop down menu itself */
#nav li ul {
    font-size: 1em;
	background-color: #eeeeee;
	left: -999em;
	margin: -6px 0 0 0;
	border-top: 3px solid  #dcdcdc; 
	border-right: 1px solid #CF5300;
	border-bottom: 1px solid #CF5300; 
	border-left: 1px solid #CF5300; 
	height: auto;
	padding: 5px 0 0 0;
	position: absolute;
	z-index: 3;	
/* need this width */
	width: 185px;
}

/* the dropdown list items- needs to be here or the text line will not be in a separate rows */
#nav li ul a {
/*	font-size: 0.8em; */
	font-size: 85%; 
	padding: 2px 10px 2px 10px; 
	border-bottom: 1px solid #dddddd;
} 

/* need this width set */
#nav li ul li {	width: 185px; } 


#nav li ul li,
#nav li ul li a {
	height: auto;
	text-indent: 0;
}

/* hiding the dropdowns */
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul  {
	left: -999em;
}

/* dropdown menu itself - making it appear */
#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;
}

/* the dropdown list text rollover  - seting width here doesn't work */
#nav li ul li:hover, #nav li ul li.sfhover {
	background: #FDC65A; /* yellow */
     position: static !important;
}
#nav li:hover {background-position: 0 0;}


/* sect id sets the section indicator button on the navbar - put on body tag */
	#sect-home #n-home a {
		background-position: 0px -32px;		}
	#sect-about #n-about a {
		background-position: -70px -32px;		}
	#sect-activeliving #n-activeliving a {
		background-position: -160px -32px;	}
	#sect-benefits #n-benefits a {
		background-position: -275px -32px;	}
	#sect-programs #n-programs a {
		background-position: -360px -32px;	}
	#sect-advocacy #n-advocacy a {
		background-position: -455px -32px;	}
	#sect-newsroom #n-newsroom a {
		background-position: -549px -32px;	}
	#sect-kids #n-kids a {
		background-position: -650px -32px;	}

 /* breadcrumbs 
****************************************** */
#breadcrumbs  {
/*  font-size: 80%; */
  font-size:0.75em;
/*  font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; */
  background-color: #eeeeee;
  padding: 0 0 5px 10px;
  margin: 0 0 0 0;
}

#breadcrumbs a:link { color:#08d; }
#breadcrumbs a:visited { color:#07a; }
#breadcrumbs a:hover, a:active, a:visited:hover { color: #6bf; }


/* ALA Photo drop shadows
*******************************************************/
.img-shadow {
  float:left;
  background: url(/imgs/graphics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  padding: 0;
  }

.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #ccc; 
  margin: -6px 6px 6px -6px; 
  padding: 4px;
  }
  

/* footer
****************************************** */

/* footer- darker blue band */
#footerband {
	background-color: #01619E;
	height:20px;
	margin: 0;
	padding: 0 25px 0 25px;
	clear:both;
}

#footerbandleft {
float: left;
    padding: 4px 0 2px 0;
	width: 400px;
}

/* footer- lighter blue bar */
#footerbar { 
 background-color: #0075BF; 
 height:100px;
 color: #fff;
 margin:0 0 0 0;
 padding: 0 25px 0 25px;
 clear:both;
 }
 
#footerbarcontent {
	float: left;
	background: #0075BF;
	color:#66bbff;
	width: 530px; 
	margin-right: 10px;
	margin-top: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 525px;
	}
html>body #footerbarcontent {
	width: 525px; 	}
#footerbarcontent a {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;  	
	line-height: 20px; 
	text-decoration: none;
}
#footerbarcontent a:link, a:visited {	color: white; }

#footerbarcontent a:hover, a:active, a:visited:hover {
	color: white; 
	text-decoration: underline;
}
#footerbarcontent2 {
	float: right;
	background: #0075BF;
	width: 150px; 
	margin-left: 10px;
	margin-top: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 155px;
	}
html>body #footerbarcontent2 {
	width: 155px; 	}
	
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}
#copyright a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}
.focusbox {
border:2px dotted #FFCC33; 
padding: 15px; 
margin: 5px; 
font-size:86%; 
line-height: 200%; 
text-align: justify;
}

.normalweight {font-weight:normal;}

.hidden	{
	position: absolute;
	left: 0px;
	top: -900px;
	width: 1px;
	height: 1px;
	overflow: hidden;
 }
 
/* photo alignment and padding  */
 .imgright{
  margin: 0 0 9px 9px;
 float:right;
 clear:right;
 }
 .imgleft{
  margin: 0 9px 9px 0;
 float:left;
 clear:left;
 }
 
 
.redtext { color: #CC0000; font-weight: bold; }
.greentext { color: #006600; font-weight: bold; }
.bluetext { color: #000099; font-weight: bold; }
.orangetext { color: #FF6600; font-weight: bold; }
.browntext { color: #663300; font-weight: bold; }

.smallfont {
	font-size:86%; 
	color: #888;
}

a.buttonlink{
	font:bold 17px/29px "Trebuchet MS", Verdana, sans-serif;
	text-align:center;
	text-decoration:none;
	color:white !important;
	background-image:url(../imgs/graphics/button150.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:30px;
	padding:0;
}

a.buttonlink:hover{
	background-position:0 -30px;	
	text-decoration:none;
	color:white;	
}

a.buttonlink2{
	font:bold 16px/29px "Trebuchet MS", Verdana, sans-serif;
	text-align:center;
	text-decoration:none;
	color:white !important;
	background-image:url(/imgs/graphics/button225.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:block;
	width:225px;
	height:30px;
	padding:0;
}

a.buttonlink2:hover{
	background-position:0 -30px;	
	text-decoration:none;
	color:white;	
}