/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 01 July 2009
*/

/* -------------------------------------------------------------------------- global */

body { margin: 0; padding: 0; background-color: #72a28a; }
a img { border: none; }
p { margin: 0 0 10px 0; }

ul { margin-top:0px; }

/* -------------------------------------------------------------------------- headers */
	
#main h1 { margin: 0 0 5px 0; font-size: 24px; line-height: 32px; font-weight: normal; color: #682145; }
#main h2 { margin: 0 0 3px 0; font-size: 18px; line-height: 22px; font-weight: normal; color: #71a493; } /*   214232* 71a493 */
#main h2.special { margin: 0 0 15px 0; font-style: normal; color: #71a28a; }
#main h3 { margin: 0 0 5px 0; font-size: 16px; line-height: 20px; font-weight: bold; color: #682145; }
#main h3.list {margin: 0 0 0 0;}
#main h4 { margin: 0 0 3px 0; font-size: 14px; line-height: 15px; font-weight: bold; color: #214232;}
#main h5 { margin: 0 0 6px 0; font-size: 15px; line-height: 17px; font-weight: bold; color: #000000; text-transform:uppercase;}


/* -------------------------------------------------------------------------- links */

a, a:visited { color: #214232; outline: none; } /*682145*/
a:hover, a:active { color: #888; }

/* -------------------------------------------------------------------------- masthead */

#masthead { position: relative; height: 405px; padding: 0; z-index: 999; }
#home #masthead { height: 390px; }
#logo { position: absolute; top: 120px; left: 70px; }
#logo a { position: relative; width: 140px; height: 0px !important; display: block; background: url(images/logo.gif) top left no-repeat; overflow: hidden; padding: 150px 0 0 0; border: 0; outline: none; }
#masthead .utilNav { position: absolute; top: 16px; right: 180px; z-index: 2; }
.utilNav ul { margin: 0; padding: 0; }
.utilNav li { margin: 0 15px 0 0; padding: 0; list-style-type: none; float: left; display: inline; }
.utilNav a, .utilNav a:visited { position: relative; height: 0px !important; display: block; overflow: hidden; padding: 26px 0 0 0; border: 0; outline: none; }
.utilNav li#utilityNavEvents a { width: 45px; background: url(images/utility_nav_events.gif) 0 0 no-repeat; }
.utilNav li#utilityNavCalendar a { width: 57px; background: url(images/utility_nav_calendar.gif) 0 0 no-repeat; }
.utilNav li#utilityNavContact a { width: 51px; background: url(images/utility_nav_contact.gif) 0 0 no-repeat; }
.utilNav li#utilityNavHours a { width: 84px; background: url(images/utility_nav_report.gif) 0 0 no-repeat; }
.utilNav li#utilityNavDonate a { width: 47px; background: url(images/utility_nav_donate.gif) 0 0 no-repeat; }
.utilNav li a:hover { background-position: 0 -26px !important; }
.utilNav li.current_page_item a { background-position: 0 -52px !important; }
#leadPanels { position: absolute; top: 40px; right: 0; width: 595px; height: 335px; background: url(images/ph_header_default.jpg) 0 0 no-repeat; }
#masthead .searchForm { position: absolute; top: 10px; right: 10px; }
.searchForm p { display: inline; margin: 0; }
.searchForm input { width: 130px; border: 1px solid #72a28a; padding: 3px; color: #555; }
.searchForm .searchSubmit input { background-color: #72a28a; border: none; width: 25px; color: #fff; }
.searchForm .searchSubmit input:hover { background-color: #444; cursor: pointer; }
.breadcrumb { position: absolute; bottom: 0; right: 20px; font-size: 12px; }
.breadcrumb .breadcrumb-title { display: none; }
#home .breadcrumb { display: none; }

/* -------------------------------------------------------------------------- containers */

#container { position: relative; margin: 0 auto; width: 840px; padding: 0 67px 0 67px; font-family: "arial", sans-serif; font-size: 14px; line-height: 20px; color: #214232; background: url(images/bg_container.jpg) 0 0 repeat-y; }
#main { float: left; display: inline; width: 525px; margin: 20px 30px 0 0; padding: 0 0 30px 40px; }

/* -------------------------------------------------------------------------------- contact */

#contactForm { margin: 20px 0; }
#contactForm img { vertical-align: middle; margin: 0 0 0 10px; } /* verification image */
#contactForm label { text-transform: uppercase; display: block; font-size: 11px; color: #999; margin: 0 3px 0 0; }
#contactForm input, textarea { width: 300px; border: 1px solid #ccc; padding: 4px; color: #444; font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#contactForm textarea { width: 400px; height: 200px; }
#contactForm label.error { text-transform: none; font-size: 12px; font-weight: normal; line-height: 14px; margin: 4px 0 0 0; color: #930; }
#contactForm .required { font-style: italic; font-family: "Georgia", serif; font-size: 11px; margin: 20px 0; color: #ccc; }
#contactForm .submit input { width: 130px; height: 28px; background-color: #d95734; color: #fff; border: none; font-size: 11px; }
#contactForm .submit input:hover { background-color: #0c5053; cursor: pointer; border: none; }
#contactForm label.over-apply { top: 2px; }
p.success { font-size: 18px; color: #999; }

/* -------------------------------------------------------------------------- sidebar */

#sidebar { float: left; display: inline; width: 205px; padding: 0; margin: 25px 10px 0 30px; text-align: right; }
#mainNav ul { margin: 0; padding: 0; }
#mainNav li { margin: 0 0 6px 0; padding: 0; list-style-type: none; text-align: right; }
#mainNav a, #mainNav a:visited { width: 205px; position: relative; height: 0px !important; display: block; overflow: hidden; padding: 21px 0 0 0; border: 0; outline: none; }
#mainNav ul ul { border-right: 2px solid #682145; margin: 5px 0; padding: 0; display: none; }
#mainNav li#navAbout a { background: url(images/nav_about.gif) 0 0 no-repeat; }
#mainNav li#navServices a { background: url(images/nav_services.gif) 0 0 no-repeat; }
#mainNav li#navPartners a { background: url(images/nav_partners.gif) 0 0 no-repeat; }
#mainNav li#navGiving a { background: url(images/nav_giving.gif) 0 0 no-repeat; }
#mainNav li#navResources a { background: url(images/nav_resources.gif) 0 0 no-repeat; }
#mainNav li#navPress a { background: url(images/nav_press.gif) 0 0 no-repeat; }
#mainNav li a:hover { background-position: 0 -21px !important; }
#mainNav li.current_page_item a { background-position: 0 -42px !important; }
#mainNav li.current_page_parent a { background-position: 0 -21px !important; }
#mainNav li.current_page_item ul, #mainNav li.current_page_parent ul { display: block; }
#mainNav li li { font-size: 12px; margin: 0; padding: 0; line-height: 20px; }
#mainNav li li a, #mainNav li li a:visited { font-size: 11px; padding: 0 6px 0 0; height: auto !important; overflow: visible; width: auto; color: #214232; text-decoration: none; background: none !important; }
#mainNav li li a:hover { color: #682145; }
#mainNav li li.current_page_item { background: url(images/bg_mainnav_li.jpg); padding: 0 0 2px 0; }
#mainNav li li.current_page_item img { margin: 3px 0 0 6px; vertical-align: middle; float: left; display: inline; }
#mainNav li li.current_page_item a, #mainNav li li.current_page_item a:visited { padding: 1px 3px 0 5px; }
#mainNav li li.current_page_item a:hover { color: #222; }
#actionNav ul { margin: 60px 0 0 0; padding: 0; }
#actionNav li { margin: 0 0 3px 0; padding: 0; list-style-type: none; text-align: right; }
#actionNav a, #actionNav a:visited { width: 205px; position: relative; height: 0px !important; display: block; overflow: hidden; padding: 21px 0 0 0; border: 0; outline: none; }
#actionNav a:hover { background-position: 0 -21px !important; }
#actionNav li.current_page_item a { background-position: 0 -42px !important; }
#actionNav li#actionNavDonate a { background: url(images/action_nav_donate.gif) 0 0 no-repeat; }
#actionNav li#actionNavVolunteer a { background: url(images/action_nav_volunteer.gif) 0 0 no-repeat; }
#actionNav li#actionNavAsk a { background: url(images/action_nav_ask.gif) 0 0 no-repeat; }
#actionNav li#actionNavJoin a { background: url(images/action_nav_join.gif) 0 0 no-repeat; }
#actionNav li.current_page_item a { background-position: 0 -21px !important; }
.list {margin: 0 0 0 0;}

.address { border-top: 1px solid #aea7a1; margin: 30px 0; padding: 15px 0 0 0; color: #214232; }
.address em { font-size: 11px; font-weight: bold; font-style: normal; text-transform: uppercase; margin: 0 3px 0 0; }

ul.dash {list-style-image:url(http://duetaz.org/wp/wp-content/themes/duet/images/dash.gif); } 
ul.actionitem {list-style-image:url(http://duetaz.org/wp/wp-content/themes/duet/images/arrow.gif); } 


/* -------------------------------------------------------------------------- interior */

.calloutA { width: 236px; margin: 15px 0 15px 15px; padding: 0 0 8px 0; float: right; display: inline; text-align: center; background: #e4e3e3 url(images/bg_callout_bottom.gif) left bottom no-repeat; font-size: 14px; color: #373534; line-height: 20px; }
.calloutA div { background: url(images/bg_callout_top.gif) 0 0 no-repeat; min-height: 229px; height: auto !important; height: 229px; }
#main .calloutA h2 { color: #002147; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; padding: 15px 0 0 0; margin: 0 0 15px 0; }
.calloutA p { margin: 15px; text-align: left; }
.calloutB { width: 495px; margin: 15px 0; padding: 10px; text-align: center; background-color: #abc7b9; font-size: 14px; color: #373534; line-height: 20px; }
.calloutB .calloutBWrap { background-color: #f7faf8; padding: 8px 0 8px 8px; }
.calloutB .calloutBWrap p { margin: 0; padding: 0 4px; width: 113px; font-size: 11px; line-height: 13px; text-align: left; }
.calloutB .calloutBWrap a, .calloutB .calloutBWrap a:visited { text-decoration: none; }
.calloutB .item { float: left; display: inline; margin: 0; }
.calloutMap { background: url(images/bg_map.gif) 0 0 no-repeat; width: 264px; height: 190px; float: right; display: inline; margin: 0 10px 15px 15px; position: relative; }
.calloutMap p { position: absolute; top: 22px; left: 13px; margin: 0; color: #214232; font-size: 10px; line-height: 12px; width: 160px; }
.calloutMap p strong { display: block; font-size: 12px; margin: 0 0 4px 0; }
.calloutMap p.arrow { width: auto; position: absolute; top: 30px; left: 175px; }
#googleCal { margin: 15px 0 25px 0; }
#googleMap { margin: 15px 0 25px 0; }
/*.actionitem {color: #002878; margin-left:40px; font-weight:bold; font-size:12px; }
.actionitem a, a:visited { color: #002878; outline: none; }
.actionitem a:hover, a:active { color: #002878; }{color: #002878; margin-left:40px; font-weight:bold; font-size:12px; }*/
.actionitem, blockquote {color: #002878; margin-left:40px; font-size:12px; font-weight:bold; text-decoration:none;}
.actionitem a, blockquote a { color: #002878; outline: none; text-decoration:underline;}
.actionitem a:visited, blockquote a:visited { color: #002878; outline: none; text-decoration:underline;}
.actionitem a:hover, blockquote a:hover, a:active { color: #002878; text-decoration:underline;}{color: #002878; margin-left:40px; font-weight:bold; font-size:12px;}
.footerCaption {color: #999999; font-size:10px; line-height:12px; text-align:center;}

blockquote p { margin: 0; } /* remove margin */
.actionitem, blockquote {
background:url(http://duetaz.org/wp/wp-content/themes/duet/images/action-arrow.gif) center left no-repeat;
padding:0 0 0 15px;
white-space:nowrap;
}


/* -------------------------------------------------------------------------- homepage */

.leadText { font-family: tahoma; font-size: 24px; line-height: 30px; width: 90%; margin-bottom: 20px; color: #53534a; }
.leadText em { font-style: normal; color: #69a488; }
.captionText { font-size: 10px; line-height: 12px; color: #53534a; }

/* -------------------------------------------------------------------------- footer */

#footer { width: 840px; }
#footer p { margin: 0; }
#footer .siteInfo { background-color: #efeeec; padding: 0; height: 43px; position: relative; }
#footer .searchForm { position: absolute; top: 10px; right: 10px; }
#footer .legalInfo { background-color: #53534b; color: #aea7a1; font-size: 11px; padding: 4px 8px; text-align: right; }
#footer .utilNav { position: absolute; top: 10px; right: 185px; z-index: 2; }
#footer .utilNav li { margin-top: 8px; }
#footer .utilNav #twitter { margin: 0 15px 0 0; }
#footer .utilNav #twitter a { width: 24px; background: url(images/twitter.png) 0 0 no-repeat; padding: 24px 0 0 0; }
#footer .utilNav #twitter a:hover { background-position: 0 0 !important; }
#footer .utilNav #facebook { width: 24px; margin: 0 15px 0 0; }
#footer .utilNav #facebook a { background: url(images/facebook.png) 0 0 no-repeat; padding: 24px 0 0 0; }
#footer .utilNav #facebook a:hover { background-position: 0 0 !important; }

/* -------------------------------------------------------------------------- utility */

a.imglink:link, a.imglink:visited { border: none; }
.alignright { float: right; display: inline; margin: 15px 0 15px 15px; }
.alignleft { float: left; display: inline; margin: 15px 15px 15px 0; }
.clear { clear: both; }

/* -------------------------------------------------------------------------- forms */

#contactForm p {line-height:16px;}
#contactForm h1 {margin:8px 0 0 0;}
#contactForm h3 {margin:8px 0 8px 0;}
#contactForm input {width:200px;}
#contactForm td input, #contactForm td select {width:78px;margin:0 2px 0 0;line-height:16px;}
#contactForm td {line-height:16px;}
#contactForm textarea {width:440px;}

body.mceContentBody {
  background: #fff;
  color: #000;
}