/* CSS Document */

/* 
United Way Richmond
Jon Deutsch
5/15/2008
http://www.jdeutsch.com
*/


/* 
--Layout
	---Content
	---Header
--Sidebar
	---Resources/Connect 
--pagetitle
--Content
	---Photos
--Links
--Footer
*/

* { margin: 0; padding: 0; }
img { border: 0; }

/* --Layout */

body {
 font: 12px/1.2 "MetaBold Roman", Arial, Verdana, Sans-Serif;
 background: #fff url(../images/bg.gif) repeat-x;
}

a:link, a:visited {
 color: #10167f;
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline;
 color: #fe230a
}

	/* ---Container */
	#container {
	 position: relative;
	 width: 960px;
 	 background: #fff url(../images/container_top.gif) no-repeat 0 0;
	 margin: 0 auto;
	 margin-top: 36px;
	 padding-top: 6px;
	}
	
	/* ---Header */
	#header {
	 position: relative;
	 width: 951px; /* =951-250-25 */
 	 background: #10167f url(../images/header_top.gif) no-repeat 0 0;
	 color: #fff;
	 margin-left: 5px;
	 height: 80px;
	}
	
		#header h1 {
		 display: none;
		}
	
	
	#header_content {
	 padding: 8px 250px 8px 25px;
	 margin: 0 0 0 5px;
	}
	
	#header_bottom {
	 height: 2px;
	 width: 951px;
 	 background: #10167f url(../images/header_bottom.gif) no-repeat 0 0;
	}
	
	#header img#uwlogo {
	 position: absolute;
	 top: 5px;
	 left: 800px;
	}
	
	#header img#h1_uw {
	 padding-top: 3px;
	 position: absolute;
	 top: 9px;
	 left: 490px;
	}

/* --pagetitle */
	
	#pagetitle {
	 position: relative;
	 top: 20px;
	 left: 45px;
	}
	
	#pagetitle h2 {
	 display: none;
	}
	
/* --Content */
#content {
 width: 400px;
 float: right;
 margin-top: 40px;
 padding: 0px 20px 0 0;
}

	

	#content h3 {
	 color: #fe230a;
	 padding-bottom: 20px;
	}
	
	#content h4 {
	 padding-bottom: 20px;
	}
	
		#index #content h4 {
		 padding-bottom: 0px;
		 padding-top: 25px;
		}
	
	#content .headertext {
	 padding-bottom: 20px;
	}
	
	#content p {
	 padding-bottom: 10px;
	}
	
	#content ul {
	 margin: 10px 10px 10px;
	}
	
		#content ul.wide li {
		 margin: 15px 0;
		}
		
		#content ul.footnote {
		 list-style-type: none;
		}
	
	#content dl dt {
	 font-weight: bold;
	 color: #10167f;
	 padding: 10px 0 5px;
	}
	
		#supportgroups #content dl dt, #localpartners #content dl dt { /*Every other pages the titles are links, these to pages do not have links, so we do the under line here.  Had we done the underline for every dt on every page, the 'highly recommended' on some pages would be underlined, and we don't want that.*/
		 text-decoration: underline;
		}
	
		#content dl dt span {
		 color: #fe230a;
		 text-transform: uppercase;
		 padding-left: 10px;
		}
	
		#content dl dt a:link, #content dl dt a:visited {
		 text-decoration: underline;
		}

	#content dl dd {
	 line-height: 1.5;
	}
	
		#localpartners #content dl dd {
		 margin-left: 15px;
		}
		
	
	/* ---Photos */
	#photos {
	 float: right;
	 width: 195px;
	 margin: 60px 50px 25px 20px;
/*margin: 63px 50px 25px 20px;*/

	}
	
	#photos p {
	 color: #c5c5c5;
	 font-size: 14px;
	 font-weight: bold;
	 text-transform: uppercase;
	 text-align: center;
	 margin-top: 20px;
	}
	
	#photos .size2 {
	 font-size: 19px;
	}
	
	#photos .size3 {
	 font-size: 24px;
	}
	
	#photos a:link, #photos a:visited {
	 color: #c5c5c5;
	 text-decoration: none;
	}
	

	#photos .shaded {
	 margin-top: 25px;
	 padding: 1px 20px 20px 30px;
	 background-color: #ffeace;
	}
	
		#photos .shaded p {
		 padding-bottom: 0px;
		 color: #10167f;
		}
		
		#photos .shaded ul {
		 margin-top: 5px;
		}
		
		#photos .shaded ul li {
		 margin-top: 2px;
		}

		#photos .shaded a:link, #photos .shaded a:visited {
		 color: #10167f;
		 text-decoration: underline;
		}
		
		#photos .shaded a:hover, #photos .shaded a:active {
		 color: #fe230a;
		}


/* --Sidebar */
#sidebar {
 width: 225px;
 float: left;
}

	/* ---Resources/Connect */

	#resources, #connect, #adobe, #dial211 {
	 margin: 20px 16px 20px 16px;
	 padding-bottom: 7px;
 	 background: transparent url(../images/sidebar_bottom.gif) no-repeat 0 bottom;
	}
	
	#adobe .inner, #dial211 .inner {
	 background: transparent url(../images/sidebar_top.gif) no-repeat 0 0;
	 height: 6px;
	}
	
	#resources h2, #connect h2 {
 	 background: #fe230a url(../images/resources_top.gif) no-repeat 0 0;
	 padding: 5px 10px;
	 color: #fff;
	 text-transform: uppercase;
	}
	
	#connect h2 {
 	 background: #ff960a url(../images/resources_top.gif) no-repeat 0 0;
	}
	
	#sidebar #resources ul, #sidebar #connect ul, #sidebar #adobe ul, #sidebar #dial211 ul {
	 list-style-type: none;
	}
	
	#sidebar #resources ul li, #sidebar #connect ul li {
 	 background: transparent url(../images/links_border_bottom.gif) no-repeat 50% bottom;
	 border-left: 1px solid #e0e2e7;
	 border-right: 1px solid #e0e2e7;
	}
	
		#sidebar #resources ul li.last, #sidebar #connect ul li.last {
		 background: none;
		}
	
	#sidebar #resources ul li a:link, #sidebar #resources ul li a:visited, #sidebar #connect ul li a:link, #sidebar #connect ul li a:visited {
	 display: block;
	 padding: 10px 15px 10px 30px;
	 text-transform: uppercase;
	 color: #000;
	 font-weight: bold;
 	 background: transparent url(../images/links_arrow.gif) no-repeat 12px 50%;
	}
	
	#sidebar #resources ul li#li_caregivers a:link, #sidebar #resources ul li#li_caregivers a:visited, #sidebar #connect ul li#li_caregivers a:link, #sidebar #connect ul li#li_caregivers a:visited {
 	 background: transparent url(../images/links_arrow_red.gif) no-repeat 12px 50%;
	}
	
	#sidebar #resources ul li a:active, #sidebar #resources ul li a:hover, #sidebar #connect ul li a:active, #sidebar #connect ul li a:hover {
 	 color: #fe230a;
	 text-decoration: none;
	}
	
	#sidebar #resources ul li a.active:link, #sidebar #resources ul li a.active:visited, #sidebar #connect ul li a.active:link, #sidebar #connect ul li a.active:visited, #sidebar #resources ul li#li_caregivers a.active:link, #sidebar #resources ul li#li_caregivers a.active:visited {
	 background-color: #c1c2de;
	 background-image: none;
	}

	#sidebar #resources ul li a.active:active, #sidebar #resources ul li a.active:hover, #sidebar #connect ul li a.active:active, #sidebar #connect ul li a.active:hover {
	 color: #000;
	}

	
	#sidebar #adobe ul li, #sidebar #dial211 ul li {
	 border-left: 1px solid #e0e2e7;
	 border-right: 1px solid #e0e2e7;
	 padding: 5px 5px 5px 10px;
	}
	
	#sidebar #adobe ul li img {
	 float: left;
	 margin-right: 10px;
	}
	
	#sidebar #dial211 ul li img {
	 margin-left: 28px;
	}
	
	#sidebar #adobe ul li a:link, #sidebar #adobe ul li a:visited {
	 color: #000;
	}

	#sidebar #adobe ul li a:hover, #sidebar #adobe ul li a:active {
	 text-decoration: underline;
	}

/* --Links */
#links {
 position: absolute;
 top: -36px;
 width: 960px;
 line-height: 36px;
}

	#links ul {
	 list-style-type: none;
	 text-align: right;
	 padding-right: 10px;
	}
	
	#links ul li {
	 display: inline;
	 margin-left: 20px;
	}
	
	
	
	#links a:link, #links a:visited {
	 color: #fff;
	 text-transform: uppercase;
	}
	
	#links a:active, #links a:hover {
	 text-decoration: underline;
	}
	
/* --Footer */
#footer {
 clear: both;
 padding: 100px 0 20px 0;
}
	#footer p {
	 text-align: center;
	}

	#footer span {
	 padding-right: 15px;
	 padding-left: 15px;
	}
	
	#footer a:link, #footer a:visited {
	 color: #000;
	}
	
	#footer a:hover, #footer a:active {
	 text-decoration: none;
	}