/* ---------------------------------------------------------------------------

	Master Styles
	Vulnerable Population
	http://vulnerablepopulation.com

--------------------------------------------------------------------------- */

body {
	font: small/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	text-align: center;
	background: url(../img/bg.gif) repeat-y top center;
}

#wrap {
	
}
	
#container {
	margin: 0 auto;
	width: 959px;
	text-align: left;
	background-color: #fff;
}

#pad {
	padding: 40px 50px;
}
	
#content {
	float: left;
	margin-bottom: 20px;
	width: 540px;
}

#sidebar {
	float: right;
	margin-bottom: 20px;
	width: 260px;
}	

/* ---------------------------------------------------------------------------
	
	=links

--------------------------------------------------------------------------- */

a { font-weight: bold; outline: none; }

a:link {
	color: #7f0000;
	text-decoration: none;
}
	
a:visited {
	color: #777;
	text-decoration: none;
}
	
a:hover {
	color: #000;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	
	=typography

--------------------------------------------------------------------------- */

h1 {
	margin-bottom: 15px;
	font-size: 160%;
	color: #000;
	line-height: 1.4;
	letter-spacing: -1px;
}

h1 strong {
	font-weight: normal;
	font-size: 80%;
	color: #777;
	text-transform: uppercase;
}

h2 {
	margin-bottom: 15px;
	font-size: 180%;
	color: #5a4d3c;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.1;
}

h3 {
	margin-bottom: 5px;
	font-size: 120%;
	color: #000;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: -1px;
}

p { margin: 0 0 30px 0; }


/* ---------------------------------------------------------------------------
	
	=lists

--------------------------------------------------------------------------- */

ul { margin: 0 0 30px 30px; }

#content ol,
#content ul { 
	margin-left: 30px;
	margin-top: -15px; /* trying to offset the 30px for paragraphs */
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------------------
	
	=images

--------------------------------------------------------------------------- */
	
/* ---------------------------------------------------------------------------
	
	=header

--------------------------------------------------------------------------- */

#nav_util {
	margin: 0;
	padding: 15px 20px;
	background: #110f0c url(../img/util_bg.gif) repeat-x 0 0;
	font-size: 90%;
	text-align: right;
	list-style: none;
}

#nav_util li {
	display: inline;
	margin-right: 8px;
	padding: 0 15px 0 0;
	background: url(../img/util_div.gif) no-repeat 100% 50%;
}

#nav_util #util_acknowledgements {
	margin-right: 0;
	padding-right: 0;
	background-image: none;
}

#nav_util li a { font-weight: normal; }

#nav_util a:link, #nav_util a:visited { color: #acabaa; }

#nav_util a:hover { color: #fff; }

#nav_util li.here a:link, #nav_util li.here a:visited, #nav_util li.here a:hover {
	font-weight: bold;
	color: #fff;
}

#nav {
	margin: 0;
	background: url(../img/nav_bg.gif) repeat-x left center;
	list-style: none;
}

#nav li {
	float: left;
	margin-right: 3px;
	background: url(../img/nav_div.gif) no-repeat 100% 50%;
}

#nav #nav_resources {
	margin-right: 0;
	padding-right: 0;
	background-image: none;
}

#nav li a {
	display: block;
	padding: 10px;
}

#nav a:link, #nav a:visited { color: #fff; }

#nav a:hover { color: #e7c391; }

#nav li.here a:link, #nav li.here a:visited, #nav li.here a:hover { color: #e7c391; }

/* ---------------------------------------------------------------------------
	
	=content

--------------------------------------------------------------------------- */

#intro {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 140%;
	line-height: 1.4;
	color: #000;
}

/* ---------------------------------------------------------------------------
	
	=sidebar

--------------------------------------------------------------------------- */

/* search */

#search {
	margin-bottom: 30px;
}

#search_text { width: 175px; }

/* featured video */

#featured_video {
	margin-bottom: 30px;
	padding-top: 30px;
	background: url(../img/dash.gif) repeat-x 0 0;
}

#featured_video p { margin-bottom: 0; }

.btn_watch, .btn_watch a {
	width: 146px;
	height: 27px;
	background: url(../img/btn_watch.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.btn_watch a { display: block; }

.btn_watch a:hover { background-position: 0 -27px; }

/* logos */

div.logo {
	margin-bottom: 30px;
	padding-top: 30px;
	background: url(../img/dash.gif) repeat-x 0 0;
	text-align: center;
}

div.logo img { margin: 0 auto; }

/* content */

#sidebar_content, #content_callout {
	padding: 10px 15px;
	background-color: #eee;
}

#content_callout { padding-bottom: 2px; }

#content_callout p { margin-bottom: 10px; }

/* sub nav */

#nav_sub {
	margin: 0 0 20px 0;
	padding: 20px 0 0 20px;
	border-top: 3px solid #b6b6b6;
}

#nav_sub.close {
	padding-bottom: 20px;
	background: url(../img/dash.gif) repeat-x bottom left;
}

#nav_sub li {
	margin-bottom: 8px;
	line-height: 1.1;
}

#nav_sub li ul {
	margin: 0 0 5px 20px;
	padding-top: 10px;
	font-size: 90%;
}

#nav_sub a:link, #nav_sub a:visited { color: #2276c5; }

#nav_sub a:hover { color: #000; }

#nav_sub a.here:link, #nav_sub a.here:visited, #nav_sub a.here:hover {
	color: #000;
	cursor: pointer;
}

/* ---------------------------------------------------------------------------
	
	=foot

--------------------------------------------------------------------------- */

#foot {
	clear: both;
	padding-top: 15px;
	background: url(../img/dash.gif) repeat-x 0 0;
	font-size: 85%;
	color: #767676;
	font-weight: bold;
}

#foot p { margin-bottom: 0; }

#foot a:link, #foot a:visited { color: #767676;}

#foot a:hover { color: #333;}

/* ---------------------------------------------------------------------------
	
	=home

--------------------------------------------------------------------------- */

#feature {
	height: 350px;
	background: url(../img/home_feature_bg.jpg) no-repeat 0 0;
}

#categories {
	margin: 0 0 30px 0;
	padding: 50px 0 0 18px;
	background: url(../img/dash.gif) repeat-x 0 0;
	list-style: none;
}

#categories li {
	float: left;
	margin: 0 5px 5px 0;
	width: 250px;
	height: 44px;
	background-color: #5c1410;
	background-repeat: no-repeat;
	background-position: 0;
	text-indent: -9999px;
}

#cat_definitions, #cat_definitions a { background: url(../img/cat_definitions.gif); }
#cat_strategic, #cat_strategic a { background: url(../img/cat_strategic.gif); }
#cat_surveys, #cat_surveys a { background: url(../img/cat_surveys.gif); }
#cat_focus, #cat_focus a { background: url(../img/cat_focus.gif); }
#cat_mapping, #cat_mapping a { background: url(../img/cat_mapping.gif); }
#cat_grants, #cat_grants a { background: url(../img/cat_grants.gif); }
#cat_training, #cat_training a { background: url(../img/cat_training.gif); }
#cat_qsort, #cat_qsort a { background: url(../img/cat_qsort.gif); }
#cat_message, #cat_message a { background: url(../img/cat_message.gif); }
#cat_ethnic, #cat_ethnic a { background: url(../img/cat_ethnic.gif); }
#cat_communications, #cat_communications a { background: url(../img/cat_communications.gif); }
#cat_case, #cat_case a { background: url(../img/cat_case.gif); }

#categories li a:hover { background-position: -250px 0; }

#categories li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------------------------------------
	
	=forms

--------------------------------------------------------------------------- */

div.message {
	margin-bottom: 20px;
	padding: 10px 15px;
	border: 2px solid #ccc;
}

.error { color: #900; }

div.message p, div.message ul { margin-bottom: 5px; }

label {
	font-weight: bold;
	color: #000;
}

#name, #email, #phone, #message, #important, #useful, #not_useful, #additional_info, #if_no, #additional_resources {
	margin-bottom: 20px;
	padding: 4px;
	width: 450px;
}

select { margin-bottom: 10px; font-size: 120%; }

/* ---------------------------------------------------------------------------
	
	=misc

--------------------------------------------------------------------------- */

/* listing items */

div.item {
	padding: 15px 0;
	background: url(../img/dash.gif) repeat-x 0 0;
}

div.item h2 { font-size: 140%; }

div.item h2 a { font-weight: normal; }

/* link icons */

p.tool, p.resource, p.sample {
	margin-bottom: 20px;
	padding-left: 30px;
	line-height: 24px;
}

p.tool {
	padding-left: 75px;
	background: url(../img/icon_tool.gif) no-repeat 0 0;
}

p.resource {
	padding-left: 115px;
	background: url(../img/icon_resource.gif) no-repeat 0 0;
}

p.sample { 
	padding-left: 95px;
	background: url(../img/icon_sample.gif) no-repeat 0 0;
}

/* self-clearing floats */

#nav:after,
#categories:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}


/*** for vulpops **/
body.vulpop {}
body.vulpop #categories {
  padding: 25px 0 0 0;
  margin: 0;
}