* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #6d6e71;
	text-align: left;
	background: #153d4b url(images/body-bg.gif) repeat-x 0 0;
}

a { color: #1d4164; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px;}

.wrapper { background: url(images/steps.gif) no-repeat center top; }

#shell { margin: 0 auto; width: 928px; }

h2 { font-size: 2em; line-height: 35px; color: #6ebdc3; padding-bottom: 15px; }
h3.questions-link a { font-size: 20px; line-height: 25px; color: #1d4164; background: url(images/not-active.gif) no-repeat 0 7px;  display: inline; padding-left: 20px; }
h3 { padding-bottom: 15px; }
h3.gallery a { font-size: 20px; line-height: 25px; color: #1d4164; padding-left: 20px; text-decoration: underline; }
h3.gallery a:hover { text-decoration: none; }
h3.questions-link a.active { background-image: url(images/active.gif); }
h3.normal { font-size: 20px; line-height: 25px; color: #1d4164; padding-top: 15px; }
span.aboutbold { color: #1d4164; font-weight: bold; }

#header {  height: 158px; padding: 17px 0 0 4px; }

/* Logos */
h1#logo { width: 219px; height: 149px; float: left; display: inline; }
h1#logo a { display: block; background: url(images/logo.gif); height: 149px; }

h1#veteran { width: 155px; height: 156px; float: left; display: inline; }
h1#veteran a { display: block; background: url(images/veteranlogo.png); height: 156px; }

h1#therapy { width: 202px; height: 146px; float: left; display: inline; }
h1#therapy a { display: block; background: url(images/therapylogo.png); height: 146px; }

h1#reading { width: 202px; height: 146px; float: left; display: inline; }
h1#reading a { display: block; background: url(images/readinglogo.png); height: 146px; }

h1#violence { width: 193px; height: 143px; float: left; display: inline; }
h1#violence a { display: block; background: url(images/violencelogo.png); height: 143px; }

#navigation { height: 35px; }
#navigation ul { list-style-type: none; }
#navigation ul li { float: left; display: inline; position: relative; }
#navigation ul li a { float: left; background: url(images/navigation.gif) no-repeat 0 0; height: 35px; }
#navigation ul li a:hover,
#navigation ul li a.active {  }
#navigation ul li.about a { width: 114px; background-position: 0 0 ; }
#navigation ul li.about a:hover,
#navigation ul li.about a.hover { background-position: 0 -35px; }
#navigation ul li.about a.active { background-position: 0 bottom ; }

#navigation ul li.program a { background-position: -114px 0; width: 142px; }
#navigation ul li.program a:hover,
#navigation ul li.program a.hover { background-position: -114px -35px; }
#navigation ul li.program a.active { background-position: -114px bottom; }

#navigation ul li.events a { background-position: -256px 0; width: 192px; }
#navigation ul li.events a:hover,
#navigation ul li.events a.hover { background-position: -256px -35px; }
#navigation ul li.events a.active { background-position: -256px bottom; }

#navigation ul li.contact a { background-position: -448px 0; width: 120px; }
#navigation ul li.contact a:hover,
#navigation ul li.contact a.hover { background-position: -448px -35px; }
#navigation ul li.contact a.active { background-position: -448px bottom	; }

#navigation ul li.links a { background-position: -568px 0;width: 141px; }
#navigation ul li.links a:hover,
#navigation ul li.links a.hover { background-position: -568px -35px; }
#navigation ul li.links a.active { background-position: -568px bottom; }

#navigation ul li.newsletter a { background-position: -709px 0; width: 118px; }
#navigation ul li.newsletter a:hover,
#navigation ul li.newsletter a.hover { background-position: -709px -35px; }
#navigation ul li.newsletter a.active { background-position: -709px bottom; }

#navigation ul li.donate a { background-position: -827px 0; width: 101px; }
#navigation ul li.donate a:hover,
#navigation ul li.donate a.hover { background-position: -827px -35px; }
#navigation ul li.donate a.active { background-position: -827px bottom; }


#navigation ul li .drop-down  { position: absolute; top: 35px; left: 0; height: 27px; background: url(images/left.gif) no-repeat left 0;  padding-left: 5px; }
#navigation ul li .drop-down  ul { background: #918f8f url(images/right.gif) no-repeat right 0;  height: 27px; white-space: nowrap; padding-left:15px;}

#navigation ul li .drop-down  ul li { padding-right:15px; }
#navigation ul li .drop-down  ul li a { background-image: none !important; background: #918f8f !important; background-position: 0 0 !important; height: 27px; color: #000;  font-size: 13px; line-height: 27px; width: auto; }
#navigation ul li .drop-down  ul li a:hover { color:#000; text-decoration: underline;}
#navigation ul li .drop-down ul li a.active { color: #fff; }



#main { background: #fff url(images/bottom.gif) no-repeat 0 bottom; padding: 47px 22px 83px 30px; } 

#content { float: left; display: inline; width: 525px; }
#content p { padding-bottom: 25px; }
#content ul { padding-left: 30px; }
#content ul li { padding-bottom: 10px; }
#content h4 { color: #1d4164; font-size: 18px; }

.questions { padding-top: 23px; }
.questions p { padding-left: 20px; }
.questions ul { padding-left: 30px; list-style-type: none; padding-bottom: 15px; }
.questions ul li { background: url(images/dot.gif) no-repeat 0 8px; padding-left: 10px; }
.questions strong { color: #1d4164; }

#sidebar { float: right; display: inline; width: 330px; }

.shadow { background: url(images/img-shadow.gif) no-repeat 0 0; padding: 9px 28px 16px 12px; }

ul.big-buttons { list-style-type: none; text-align: center; padding-top: 15px; } 
ul.big-buttons li { padding-bottom: 15px; } 
ul.big-buttons li a { display: block; width: 326px; } 
ul.big-buttons li.donate a { background: url(images/donate.gif) no-repeat 0 0; height: 101px; } 
ul.big-buttons li.donate a:hover { background-position: 0 bottom; } 

ul.big-buttons li.online-store a { background: url(images/store.gif) no-repeat 0 0; height: 92px; } 
ul.big-buttons li.online-store a:hover { background-position: 0 bottom; } 

ul.big-buttons li.upcoming a { background: url(images/events.gif) no-repeat 0 0; height: 86px; } 
ul.big-buttons li.upcoming a:hover { background-position: 0 bottom; } 

ul.big-buttons li.newsroom a { background: url(images/news.gif) no-repeat 0 0; height: 73px; } 
ul.big-buttons li.newsroom a:hover { background-position: 0 bottom; } 

#footer { padding: 15px 0 15px 10px; color: #a8b4ad; font-size: 12px; line-height: 14px; }
p.foot-nav { padding-bottom: 10px; }
p.foot-nav, p.foot-nav a { color: #a8b4ad;  }
p.foot-nav span { padding: 0 5px; }

.event-list { float: right; display: inline; width: 350px; }
.event-list h3 { padding-bottom: 5px; }
.event-list h3 a { font-size: 20px; line-height: 25px; color: #1d4164;  }

.dog-slides { width:308px; height:220px; position:relative; overflow:hidden;}
.dog-slides a{ position:absolute; top:0; left:0;}

.shadow-image { width:323px; font-size:0; line-height:0; background:url(images/s-c.gif) repeat-y 0 0; margin-left:1px; }
.shadow-image-t { width:323px; background:url(images/s-t.gif) no-repeat 0 0; }
.shadow-image-b { background:url(images/s-b.gif) no-repeat 0 bottom; padding:6px 0 10px 7px; width:316px; }