@charset "utf-8";
/* -----------------------------------------------------

* Filename: home.css
* Description: Home Page Styles for Hope, Inc
* Version: 1.0.1 (2009.03.18)
* Website: hopetucson.org
* Author: Dana Severance @ Automatit, Inc

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

/* Reset
-------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, q, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
/* General
-------------------------------------------------------*/
body {color: #7a7a7a; font: 12px/14px Arial, Helvetica, sans-serif;}
img {border: 0px;}
#wrapper {margin: 0px auto; width: 940px;}
#container {border: 0px; border-top: 1px solid #cbdbd0; padding: 4px 0px 0px 0px; width: 100%}
.clear {clear: both;}

/* Text
-------------------------------------------------------*/
a:link {color: #4ab0c2; text-decoration: underline;}
a:visited {color: #4ab0c2; text-decoration: underline;}
a:hover {color: #4ab0c2; text-decoration: none;}
a.internal {background: url(images/link-1.gif) bottom left no-repeat; padding-left: 13px;}

/* Header / Sub-Nav
-------------------------------------------------------*/
#header {margin-bottom: 4px; width: 100%;}
#sub-nav {height: 61px; margin: 4px 0px; width: 100%;}
#sub-nav img {display: block; margin-right: 2px; float: left;}
#sub-nav img.last {margin-right: 0px;}

/* Content
-------------------------------------------------------*/
#content {float: left; width: 622px;}

/* Intro
-------------------------------------------------------*/
#content #intro {border: 1px solid #cbdbd0; margin-bottom: 2px; padding: 6px; width: 610px;}
#content #intro .inside {background: #e9eae9; min-height: 50px; padding: 6px;}
#content #intro .inside .border {float: left; margin-right: 17px;}
#content #intro .inside p {line-height: 11px; padding-bottom: 14px; position: relative; top: 7px;}

/* Latest News & Events
-------------------------------------------------------*/
#latest-news {border: 1px solid #cbdbd0; padding: 6px; width: 610px;}
#latest-news h1 {background: #e9eae9; color: #5f7d79; font: 16px/16px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; height: 23px; letter-spacing: -1px; margin-bottom: 20px; padding: 7px 10px 0px 10px; text-transform: uppercase;}
#latest-news ul {list-style: circle outside url(images/bullet-1.gif); margin: 0px 0px 0px 25px; padding-bottom: 14px;}
#latest-news p {padding-bottom: 0px;}
#latest-news .event-name {color: #628882; font-weight: bold;}
#latest-news .internal, #printable-media .internal {color: #4c6053; font-weight: bold;}

/* Aside
-------------------------------------------------------*/
#aside {border: 1px solid #cbdbd0; float: right; width: 311px;}
#aside hr {background: #cbdbd0; color: #cbdbd0; border: 0px; height: 1px; width: 294px;}

/* New-Hope
-------------------------------------------------------*/
#new-hope {background: #e9eae9; margin: 6px 6px 0px 6px; min-height: 50px; padding: 6px 2px 6px 6px; position: relative;} 
#new-hope p {margin: 0px 0px 0px 5px; padding-bottom: 10px;}
#new-hope .border {float: left; margin-right: 15px;}
#new-hope h3 {font: 16px/18px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; margin: 0px; padding-bottom: 5px;}

/* Printable Media
-------------------------------------------------------*/
#printable-media {background: #bdcfc3; border: 1px solid #cbdbd0; margin: 0px 6px 6px 6px; min-height: 163px; padding: 6px;}
#printable-media h2 {border: 0px; color: #FFFFFF; font: 40px/35px Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -2px; text-align: right; text-transform: uppercase;}
#printable-media ul {border-bottom:  1px solid #bdcfc3; list-style: square inside url(images/bullet-2.gif); margin-bottom: 5px; padding-bottom: 5px;}
#printable-media li {background: #deeee3; line-height: 18px; margin-bottom: 2px; padding-left: 5px;}
#printable-media a:link {color: #4c6053; text-decoration: underline;}
#printable-media a:visited {color: #4c6053; text-decoration: underline;}
#printable-media a:hover {color: #4c6053; text-decoration: none;}
#printable-media p {padding-bottom: 0px;}

/* Footer 
-------------------------------------------------------*/
#footer {border-top: 1px solid #cbdbd0; margin-top: 4px; padding: 16px 0px 0px 16px; width: 925px;}
#footer ul {display: block; margin: 0px; padding: 0px;}
#footer li {display: inline; padding: 0px 0px 0px 8px;}
#footer li a:link {color: #4c6053; text-decoration: none;}
#footer li a:visited {color: #4c6053; text-decoration: none;}
#footer li a:hover {color: #4c6053; text-decoration: underline;}
#footer p {margin: 0px; padding: 14px 0px 20px 10px;}
#footer p a:link {color: #4c6053; text-decoration: underline;}
#footer p a:visited {color: #4c6053; text-decoration: underline;}
#footer p a:hover {color: #4c6053; text-decoration: none;}