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

html, body {
	height:100%;
}

body {
	font-family: verdana, sans-serif;
	color: #6b3b14;
	background: #2b4323 url(/site_images/zootopiaBG.jpg) top center repeat-x;
}

p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 9px;
}

td {
	font-size: 12px;
	line-height: 18px;
}

ul, ol {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 10px 25px;
}

h1 {
	font-size: 21px;
	margin-bottom: 5px;
}

h2 {
	font-size: 16px;
	line-height: 21px;
}

h3 {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
}

a {
	color:#5f7359;
}

a:hover {
	color:#7e9777;
}

.fineprint {
	font-size:9px;
	line-height:11px;
}

#shadow_top {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site_images/shadow_top.png');
	width: 986px;
	height: 33px;
	margin: 5px auto 0px auto;
}

#shadow_top[id] {
	background: url(/site_images/shadow_top.png) top left repeat-x;
}

#container {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site_images/shadow_sides.png');
	width: 986px;
	margin: 0px auto;
}

#container[id] {
	background: url(/site_images/shadow_sides.png) top center repeat-y;
}

#header {
	width: 900px;
	height: 145px;
	background: url(/site_images/ZootopiaLogo.gif) top left no-repeat;
	margin: 0px auto;
	overflow:hidden;
}

#shop_store {
	position: absolute;
	top: 55px;
	margin-left: 612px;
}

#nav {
	width: 780px;
	height:30px;
	padding: 10px 0px 0px 93px;
	white-space:nowrap;
}

#nav li {
	float: left;
	list-style-type: none;
	height: 21px;
	line-height: 20px;
}

#nav a {
	font-size: 12px;
	color: #614e3c;
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul {
	margin: 0px 3px;
}

#nav ul li a {
	display: block;
	background: url(/site_images/nav_button_bg.gif) top left repeat-x;
	padding: 1px 20px 0px 19px;
	margin: 0px 3px;
	border-right: #4e3e2d solid 1px;
	border-bottom: #4e3e2d solid 1px;
	white-space: nowrap;
}

#nav ul li a:hover {
	background: url(/site_images/nav_hover_bg.gif) top left repeat-x;
}

#nav ul li a:active {
	background: url(/site_images/nav_active_bg.gif) top left repeat-x;
}

body#about-camp li a#about_camp_on { color: #d5e8d4; background: url(/site_images/nav_on_bg.gif) top left repeat-x; }
body#programs li a#programs_on { color: #d5e8d4; background: url(/site_images/nav_on_bg.gif) top left repeat-x; }
body#about-zootopia li a#about_zootopia_on { color: #d5e8d4; background: url(/site_images/nav_on_bg.gif) top left repeat-x; }
body#resources li a#resources_on { color: #d5e8d4; background: url(/site_images/nav_on_bg.gif) top left repeat-x; }
body#support li a#support_on { color: #d5e8d4; background: url(/site_images/nav_on_bg.gif) top left repeat-x; }
body#contact li a#contact_on { color: #d5e8d4; background: url(/site_images/nav_on_bg.gif) top left repeat-x; }

#subnav {
	width:800px;
	height:25px;
	margin-left:80px;
	font-weight:bold;
}

#subnav a {
	color: #5f7359;
	text-decoration:none;
}

#subnav a:hover {
	color: #614e3c;
}

#subnav ul {
	list-style-type:none;
}

#subnav li {
	display:inline;
	margin-right:10px;
}

#content {
	width: 900px;
	background: #f0f7e0;
	margin: 0px auto 0px auto;
	padding-bottom:20px;
	overflow:hidden;
}

#main {
	width: 750px;
	padding: 15px 50px 20px 100px;
}

body#home #main {
	padding-top:0px;
}

#homephotos {
	height:200px;
	width:755px;
}

#homephoto1 {
	width:247px;
	height:177px;
	float: left;
	margin-right:4px;
}

#homephoto2 {
	width:247px;
	height:177px;
	float: left;
	margin-right:4px;
}

#homephoto3 {
	width:247px;
	height:177px;
	float: left;
}

#homephoto1 img, #homephoto2 img, #homephoto3 img {
	border: 2px solid #804d17;
}

#home_news {
	border: 2px solid #266435;
	background-color: #75bc5e;
	width:410px;
	height:200px;
	float:left;
	padding: 10px 15px 15px 15px;
	margin-bottom:15px;
}

#home_news h2 {
	margin-bottom: 5px;
}

#home_events {
	border: 2px solid #266435;
	background-color: #c8eaf6;
	width:245px;
	height:200px;
	float:right;
	padding: 10px 15px 15px 15px;
	margin-bottom:15px;
}

#home_events h2 {
	margin-bottom: 5px;
}

#home_news p, #home_events p {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 6px;
}

#left_col {
	float: left;
	width: 420px;
}

#right_col {
	float: right;
	width: 280px;
	margin-right: 0px;
}

#right_col img {
	border: 2px solid #804d17;
	margin-bottom:10px;
}

body#support.donate #right_col img {
	border: none;
	margin-bottom:10px;
}

body#support.donate td {
	padding: 2px;
}
#callout {
	width: 235px;
	background: #b8bb8b;
	margin-top:30px;
	padding: 15px 20px;
	border:2px solid #6a3c15;
	float:right;
}

#callout {
	font-size: 10px;
}

.text_input {
	width: 225px;
	height: 12px;
	margin-bottom: 5px;
	border:1px solid #4e3e2d;
}

#footer {
	margin:20px 0px 0px 100px;
	font-size: 10px;
	width: 600px;
	float: left;
}

#footer a {
	color: #6b3b14;
}

#footer a:hover {
	color: #5f7359;
}

#shadow_bottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site_images/shadow_bottom.png');
	width: 986px;
	height: 50px;
	margin: 0px auto 10px auto;
}

#shadow_bottom[id] {
	background: url(/site_images/shadow_bottom.png) top left repeat-x;
}


body#resources.events h2 {
	margin:15px 0px 5px 0px;
	color:#2b4323;
	border-bottom: 2px solid #2b4323;
}

#calendar_items {
	padding:10px;
}

.calendarBG {
 background-color: #2b4323;
}

.calendarBlank { 
 background-color: #fff7d2;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #2b4323; 
}

.calendarHeader a {
	color:#fff;
}

th {
 font-size:         18px;
 color:#ffffff;
 text-decoration:   none;
}

.calendarMonthLinks {
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	13px;
 color: #993123; 
 background-color: #ffffff; 
 text-align:  center;
 vertical-align: middle;
}

#calendarEventTitle { 
 font-size:         9px;
 font-weight:		normal;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
}

#calendarEventTitle p { 
 font-size:         9px;
 line-height:10px;
 margin-bottom: 5px;
 font-weight:		normal;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
}

.calendarToday { 
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #000;
 background-color: 	#e1e9ee;
}

.calendarCell {
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 font-size:         9px;
 color:             #0a507f;
 text-decoration:   underline;
}
  
.calendarCell a:visited {
 color:             #0a507f;
 text-decoration:   underline;
}

.calendarCell a:hover {
 color:             #0a507f;
 text-decoration:   none;
}
