/* Reset margin & padding on common elements */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


body {font: 12px/20px Helvetica, Arial, sans-serif; 
	text-align: center; 
	background: #7d84c9;
	overflow-x: hidden;
	}

	a { text-decoration: underline; color: #7d84c9; }
	a:hover { text-decoration: none; }	
	a img {border: none;}
	
#header {
	background: #ffffff;
	text-align: left;
	height: 88px;
	overflow-y: hidden;
}

#header h1 {
	float: left;
	margin: 0;
	display: block;
	}
#header h1 a {
	width: 192px; 
	height: 88px; 
	display: block;
	background: url('../images/logo-national-adoption-day.gif') no-repeat ; 
	display: block;
	}
#header h1 span {display: none;}

#nav {
	background: url('../images/nav-shadow.png') repeat-x left bottom;
	/*border-bottom: 1px solid #ffffff;*/
	padding: 0 0 10px 6px;
	z-index: 1000;
	position: absolute;
	width: 100%;
	left: 0;
}

* html #nav {background: url('../images/nav-shadow.gif') repeat-x left bottom;} /* no shadow for IE 6 */


#nav ul {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0;
}
#nav ul a {
	padding: 6px 9px;
	text-decoration:none;
}
#nav ul a, #nav ul a:visited  { 
	color: #ffffff;
}
#nav ul li {
	margin: 0;
	padding: 0;
	display: block;
}

#nav ul li ul {
	border-top: solid #ffffff 1px;
	width: 150px;
	text-align: left;
	text-transform: none;
	margin: -7px 0 0 0;
	background: #ff0b3e; /*was #ff0a3b, that doesnt look to be supported in PNG*/
}

#nav ul li li {
	padding:0;
	margin: 0;
	border-bottom: solid 1px #ffffff;

}
#nav ul li li li {

}
#nav ul li:hover, #nav ul li.sfHover,
#nav ul a:focus, #nav ul a:hover, #nav ul a:active {
	outline: 0;
}

#nav a#logout {
	color: #ffffff; 
	float: left; 
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
		padding: 6px 9px;
	}


#container {
	/*border-top: solid 5px #ff0b3e;*/
	padding-top: 27px;
	z-index: 2;
	}

#content {
	width: 760px; 
	margin: 0px auto 0px 0; 
	text-align: left; 
	}
	
	
#copy{
	width: 506px; /*586*/
	padding: 54px 40px;
	background: #ffffff url('../images/copy-background-wave.gif') top left repeat-y;
	float: right;
	clear: both;
}

#copy h1 {
	font-size: 24px; 
	line-height: 36px;
  	margin-bottom: 18px; 
	font-weight: bold;
	color: #ff0b3e;
	}
	
#copy h2 { 
	font-size: 18px; 
	line-height: 18px; 
	margin-bottom: 18px;
	font-weight: bold;
	color: #ff0b3e;
	}
#copy h3 { 
	font-size: 12px; 
	line-height: 18px; 
	font-weight: bold;
	color: #ff0b3e;
	}
#copy p {
	margin-bottom: 18px; 
}

#copy p.breadcrumbs {font-size: 11px; position: absolute; margin-top: -27px;}
#copy p.breadcrumbs a { color: #ff0b3e; }

#copy ul {
	margin-bottom: 18px;
	}

#copy ul li {
	list-style-type: none;
	padding-left: 9px;
	background: url('../images/bullet-red-square.gif') no-repeat left 6px;
	}

#copy img{
	float: right;
	margin: 0 0 18px 18px;

}

#copy hr {
	border: none;
	background: #f1f1f1;
	color: #f1f1f1;
	height: 1px;
	line-height: 1px;
	margin: 17px 0 18px;
}

#sidebar {
	float: left;
	padding: 40px 15px;
	width: 133px;
	color: #cccccc;
	font-size: 11px;
	}
#sidebar .callout {margin-bottom: 18px;}


	
#sidebar h1, #sidebar h2 { 
	font-size: 11px; 
	line-height: 18px; 
	margin-top: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	}
	
#sidebar h3 { 
	font-size: 12px; 
	line-height: 0px; 
	font-weight: bold;
	color: #ffffff;
	}
	
#sidebar p {
	margin-bottom: 18px; 
}

#sidebar ul {
	list-style-type: square;
	margin-left: 1em;
}

#sidebar a {
	color: #cccccc;
	text-decoration: underline;
}

#footer {
	text-align: right;
	float: right;
	color: #ffffff;
	margin: 18px 36px;
	font-size: 11px;
	clear: both;
	width: 500px;
	}
	
	#copy #sponsors {text-align: left;}
	#copy #sponsors ul {
		text-align: center;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
	#copy #sponsors ul li {
		display: inline;
		margin: 0 6px;
		padding: 0;
		background: none;
		}
	#copy #sponsors img{
		float: none;
		margin: 0 0px;
		max-width: 72px;
		vertical-align: middle;
		}

/* ------------------------------- Forms ------------------------------- */


#copy form {width: 90%;}
#copy form legend {display: none;}
#copy form fieldset {border: none;}
#copy form label {float: left; clear: left; font-weight: bold; padding-top: 2px; max-width: 75%;}

#copy form input, #copy form select {width: 50%;float: right; clear: right;}
#copy form button {float: left; clear: both;}
#copy form textarea {width: 100%; height: 150px;}

#copy form input[type="checkbox"] {width: auto; float: right; }

#copy form p {
	margin: 2px 0;
	padding: .5em;
	background: #f1f1f1;
	}

/* clearfix*/
#copy form p:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #copy form p             { zoom: 1; } /* IE6 */
*:first-child+html #copy form p { zoom: 1; } /* IE7 */

#copy form p.empty {
	background: none;
	}



#copy form label.error {
	color: #ffffff; 
	font-weight: normal; 
	font-style: italic; 
	position: absolute; 
	left: 660px; 
	display: block; 
	background: url('../images/admin/error-back.gif') left center no-repeat; 
	padding: 5px 5px 5px 10px;
	margin: -5px 0 0 0;
	float: none;
	}
	
	#copy form p.textarea label.error {margin-top: -34px;}
	
#copy form input.error, #copy form textarea.error, #copy form select.error {border: solid 1px red;}




/* ------------------------------- Page Specific ------------------------------- */





/*  /about/partners */

#copy.partners div {
	width: 105px;
	float: left;
	border-right: solid 1px #cccccc;
	}

#copy.partners img{
	margin: 5px auto;
	max-width: 100px;
	border: none;
	display: block;
	float: none;

}
#copy.partners p {margin-left: 120px;}
#copy.partners p.full, #copy.partners p.breadcrumbs  {margin-left: 0;}



/*  /about/thank you */

#copy.thank-you div {
	width: 105px;
	float: left;
	border-right: solid 1px #cccccc;
	}

#copy.thank-you img{
	margin: 5px auto;
	max-width: 100px;
	border: none;
	display: block;
	float: none;
}
#copy.thank-you p {margin-left: 120px;}
#copy.thank-you p.full, #copy.thank-you p.breadcrumbs  {margin-left: 0;}



/*about/government-engagement*/

#copy.government-engagement .proclamation, #copy.archive .proclamation {
	width: 115px;
	padding: 4px;
	text-align: center;
	float: left;
	margin-bottom: 24px;
	}
	
#copy.government-engagement .proclamation img, #copy.archive .proclamation img {
	float: none;
	width: 100px;
	margin: 0;
	padding: 0;
	border: solid 1px #000000;
	}
	
#copy.government-engagement #proclamations .fourth, #copy.archive #proclamations .fourth {clear: left;}
	
#copy.government-engagement .proclamation p, #copy.archive .proclamation p{
margin: 0;
font-weight: bold;
text-transform: uppercase;
color: #ff0b3e;
}


/*/media-center/in-the-news (blog)*/

#copy #posts {border-top: solid 1px #f1f1f1; padding-top: 17px;}
#copy .post {border-bottom: solid 1px #f1f1f1; margin-bottom: 17px;}
#copy .post h2 {margin-bottom: 0;}
#copy .post p.meta {font-style: italic;}


/*/events*/

#copy h2.event-state {border-bottom: solid 1px #bbbbbb; padding-bottom: 17px;}
#copy .event{border-bottom: solid 1px #f1f1f1; padding-bottom: 17px; margin-bottom: 18px;}

#copy form#select-a-state {width: 100%; margin: 18px 0;} 
#copy form#select-a-state select {float: right; clear: none; width: 40%; margin-right: 1em;}
#copy form#select-a-state input {float: right; clear: none; width: auto;}

/* link types, files etc */
#copy .pdf {background: url('../images/file-icons/file-pdf.png') right center no-repeat; padding: 3px 22px 3px 0;}
#copy .doc {background: url('../images/file-icons/file-doc.png') right center no-repeat; padding: 3px 22px 3px 0;}
#copy .ppt {background: url('../images/file-icons/file-ppt.png') right center no-repeat; padding: 3px 22px 3px 0;}
#copy .xls {background: url('../images/file-icons/file-xls.png') right center no-repeat; padding: 3px 22px 3px 0;}
#copy .zip {background: url('../images/file-icons/file-zip.png') right center no-repeat; padding: 3px 22px 3px 0;}
#copy .eps {background: url('../images/file-icons/file-eps.png') right center no-repeat; padding: 3px 22px 3px 0;}
#copy .external {background: url('../images/file-icons/external.png') right -3px no-repeat; padding: 3px 22px 3px 0;}
#copy .email {background: url('../images/file-icons/mail-closed-alt-edit.png') right -4px no-repeat; padding: 3px 22px 3px 0;}
#copy .comments {background: url('../images/file-icons/comment.png') right -2px no-repeat; padding: 3px 22px 3px 0;}

#copy #twitter ul .pdf,
#copy #twitter ul .doc, 
#copy #twitter ul .ppt, 
#copy #twitter ul .xls, 
#copy #twitter ul .zip, 
#copy #twitter ul .eps, 
#copy #twitter ul .external, #copy #sponsors .external,
#copy #twitter ul .email,
#copy #twitter ul .comments { background: none; padding: 0;}