/**********************************************************************************************

	CSS on Sails
	Title: Secwepemc Child & Family Services
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: August 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


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

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, 
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.content-wrap:after,
.container:after,
#footer:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #323232 url(/themes/scfs/images/bg.png) no-repeat top center; color: #4e321f; font: 62.5%/1.3 "Lucida Sans", Arial, Helvetica, sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { margin-bottom:0.3em;margin-left:0.3em; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; }
a, a:visited, a:hover, a:active { color: #a84400; text-decoration: none; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.wrapper { width: 872px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; padding-top: 76px; }
#content { width: 683px; float: right; padding-top: 16px; padding-bottom: 7px; }
#navigation { width: 148px; float: left; }
#footer { clear: both; background: url(/themes/scfs/images/bg-btm.jpg) no-repeat top left; padding-top:  14px; }
.container { background: url(/themes/scfs/images/bg-con.jpg) repeat-y top left; }
.content-wrap { min-height:505px; _height:505px; background: url(/themes/scfs/images/bg-top.jpg) no-repeat top left; }
#home .content-wrap { background: url(/themes/scfs/images/bg-top-home.jpg) no-repeat top left; }



/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header { padding-bottom: 18px; text-indent: -999em; }
#header .site-name { font-size: 2.7em; line-height: 1; text-indent: -999em; }
#header span { 
 display: block; height: 151px; width: 150px; overflow: hidden; 
  position: absolute; top: 61px; left: -11px; 
  background: url(../images/logo.png) no-repeat; 
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='crop');
  cursor: pointer; z-index: 11; text-indent: 0; }

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation { padding-top: 103px; }
#navigation ul{
	margin-left:0px; 
}
#navigation a { 
  display: block; 
  width: 124px; 
  margin-left: -8px; 
  height: 40px; 
  line-height: 2.1; 
  background: url(/themes/scfs/images/bg-left-nav.png) no-repeat; 
  padding: 0 18px; 
  font-weight: bold; 
  color: #8b1d1d; 
  font-size: 1.2em;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/scfs/images/bg-left-nav.png', sizingMethod='crop');
}
#navigation a:hover { text-decoration: none; }
#navigation li{	list-style: none; margin-left:0px;}
#navigation li.active a { 
  color: #fff; 
  text-shadow: 1px 1px 1px #18110c; 
  background: url(/themes/scfs/images/bg-left-nav-active.png) no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/scfs/images/bg-left-nav-active.png', sizingMethod='crop');
}

#navigation li ul { margin-left: 4px; }
#navigation li ul a { width: 130px; margin-left: 0; height: auto; line-height: 1.1; background: none; border-bottom: 1px solid #dedede; padding: 6px 4px 6px 10px; font-weight: normal; color: #595959; font-size: 1.1em; }
#navigation li ul { margin-bottom: 10px; }
#navigation .active { text-shadow: 1px 1px 1px #000; font-weight: bold; color: #666; }
#navigation ul.level-2 li.active a{
  color:#5F422F; 
  text-shadow:none;
  font-weight:bold;
  background:white;  
} 



/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
.title { 
  background: url(../images/bg-title-left.png) no-repeat top left; 
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-title-left.png', sizingMethod='crop');
  padding-left: 15px; float: right; min-width: 295px; margin-right: -10px; 
}
.title h1 { 
  background: url(../images/bg-title-right.png) no-repeat top right; 
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-title-right.png', sizingMethod='crop');
  padding-right: 16px; height: 62px; line-height: 50px; font-weight: bold; font-size: 2.1em; letter-spacing: -.04em; text-shadow: 1px 1px 1px #fff; }

#content .text { padding-right: 30px; clear: both; font-size: 1.1em; line-height: 1.8; padding-top: 26px; }
.text p, .text ol, .text ul { padding-bottom: 29px; }
h2 { font-size: 1.5em; line-height: 1.5; letter-spacing: -.03em; }
h3 { font-size: 1.3em; line-height: 1.5; letter-spacing: -.02em; }
ul,ol{
  margin-left:20px;
} 



/* 2.5 Footer
-----------------------------------------------------------------------------------------------*/

#footer dl { color: #fff; float: left; padding-left: 24px; font-size: 1.5em; line-height: 1; padding-top: 5px; letter-spacing: -.05em; }
#footer dt { font-weight: bold; }
#footer dt, #footer dd { float: left; }
#footer dd { margin-left: 15px; margin-right: 8px; }
#footer ul { float: right; padding-right: 18px; font-size: 1.2em; padding-top: 5px; letter-spacing: -.01em; }
#footer ul, #footer ul a { color: #888; }
#footer ul a { text-decoration: underline; line-height: 1; }
#footer li { list-style: none; background: url(../images/bg-footer.png) no-repeat center right; padding-right: 5px; padding-left: 4px; float: left; }
#footer li.last { padding-right: 0; background: none; }
#footer{
	margin-bottom:50px; 
}

/* ie7 & under */
.clearfix,
.content-wrap,
.container,
#navigation li,
#footer { zoom: 1; }
*:first-child+html .title h1 { width: 280px; }
*:first-child+html #content .text { padding-top: 3px; }
*:first-child+html #navigation .active { font-weight: bold; color: #666; }
#navigation .active { font-weight: bold\9; color: #666\9; }

/* ie6 */
* html #content .text { padding-top: 3px; }
* html .title h1 { width: 280px; }
* html #navigation .active { font-weight: bold; color: #666; }
#navigation li ul a, #navigation li.active ul a{
 _background: none !important;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blank.png', sizingMethod='crop') !important;
}


/* Home Specific */
#hometagarea{
  height:370px;
}
#hometagarea{
  _margin-bottom:26px;
  *margin-bottom:26px;
}
.colA{
  width:285px;
  float:left;
}
.colB{
  width:355px;
  float:left;
}

#hometagarea span { 
  display: block; 
  height: 150px; 
  width: 310px; 
  overflow: hidden; 
  position: absolute; 
  top: 215px; 
  right: -9px; 
  background: url(../images/keeping-families-together.png) no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/keeping-families-together.png', sizingMethod='crop');
  z-index: 12; 
  text-indent: -999em;
}