/* @override http://www.ugmspokane.org/_css/styles.css */

*
Stylesheet for UGMM
Author: Joe Tan (joetan54@gmail.com)
*/
xmp {
	clear: both;
	margin: 15px 0;
	padding: 5px;
	background: yellow;
	border: 1px dashed #005370;
}
#preload {visibility: hidden;position: absolute;top:-10000px;left:-10000px;}
html, body {
	background: #fcfcfa ;
	font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #412f01;
}
a {
	color: #005370;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
	line-height: normal;

}
h2 {
	clear:left;
	margin: 0 0 0.6em 0;
	padding: 0;
	color: #8b1f03;
	text-transform: uppercase;
	font-size: 145%;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #005370;
}
table.newsletter-header td {
	vertical-align:bottom !important;
}
table.newsletter-header h2,
table.newsletter-header h3,
table.newsletter-header p {
	margin:0px !important;
}
div.newsletter-cover {
	margin-bottom:15px;
	padding:15px 0px 15px 0px;
	border-top:1px #402E00 dotted;
	border-bottom:1px #402E00 dotted;
}
div.newsletter-cover h1 {
	margin:5px 0px 5px 0px;
	font-size:36px;
	font-weight:normal;
}
h4.newsletter-cover {
	margin-bottom:10px;
	padding:0px 0px 0px 10px;
	border-left:10px #402E00 solid;
}
#content table {
	position:relative;
}
#content table.chart {
	width:100%;
	border:1px solid #eee;
}
#content table.chart tr.odd {
	background: #eee;
}
#content table.chart td {
	padding: 5px;
}
#banner h1 {
 margin-right: 50px;
 font-size: 50px;
 text-align:right;
 color: #FFF;
 position: relative;
 top: 15px;
 zoom:1;
}
#banner h2 { display:none; }
h3 {
	margin: 0 0 0.75em 0;
	color: #8b1f03;
	text-transform: uppercase;
	font-size: 130%;
}
h4 {
	margin: 0 0 ;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
}
dl {
	margin: 0;
}
dl dt {
	font-weight: bold;
	margin: 0;
}
dl dd {
	margin-left:2em;
	margin-bottom: 1em;
}
.header {
	background:no-repeat left center;
	text-indent: -10000px;
	height: 35px;
}
.hr {
	clear: both;
	margin: 20px 0 30px;
	border-bottom: 3px double #53899E;
}
.hr hr {
	margin: 0;
	padding: 0;
	visibility: hidden;
}
blockquote {
	margin: 0 3em 1.5em 0;
	color: #8d260b;
	font-style: italic;
	font-size: 12px;
}
blockquote cite {
	white-space: nowrap;
}
blockquote.alignright { margin: 0 0 1.5em 3em;}
blockquote.alignleft  { margin: 0 3em 1.5em 0;}
#content td, #content th {
	border: 0;
	padding: 0;
	vertical-align: top;
	position: relative;
}
.hidden {
	position: absolute;
	top: -10000px;
	left: -10000px;
}
.clear {
	clear: both;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	margin: 0 auto;
}
img.alignleft {
	margin: 0 1.5em 1.5em 0;
}
img.alignright {
	margin: 0 0 1.5em 1.5em;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.errorSummary, .error {
	color: red;
	font-weight:bold;
}
p.error {margin-bottom:0;}
.letter {
	font-family: monospace;
	border: 2px solid #eee;
	padding: 15px;
	margin-left: 2em;
	margin-bottom: 15px;
}
#wrap {
	position: relative;
	text-align: left;
	width: 970px;
	padding: 0 0 0px 0;
	margin: 0 auto;
	background:url(images/mid.jpg) repeat-y;
}
#wrap2 {
	padding: 0 26px 55px;
	background: url(images/footer.jpg) bottom left no-repeat;
	position: relative;
	zoom:1;
}
div.featured {
	position:relative;
	padding:20px 0px 20px 0px;
	border-top:3px #53899E double;
	border-bottom:3px #53899E double;
}


/* @group Framed Images */

.framed {
	display: block;
	position: relative;
	margin:0 -15px;
	zoom:1;
}
.framed img {
	margin: 0;
}
.framed div.framed,
.framed blockquote {
	margin: 0;
}
.framed .frame1, .framed .frame2, .framed .frame3, .framed .frame4 {
	position: relative;
}
.frame1 {background: url(images/frame-corner-top-left.gif) no-repeat top left;}
.frame2 {background: url(images/frame-corner-bottom-right.gif) no-repeat bottom right;
}
.frame3 {
	background:url(images/frame-top-right.gif) no-repeat top right;
}
.frame4 {
	background:url(images/frame-bottom-left.gif) no-repeat bottom left;
	padding: 30px;
	text-align: center;
}
.framed-alignleft {	margin: 0 5px 0 -15px ; float: left;}
.framed-alignright { margin: 0 -15px 0 5px; float: right; }

/* @end */

/* @group Button */

.button a, a.button{
	display: block;
	width: 208px;
	height: 44px;
	line-height: 46px;
	margin: 0 0.5em 0em 0 ;
	background: url(images/button.gif) no-repeat;
	color: white;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
}

/* @end */



/* @group Header */

#header {
	position: relative;
	margin: 0 -26px;
	padding: 0 26px;
	height: 185px;
	background:url(images/header.jpg) no-repeat top left;
}
#header h1 {
	position: absolute;
	margin: 0;
	top: 57px;
	left: 42px;
}
#header .links {
	position: absolute;
	top: 0;
	right: 39px;
	height: 30px;
	line-height: 30px;
	color: #402d02;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
}
#header .links a {
	color: #402d02;
	text-decoration: none;
	margin: 0 10px;
}
#header .links a:hover {
	text-decoration: underline;
}
#header .links #header-links-9342 span.sep {display:none}
#header #gettoknow {
	position:absolute;
	display:block;
	height:25px;
	left:225px;
	top:5px;
	width:160px;
	text-indent: -10000px;
}
/* @end */

/* @group Nav */

#nav {
	position: absolute;
	top: 130px;
	left: 265px;
	z-index: 10;
}

#nav ul {
	margin: 0;
	padding: 0;
}
#nav ul li {
	
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li.level-1 {
	position: absolute;
	padding: 0 0 0px 25px;
	margin: 0 -25px 0 -25px;
	height: 48px;
	top: 0px;
	z-index: 11;
	background:url(images/nav-top-left.gif) no-repeat -10000px -10000px;
}
#nav ul li.level-1 a.level-1 {
	position: relative;
	display: block;
	padding: 12px 25px 0 0px;
	background:url(images/nav-top-right.gif) no-repeat  -10000px -10000px;
	
	font-size: 16px;
	color: #412f01;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
}
#nav ul li.level-1 small {
	font-size: 12px;
}
#nav ul li.hover {
	background-color: #294e61;
	background-position: top left;
	color: white;
}
#nav ul li.hover a.level-1 {
	background-position: top right;
	color: white;
}
#nav ul li.changed-lives { left: 31px;}
#nav ul li.outreaches    { left: 175px;}
#nav ul li.get-involved  { left: 308px;}
#nav ul li.about         { left: 458px;}
#nav ul li.donate        { left: 574px;}

#nav div.level-2 {
	display: none;
	position: absolute;
	left: -25px;
	top: 48px;
	width: 255px;
	padding-bottom: 17px;
	background: url(images/nav-drop-bottom.png) bottom center no-repeat;
	z-index: 12;
}
#nav div.level-2 ul.level-2 {
	padding: 30px 50px 13px 50px;
	background: url(images/nav-drop.png) top center no-repeat;
}
#nav ul.level-2 li {
	padding: 5px 0;
}
#nav ul.level-2 a {
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
}
#nav ul.level-2 a:hover {
	text-decoration: underline;
}

#nav ul.level-2 ul {
	margin: 0 0 0px 15px;
}
#nav ul.level-2 ul li {
	padding: 3px 0;
}
#nav {
	display:none;
}
#nav.initialized {
	display:block;
}
/* @end */
/* @group Search */
form#searchForm {
	position: absolute;
	top: 50px;
	right: 60px;
	width: 225px;
	height: 25px;
	background:url(images/search.gif) no-repeat;
}
form#searchForm input, form#searchForm a {
	position: absolute;
	background: none;
	border: 0;
	display: block;
}
form#searchForm input#search_term {
	left: 10px;
	bottom: 5px;
	width: 139px;
}
form#searchForm a#search_go {
	left: 164px;
	height: 25px;
	width: 60px;
	text-transform: uppercase;
	color: #412f01;
	font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
	font-size: 10px;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
}
/* @end */


/* @group Banner */
#banner {
	height: 114px;
	background: url(images/banner-general.jpg) no-repeat center;
}

body.thrift-stores #banner, body.ugm-thrift-stores #banner {background-image: url(images/banner-thrift.jpg)}

body.motors #banner, body.ugm-motors #banner {background-image: url(images/banner-motos.jpg)}

body.youth-outreach #banner {background-image: url(images/banner-youth.jpg)}

body.mens-shelter #banner, 
body.mens-recovery #banner  
{background-image: url(images/banner-men.jpg)}

body.womens-shelters #banner, 
body.womens-recovery #banner,
body.womens-recovery--anna-ogden-hall #banner,
body.anna-ogden-hall #banner
{background-image: url(images/banner-women.jpg)}

body.womens-shelter #banner,
body.crisis-shelter #banner 
{background-image: url(images/banner-recovery.jpg)}

/* @end */

/* @group Columns */

#content {
	width: 550px;
	float: left;
	margin:40px 0 0 35px;
}
#sidebar {
	width: 235px;
	float: right;
	margin:40px 45px 0 0;
}


/* @end */
/* @group Footer */

#footer {
	position: absolute;
	margin: 30px 0 0px 0;
	padding: 0 0 50px 0;
	width: 675px;
	left: 130px;
	font-size: 11px;
	font-weight: bold;
}
#footer a {
	color: #412f01;
}
#footer em {
	font-style: normal;
	font-size: 10px;
}
#footer a.donate {
	color: #8b1f03;
}
#footer .col {
	width:100px;
	white-space: nowrap;
	float:left;
}
#footer .col-1 {
	
}
#footer .col-2 {
	width:220px;
	margin: 0 0 0 150px ;
}
#footer .col-3 {
	
}
#footer .copyright {
	width: 800px;
	padding: 30px 0 50px 0;
	clear: both;
	text-transform: uppercase;
	text-align:center;
}
/* @end */

/* @group Sidebar */
#sidebar .ad {
	padding: 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #53899e;
	text-align: center;
}
#sidebar .last {
	border-bottom: 0;
}
#sidebar .event {
	text-align: left;
	border-bottom: none;
	margin:0px 10px 0px 5px;
}
#sidebar .event span.date {
 color: #8A1E04;
 font-size: 1.3em;
 font-weight: bold;
}
#sidebar .event a {
	color: #402E00;
	line-height:.8em;
}
#sidebar .event h4 {
	color: #8b1f03;
	font-size: 16px;
	text-transform: uppercase;
	text-align:center;
	margin-bottom:10px;
}
/* @end */

/* @group Pagination */
p#pagination a {margin-right: 5px;}
p#pagination #off {display: none}
p#pagination #current {text-decoration: underline}
/* @end */

/* @group Forms */
div#content form fieldset legend {display:none}
div#content form fieldset input, 
div#content form fieldset select, 
div#content form fieldset textarea 
{
 border: 1px solid #402E00;
 padding: 2px
}
div#content form fieldset label {
 display: block;
 font-weight: bold;
}
div#content form fieldset p.description {
 margin-top:-1em;
 font-size: 0.9em;
}
div#content form div.radio fieldset legend,
div#content form div.checkbox fieldset legend {
 display: block;
 font-weight: bold;
}
div#content form div.radio fieldset label {
 display: inline;
 font-weight: normal;
}

div#content form div.radio fieldset input {
 border: none;
 padding: 0;
 margin-right: 5px;
 position: relative;
 top: 2px;
}
div#content form div.checkbox fieldset input {
 border: none;
 padding: 0;
}
div#content form fieldset textarea {width: 400px}
div#content form p#formsubmit input {
 background: #402E00;
 color: #FFF;
 border: 3px double #FFF;
 padding: 5px;
 cursor: pointer;
}
/* @end */

/* @group Timeline */

.timeline {
	position: relative;
	margin: 0 0 0 100px;
	background:url(images/frame-corner-top-left.gif) no-repeat 0px 0px;
	zoom:1;
	height:700px;
}
.timeline .timeline2 {	position: relative; background:  url(images/frame-corner-bottom-right.gif) no-repeat bottom right; }
.timeline .timeline3 {	position: relative; background:  url(images/frame-top-right.gif) no-repeat top right; }
.timeline .timeline4 {	zoom:1;position: relative; background:  url(images/frame-bottom-left.gif) no-repeat bottom left; }
.timeline dl {
	margin: 0 0 0 -100px;
	position: relative;
	padding: 20px 20px 20px 20px;
	min-height:660px;
}
.timeline dt {
	position: relative;
	display: block;
	width: 80px;
	font-size: 1em;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0 0 0 0px;
	zoom:1;
}
.timeline dt.sibling1 {	font-size: 1.5em; }
.timeline dt.sibling2 {	font-size: 1.3em; }
.timeline dt.sibling3 {	font-size: 1.1em; }
.timeline dt.selected {
	border-right: 4px solid #412f01;
	font-size: 2em;
}
.timeline dd {
	display: none;
	margin: 0;
	padding: 0 0 0 10px;
	position: absolute;
	top: 30px;
	left: 120px;
	width: 400px;
	height:700px;
}
.timeline dd.selected {
	display: block;
}



/* @end */


/* PAUL TEST */
#header {
	height: 147px;
}
#header h1 {
	top: 17px;
}
#nav {
	top: 92px;
}
#banner {
	position:relative;
	height:114px;
	border-top:10px white solid;
}
#banner h1 {
	margin:0px;
	padding:0px;
}
#wrap2 {
	padding-bottom: 95px;
}
#footer {
	width: 564px;
	left: 85px;
	margin-top: 70px;
	padding-left: 207px;
	background: url(images/text-quicklinks.gif) no-repeat 0px 20px;
}
#footer .col-2 {
	margin-left: 88px;
}

#footer .copyright {
	position: absolute;
	top: -50px;
	left: 0px;
	padding: 0;
}

div#sidebar-story {
	width:188px;
	padding:20px;
	background-color:#eae6da;
	overflow:hidden;
	margin-bottom: 1em;
}
div#sidebar-story h4, 
div#sidebar-story h5 {
	margin:0px;
	font-weight:normal;
	line-height:18px;
	color:#8b1f03;
}
div#sidebar-story h4 { font-size:18px; text-transform:uppercase }
div#sidebar-story h5 { font-size:12px; margin-top:8px; margin-bottom:20px }

div#sidebar-story img.sidebar-thumb {
	float:left;
	margin:0px 10px 10px 0px; 
}
div#sidebar-story p {
	font-size:12px;
	line-height:18px;
	color:#412f01;
	margin:0px;
}
div#sidebar-story a {
	font-weight:bold;
	color:#0f5c75;
	text-decoration:none;
}