/* Foster Care Project Stylesheet */
/* Will Moore - ISITE Design, Inc. */
/* all items starting with _are read by Internet Explorer only.*/

body, html, div, ul, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, img, form {margin: 0; padding: 0; border: 0;} /*Start from scratch!*/

body {
text-align: center;
font: .9em Verdana, Arial, Helvetica, sans-serif;
/*background: #4A0E0E url(../images/body_bg.jpg) 50% 0 repeat-y;*/
background-color: #E9E4DC;

}

a, a:visited {color:#B06B28; }
a:hover{color:#3B240D;}


#wrapper {
width: 760px;
margin: 0 auto 0 auto;
border: 1px solid #787878;
border-top: 0;
text-align: left;
background-color: #ffffff;
color: #2F2F2F;
}

.skip {display: none;}
ul, li {
list-style-type: none;
}

#header{
	width: 760px;
	margin-bottom: 2em;
	float: left;
	position: relative;
	background-color: #222;
	background: #222 url(../images/header.jpg) left top no-repeat;
	}


#contentwrap {
	clear: both;
	}

#content {

	margin: 0 0em 0 10em;
	width: 480px;
	border: 1px solid #DFDFDF;
	padding: 10px;
	background-color: #Fafafa;
	min-height: 325px;
	}

.advocacy #content {
width: 550px;
margin-left: 3em;
}

/*-----------------------------------Navigation-------------------------*/

#menu {
/*	width: 760px;*/
	width: 680px;
	padding-left: 80px;
	float: left;
	background: #DAE7E7 url(../images/menuback.gif) left top repeat-x;
    border-top: 1px solid #ccc;

}


#menu li {
	float: left;
	list-style-type: none;
	}

#menu a {
	font: 1.3em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
	color: #1D2041;
	display: block;
	text-decoration: none;
	padding: 9px 17px;
	}

#menu a.active, #menu a:hover {
	background: #F4801C url(../images/menuactiveback.gif) left top repeat-x;
	color: #FFFFFF;
	}

.news #menu .newsmenu, .about #menu .aboutmenu, .programs #menu .programsmenu, .advocacy #menu .advocacymenu, .home #menu .homemenu  {
	background: #F4801C url(../images/menuactiveback.gif) left top repeat-x;
	color: #FFFFFF;
	}


#menu a.volunteer{
	padding: 0;
	margin:0;
	position: absolute;
	right: 10px;
   	bottom: -62px;
	display: block;
	width: 94px;
	height: 94px;
	background: url(../images/volunteer_now.gif) 0px 0px no-repeat;

}

#menu a.volunteer:hover{
	background: url(../images/volunteer_now.gif) 0px -94px no-repeat;

}

li a.volunteer span{display: none;
	}

h1, h1 a {
	display: block;
	height: 110px;
/*	background: transparent url(../images/fcp_logo_180.gif) 10px 10px no-repeat;*/
	}

h1 span {display: none;}

.submenu {
	clear: both;
	float: left;
	}

.submenu li {
	width: 9em;
	list-style-type: none;
	}

.submenu a{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #999999;
	text-decoration: none;
	color: #222222;
	}
.submenu a:visited {color: #222222;	}
.submenu a:hover {color: #EB8F35;	}



h2 {
	display: block;
	font: 1.8em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
	padding:0 8px 8px 0px;
	color: #12801A;
	font-weight: normal;
	}

p {
	margin: 0 0 2em 0;
	color: #444;
	}

h3 {
font-weight: normal;
font-size: 1.2em;
	color: #333;
	margin: 0em 0 .3em 0;
}

ol li {
 list-style-type: decimal;
 padding: 10px 5px;
}


.left, .right{
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	}


.left {
	float: left;
	margin-right: 1em;
	}

.right {
	float: right;
	margin-left: 1em;
	}

blockquote{
	font-style: italic;
	padding: 0;
    margin:0 0 1em 0;

	}

#footer{clear: both;}

/*---------------------------------------Page styles------------------------------*/

.faq #content ul, .programs #content ul, .news #content ul, .faq #content li, .programs #content li, .news #content li {
    list-style-type: disc;
}

.faq #content li, .programs #content li, .news #content li {
    margin: 1em;
	color: #444;
}


fieldset{
    border: 3px solid #cc0000;
    padding: 0px 7px 10px 7px;

}


legend{/*display: none;*/
    background-color: #cc0000;
    color: #ffffff;
    padding: 4px 8px;
    font-size: 1.3em;
    margin-bottom: 15px;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

label {
	text-align: right;
	width: 73px;
	padding-right: 20px;
	}

#submit {
	float: none;
	width: auto;
	margin: 1em 1em 2em 93px;
	}

.volunteerformwrap {
    clear: right; /*get past the floated image.  if set to left ff seems to clear the left menu too.*/
    margin:0;
    padding:0;
}

#photoalbum {
    float: left;
}


#photoalbum img {
  padding:4px;
  border: 1px solid #dedede;
  background-color:#ffffff ;
  margin: 5px;
  float: left;
}

.imageholder {
    float: left; width:80px; height: 80px; margin: 5px; margin-bottom: 0;
}

.tooltip {
    height: 1px;
}

.tooltip img {
  border: 1px solid #dddddd;
  padding: 10px;
  background-color: #ffffff;
}

.photoalbum .tooltip {
  position: relative;
  top: 0px;
  left: -9999px;
}

p.close a{
    display: block;
    background-color: #ffffff;
    padding: 4px;
    text-align: center;
}



.resources ul {
	border: 0px solid #333333;
	}

.resources li {
	margin: 0 -5px;

	}

.resources li a{
	display: block;
	border-bottom: 1px dashed #cccccc;
	padding: 5px 10px;
	color: #333333;
	background-color: #eeeeee;
	text-decoration: none;
	}

.resources li a:hover{
	background-color: #F1923E  ;
		color: #fff;


	}

.resources p{
	text-align: center;
	}

/*-----------------------------------Home Page-------------------------*/


.home #content {
width: 550px;
margin-left: 40px;
float: left;
}

/*IE only hack - dbl floated margin bug */
 * html .home #content {margin-left: 20px;}


.home p {
margin:10px;
}

.home p.intro {

}


.home h2 {
text-align: center;
margin: 7px 12px 0px 33px;
width: 260px;
line-height: 1em;

}

.home h3{
	font: 1.3em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
	padding:0 8px 8px 0px ;
	color: #12501A;/*12801A*/
	font-weight: normal;
    display: block;
   	background: #FAFAFA url(../images/menuback.gif) 0 0px repeat-x;
    padding: 10px;
    line-height: .9em;


}


.home h4 {
  margin: 0 0 -7px 10px;
  font-size: 110%;
  color: #566556;
  font-weight: normal;
}

.home dt {
  margin: 10px 10px 5px 10px;
  font-size:110%;
}

.home dt a {
  text-decoration: none;
  line-height: .8em;
}


.home dd{
margin: 0px 10px 20px 10px;
}


#newsblock, #featuredagency, #homemission {
    width: 530px;
    margin: 10px;
    float: left;
    padding: 0 0 10px 0;
    border-left: 1px solid #ddd;
    clear: both;

}

#homeimage {
  margin: -2px -2px 0 10px;
    border: 1px solid #dedede;
    padding:0;
}

/*IE only hack*/
* html #homeimage {
margin-right: -20px;
}


/*---------------------------------------------------------------------Randoms */
hr {border: none; background-color: #FAFAFA; color: #FAFAFA; }

br {clear: left;}
.clear{clear: both;}
.hspace {margin: 15px 0}
.hide {position: absolute;left: -999em;}


.column{
width: 45%;
padding: 0 4% 0 0;
float: left;
}