/* Reset CSS */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Text CSS */
body{font:13px/1.5  'Lucida Grande', 'Lucida Sans', 'Trebuchet MS', Tahoma, Verdana, sans-serif;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px;margin-bottom:10px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
div#navcontainer ul {
	font-family:'Trebuchet MS', Tahoma, Verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding-bottom:5px;
	padding-top:5px;
	}
div#navcontainer ul li {
	display:inline;
	margin-left:-4px;
	}

div#navcontainer ul li a {
	color:#777;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	}
div#navcontainer ul li a span {
	color:#444;
	font-size:2em;
	}
#active a { 
	border-left:1px solid #fff; 
	}

/* 960 CSS */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Hope CSS */
body {
	background:#fff;
	color:#444;
	padding:0;
	}
a {
	color:#069;
	text-decoration:none;
	border-bottom:1px dotted #39c;
	}
a:visited {
	color:#444;
	border-color:#666;
	}
a:hover {
	color:#124;
	border-color:#000;
	border-bottom-style:solid;
	}
h1, h2, h3, h4, h5 {
font-family:Georgia, 'Times New Roman', Times, serif;
font-weight:normal;
color:#39c;
}

.hcard {
	color: green;
	line-height: 110%;
	}

#art4hope .firsth1 {margin-top:0px;}
#art4hope h1 {margin-top:50px;}
p {
    margin:0;
	padding:0;
	text-align:left;
	color:#444;
	margin-bottom:15px;
	margin-top:2px;
	font:normal 16px/24px Arial, Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}


#events .firsth1 {margin-top:0px;}
#events h1 {margin-top:50px;}
p {
    margin:0;
	padding:0;
	text-align:left;
	color:#444;
	margin-bottom:15px;
	margin-top:2px;
	font:normal 16px/24px Arial, Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.st p{font:normal 12px/16px Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
p.st {font:normal 12px/16px Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
.grey {color:#555;}
.attention {background: url(../images/attention.png) top right no-repeat;height:230px}
.sa0 {padding-top:0;}
.sa5 {padding-top:5px;}
.sa10 {padding-top:10px;}
.sa20 {padding-top:20px;}
.sa30 {padding-top:30px;}
.sa40 {padding-top:40px;}
.sa50 {padding-top:50px;}
.sa75 {padding-top:75px;}
.sa100 {padding-top:100px;}
.sa150 {padding-top:150px;}
.sa200 {padding-top:200px;}
.sa250 {padding-top:250px;}
.sb0 {padding-bottom:0;margin-bottom:0!important;}
.sb5 {padding-bottom:5px;}
.sb10 {padding-bottom:10px;}
.sb20 {padding-bottom:20px;}
.sb30 {padding-bottom:30px;}
.sb40 {padding-bottom:40px;}
.floatl {float:left}
.floatr {float:right}
.clearb {clear:both}
.center {text-align:center;}
.skip {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
.anchortag {position:absolute;}
.anchortag a {border:0;}
.lpull {
	background: url(../images/pull_left.gif) top left no-repeat;
	padding:20px;
	}
.rpull {
	background: url(../images/pull_right.gif) bottom right no-repeat;
	}
.bkgcontainer {
	background:#eceaee url(../images/bkg5.gif) repeat-x;
	padding-bottom:11px;
	}
#header, #home #header, #about #header, #serve #header, #giving #header, #volunteer #header, #events #header, #contact #header, #showcaseofdogs #header, #girlsnightout #header, #art4hope #header {
	height:293px;
	position:relative;
	text-align:right;
	padding-right:10px;
	}
#header {
	background:url(../images/h_home.jpg) no-repeat top center;
	}
#home #header {
	background:url(../images/h_home.jpg) no-repeat top center;
	}
#about #header {
	background:url(../images/h_aboutus.jpg) no-repeat top center;
	}
#serve #header {
	background:url(../images/h_serve.jpg) no-repeat top center;
	}
#giving #header {
	background:url(../images/h_giving.jpg) no-repeat top center;
	}
#volunteer #header {
	background:url(../images/h_volunteer.jpg) no-repeat top center;
	}
#events #header {
	background:url(../images/h_events.jpg) no-repeat top center;
	}
#art4hope #header {
	background:url(../images/h_events.jpg) no-repeat top center;
	}
	
#contact #header {
	background:url(../images/h_contactus.jpg) no-repeat top center;
	}
#showcaseofdogs #header {
	background:url(../images/showcaseofdogs.jpg) no-repeat top center;
	}

#girlsnightout #header {
	background:url('../images/h_events.jpg') no-repeat top center;
	}
	
.logo {
	position:absolute;
	top:22px;
	left:90px;
	}
#nav {
	height:100px;
	padding-left:130px;
	background:#fff url(../images/navline.gif) no-repeat 126px top;
	}
ul#mainMenu {
	margin:0;
	padding:0;
	}
#mainMenu li {
	display:block;
	float:left;
	width:130px;
	background:url(../images/navline.gif) no-repeat right top;
	margin-left:0;
	}
#mainMenu li.hm {width:90px;}
#mainMenu li.au {width:112px;}
#mainMenu li.serv {width:86px;}
#mainMenu li.giv {width:90px;}
#mainMenu li.vol {width:115px;}
#mainMenu li.se {width:90px;}
#mainMenu li.cu {width:121px;}
#mainMenu li a {
	color:#777;
	display:block;
	font-family:'Trebuchet MS', Tahoma, Verdana, sans-serif;
	font-size:1em;
	letter-spacing:0;
	padding:19px 14px 0 10px;
	text-align:right;
	text-decoration:none;
	text-align:center;
	line-height:1.1em;
	height:50px;
	border:0;
	}
#mainMenu li a:hover { color:#777; }
#mainMenu li a:hover span { color:#39c; }		
#mainMenu li a span {
	color:#444;
	display:block;
	font-size:1.6em;
	font-family:'Trebuchet MS', Tahoma, Verdana, sans-serif;
	letter-spacing:-1px;
	margin:0 0 28px 0;
	text-align:center;
	}
#home #mainMenu li.hm a, #about #mainMenu li.au a, #serve #mainMenu li.serv a, #giving #mainMenu li.giv a, #volunteer #mainMenu li.vol a, #events #mainMenu li.se a, #contact #mainMenu li.se a, #showcaseofdogs #mainMenu li.se a{
	background:url(../images/menuheart.gif) no-repeat 50% 5px;
	}
#art4hope #mainMenu li.se a, #contact #mainMenu li.cu a, #showcaseofdogs #mainMenu li.cu a{
	background:url(../images/menuheart.gif) no-repeat 50% 5px;
	}
	
#home #mainMenu li.hm a span, #about #mainMenu li.au a span, #serve #mainMenu li.serv a span, #giving #mainMenu li.giv a span, #volunteer #mainMenu li.vol a span, #events #mainMenu li.se a span, #contact #mainMenu li.cu a span, #showcaseofdogs #mainMenu li.se a span, #art4hope #mainMenu li.se a span {
	color:#39c;
	}
#donatejoin {
	width:222px;
	height:46px;
	margin:13px 0 15px 10px;
	float:right
	}
#donatejoin span {text-indent:-9999px;}
#donatejoin a {
	display:block;
	width:96px;
	height:46px;
	font:9px/10px 'Trebuchet MS', Arial, sans-serif;
	color:#000;
	background:url(../images/donate_join.gif) 0 0 no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	}
#donatejoin a:hover.sa {	
	background-position:0 -46px;
	}
#donatejoin a.tm {
	background-position:-99px 0;
	width:104px;
	margin:0 0 1px 20px; 
	}
#donatejoin a:hover.tm {	
	background-position:-99px -46px;
	}

/* ---- searchform --- */
.searchform h2 {
	font:.2em Helvetica, Arial, Sans-serif;
	padding:0;
	margin:0;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
	}
input.txt, textarea, select {
	padding:2px 4px;
	border:1px solid #333;
	}
input.txt:focus, textarea:focus, select:focus {
	background:#fff;
	border-color:#a98;
	outline-width:0;
	}
input.ftxt {
	background-color:#435e7d;
	border:1px solid #8297b1;
	color:#fff;
	}
input.ftxt:focus {
	background-color:#435e7d !important;
	color:#fff;
	}
.joinnow {
	border:0;
	border:1px solid #8297b1;
	cursor:pointer;
	padding:2px 5px;
	display:block;
	margin:6px 0;
	background-color:#47607f;
	color:#cef;
	}
.run5k {
	background:url(../images/run5k.gif) no-repeat 0 140px;
	padding-top:200px;
	}
.run5 {
	width:296px;
	height:244px;
	float:right;
	outline: 0;
	background:url(../images/HH5k_logo2010.gif) no-repeat 0 0;
	}
.nightout {
	width:99px;
	height:400px;
	float:right;
	background:url(../images/ETCETERA2.gif) no-repeat 0 0;
	}
	
.showcaseofdogs {
	width:210px;
	height:99px;	
	float:right;
	background:url(../images/scodlogo.png) no-repeat 0 0;
	}
	
.merchandise a {
	border:0;
	width:150px;
	height:150px;
	float:right;
	background:url(../images/mug.gif) no-repeat 0 0;
	}


.hhclassic {
	width:124px;
	height:143px;
	float:right;
	background:url(../images/hhclassic.png) no-repeat 0 0;
	}
.artfor {
	width:261px;
	height:125px;
	float:right;
	background:url(../images/artforhopelogo.png) no-repeat 0 32px;
	}
.art4forhope {
	width:261px;
	height:125px;
	float:right;
	background:url(../images/artforhopelogo.png) no-repeat 0 32px;
	}
	
.openhouse {
	width:199px;
	height:140px;
	float:right;
	background:url(../images/openhouse.png) no-repeat 0 0;
	}
.theatrefh {
	width:196px;
	height:121px;
	float:right;
	background:url(../images/theatrefh.png) no-repeat 0 0;
	}
#sponsorsl span {text-indent:-9999px;}
#sponsorsl a {
	display:block;
	width:119px;
	height:56px;
	font:9px/10px 'Trebuchet MS', Arial, sans-serif;
	color:#567;
	background:url(../images/sponsors.png) 0 0 no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	}
#sponsorsl a:hover.naeyc {	
	background-position:0 -56px;
	}
#sponsorsl a.uw {
	width:116px;
	background-position:-125px 0;
	float:right;
	}
#sponsorsl a:hover.uw {	
	background-position:-125px -56px;
	}
#footer {
	background:#8297b1 url(../images/footerbkg.gif);
	border-top:6px solid #8297b1;
	overflow:auto;
	}
#footer .ftour a {
	color:#ddf;
	text-decoration:underline;
	border:0;
	}
#footer .ftour a:visited {
	color:#cef;
	border:0;
	}
#footer .ftour a:hover {
	color:#102136;
	border:0;
	}
#footer p {
	margin:0;
	padding:0;
	text-align:left;
	color:#cef;
	margin-bottom:15px;
	margin-top:2px;
	font:normal 12px/20px 'Trebuchet MS', Arial, Verdana, sans-serif;
	}
.foot {
	background:url(../images/hands2009.gif) no-repeat right 28px;
	padding:28px 0 0 0;
	}
.hands2009 .foot {
	background:url(../images/hands2009.gif) no-repeat right 28px;
	}
.hands2010 .foot {
	background:url(../images/hands2010.gif) no-repeat right 28px;
	}
.hands2011 .foot {
	background:url(../images/hands2011.gif) no-repeat right 28px;
	}
.hands2012 .foot {
	background:url(../images/hands2012.gif) no-repeat right 28px;
	}
.hands2013 .foot {
	background:url(../images/hands2013.gif) no-repeat right 28px;
	}
.hands2014 .foot {
	background:url(../images/hands2014.gif) no-repeat right 28px;
	}
.hands2015 .foot {
	background:url(../images/hands2015.gif) no-repeat right 28px;
	}
.footlogo {
	background:url(../images/footerlogo.png) no-repeat 0 0;
	width:116px;
	height:179px;
	margin:7px 0 0 0;
	}
.footercontent {
	background:#eee;
	}
.faddress, .fnav, .fjoin {
	float:left;
	width:150px;
	}
.fnav {
	margin:0 0 0 35px;
	}
.fjoin {
	margin:2px 0 0 47px;
	}
#footer .fjoin p {
	line-height:1.3em;
	}
#footer .ftour p {
	line-height:1.2em;
	border-top:1px solid #47607f;
	padding:8px 0 0;
	}
.fnav {
	width:136px;
	}
.fnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.fnav li {margin:0;}
.fnav a, .fnav a:visited {
	border-bottom:0;
	display:block;
	padding:3px 0 3px 5px;
	width:135px;
	border-bottom:1px solid #47607f;
	font:normal 12px/21px 'Trebuchet MS', Arial, Verdana, sans-serif;
	}
.fnav a.last{border-bottom:0!important}
.fnav a:link, .fnav a:visited {
	color:#cef;
	text-decoration:none;
	}
.fnav a:hover {
	border-bottom:1px solid #47607f;
	background-color:#47607f;
	color:#fff;
	}
#base {
	background:#102136;
	}
#base p {
	margin:0;
	padding:0;
	text-align:left;
	color:#bce;
	margin:5px 0;
	font:normal 12px/20px 'Trebuchet MS', Arial, Verdana, sans-serif;
	}
#base a, #base a:visited {
	color:#bce;
	text-decoration:underline;
	border:0;
	}
#base a:hover {
	color:#fff;
	text-decoration:none;
	border:0;
	}
#sponsors {
	background:#102136;
	border-top:1px solid #28374a;
padding-top:5px;
	}
#sponsors p {
    margin:0;
	padding:0;
	text-align:left;
	color:#567;
	margin-bottom:15px;
	margin-top:5px;
	font:normal 12px/20px Georgia, 'Times New Roman', Times, serif;
	}
#sponsors .container_12{
	height:70px;
	}
#footerlogos span {text-indent:-9999px;}
#footerlogos a {
	display:block;
	width:101px;
	height:50px;
	font:9px/10px 'Trebuchet MS', Arial, sans-serif;
	color:#567;
	background:url(../images/footerlogos.gif) 0 0 no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	}
#footerlogos a:hover.naeyc {	
	background-position:0 -50px;
	}
#footerlogos a.uw {
	background-position:-101px 0;
	width:104px;

	}
#footerlogos a:hover.uw {	
	background-position:-101px -50px;
	}
/*contact*/
.conform form{float:left; width:440px;}
.conform fieldset{
	font-size:14px;
	border:1px solid #39c;
	padding:5px 0 10px 15px;
	background:url(../images/cformbkg.gif) repeat-x 0 15px;
	}
.conform legend{
	font-weight:bold;
	font-size:14px;
	color:#39c;
	margin:0; padding:0;
	}
.conform label{
	display:block;
	margin:3px 0;
	}
.conform input{
	width:400px;
	border:1px solid #000;
	margin:2px 0 3px 0;
	padding:2px 5px;
	background-color:#fff;
	font:13px  'Lucida Grande', 'Lucida Sans', 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
.conform input:focus, .conform textarea:focus{
	background-color:#f9f9f9;
	border:1px solid #999;
	}
.conform textarea{
	width:400px;
	margin:auto;
	overflow:auto;
	height:200px;
	padding:2px 5px;
	font-size:12px;
	border:1px solid #000;
	background-color:#fff;
	margin-top:10px;
	font:13px/1.5  'Lucida Grande', 'Lucida Sans', 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
.red{color:#ff0000;}
.sea_green{color:#2E8B57;}
.center_green{color:green;
			text-align: center;
			font-weight: bold;}
.conform .submit{
	width:150px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background-color:#d9d6dd;
	}
.conform .submit:hover{background-color:#39c;}
label.error { background:url(../images/required.gif) no-repeat 25px 0; color: #fff; padding:1px 0 1px 47px; }

.girls_night_out_message {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
	font-weight:normal;
	color:#C05297;
	/*color:#E87E26;*/
	text-align: center;
} 

/* Movie CSS */
/* hides the second object from all versions of IE */
* html object.mov {
	display:none;
	}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display:inline;
	}
/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/:none;
	}
.noborder {
	border:0;
	}
a:link.noborder {
	border-bottom:0;
	border-bottom-style:none;
	}
	
.photocontain{width:160px;padding-top:5px; padding-left:5px;padding-bottom:1px;float:left;}
.photo{width:150px;}
.photocaption{width:150px;font-style:normal; font-variant:normal; font-weight:normal; font-size:90%; font-family:Trebuchet MS', Arial, Verdana, sans-serif; text-align: center;                                                            }
.note {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color: purple;
	font-weight: bold;
} 

.message {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
	font-weight:normal;
	color:#39c;
} 

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

/* */