/*
Theme Name: Haven
Theme URI: http://wordpress.org/
Description: The new design of the Haven website.
Version: 1.6
Author: Campbell-Ewald
Author URI: http://campbell-ewald.com/
Tags: red, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*
======================================================
Universal Resets
======================================================
*/
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,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;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after, q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* 
======================================================
Basic site styles
======================================================
*/

.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.dn { display:none;}
.clear { clear: both; }
strong, .strong { font-weight:bold; }
em, .em { font-style:italic; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.red { color: #660033 !important; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
strong.replace { left:-9999px; position:absolute; }
object, embed { display:block;}

body { font-family: "Gill Sans", Calibri, "Trebuchet MS", sans-serif;  font-size:76%; background:#fefdee; margin:0; padding:0; }

/* 
======================================================
Site structure (layout)
======================================================
*/
div#container { width:900px; margin:30px auto 0; background:#fbf9e0; overflow: hidden; }
div.content-wrapper { float:left; width:900px; position:relative !important; }
div.left-column { float:left; width:900px; }
div#header { float:left; width:900px; height:210px; background:url(images/bg/header-bg.jpg) top repeat-x; position:relative; /*padding:11px 0 0 0;*/ }
div#content { float:left; width:900px; }
div#content div.entry { float:left; width:600px; background:#fcf8c6; margin:0 0 0 20px; position:relative !important; }
div#content div.entry div.copy { float:left; background:url(images/bg/tilde.gif) top left no-repeat; padding:0 0 30px 30px;  margin:0 20px 30px 20px; line-height: 150%; }
div#support-info { float:right; width:226px; text-align:center; margin: 20px 24px 0 0;}
div#crp_related { padding:12px 0; background:#fcf5a6; width:100%; bottom:0; margin:24px 0 0 0; clear:both;}

div.leave-now  {/* float:right; right:0; */ position:fixed; top:0; right:0; z-index:9999; width:106px; min-height:100%; height:100%; background:#990134}

body#search-page div.hentry { margin:24px 0 24px 18px;}

div#footer { margin:30px 0 0 0; float:left; width:900px; clear:both;}
div#footer div#crisis-support { height:51px; width:900px; background:url(images/pic/crisis-support.jpg) center top no-repeat; margin:0 auto;}
div#footer div#controls { width:900px; }
div#footer div#controls h3 { padding: 1em; }
div#footer div#footer-links { background:#fbf9d3; width:900px;}
div#footer div#live-without-fear { height:61px; width:900px; background:url(images/pic/live-without-fear.jpg) left top no-repeat; clear:both; margin:18px 0;}


/*
======================================================
Navigation
======================================================
*/
/* Top navigation */
div#top-nav { float:left; width:900px; height:50px; }
div#top-nav ul.utility-nav { float:right; width:520px; margin:21px 0 0 0;}
div#top-nav ul.utility-nav li { float:left; margin:0 0 0 30px; font-size:1.1em;}
div#top-nav ul.utility-nav li a { color:#999; text-decoration:none;}
div#top-nav ul.utility-nav li.active a { color:#660033;}

/* Main navigation */
ul#site-navigation { float:left; margin:0; padding:0; border-bottom:2px solid #fff;}
ul#site-navigation li { float:left; height:53px; }
ul#site-navigation li a { display:block; height:41px; width:150px; background:#fcf8c7 url(images/gui/nav/nav-shadow.jpg) top right no-repeat; text-align:center; padding:12px 0 0 0; text-transform:uppercase; text-decoration:none; color:#666; font-size:1.2em; font-family: Arial, sans-serif !important;}

ul#site-navigation li.last a { background-image:none;}
ul#site-navigation li a.prevention { height:36px; padding:21px 0 0 0;}
ul#site-navigation li a.current,
ul#site-navigation li a:hover,
body#get-help ul#site-navigation li a.get-help,
body#get-informed ul#site-navigation li a.get-informed,
body#prevention ul#site-navigation li a.prevention,
body#our-programs ul#site-navigation li a.our-programs,
body#news-events ul#site-navigation li a.news-events,
body#get-involved ul#site-navigation li a.get-involved { background: url(images/gui/nav/nav-hover.jpg) top right no-repeat; color:#660033; font-weight:bold; }

ul#site-navigation li span.bigamp { font-size:1.4em; font-weight:lighter !important;}

/* Sub navigation */
ul.subnav { background-color: #FCF8C6; float:left; padding:15px 0 24px 0px; width: 900px; border-bottom: 2px solid #FFFFFF; }
ul.subnav li { float:left; text-align:center; font-size:1.2em; /*font-weight:lighter;*/ margin:0 0 0 30px;}
ul.subnav li a { text-decoration:none; color:#663366; line-height:21px;}
ul.subnav li a:hover { text-decoration:underline; }

ul.subnav li span.bigamp { font-size: 12pt; font-weight:lighter !important; }

/*Current states for the subnav*/
body.step-by-step-help ul.subnav li a.step-by-step,
body.is-this-abuse ul.subnav li a.is-this-abuse,
body.how-to-support-a-victim ul.subnav li a.how-to-support-a-victim,
body.is-this-abuse ul.subnav li a.is-this-abuse,
body.success-stories ul.subnav li a.success-stories,
body.success-stories ul.subnav li a.success-stories,
body.get-informed ul.subnav li a.know-more,
body.what-is-domestic-violence ul.subnav li a.what-is-domestic-violence,
body.what-is-sexual-assault ul.subnav li a.what-is-sexual-assault,
body.facts-stats ul.subnav li a.facts-stats,
body.external-resources ul.subnav li a.external-resources,
body.papers-studies ul.subnav li a.papers-studies,
body.prevention ul.subnav li a.understand-the-problem,
body.understand-your-role ul.subnav li a.understand-your-role,
body.understand-culture ul.subnav li a.understand-culture,
body.our-programs ul.subnav li a.programs-overview,
body.help-during-a-crisis ul.subnav li a.help-during-a-crisis,
body.moving-out-of-a-crisis ul.subnav li a.moving-out-of-a-crisis,
body.preventing-a-crisis ul.subnav li a.preventing-a-crisis,
body.news-events ul.subnav li a.news-events,
body.calendar-of-events ul.subnav li a.calendar-of-events,
body.get-involved ul.subnav li a.help-us-help-others,
body.ways-to-donate ul.subnav li a.ways-to-donate,
body.ways-to-volunteer ul.subnav li a.ways-to-volunteer,
body.organization-community-involvement ul.subnav li a.organization-community-involvement,
body.about-haven ul.subnav li a.who-we-are,
body.our-mission ul.subnav li a.our-mission,
body.our-board ul.subnav li a.our-board,
body.our-executive-team ul.subnav li a.our-executive-team,
body.employment ul.subnav li a.employment,
body.annual-reports-and-990s ul.subnav li a.annual-reports-and-990s { text-decoration:none; color:#660033;}


/* Footer navigation */
div#footer-links { width:900px; margin:0px auto 24px; padding:30px 0 0 0;}
div#footer-links dl { float:left; width:150px; }
div#footer-links dl.first { margin-left:0px;}
div#footer-links dl dt a { height:72px; display:block; background:url(images/gui/nav/footer-nav.gif) no-repeat; margin:0 auto 36px; }
div#footer-links dl dt a:hover { height:72px; }
div#footer-links dl dd.list-title { font-size:1.8em; color:#663366; margin:0 0 18px 0; text-transform:uppercase; font-weight:normal; height:50px;}
div#footer-links dl dd.mp { padding:18px 0 0 0; height:32px;}
div#footer-links dl dd { text-align:center; margin:0 0 6px 0; }
div#footer-links dl dd a { color:#663366 !important; text-decoration:none;}
div#footer-links dl dd a:hover { color:#663366 !important; text-decoration:underline;}

div#footer-links dl dt a#get-informed { width:82px; background-position:0 0; }
div#footer-links dl dt a#get-informed:hover { background-position:0 -72px; }
div#footer-links dl dt a#prevention { width:94px; background-position:-132px 0; }
div#footer-links dl dt a#prevention:hover { background-position:-132px -72px; }
div#footer-links dl dt a#our-programs { width:90px; background-position:-280px 0; }
div#footer-links dl dt a#our-programs:hover { background-position:-280px -72px;}
div#footer-links dl dt a#get-involved { width:79px; background-position:-438px 0; }
div#footer-links dl dt a#get-involved:hover { background-position:-438px -72px; }
div#footer-links dl dt a#media-resources { width:86px; background-position:-590px 0; }
div#footer-links dl dt a#media-resources:hover { background-position:-590px -72px; }
div#footer-links dl dt a#more { width:86px; background-position:-732px 0; }
div#footer-links dl dt a#more:hover { background-position:-732px -72px; }
/*
======================================================
Headers
======================================================
*/
h1, h2, h3, h4 {  }

div.entry h2 { margin:24px 0 24px 18px; font-weight:normal; color:#660033; font-size:1.5em;}
div.entry div.copy h2 { margin:0 0 24px 0;}
div#content h3 { color:#660033; font-size:1.5em; line-height:1.2em; font-weight:bold; }
div#crp_related h3 { margin:18px 0 9px 52px;}
/*
======================================================
Paragraphs
======================================================
*/

div#content div.entry p { color:#660033; font-size: 12pt; margin:0 0 1em 0; font-weight:lighter;}
div#content div.entry p strong { font-weight:bold; }
div#content div#support-info p { color:#666 !important; margin:18px 0 20px 0 !important; line-height:24px; font-size:18px;}
div#content div#support-info p em { font-weight:lighter;}
div#content div#support-info p strong { font-weight:bold; }

div#footer p { color:#ccc; text-align:center; line-height:21px;}

/*
======================================================
List Styles
======================================================
*/
div#support-info ul,
div#content div.entry div.copy ul { list-style-type:disc; margin:1em 18px; padding:0; font-size: 12pt;}
div#support-info ul li,
div#content div.entry div.copy ul li{ margin:0 0 12px 0; color:#660033;}

div#crp_related ul { margin:9px 0 24px 66px; width:430px;}
div#crp_related ul li { font-size: 12pt; margin:0 60px 6px 0; float:left; width:150px; }
div#crp_related ul li a { color:#309;}

div#support-info ol,
div#content div.entry div.copy ol { list-style-type:decimal; margin:30px 24px; padding:0; font-size: 12pt;}
div#support-info ol li,
div#content div.entry div.copy ol li{ margin:0 0 12px 0; color:#660033;}


ul.image-banners { list-style-type:none !important;}
ul.image-banners li { float:left; width:150px; margin:18px 0 0 0 !important;}
/*
======================================================
Link Styles
======================================================
*/
a:link, a:visited, a:active { text-decoration:underline; outline:none !important; color:#a72e27; }
a:hover { text-decoration:underline; }

a#logo { display:block; height:120px; width:142px; background:url(images/branding/logo.png) top left no-repeat; position:absolute; top:30px; left:30px; z-index:999;}

div#footer a:link, 
div#footer a:visited { color:#FFC448;}

div.leave-now a { display:block; width:106px; min-height:100%; height:100%; background: url(images/pic/leave-now.jpg) top right no-repeat;}

div#support-info a.email { height:10px; font-style:italic; font-size:0.8em; color:#666666; text-decoration:none; background: url(images/bg/email.gif) center left no-repeat; padding-left:28px; }

/*
======================================================
Images Styles
======================================================
*/
a img { border:none !important; }

div.quote-video img.quote { margin:52px 0 0 30px; float:left; }
div.quote-video a.player { width:208px; height:140px; display: inline; }
div.quote-video a.player img.splash { margin:16px 10px 0 0; cursor:pointer !important; float:right; }
div.quote-video a.player img.play { position:relative;top:-90px;left:80px; cursor:pointer !important; }

div#content div.entry img { display: block; border: 0px solid #d4d4d6; }
div#content div.entry img.alignleft { float: left; display: inline; margin: 5px 15px 0 0; }
div#content div.entry img[align $='left'] { float: left; display: inline; margin: 5px 15px 10px 0; }
div#content div.entry img.alignright { float: right; display: inline; margin: 0 0 10px 15px; }
div#content div.entry img[align $='right'] { float: right; display: inline; margin: 5px 0 10px 15px; }

/*
======================================================
Sidebar Styles
======================================================
*/

div#sidebar a:link, div.sidebar a:visited, div.sidebar a:active { color: #b21e12; text-decoration: none; }
div#sidebar a:hover { }
div#sidebar h2 { margin: 0; }
div#sidebar h2 a:link, div.sidebar h2 a:visited, div.sidebar h2 a:active { text-decoration: none; }
div#sidebar h2 a:hover { }
div#sidebar h3 {  }



/*
======================================================
Form Styles
======================================================

form#searchform { float:right; margin:18px 130px 0 0;}
form#searchform input#s { background: #fff url(images/bg/form-gradient.jpg) top repeat-x; color:#999; border:none; border:1px solid #e1e0d4; height:18px; }
form#searchform input#searchsubmit { background:url(images/gui/button/search.gif); border:none; text-indent:-9999px; width:68px; height:27px;}
*/

form#searchform { float:right; margin: 10px 130px 0 0; }
form#searchform input#s { background: #fff; color:#000; border:none; border:1px solid #e1e0d4; height:18px; vertical-align: bottom;}
form#searchform input#searchsubmit { background:url(images/gui/button/search.gif); border:none; text-indent:-9999px; width:68px; height:27px; vertical-align: bottom; cursor: pointer;}

/*
======================================================
Misc. Styles
======================================================
*/


div#mycarousel { margin:18px 18px 0 0; float:right;}
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width:700px; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes
infinite loops. */ width: 700px;/* height: 210px;*/ }

div.quote-video { width:700px; height:200px; float:left;}
div.quote-video iframe,
div.quote-video embed,
div.quote-video object { float:right; }

*+html div.quote-video embed { margin:0 !important;}

.jcarousel-control { float:right; /*margin:-27px 45px 0 0;*/ font-size:.8em; position:absolute; right:52px; bottom:20px; z-index:99; }
.jcarousel-control a { color:#666666; font-size:1.5em; margin:12px 6px 0 0; text-decoration:none;}
.jcarousel-control a.selected { color:#663366;}
span.large { font-size:22px;}

body#get-help div#content div.entry{ padding-top:30px; background: #fcf8c6 url(images/bg/content-icons/our-programs-icon.gif) top left no-repeat; background-position:480px 12px; }
body#media-resources div#content div.entry { padding-top:30px; background: #fcf8c6 url(images/bg/content-icons/media-resources-icon.gif) top left no-repeat; background-position:480px 12px; }
body#get-informed div#content div.entry { padding-top:30px; background:#fcf8c6 url(images/bg/content-icons/get-informed-icon.gif) top left no-repeat; background-position:480px 12px; }
body#prevention div#content div.entry { padding-top:30px; background:#fcf8c6 url(images/bg/content-icons/prevention-icon.gif) top left no-repeat; background-position:480px 12px; }
body#our-programs div#content div.entry { padding-top:30px; background: #fcf8c6 url(images/bg/content-icons/prevention-icon.gif) top left no-repeat; background-position:480px 12px; }
body#news-events div#content div.entry { padding-top:40px; background: #fcf8c6 url(images/bg/content-icons/media-resources-icon.gif) top left no-repeat; background-position:480px 12px; }
body#get-involved div#content div.entry,
body#about-haven div#content div.entry { padding-top:30px; background: #fcf8c6 url(images/bg/content-icons/get-involved-icon.gif) top left no-repeat; background-position:480px 12px; }
body#contact-us div#content div.entry { padding-top:50px; background: #fcf8c6 url(images/bg/content-icons/get-involved-icon.gif) top left no-repeat; background-position:480px 12px; }

body#alert { background:#990033;}
div#message { height:460px; width:720px; background:#990033; color: #fff; cursor: pointer; }
div#message h1 { font-size: 3em; font-weight: bold; padding: 20px 40px; text-align: center; cursor: pointer; }
div#message h2 { font-size: 2.5em; padding: 10px 40px; text-align: center; cursor: pointer; }
div#message p { font-size: 1.5em; padding: 10px 40px; text-align: center; line-height: 1.75em; cursor: pointer; }
div#message p.alert-copy { height:341px; width:487px; margin:30px auto 15px; background: url(images/pic/alert.jpg) top left no-repeat;}
div#message a.ok { display:block; height:42px; width:119px; margin:0 auto; background:url(images/gui/icons/ok.jpg) top left no-repeat;}
/*Calendar styles*/
.kjo-link { display:none !important;}
.calendar-table { background:#fff; }
span.event { font-size:1em !important;}

table.board { border:none;}
table.board td { width:290px !important; margin-right:24px; padding:0 12px 0 0;}
table.board td p { margin-right:9px !important;}


/*
======================================================
Deaf Community Styles
======================================================
*/
img#power-control-wheel { display: block; border: none!important; }

/*
======================================================
Promenade of Hope Styles
======================================================
*/

body#promenade-of-hope {
	background: #fcf7c6 url(images/bg/hope-wallpaper.jpg) top center repeat;
}

body#promenade-of-hope div#container {
    background: transparent none;
	width: 960px;
	margin: 0 auto;
	background: none;
	overflow: hidden;
}
body#promenade-of-hope div.content-wrapper {
    background: transparent none;
	width: 960px;
	margin: 0 auto;
	background: none;
	overflow: hidden;
}
body#promenade-of-hope p.replace {
    left:-9999px;
    position:absolute;
}

body#promenade-of-hope div#header {
    background: transparent none;
	width:960px;
	height:43px;
	margin: 5px auto 0 auto;
}

body#promenade-of-hope div#masthead {
    display: inline-block;
	width:403px;
	height:43px;
	background: transparent url(images/bg/hope-masthead.png) center left no-repeat;
	margin-left: 30px;
	float: left;
}
body#promenade-of-hope div#masthead a {
	width:50px;
	height:43px;
	margin-left: 0px;
	background: transparent none;
	display:block;
	cursor:pointer !important;
}

body#promenade-of-hope div.hdr-div {
    display: inline-block;
	width:2px; 
	height:43px;
	background:transparent url(images/gui/nav/nav-div.png) center left no-repeat;
	float: left;
	margin: 0px 10px;
}

body#promenade-of-hope div#hosted-by {
    display: inline-block;
	width:191px;
	height:43px;
	background:transparent url(images/bg/hope-hosted-by.png) center left no-repeat;
	float: left;
}

body#promenade-of-hope div#fblike {
    display: inline-block;
	padding-top: 12px;
	float: left;
}
body#promenade-of-hope div#share {
    display: inline-block;
	padding-top: 10px;
	float: left;
}

body#promenade-of-hope div#comment-count {
    display: inline-block;
	width:98px;
	height:43px;
	background:transparent url(images/bg/comment-count.png) center center no-repeat;
	float: right;
	margin-top:5px;
	margin-left:5px;
	margin-right:30px;
	cursor:pointer;
}

body#promenade-of-hope div#comment-count p {
    color: white;
    text-align: center;
    font-family: "Arial", sans-serif;
    font-size:130%;
    font-weight: bold;
	margin-top:8px;
	margin-left: 60px;
}

body#promenade-of-hope div#content {
	margin: -20px auto 0 auto;
	width:960px;
	height:710px;
	background:transparent url(images/bg/picture-frame.png) top center no-repeat;
	overflow:visible;
}

body#promenade-of-hope div#content div#pages {
	background: transparent none;
	position:relative;
	overflow:hidden;
	width:650px;
	height:420px;
	margin: 150px 142px 150px 157px;
}

body#promenade-of-hope div#content div#pages > div.items {
	width:20000em;
	position:absolute;
	clear:both;
}

body#promenade-of-hope div#content div#pages > div.items > div {
	float:left;
	width:652px;
}

body#promenade-of-hope div#content div#pages > div.items .nav {
    position: relative;
    bottom: -387px;
    left: 20px;
}

body#promenade-of-hope a.fp-media {
  width:746px;
	height:420px;
	display:block;
	background: transparent;
}

body#promenade-of-hope #video {
	padding:23px 23px 20px 20px;
	margin: auto auto;
	width:746px;
	height:420px;
	display:none;
	background-color:transparent;
	border:0px solid #333;
	top:155px !important;
}

body#promenade-of-hope #video .close {
	background:url(images/gui/button/close.png) no-repeat;
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	width:18px;
	height:18px;
	cursor:pointer;
	z-index:999999 !important;
}

body#promenade-of-hope div#content div#pages > div.items div.page1 {
	background: transparent url(images/pic/pg1.png) center center no-repeat;
	width:650px;
	height:420px;
    position: relative;
}
body#promenade-of-hope div#content div#pages > div.items div.page2 {
	background: transparent url(images/pic/pg2.jpg) center center no-repeat;
	width:650px;
	height:420px;
  position: relative;
}
body#promenade-of-hope div#content div#pages > div.items div.page2 button {
	width:650px;
	height:420px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
  display: block;
  cursor: pointer;
}

body#promenade-of-hope div#content div#pages > div.items div.page2 div.play {
	background: transparent url(images/gui/button/play-poh.png) 0 0 no-repeat;
  width:450px;
	height:160px;
	display: block;
  position: absolute;
  top: 74px;
  left: 130px;
	cursor:pointer !important;
}
.overlayContainer{position:fixed;top:0;left:0;}

body#promenade-of-hope div#content div#pages > div.items div.page2 div.play:hover {
	background-position: 0 -160px;
}
body#promenade-of-hope div#content div#pages > div.items div.page2 .nav {
  /* bottom: 34px; -387px; */
}

body#promenade-of-hope div#content div#pages > div.items div.page3 {
	background: transparent url(images/pic/pg3.jpg) top center no-repeat;
	width:650px;
	height:420px;
    position: relative;
}
body#promenade-of-hope div#content div#pages > div.items div.page4 {
	background: transparent url(images/pic/pg4.jpg) top center no-repeat;
	width:650px;
	height:420px;
    position: relative;
}
body#promenade-of-hope div#content div#pages > div.items div.page5 {
	background: transparent url(images/pic/pg5.jpg) top center no-repeat;
	width:650px;
	height:420px;
  position: relative;
}
body#promenade-of-hope div#content div#pages > div.items div.page5 p.learn-more {
  width: 200px;
  margin: 20px 0 0 20px;
  padding: 0;
  color: #771648;
  font-family: "GillSans", "Arial", sans-serif;
  font-size:120%;
  position: absolute;
  top: 200px;
  text-align: left;
}
body#promenade-of-hope div#content div#pages > div.items div.page5 p.learn-more a {
	color: #771648;
  text-decoration:none;
}
body#promenade-of-hope div#content div#pages > div.items div.page5 p.learn-more a:hover {
  text-decoration:underline;
}

body#promenade-of-hope div#content div#pages > div.items div.page6 {
	background: transparent url(images/pic/pg6.png) top center no-repeat;
  position: relative;
	width:650px;
	height:262px;
	padding-top: 100px;
  color: #660033;
}
body#promenade-of-hope div#content div#pages > div.items div.page6 div.cols {
  border-bottom: 1px dotted #c8491c;
  border-top: 1px dotted #c8491c;
  width: 610px;
  height: 258px;
  margin: 0 20px 10px 20px;
  padding: 10px 0 10px 0;
}
body#promenade-of-hope div#content div#pages > div.items div.page6 div.col {
  overflow: auto;
  height: 258px;
  width: 610px;
}
body#promenade-of-hope div#content div#pages > div.items div.page6 div.nav {
    bottom: 0px;
}

body#promenade-of-hope div#content div#pages > div.items div.page7 div.cols,
body#promenade-of-hope div#content div#pages > div.items div.page8 div.cols {
  overflow: auto;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 div.col,
body#promenade-of-hope div#content div#pages > div.items div.page8 div.col {
	float: left;
	padding: 0;
	width: 185px;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 div.col ul,
body#promenade-of-hope div#content div#pages > div.items div.page8 div.col ul {
}

body#promenade-of-hope div#content div#pages > div.items div.page7 h3,
body#promenade-of-hope div#content div#pages > div.items div.page8 h3 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 100%;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 p ,
body#promenade-of-hope div#content div#pages > div.items div.page8 p {
	font-size: 90%;
	margin:0;
	padding:0;
  color: #777777;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 {
	background: transparent url(images/pic/pg7.png) top center no-repeat;
  position: relative;
	width:650px;
	height:262px;
	padding-top: 130px;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 div.cols {
  height: 258px;
	width:630px;
	margin: 0 0 0 20px;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 div.col {
  text-indent: -10px;
  padding-left: 10px;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 div.col a {
    text-decoration:none;
    color: #777777;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 div.col a:hover {
    text-decoration:underline;
}
body#promenade-of-hope div#content div#pages > div.items div.page7 .nav {
    bottom: 0px;
    left: 20px;
}

body#promenade-of-hope div#content div#pages > div.items div.page8 {
	background: transparent url(images/pic/pg8.png) top center no-repeat;
	width:650px;
	height:245px;
  position: relative;
	padding-top: 175px;
}
body#promenade-of-hope div#content div#pages > div.items div.page8 div.cols {
  height: 245px;
	width:630px;
	margin: 0 0 0 20px;
}
body#promenade-of-hope div#content div#pages > div.items div.page8 div.col {
}
body#promenade-of-hope div#content div#pages > div.items div.page9 {
	background: transparent url(images/pic/pg9.png) top center no-repeat;
	width:650px;
	height:420px;
    position: relative;
}

body#promenade-of-hope div#content div#pages > div.items div.page9 > div {
	padding: 70px 20px 0 20px;
}

body#promenade-of-hope div#content > div > a.prev {
	background: transparent url(images/gui/button/frame-buttons.png) 0 0 no-repeat;
	width:74px;
	height:40px;
	position: absolute;
	top:380px;
	left:104px;
	overflow:visible;
	cursor:pointer !important;
}
body#promenade-of-hope div#content > div > a.next {
	background: transparent url(images/gui/button/frame-buttons.png) -75px 0 no-repeat;
	width:74px;
	height:40px;
	position: absolute;
	top:380px;
	right:98px;
	overflow:visible;
	cursor:pointer !important;
}

body#promenade-of-hope div#content > div > a.prev:hover {
	background: transparent url(images/gui/button/frame-buttons.png) 0 -40px no-repeat;
	width:74px;
	height:74px;
	position: absolute;
	top:360px;
	left:104px;
	overflow:visible;
	cursor:pointer !important;
}
body#promenade-of-hope div#content > div > a.next:hover {
	background: transparent url(images/gui/button/frame-buttons.png) -75px -40px no-repeat;
	width:74px;
	height:74px;
	position: absolute;
	top:360px;
	right:98px;
	overflow:visible;
	cursor:pointer !important;
}

body#promenade-of-hope div.content-wrapper > div.nav {
	background: transparent none;
	width:960px;
	height:53px;
	margin: 0 auto 0 auto;
	padding: 0 20px;
}

body#promenade-of-hope div.nav > a {
	background: transparent url(images/gui/button/external-buttons.png) 0 0 no-repeat;
  float:left;
	width:226px;
	height:40px;
	overflow:hidden;
	cursor:pointer !important;
}

body#promenade-of-hope a.purchase:link,
body#promenade-of-hope a.purchase:visited,
body#promenade-of-hope a.purchase:active {
	background-position: 0 -40px;
}
body#promenade-of-hope a.donate:link,
body#promenade-of-hope a.donate:visited,
body#promenade-of-hope a.donate:active {
	background-position: -227px -40px;
}

body#promenade-of-hope a.beasponsor:link,
body#promenade-of-hope a.beasponsor:visited,
body#promenade-of-hope a.beasponsor:active {
	background-position: -454px -40px;
}

body#promenade-of-hope a.directions:link,
body#promenade-of-hope a.directions:visited,
body#promenade-of-hope a.directions:active {
	background-position: -680px -40px;
}

body#promenade-of-hope a.purchase:hover {
	background-position:0 0;
}
body#promenade-of-hope a.donate:hover {
	background-position: -227px 0;
}

body#promenade-of-hope a.beasponsor:hover {
	background-position: -454px 0;
}

body#promenade-of-hope a.directions:hover {
	background-position: -680px 0;
}

body#promenade-of-hope div#footer-wrapper {
	margin: 10px auto 30px auto;
	background: #fcf7c6 url(images/bg/hope-footer.png) center center no-repeat;
	width:100%;
	height:50px;
}

body#promenade-of-hope div#footer {
	margin: 0 auto;
	width:960px;
	height:50px;
	float: none;
}
body#promenade-of-hope div#footer a {
	width:960px;
	height:50px;
	display: block;
	cursor:pointer !important;
}

body#promenade-of-hope div.items div.page9 #comments-template{margin:0;color:white;font-size:16px !important; }
body#promenade-of-hope div.items div.page9 #comments-template > div {margin:0;padding:0 0 15px;}
body#promenade-of-hope div.items div.page9 #comments-template > div > div {margin:0;padding:0 0 10px;}
body#promenade-of-hope div.items div.page9 #comments-template > p.nocomments{padding:0;}
body#promenade-of-hope div.items div.page9 #comments-template textarea{font-family:Arial,Helvetica,Georgia,Sans-serif;font-size:16px;}
body#promenade-of-hope div.items div.page9 .commentmetadata > p {font-size:16px !important;}

/* root element for tabs  */
body#promenade-of-hope div.items div.tabs {margin:0;padding:0;}
body#promenade-of-hope div.items ul.tabs{list-style:none;margin:0 !important;padding:0;width:566px;height:auto;}
/* single tab */
body#promenade-of-hope div.items ul.tabs li{float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
body#promenade-of-hope div.items ul.tabs li div {color:white;height:30px;line-height:30px;width:auto;text-align:center;}
/* link inside the tab. uses a background image */
body#promenade-of-hope div.items ul.tabs a{font-size:14px;display:block;height:30px;line-height:30px;width:auto;text-align:center;text-decoration:none;color:white;padding:0 0 0 0;margin:0px;position:relative;top:1px;}
body#promenade-of-hope div.items ul.tabs a:active{outline:none;}
/* when mouse enters the tab move the background image */
body#promenade-of-hope div.items ul.tabs a:hover{text-decoration:underline;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
body#promenade-of-hope div.items ul.tabs .current,
body#promenade-of-hope div.items ul.tabs .current:hover,
body#promenade-of-hope div.items ul.tabs li.current a{cursor:default !important;color:white !important;}
/* Different widths for tabs:use a class name:w1,w2,w3 or w2 */
/* width 1 */
/* initially all panes are hidden */
body#promenade-of-hope div.items .panes .pane{display:none;}

body#promenade-of-hope div#content div#commentlist {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollables have typically larger height than width but not now */
  width:100%;
  height:240px;
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
}

body#promenade-of-hope div#content div#commentlist > div.comments {
	position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
}

body#promenade-of-hope div#content div#commentlist > div.comments > div {
  height:260px;
	padding: 10px 0;
	font-size: 20px;
	line-height:26px;
}

.commtnav {
	width: 200px;
  margin: 0 auto;
  display: block;
}

.commtnav a {
	cursor:pointer !important;
	width:80px;
  height:47px;
  margin: 10px auto;
  display: inline-block;
}

body#promenade-of-hope .commtnav a.cprev {
	background: transparent url(images/gui/button/comment-buttons.png) 0 0 no-repeat;
}
body#promenade-of-hope .commtnav a.cnext {
	background: transparent url(images/gui/button/comment-buttons.png) -80px 0 no-repeat;
}

body#promenade-of-hope .commtnav a.cprev:link,
body#promenade-of-hope .commtnav a.cprev:visited,
body#promenade-of-hope .commtnav a.cprev:active {
	background-position: 0 0;
}

body#promenade-of-hope .commtnav a.cprev:hover{
	background-position: 0 -49px;
}

body#promenade-of-hope .commtnav a.cnext:link,
body#promenade-of-hope .commtnav a.cnext:visited,
body#promenade-of-hope .commtnav a.cnext:active {
	background-position: -80px 0;
}

body#promenade-of-hope .commtnav a.cnext:hover{
	background-position: -80px -49px;
}

/*
======================================================
Deaf Services customizations
======================================================
*/

div.video {
    border: 3px solid rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    width: 400px;
    height: 225px;
    margin: 0;
    position: relative;
    margin: 0 0 1em 0;
}

div.video a img.splash {
    border: 0 none;
    width: 400px;
    height: 225px;
}

div.video span.info {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFFFFF;
    font-size: 1em;
    height: 40px;
    left: 0;
    padding: 5px 2%;
    position: absolute;
    text-align: left;
    width: 96%;
}

div.video a span.play-video {
    background: url("images/gui/button/play-large.png") no-repeat scroll center top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: "TradeGothic","Arial Narrow",Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 2em;
    font-weight: bold;
    left: 50%;
    line-height: 1.2;
    margin-left: -50%;
    margin-top: -55px;
    padding-top: 90px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 #222222;
    top: 50%;
    width: 100%;
    z-index: 9999;
}

div.video-caption {
    width:400px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    clear: both;
    margin: 0 0 1em 0;
}

div#grant-notice { padding: 0px 20px 20px 20px; margin: 0px; }

body#deaf-community-abuse,
body#deaf-community-stay-safe,
body#deaf-community-programs,
body#deaf-community-videos,
body#deaf-community-persons {
  background:url(images/bg/d-wallpaper.jpg) top center no-repeat;
}

body#deaf-community-abuse div#header,
body#deaf-community-stay-safe div#header,
body#deaf-community-programs div#header,
body#deaf-community-videos div#header,
body#deaf-community-persons div#header {
	float: left;
	width: 900px;
	height: 210px;
	background: url(images/bg/ds-masthead.jpg) top left no-repeat;
	position: relative;
}

body#deaf-community-abuse div#header a#logo,
body#deaf-community-stay-safe div#header a#logo,
body#deaf-community-programs div#header a#logo,
body#deaf-community-videos div#header a#logo,
body#deaf-community-persons div#header a#logo {
	display: block;
	width: 900px;
	height: 210px;
	background: none;
  position: relative;
	top: 0px;
	left: 0px;
	z-index: 999;
}

ul#site-navigation li a { background: #fff !important; width:149px; height: 41px; margin-right: 1px; }

ul#site-navigation li a.current,
ul#site-navigation li a:hover { background: #ffeb94 !important;}

body#deaf-community-abuse ul#site-navigation li a ,
body#deaf-community-stay-safe ul#site-navigation li a ,
body#deaf-community-programs ul#site-navigation li a ,
body#deaf-community-videos ul#site-navigation li a,
body#deaf-community-persons ul#site-navigation li a { width:179px;}

div#container {
  margin: 0 auto 0 auto;
}

div#content div.entry { margin:0; padding:0 20px 0 20px; }

div#content div.entry p { color:#666666; }

div#content div.entry ul {
	list-style: none outside url(images/gui/icons/red-bullet.gif)
}

div#content div.entry li { color:#666666; }

body#deaf-community-abuse div#content div#support-info,
body#deaf-community-stay-safe div#content div#support-info,
body#deaf-community-programs div#content div#support-info,
body#deaf-community-videos div#content div#support-info,
body#deaf-community-persons div#content div#support-info {
  float:right; width:226px; text-align:left; margin: 24px 24px 0 0;
}

div#content div#support-info p {
  margin-top: 0!important;
}

div#content a:link, div#content a:visited, div#content a:active { text-decoration:none; }

div#content a:hover { text-decoration:underline; }

div#support-info a.email { margin-left: 2em; }

div#content div.entry div.copy {
  font-size:100%;
	float:left;
	background:none;
	margin:0;
	padding:0;
}

div#content div.entry h2 {margin:24px 0 24px 0;}