/************************************************************************************************************************
	Typography
************************************************************************************************************************/

body{ font-family: "Lucida Grande", "LucidaGrande", Arial, san-serif; font-size: 12px; }

input,select,option,textarea{ font-family: "Lucida Grande", "LucidaGrande", Arial, san-serif; font-size: 11px; }

h1,h2,h3{ font-family: Georgia, "Times New Roman", Times, serif; }
h1{	font-size: 28px; font-weight: normal; }
h2{ font-size: 26px; }
h3{ font-size: 18px; font-weight: normal; padding: 0 0 15px 0; }
p{ line-height: 18px; padding: 0 0 6px 0; }

div.mission h2{ font-weight: normal; letter-spacing: -1px; padding: 0 0 12px 0; }
div.mission p{ padding: 0 0 5px 0; }
div.mission p.intro{ padding: 0 0 35px 0; }
div.mission dl dd{ font-style: italic; line-height: 18px; }

div#header p#topNav a{ text-decoration: none; }

div#waistband h1{ letter-spacing: -1px; padding: 30px 0 20px 0; text-align: right; }
div#content h1{ letter-spacing: -1px; padding: 0 0 25px 0; }
div#content h3.bread-crumbs{ padding: 0 0 20px 0; }

dl#nav dd a{ text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold; }
dl#subnav dd a{ text-decoration: none; }

div#footer p.phone{ text-align: right; }
div#footer p.webmail a { text-decoration: none; color: #999999; }


/************************************************************************************************************************
	Structure
************************************************************************************************************************/

*{ margin: 0; padding: 0; }

form fieldset div{ padding: 3px 0; }

input,textarea{ padding: 2px; }
input,input[type="submit"],input[type="button"],input[type="reset"],input.button,input.button-image,input[type="radio"],input[type="checkbox"]{ width: auto; }
input[type="text"],[type="password"]{ width: 200px; }
select,textarea{ width: 200px; }
input.button-image{ border: 0; }

div.column{ float: left; }
div.clear{ clear: both; }
div.linesep{ font-size: 0; height: 1px; margin: 0 auto; }
div.separator-1{ margin: 10px 0; }
div.separator-2{ margin: 15px 0; }
div.separator-3{ margin: 5px 0; }
.color-1{ color: #8a380f; }

img.float-l{ float: left; margin: 0 6px 2px 0; }
img.float-2{ float: left; margin: 0 20px 2px 0; }

a.lnk_trail-icon{ margin: 0 5px 0 0; }

div#container{ margin: 0 auto; width: 948px; }
div#header{ height: 148px; position: relative; }
	div#header a#lnkLogo{ display: block; height: 122px; left: 44px; position: absolute; top: 0; width: 148px; }
	div#header p#topNav{ position: absolute; right: 290px; top: 7px; }
		div#header p#topNav span{ padding: 0 20px; }
	div#header form#frmSearch{ position: absolute; right: 40px; top: 5px; }
		div#header form#frmSearch input.textbox{ padding: 2px 2px 2px 20px; width: 180px; }
body#bodyHome div#header{ height: 213px; }
dl#nav{}
	dl#nav dd{ margin: 0 0 5px 0; }
		dl#nav dd a{ display: block; height: 27px; padding: 10px 0 0 8px; width: 123px; }
		dl#nav dd a.btn_givenow{ display: block; height: 81px; padding: 40px 0 0 10px; width: 121px; }
dl#subnav{ margin: 0 0 0 10px; }
	dl#subnav dd{ margin: 0 0 2px 0; }
		dl#subnav dd a{ display: block; height: 18px; padding: 2px 0 0 18px; width: 140px; }
div#waistband{ height: 452px; padding: 0 35px; }
	div#waistband div.block-1{ padding: 10px 0 0 0; width: 148px; }
	div#waistband div#flash-window{ height: 320px; width: 728px; }
div#content{ margin: 0 auto; padding: 20px 35px; }
	div#content div.mission{ padding: 10px 15px 25px 15px; width: 215px; }
		div#content div.mission dl dd{ margin: 0 0 8px 0; padding: 0 0 0 13px; }
	div#content ul { list-style: outside; padding: 0 0 20px 0;}
	div#content ul li { line-height: 18px; margin: 0 0 0 30px; }
	div#content #quicklinks { padding: -5px 0 0 0; margin: 0 0 10px 0;}
	div#content #quicklinks a { margin: 0 15px 0 0;}
	div#content div.block-1{ padding: 0 30px; width: 241px; }
	div#content div.block-2{ padding: 0 0 0 30px; width: 294px; }
	div#content div.block-3{ width: 170px; padding: 25px 30px 0 0; }
	div#content div.block-4{ padding: 0 0 10px 30px; width: 647px; }
	div#content div.interactive-content{ height: 35px; }
		div#content div.interactive-content a#lnkYouTube{ display: block; float: left; height: 35px; width: 90px; }
		div#content div.interactive-content a#lnkMySpace{ display: block; float: left; height: 35px; width: 120px; }
		div#content div.interactive-content a#lnkFacebook{ display: block; float: left; height: 35px; width: 80px; }
div#footer{ height: 170px; position: relative; }
	div#footer div.sponsors{ height: 86px; left: 40px; position: absolute; top: 25px; width: 388px; }
		div#footer div.sponsors a { display: block; float: left; }
		/*
		div#footer div.sponsors a#lnkWomenOfWork{ display: block; float: left; height: 86px; width: 154px; }
		div#footer div.sponsors a#lnkBBB{ display: block; float: left; height: 86px; width: 113px; }
		div#footer div.sponsors a#lnkCharityNavigator{ display: block; float: left; height: 86px; width: 120px; }
		*/
	div#footer p.phone{ position: absolute; right: 40px; top: 40px; }
	div#footer p.address{ position: absolute; right: 200px; top: 40px; }
	div#footer p.copyright{ left: 40px; position: absolute; top: 145px; }
	div#footer p.webmail{ right: 40px; position: absolute; top: 145px; }
	
	#CategoryProductTD { padding-bottom: 20px;}

/************************************************************************************************************************
	Colors & Backgrounds
************************************************************************************************************************/

body{ background-color: #2b2720; }

/* IE6 gets default border since borders show around radio buttons and classes can't be used */
input[type="text"],input[type="submit"],[type="password"],
input[type="button"],input[type="reset"]{ border: 1px solid #534f4a; }
select,textarea{ border: 1px solid #534f4a !important; }

h2{ color: #8a3810; }
h3{ color: #8a3810; }

a img{ border: 0; }
fieldset{ border: 0; }

div.separator-1{ background-color: #cccbb8; }
div.separator-2{ background-color: #fafaf2; }
div.separator-3{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_separator-3.jpg) repeat-x top left; }

div.border-1{ border-right: 1px solid #cccbb8; }
div.border-2{ border-left: 1px solid #cccbb8; }

div#waistband{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_waistband.jpg) repeat-x top left; }
	div#waistband div#flash-window{  }

dl#nav dd a{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_main-nav.jpg) no-repeat 0 -37px; color: #f9f6e5; }
dl#nav dd a.active{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_main-nav.jpg) no-repeat 0 0; }
dl#nav dd a:hover{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_main-nav.jpg) no-repeat 0 -74px; }
dl#nav dd a.btn_givenow{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/img_givenow.gif) no-repeat; }
dl#nav dd a.btn_givenow:hover{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/img_givenow.gif) no-repeat; }

dl#subnav dd a{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_sub-nav.jpg) no-repeat 0 0; color: #000000; }
dl#subnav dd a.active{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_sub-nav.jpg) no-repeat 0 -40px; color: #ffffff; }
dl#subnav dd a:hover{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_sub-nav.jpg) no-repeat 0 -20px; color: #ffffff; }

div#content div.mission{ color: #ffffff; }
div#content div.mission h2{ color: #f3ecc4; }
div#content div.mission p strong{ color: #f3ecc4; }
div#content div.mission p a{ color: #adefe3; }
div#content div.mission dl dd{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/icn_arrow.gif) no-repeat 0 5px; }

div#container{ background-color: #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
div#header{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/inner_bg_header1.jpg) #ffffff no-repeat top left; }
	div#header p#topNav a{ color: #f8f5e5; }
		div#header p#topNav a:hover{ color: #d27005; }
	div#header p#topNav span{ color: #d27005; }
	div#header form#frmSearch input.button{ background-color: transparent; border: 0; color: #d27005; }
	div#header form#frmSearch input.textbox{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_search-box.jpg) #ffffff no-repeat 3px 4px; border: 1px solid #534f4a; }
body#bodyHome div#header{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/home_bg_header1.jpg) #ffffff no-repeat top left; }
div#content{ background-color: #fafaf2; }
	div#content div.mission{ background: url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_mission.jpg) #fafaf2 no-repeat top left; }
	div#content div.interactive-content{ background:url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_interactive-content.jpg) #fafaf2 no-repeat top left; }
	div#content a{ color: #0f5f74; }
div#footer{ background:url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_footer.jpg) #eae8d7 repeat-x top left; }
	/*div#footer div.sponsors{ background:url(/atf/cf/%7Bcb95058b-1cd4-434f-b7ba-228c03a814ca%7D/bg_footer-sponsors.jpg) no-repeat top left; }*/
	div#footer p.copyright{ color: #999999; }