@import url('reset.css');
/*------------------------------------------------------------
Trademark Productions - DDJ 

version:	1.0
author:		Trademark Productions
email:		development@tmprod.com
website:	www.tmprod.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
.clear {
	clear: both
}
	
.left {
	float: left;
	clear: right;
}

.right {
	float: right;
	clear: left;
}

img.right {
  	float: right;
  	clear: left;
  	margin: 5px 0 5px 5px;
}

img.left {
  	float: left;
  	clear: right;
  	margin: 5px 5px 5px 0;
}

.hide {
  	margin-left: -9000em;
  	display: none;
}

.alignright { /* sometimes you just cant float... */
	text-align: right;
}

.center, img.center {
	text-align: center;
	margin: 0 auto;
}

body { 
	margin: 0 auto;
	background: #ADD3FA url(/images/body_bg.jpg) no-repeat top center;
	text-align: center;
	font: 10px/1.2 Arial, Helvetica, sans-serif;
}

/* =Typography
-------------------------------------------------------------*/
p, li {
	text-align: left;
	font-size: 120%;
}

p {
	line-height: 1.3em;
	margin: .5em 0;
}

p.footer {
	color:#82BEF8;
	font-size:13px;
	font-weight:bold;
	margin-top:25px;
}


/* =Headings
-------------------------------------------------------------*/
h1, h2, h3 {
	margin-bottom: .5em;
}

h1 {
	border-bottom:3px solid #000000;
	font-size:26px;
	font-weight:bold;
}


h2 {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
	clear: both;
}

h2.sidebar {
	padding-left: 70px;
	font-size: 20px;
}

h2.dirHeading {
	font-size:22px;
	font-weight:bold;
	margin-top: 30px;
}


h3 {
	font-size: 14px;
}

h3#countryHeading {
	color:#7C94AD;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin: 43px 0px 0px 20px;
}

h3.sep {
	border-bottom:1px solid #000000;
	font-size:22px;
	font-weight:bold;
	padding-top:10px;
}

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	color: #036;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#footer p a, div#footer p a:visited {
	color: #79B9F8;
}

/* =Layout
-------------------------------------------------------------*/
div#wrapper {
	width: 968px;
	margin: 0 auto;
	text-align: left;
}

div#container {
	width:928px;
	float: left;
	padding: 20px;
	background-color: #79b9f8;
}

div#content {
	width: 928px;
	float: left;
	margin: 10px 0;
}

div#mast {
	width: 928px;
	background: url(/images/top-mast.jpg) no-repeat top left;
	height: 80px;
	margin-bottom: 10px;
}

div#sidebar {
	width: 306px;
	float: left;
	margin-right: 12px;
}

div#sidebarInner {
	border-right: 10px solid #000;
	border-left: 10px solid #000;
	width: 266px;
	padding: 5px 10px;
	background-color: #ffc422;
	float: left;
}

div#main {
	float: left;
	width: 618px;
	margin-left: 10px;
	padding: 5px ;
	background-color: #999;
}

div#mainInner {
	background-color:#ACD3F9;
	border-left:10px solid #000000;
	border-right:9px solid #000000;
	padding:5px 10px;
	width:570px;
}

div#footer {
	width: 898px;
	padding: 5px 5px;
	border-right: 10px solid #000;
	border-left: 10px solid #000;
	background-color: #fff;
	height: 30px;
}

div.wideBoxTop {
	background: transparent url(/images/wideBoxTop.gif) no-repeat top center;
	width: 928px;
	height: 23px;
}

div.wideBoxBtm {
	background: transparent url(/images/wideBoxBtm.gif) no-repeat top center;
	width: 928px;
	height: 23px;
}

div.shortBoxBlueTop {
	background: transparent url(/images/shortBoxBlueTop.gif) no-repeat top center;
	width: 415px;
	height: 21px;
}

div.shortBoxBlueBtm {
	background: transparent url(/images/shortBoxBlueBtm.gif) no-repeat top center;
	width: 415px;
	height: 21px;
}

div.shortBoxYlwTop {
	background: transparent url(/images/shortBoxYlwTop.gif) no-repeat top center;
	width: 415px;
	height: 21px;
}

div.shortBoxYlwBtm {
	background: transparent url(/images/shortBoxYlwBtm.gif) no-repeat top center;
	width: 415px;
	height: 21px;
}

div#sidebarTop {
	background: transparent url(/images/sidebarTop-bg.jpg) no-repeat top center;
	width: 306px;
	height: 22px;
}

div#sidebarBtm {
	background: transparent url(/images/sidebarBtm-bg.jpg) no-repeat top center;
	width: 306px;
	height: 22px;
	float: left;
}

div#mainContent {
	float: left;
	width: 580px;
}

div#mainTop {
	background: transparent url(/images/mainTop-bg.jpg) no-repeat top center;
	width: 609px;
	height: 22px;
}

div#mainBtm {
	background: transparent url(/images/mainBtm-bg.jpg) no-repeat top center;
	width: 609px;
	height: 22px;
}

div#internal {
	margin: 10px 0px;
}

	
/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
a#homeLink {
	display:block;
	height: 270px;
	margin-left:20px;
	margin-top:20px;
	position: absolute;
	text-decoration:none;
	width:435px;
}

a#homeLink2 {
	display:block;
	height: 80px;
	margin-left:10px;
	margin-top:5px;
	position: absolute;
	text-decoration:none;
	width:450px;
}
div#bannerInside {
	width: 898px;
	padding: 0px 5px;
	border-right: 10px solid #000;
	border-left: 10px solid #000;
	background: transparent url(/images/banner-bg.jpg) no-repeat bottom center;
	height: 376px;
}

div#bannerNav {
	background: transparent url(/images/bannerNav-bg.jpg) no-repeat top center;
	height: 47px;
}

div#bannerNav ul {
	padding-left:27px;
	padding-top:16px;
	float: left;
}

div#bannerNav ul li, div#bannerNav ul li a, div#bannerNav ul li a:visited {
	color:#FFFFFF;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:0 5px;
	text-transform: uppercase;
}

div#bannerNav ul li {
	border-right: 1px solid #fff;
}

div#bannerNav ul li.last {
	border: none;
}

div#bannerNav ul li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #fff;
}

div#searchBox {
	background: transparent url(/images/searchBox-bg.gif) no-repeat top right;
	margin-right: 30px;
	float: right;
	position: relative;
	width: 291px;
	height: 40px;
}

form.search {
	position:absolute;
	right:14px;
	top: 0px;
}

form.search input.searchbox {
	position:absolute;
	right:39px;
	top:8px;
	width:167px;
}

div#newsletterBox {
	background: transparent url(/images/newsletterBox-bg.jpg) no-repeat bottom left;
	margin-left: 30px;
	float: left;
	position: relative;
	width: 292px;
	height: 43px;
	top: 299px;
}

form.newsletter {
	position:absolute;
	right:20px;
	top: 4px;
}

form.newsletter input.newsletterbox {
	position:absolute;
	right:47px;
	top:11px;
	width:145px;
}

/* =Main Content Styles
-------------------------------------------------------------*/
div.yellow {
	background-color:#FFC422;
}	

div#resources {
	background-color:#FFC422;
	border-left:10px solid #000000;
	border-right:10px solid #000000;
	padding: 0px 20px;
	width:868px;
}

div#resourcesInner {
	background: #000 url(/images/resourcesTop-bg.gif) no-repeat top center;
	height: 150px;
	position: relative;
}

div#resourcesBoxBtm {
	background: #000 url(/images/resourcesBtm-bg.gif) no-repeat bottom center;
	height: 24px;
}

div#homeContent {
	background: #79b9f8 url(/images/homeContent-bg.jpg) no-repeat top center;
	padding-top: 20px;
	float: left;
	position: relative;
}

div#events p span {
	padding-left: 8px;
}

div#faqsOuter {
	float: right;
	margin: 75px 0px 0px 98px;
}

div#forparentsOuter {
	float: left;
	margin-top: 20px;
}

div#youtubeOuter {
	float: left;
	margin-top: 20px;
}

div#newsOuter {
	float: right;
	margin: 20px 0px 0px 98px;
	width: 415px;
}

div#events {
	background: #79b9f8 url(/images/events-bg.jpg) no-repeat top left;
	border-left:10px solid #000000;
	border-right:10px solid #000000;
	padding: 60px 20px 0px 20px;
	width:355px;
}

div#faqs {
	background: #ffc422 url(/images/faqs-bg.jpg) no-repeat top left;
	border-left:10px solid #000000;
	border-right:10px solid #000000;
	padding: 60px 20px 0px 20px;
	width:355px;
}

div#forparents {
	background: #ffc422 url(/images/4parents-bg.jpg) no-repeat top left;
	border-left:10px solid #000000;
	border-right:10px solid #000000;
	padding: 60px 20px 0px 20px;
	width:355px;
}

div#youtube {
	background-color: #ffc422;
	border-left:10px solid #000000;
	border-right:10px solid #000000;
	padding: 20px 20px 0px 20px;
	width:355px;
}

div#news {
	background: #79b9f8 url(/images/news-bg.jpg) no-repeat top left;
	border-left:10px solid #000000;
	border-right:10px solid #000000;
	padding: 60px 20px 0px 20px;
	width:355px;
}

div.news {
	float: right;
}
/* =Secondary Content Styles
-------------------------------------------------------------*/


/* =Sidebar Content Styles
-------------------------------------------------------------*/


/* =Footer Styles
-------------------------------------------------------------*/
div#footerBoxTop {
	background: transparent url(/images/footerBoxTop.jpg) no-repeat top center;
	width: 928px;
	height: 23px;
}

div#footerBoxBtm {
	background: transparent url(/images/footerBoxBtm.jpg) no-repeat top center;
	width: 928px;
	height: 23px;
}

ul#footerNav li {
	border-right:1px solid #000000;
	float:left;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	padding:3px 6px;
}

ul#footerNav li.last {
	border-right: none;
}

ul#footerNav li a, ul#footerNav li a:visited {
	color: #859bb2;
	text-transform: uppercase;
}

ul#footerNav li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #859bb2;
}

div#tmlink p {
	float: right;
	padding: 5px 0px 5px 5px;
}

/* =Main Navigation Styles
-------------------------------------------------------------*/
/*ul#county {
	position: absolute;
	margin-left: 20px;
	margin-top: 58px;
	width: 220px;
}

ul#county li {
	color:#7C94AD;
	float:left;
	font-size:16px;
	font-weight:bold;
	width: 210px;
	float: left;
}

ul#county li a, ul.category li a, ul#county li a:visited, ul.category li a:visited {
	color: #fbfcfd;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

ul.category li a, ul.category li a:visited {
	font-size: 12px;
}

ul#county li a:hover, ul.category li a:hover {
	color: #c9e2fb;
	text-decoration: none;
	border-bottom: 3px solid #c9e2fb;
}

ul#county li.active a, ul#county li.active a:visited, ul.category li.active a, ul.category li.active a:visited {	
	color: #FFC422;
}

ul.category {
	height:140px;
	margin-left:240px;
	margin-top:50px;
	position:absolute;
	width:630px;
}

ul.category li {
	width: 210px;
	float: left;
}

ul.category li ul {
	width: 210px;
	float: left;
}

ul.category li ul li {
	color:#7C94AD;
	float:left;
	font-size:16px;
	font-weight:bold;
	width: 210px;
	float: left;
}*/


/* =Secondary Navigation Styles
-------------------------------------------------------------*/
ul#sidebarNav {
	margin: 10px 0px 0px 80px;
}

ul#sidebarNav li, ul#sidebarNav li a, ul#sidebarNav li a:visited {
	color: #000;
	font-size: 12px;
	margin-bottom: 12px;
	font-weight: bold;
}

ul#sidebarNav li a:hover {
	text-decoration: underline;
}

ul#sidebarNav li.active a, ul#sidebarNav li.active a:visited {
	text-decoration: underline;
}

/* =Form Styles
-------------------------------------------------------------*/
fieldset {
	padding: 10px;
	border: none;
}
	
fieldset legend {
	color: #f03000;
	font-size: 14px;
	font-weight: bold;
}
	
fieldset label {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin: 5px;
}
	
fieldset input, fieldset select {
	margin: 5px;
}
	
fieldset select {
	width: 146px;
}
		
fieldset textarea {
	width: 95%;
	height: 60px;
	margin: 10px 0;
}
	
fieldset input.submit {
	width: auto;
	float: right;
}

form td {
	vertical-align: middle;
}

/* =Table Styles
-------------------------------------------------------------*/
table { 
  border-spacing: 0;
	border-collapse: collapse;
	}

td {
  text-align: left;
	font-weight: normal;
	}

/* =Miscellaneous Styles
-------------------------------------------------------------*/
/**** SIDEBAR BACKGROUNDS FOR CATEGORY PAGES ****/
div#sidebar-4parents {
	background: transparent url(/images/navbgs/4parents.jpg) no-repeat top left;
	min-height: 473px; !important
}

div#sidebar-about {
	background: transparent url(/images/navbgs/about.jpg) no-repeat top left;
	min-height: 530px; !important
}

div#sidebar-adoption {
	background: transparent url(/images/navbgs/adoption.jpg) no-repeat top left;
	min-height: 446px; !important
}

div#sidebar-advocacy {
	background: transparent url(/images/navbgs/advocacy.jpg) no-repeat top left;
	min-height: 505px; !important
}

div#sidebar-agingout {
	background: transparent url(/images/navbgs/aging-out.jpg) no-repeat top left;
	min-height: 468px; !important
}

div#sidebar-basicneeds {
	background: transparent url(/images/navbgs/basic-needs.jpg) no-repeat top left;
	min-height: 600px; !important
}

div#sidebar-contact {
	background: transparent url(/images/navbgs/contact.jpg) no-repeat top left;
	min-height: 534px; !important
}

div#sidebar-crisisservices {
	background: transparent url(/images/navbgs/crisis-services.jpg) no-repeat top left;
	min-height: 798px; !important
}

div#sidebar-education {
	background: transparent url(/images/navbgs/education.jpg) no-repeat top left;
	min-height: 513px; !important
}

div#sidebar-employment {
	background: transparent url(/images/navbgs/employment.jpg) no-repeat top left;
	min-height: 550px; !important
}

div#sidebar-events {
	background: transparent url(/images/navbgs/events.jpg) no-repeat top left;
	min-height: 337px; !important
}

div#sidebar-faqs {
	background: transparent url(/images/navbgs/faqs.jpg) no-repeat top left;
	min-height: 249px; !important
}

div#sidebar-finances {
	background: transparent url(/images/navbgs/finances.jpg) no-repeat top left;
	min-height: 454px; !important
}

div#sidebar-fostercare {
	background: transparent url(/images/navbgs/foster-care.jpg) no-repeat top left;
	min-height: 587px; !important
}

div#sidebar-friends {
	background: transparent url(/images/navbgs/friends.jpg) no-repeat top left;
	min-height: 400px; !important
}

div#sidebar-health {
	background: transparent url(/images/navbgs/health.jpg) no-repeat top left;
	min-height: 330px; !important
}

div#sidebar-legalissues {
	background: transparent url(/images/navbgs/legal-issues.jpg) no-repeat top left;
	min-height: 633px; !important
}

div#sidebar-otherresources {
	background: transparent url(/images/navbgs/other-resources.jpg) no-repeat top left;
	min-height: 798px; !important
}

div#sidebar-pregnancyparenting {
	background: transparent url(/images/navbgs/pregnancy-parenting.jpg) no-repeat top left;
	min-height: 1033px; !important
}

div#sidebar-recreation {
	background: transparent url(/images/navbgs/recreation.jpg) no-repeat top left;
	min-height: 572px; !important
}

div#sidebar-residentialtreatment {
	background: transparent url(/images/navbgs/residential-treatment.jpg) no-repeat top left;
	min-height: 1113px; !important
}

div#sidebar-resources {
	background: transparent url(/images/navbgs/resources.jpg) no-repeat top left;
	min-height: 509px; !important
}

div#sidebar-transportation {
	background: transparent url(/images/navbgs/transportation.jpg) no-repeat top left;
	min-height: 775px; !important
}

div#sidebar-volunteering {
	background: transparent url(/images/navbgs/volunteering.jpg) no-repeat top left;
	min-height: 733px; !important
}

div#sidebar-default {
	background: transparent url(/images/navbgs/default.jpg) no-repeat top left;
	min-height: 235px; !important
}
/**** END SIDEBAR BACKGROUNDS ****/

div.paging {
	float: right;
	margin-bottom: 8px;
}

div.paging a, div.paging a:visited {
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #000;
	padding: 5px;
	background-color: #79B9F8;
}

div.paging a:hover {
	border: none;
	color: #79B9F8;
	padding: 6px;
	background-color: #000;
}

div.paging p {
	display:inline;
	font-size: 14px;
	font-weight: bold;
	border: none;
	color: #79B9F8;
	padding: 6px;
	background-color: #000;
}

p.results {
	margin: 10px 0px;
}

div.answer {
	border:1px solid #000000;
	padding: 10px;
	background-color: #79B9F8;
}

div#svy {
	float: left;
	margin-top: 25px;
}

div#svy p {
	font-size: 11px;
	text-align: center;
}

div#mainInner ul li {
	list-style-type: disc;
	margin-left: 15px;
}

div#mainInner ul.sitemap li {
	line-height: 20px;
}

div#mainInner h2.sitemap {
	margin-top: 15px;
}

div#mainInner div.sitemapBox {
	float: left;
	width: 180px;
	margin: 0px 5px;
}

div#mainInner ol li {
	list-style-type: decimal;
	margin-left: 15px;
}

div#homeContent div.social {
	position:absolute;
	right:87px;
	top:21px;	
}

div.catBox, div.imageBox {
	float:left;
	margin:0 auto;
	padding:5px 10px;
	text-align:center;
	width:170px;
}

div.catBox p, div.imageBox p {
	margin: 0 auto;
	text-align: center;
	padding: 5px 0px;
	font-weight: bold;
}

div.leftContent {
	width: 275px;
	float: left;
}

div.rightContent {
	width: 275px;
	float: right;
}

div.leftContentWide {
	width: 385px;
	padding-right: 15px;
	float: left;
}

div.vertsep {
	border-right: 1px solid #000;
}

div.rightContentShort {
	width: 150px;
	float: right;
}

div#mainInner ul.minutes li, div#mainInner ul.minutes li ul li {
	list-style-type: none;
}

div#mainInner ul.minutes li {
	margin-bottom: 15px;
}

div#mainInner ul.minutes li ul {
	margin-top: 5px;
}

/* =Print Styles
-------------------------------------------------------------*/
@media print { 

}