/* Base reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* Base Fonts */
body {font:13px arial,helvetica,clean,sans-serif;} /* Do NOT touch - set font family, size, etc on child elements */
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}
label {cursor:pointer;}

/* END base reset */



/* A handy pixel to percent font conversion */
/*
10px / 77%
11px / 85%
12px / 92%
13px / 100%
14px / 107%
15px / 114%
16px / 122%
17px / 129%
18px / 136%
19px / 144%
20px / 152%
21px / 159%
22px / 167%
23px / 174%
24px / 182%
25px / 189%
26px / 197%
*/

/* General fonts */
#pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:152%;}
h2 {font-size:122%;}
h3 {font-size:107%;}
h4 {font-size:107%;}
h5 {font-size:107%;}
h6 {font-size:107%;}
p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select {font-size:85%;}

p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select,
li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select,
dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select,
dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select,
th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select,
td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select,
address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select,
blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select,
pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select,
input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select,
textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select,
select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select
{font-size:100%;}

strong,b {font-weight:bold;}
em,i {font-style:italic;}


img.floatleft {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

img.floatright {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}

.captionleft {
float: left;
font-size:85%;
margin-bottom: 15px;
text-align:center;
color: #009950;
}

.captionright {
float: right;
font-size:85%;
text-align:center;
color: #009950;
}

.captionleft img{
padding-right: 10px;
padding-bottom: 5px;
}

.captionright img {
padding-left: 10px;
padding-bottom: 5px;
}

.captiontext {
color: #009950;
font-size:85%;
}

/* END General fonts */


/* Structure */

html, body {height:100%;}
#pagewrap {min-height:100%;}
#pagewrap, #footwrap {width:900px; margin:0 auto;} /* page width 900px */

#outerwrap {width:100%; min-height:100%;}
#masthead {height:122px;}
#topnav {height:45px; overflow:visible;}
#banner {padding:8px 0;}

#innerwrap {
height:100%; /* fix for min-height issue, remove in emergency */
/*padding-bottom:110px;  footer height */
padding-left:190px; /* left col width */
}
#sec {width:190px; margin-left:-190px; float:left;} /* left col width */

 /*#footwrap {height:110px; margin-top:-110px; clear:both;} footer height */
	/* 100% page height */
	#footwrap {margin-top:-110px;} /* Negative of total height of all fts */
	#outerwrap {padding-bottom:110px;}
	/* END 100% page height */

body#home #innerwrap {padding-left:0;} /* no columns */
body#home #sec {display:none;} /* no columns */

.pad {padding:15px;}

/* Clearfix */
#innerwrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* END Structure */



/* Theme */

body {background:#000;}
body#home #pagewrap {background:url({site_url}images/bg_homepage.gif) repeat-y left top;}
body#twocol #pagewrap {background:#fff;}

#masthead {background:#000;}
#masthead h1, #masthead p {display:none;}
#masthead #logojaxzoo {display:block;}

#topnav {position:relative; z-index:140; background:#f2863c;}
#topnav li {height:35px; padding:5px 10px; float:left; overflow:hidden; z-index:110;}
#topnav li:hover {overflow:visible;}
#topnav li li {width:126px; height:auto; padding:5px 10px; float:none; z-index:130; background:#000;}
#topnav li ul {width:146px; margin-top:-2px; z-index:120;  border:#f2863c 2px solid;}
#topnav li .navspace {height:40px; text-align:center;}
#topnav #navabout {width:60px;}
#topnav #navcatering {width:100px;}
#topnav #navbotanical {width:70px;}
#topnav #naveducation {width:70px;}
#topnav #navmembership {width:80px;}
#topnav #navcareclub {width:70px;}
#topnav #navsupport {width:50px;}
#topnav #navyourvisit {width:70px;}
#topnav #navthings {width:60px;}
#topnav #navanimals {width:60px;}

#banner {position:relative; z-index:10; background:#000;}
#banner #ribbon {width:150px; height:150px; float:left; position:absolute; left:0; top:8px; z-index:20;}

#pri .pad {padding-left:0;}
#pri #content h2 {margin-bottom:25px; font-weight:bold;}
#pri #content h3 {margin-bottom:6px;}
#pri #content .breadcrumb {margin-bottom:25px;}
#pri #content .centered {text-align:center;}
#pri #content .centered h3 {text-align:center;}
#pri #content .centered h4 {font-size:70%; font-weight:bold; text-align:center;}
#pri #content .textblock, #pri #content .flash, /*#pri #content .form,*/ #pri #content .image, #pri #content .table, #pri #content .tablegrid {margin:25px 0;}
#pri #content .animalstextblock {width:33%; height:180px; float:left; text-align:center; padding:0; margin:0;} 
#pri #content .textblock .imgleft {margin:15px 15px 5px 0; float:left; font-size:77%; text-align:center;}
#pri #content .textblock .imgright {margin:15px 0 5px 15px; float:right; font-size:77%; text-align:center;}
#pri #content .textblock .leadin {padding:0 3px 0 0; margin:0; float:left; font-style:italic;}
#pri #content .padded {padding-left:100px; padding-right:100px;}
#pri #content .flash, #pri #content .image {width:695px; overflow:hidden; text-align:center;}

#pri #content .bio {margin:10px 0; padding-left:150px; overflow:auto;}
#pri #content .bio .field {width:140px; margin-left:-150px; padding-right:10px; float:left; font-weight:bold; text-align:right;}

#pri #content .form {overflow:auto;}
#pri #content .form form {padding:15px; float:left; background:#dcdcdc;}
#pri #content .form .text, #pri #content .form .select {width:200px;}
#pri #content .form .short {width:100px;}
#pri #content .form .req {font-weight:bold;}

#pri #content .table table {width:695px; background:#fff; border:#6a8e80 2px solid;}
#pri #content .table td {padding:4px; background:#eff3e0; border:#fff 1px solid;}
#pri #content .table th {padding:4px; background:#6a8e80; border:#fff 1px solid; color:#fff; font-weight:bold;}
#pri #content .table .evenrow td {background:#dce3c5;}

#pri #content .tablegrid table {width:695px; background:#fff; border:#6a8e80 3px solid;}
#pri #content .tablegrid td {padding:6px; background:#eff3e0; border:#fff 2px solid;}
#pri #content .tablegrid td.evencol {background:#dce3c5;}

#sec .nav {margin-bottom:15px; background:url({site_url}images/bg_leftnav_mw.gif) repeat-y left top;}
#sec .nav ul {background:url({site_url}images/bg_leftnav_bw.gif) no-repeat left bottom;}
#sec .nav ul ul {padding:12px;}
#sec .nav ul ul li {padding-bottom:8px;}
#sec .nav .navspace {width:136px; padding:3px 12px 4px; background:#09c url({site_url}images/bg_leftnav_t.gif) no-repeat left top;}

#sec #leftnav {background:url({site_url}images/bg_leftnav_mb.gif) repeat-y left top;}
#sec #leftnav li {display:none;}
#sec #leftnav li.active, #sec #leftnav li.active li {display:block;}
#sec #leftnav ul {background:url({site_url}images/bg_leftnav_bb.gif) no-repeat left bottom;}

#tabs #tabnav {height:33px; padding-bottom:8px;}
#tabs #tabnav #tabnavwrap {width:100%; overflow:auto; background:#000;}
#tabs #tabnav li {margin-right:4px; float:left; background:#2c2c2c url({site_url}images/bg_tabs.gif) no-repeat right -429px;}
#tabs #tabnav li .navspace {height:15px; padding:9px 18px; background:url({site_url}images/bg_tabs.gif) no-repeat left -396px;}

#tabs #tabnav.tab1 {background:#f2863c;}
#tabs #tabnav.tab2 {background:#008ac8;}
#tabs #tabnav.tab3 {background:#35a956;}
#tabs #tabnav.tab4 {background:#993bc0;}
#tabs #tabnav.tab5 {background:#ceb439;}
#tabs #tabnav.tab6 {background:#f53c3c;}

#tabs #tabnav li#tab1:hover, #tabs #tabnav li#tab1.active {background:#f2863c url({site_url}images/bg_tabs.gif) no-repeat right -33px;}
#tabs #tabnav li#tab1:hover .navspace, #tabs #tabnav li#tab1.active .navspace {background:url({site_url}images/bg_tabs.gif) no-repeat left top;}
#tabs #tabnav li#tab2:hover, #tabs #tabnav li#tab2.active {background:#008ac8 url({site_url}images/bg_tabs.gif) no-repeat right -99px;}
#tabs #tabnav li#tab2:hover .navspace, #tabs #tabnav li#tab2.active .navspace {background:url({site_url}images/bg_tabs.gif) no-repeat left -66px;}
#tabs #tabnav li#tab3:hover, #tabs #tabnav li#tab3.active {background:#35a956 url({site_url}images/bg_tabs.gif) no-repeat right -165px;}
#tabs #tabnav li#tab3:hover .navspace, #tabs #tabnav li#tab3.active .navspace {background:url({site_url}images/bg_tabs.gif) no-repeat left -132px;}
#tabs #tabnav li#tab4:hover, #tabs #tabnav li#tab4.active {background:#993bc0 url({site_url}images/bg_tabs.gif) no-repeat right -231px;}
#tabs #tabnav li#tab4:hover .navspace, #tabs #tabnav li#tab4.active .navspace {background:url({site_url}images/bg_tabs.gif) no-repeat left -198px;}
#tabs #tabnav li#tab5:hover, #tabs #tabnav li#tab5.active {background:#ceb439 url({site_url}images/bg_tabs.gif) no-repeat right -297px;}
#tabs #tabnav li#tab5:hover .navspace, #tabs #tabnav li#tab5.active .navspace {background:url({site_url}images/bg_tabs.gif) no-repeat left -264px;}
#tabs #tabnav li#tab6:hover, #tabs #tabnav li#tab6.active {background:#f53c3c url({site_url}images/bg_tabs.gif) no-repeat right -363px;}
#tabs #tabnav li#tab6:hover .navspace, #tabs #tabnav li#tab6.active .navspace {background:url({site_url}images/bg_tabs.gif) no-repeat left -330px;}

#tabs #tabcontent {padding-left:281px;}
#tabs #tabcontent .leftcol {width:281px; margin-left:-281px; float:left;}
#tabs #tabcontent .panel {display:none; overflow:auto;}
#tabs #tabcontent .panel.active {display:block;}
#tabs #tabcontent .pad {padding:20px;}
#tabs #tabcontent .image, #tabs #tabcontent .video {margin-bottom:20px;}
#tabs #tabcontent .tiles {margin-right:20px; float:left;}


#footwrap {background:#000 url({site_url}images/bg_grayline.gif) repeat-x left top;}
#footer {height:110px;border:}
#footer #logowaza {margin:10px 10px 0 65px; float:left;}
#footer #logoaza {margin:10px 10px 0 25px; float:left;}
#footer #sitecredit {margin:35px 10px 0 25px; float:left;}
#footer #logojacksonville {margin:10px 0 0 25px; float:left;}

/* Fonts */
#pagewrap {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#pagewrap a {color:#0066cc; font-weight:bold; text-decoration:none;}
#pagewrap a:hover {text-decoration:underline;}
#pagewrap a:visited {color:#009950;}
#pagewrap .breadcrumb p a {color:#009950;}
#pagewrap h3 {font-size:100%; font-weight:bold;}
#pagewrap p, #pagewrap #content ul {margin-bottom:12px;}
#pagewrap #content li {margin-left:20px; list-style:disc;}
#pagewrap .bold {font-weight:bold;}
#pagewrap .links li {margin:10px 0;}

#pagewrap #topnav a, #topnav a:visited {color:#000;}
#pagewrap #topnav a:hover, #topnav li li a:hover {color:#fff;}
#pagewrap #topnav li li a, #topnav li li a:visited {color:#888;}

#pagewrap #sec .nav .navspace {color:#fff; font-weight:bold;}
#pagewrap #sec .nav .navspace a {color:#fff;}

#pagewrap #tabs #tabnav a, #tabs #tabnav a:visited {color:#fff;}
#pagewrap #tabs #tabcontent {color:#fff;}
#pagewrap #tabs #tabcontent a {color:#ffff83;}
#pagewrap #tabs #tabcontent hr {height:1px; margin:10px 0; background:url({site_url}images/bg_grayline.gif) repeat-x left top; border:none;}

/* Calendar styles */
.calendarBG {
background-color: #000;
border: 1px solid #000;
}

.calendarBG td, .calendarBG th {
padding: 10px;
text-align: center;
}

.calendarBG th {
font-weight: bold;
}
.calendarBlank {
background-color: #ccc;
}

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

.calendarMonthLinks {
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 14px;
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: #f2863c;
text-decoration: underline;
background-color: transparent;
}

.calendarDayHeading {
font-weight: bold;
font-size: 11px;
color: #fff;
background-color: #f2863c;
text-align: center;
vertical-align: middle;
}

.calendarToday {
font-size: 12px;
font-weight: bold;
letter-spacing: .1em;
text-decoration: none;
text-align: left;
vertical-align: top;
color: #000;
background-color: #ccc;
}

.calendarCell {
font-size: 12px;
font-weight: bold;
letter-spacing: .1em;
text-decoration: none;
text-align: left;
vertical-align: top;
color: #666;
background-color: #fff;
}

.calendarCell a {
color: #000;
text-decoration: underline;
background-color: transparent;
}

.calendarCell a:visited {
color: #000;
text-decoration: underline; 
background-color: transparent;
}

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

.calendarEvent {
padding: 0em;
background-color: #fff;
vertical-align: top;
text-align: left;
border: 1px solid gray;
font-size: 10px;
text-decoration: none;
color: #000;
margin: 0em;
}

.calendarEvent a {
text-decoration: none;
display: block;
}

.calendarEvent a:hover {
color: #000;
background-color: #ccc;
text-decoration: none;
}

.calendarEvent a:visited {
text-decoration: none;
}


/* footer */
#footer {color:#666; font-size:85%; font-weight:bold;}
#footer a {color:#ffff83; text-decoration:underline;}
/* END footer */

/* END Theme */


/* Clearfix */
.clearfix:after, #innerpagewrap:after, #outerwrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* END Clearfix */