﻿/* Eric Meyer's Reset - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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;
    /* additions by James */
    text-align:left;    
}
body {
    line-height:1;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
/* remember to define focus styles! */
:focus {
    outline:0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration:none;
}
del {
    text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* Basic Styles */
body {
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color:#575757;
}
h1, h2, h3, h4, h5, h6 {
    color:#2E4A9E;
}
a {
    color:#2E4A9E;
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
strong {
    color:#2E4A9E;
}
/* Basic Layout */
div {
    position:relative;
}
#wrapper {
    margin:0 auto;
    width:900px;
    background:#fff url(images/ss01.gif) center top no-repeat;
}
#content {
    text-align:left;
    clear:both;
}
/* Content Styles  */
#content h1 {
    padding:0 4px;
    font-size:1.1em;
    font-weight:bold;
    letter-spacing:1px;
}
#content h2 {
    padding:0 4px;
    font-size:1em;
    font-weight:bold;
}
#content h3, #content h4, #content h5, #content h6 {
    font-size:.95em;
    font-weight:bold;
    padding:0 4px;
}
#content p {
    font-size:.8em;
    font-style:normal;
    line-height:1.5em;
}
#content strong {
    font-weight:bold;
}
#content ol li {
    line-height:1.5em;
}
#content .column1, .column2 {
    font-size:0.8em;
    line-height:1.5em;
}
/* Textarea Styles  */
#textarea {
    margin:5px 4px 0px 88px;
    padding-bottom:20px;
    width:448px;
    float:left;
    min-height: 500px;
}
#textarea p {
    /*width:440px;*/
    max-width:440px;
    padding:0 4px;
    padding-bottom:1em;
    padding-right:8px;
}
#textarea h1 {
    margin-top:1.5em;
}
#textarea img.article {
    float:left;
    padding:0 12px 12px 0px;
}
td p {
    width:100%;
}
/* Menu Main */
#menu {
    padding-top:146px;
    height:54px;
    clear:both;
}
#menu li {
    display:inline;
}
#menu a {
    width:168px;
    margin-right:4px;
    padding:34px 2px 8px 6px;
    display:block;
    float:left;
    font-size:.75em;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    letter-spacing:1px;
    font-weight:bold;
}
#menu li.tab31 a {
    width:170px;
    background:url(images/all_tabs.gif) left top no-repeat;}
#menu li.tab31 a:hover {
    background:url(images/all_tabs.gif) left bottom no-repeat;}
#menu li.tab32 a {
    background:url(images/all_tabs.gif) -182px top no-repeat;}
#menu li.tab32 a:hover {
    background:url(images/all_tabs.gif) -182px bottom no-repeat;}
#menu li.tab35 a {
    background:url(images/all_tabs.gif) -362px top no-repeat;}
#menu li.tab35 a:hover {
    background:url(images/all_tabs.gif) -362px bottom no-repeat;}
#menu li.tab28 a {
    background:url(images/all_tabs.gif) -542px top no-repeat;}
#menu li.tab28 a:hover {
    background:url(images/all_tabs.gif) -542px bottom no-repeat;}
#menu li.tab33 a {
    width:170px;
    margin-right:0px;
    background:url(images/all_tabs.gif) -722px top no-repeat;}
#menu li.tab33 a:hover {
    background:url(images/all_tabs.gif) -722px bottom no-repeat;}
#menu li.on a, #menu li.on a:hover { background:none;}
/* Menu Top */
#menu2 {
    position:absolute;
    top:0px;
    right:170px;
}
#menu2 li {
    display:inline;
}
#menu2 a {
    display:block;
    float:left;
    padding:4px;
    margin-top:5px;
    text-align:center;
    border-right:#fff 1px solid;
    font-size:.68em;
    text-transform:uppercase;
    background:#00B4CB;
    text-decoration:none;
    color:#fff;
}
#menu2 a:hover {
    background-color:#fff;
    color:#000;
}
#menu2 li.tab38 a {
    border-right:none;
}
/* Navigation */
#navigation {
    width:178px;
    margin:5px 4px 0px 0px;
    padding:15px 0px 30px 0px;
    float:left;
    background-image:url(images/bg_nav.gif);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-color:#00B4CB;
    color:#fff;
}
#navigation a {
    display:block;
    padding:4px 10px;
    font-size:.72em;
    background-color:#00B4CB;
    color:#fff;
    text-decoration:none;
}
#navigation li.sectiontitle {
    padding:4px 8px;
    font-weight:bold;
    border-bottom:#fff 1px solid;
}
#navigation li a:hover, #navigation li.on a {
    background-color:#fff;
    color:#295F66;
    margin-bottom:0;
}
/* Forms */
#search {
    position:absolute;
    top:6px;
    right:4px;
    width:160px;
}
#join {
    position:absolute;
    top:30px;
    right:4px;
    width:160px;
}
input {
    width:100px;
    font-size:10px;
    text-transform:lowercase;
}
input.button {
    width:50px;
}
input#saddr {
   width: 199px;
}
/* Callout */
#callout {
    width:178px;
    margin:5px 0px 0px 0px;
    padding:15px 0px 30px 0px;
    float:left;
    background-image:url(images/bg_callout.gif);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-color:#D0ECF1;
    color:#273F86;
}
#callout h3, #callout p {
    padding:0px 8px 8px 8px;    
}
#callout p {
    font-size:.7em;
    line-height:1.2em;
}
#callout img {
    padding-bottom:.5em;
}
/* Footer */
#footer {
    clear:both;
    padding-left:4px;
    padding-bottom:10px;
    margin-bottom:20px;
    text-align:left;
    font-size:.65em;
    border-top:#ccc 1px solid;
    background-color:#fff;
    color:#666;
}
#footer ul {
    padding-top:5px;
    text-align:left;
}
#footer li {
    border-right:#eee 1px solid;
    display:inline;
    padding:0px 10px;
}
#footer a {
    color:#666;
    text-decoration:none;
}
#footer a:hover {
    color:#000;
}
#footer li.tab7 {
    border:none;
}
/* Home */
#wrapper.ss01 #textarea {
    margin-left:0px;
    width:536px;
}
/* Plan A Visit */
#wrapper.ss02 {
    background-image:url(images/ss02.gif);
}
#wrapper.ss02 #menu li.tab31 a, #wrapper.ss02 #menu li.tab31 a:hover {
    background:none;
}
#wrapper.ss02 #navigation {
    background-image:url(images/bg_nav.visit.gif);
    background-color:#2E4A9E;
    color:#fff;
}
#wrapper.ss02 #navigation a, #wrapper.ss02 #menu2 a {
    background-color:#2E4A9E;
    color:#fff;
}
#wrapper.ss02 #navigation li a:hover, #wrapper.ss02 #menu2 a:hover, #wrapper.ss02 #navigation li.on a {
    background-color:#fff;
    color:#273D83;
}
#wrapper.ss02 h1 {
    color:#273D83;
}
#wrapper.ss02 strong {
    color:#273D83;
}
/* Explore by Exibit */
#wrapper.ss03 {
    background-image:url(images/ss03.gif);
}
#wrapper.ss03 #menu li.tab32 a, #wrapper.ss03 #menu li.tab32 a:hover {
    background:none;
}
#wrapper.ss03 #navigation {
    background-image:url(images/bg_nav.explore1.gif);
    background-color:#6798C7;
    color:#fff;
}
#wrapper.ss03 #navigation a, #wrapper.ss03 #menu2 a {
    background-color:#6798C7;
    color:#fff;
}
#wrapper.ss03 #navigation li a:hover, #wrapper.ss03 #navigation li.on a, #wrapper.ss03 #menu2 a:hover {
    background-color:#fff;
    color:#666699;
}
#wrapper.ss03 h1 {
    color:#666699;
}
#wrapper.ss03 strong {
    color:#666699;
}
/* Explore by Animal */
#wrapper.ss04 {
    background-image:url(images/ss04.gif);
}
#wrapper.ss04 #menu li.tab35 a, #wrapper.ss04 #menu li.tab35 a:hover {
    background:none;
}
#wrapper.ss04 #navigation {
    background-image:url(images/bg_nav.explore2.gif);
    background-color:#8A9E17;
    color:#fff;
}
#wrapper.ss04 #navigation a, #wrapper.ss04 #menu2 a {
    background-color:#8A9E17;
    color:#fff;
}
#wrapper.ss04 #navigation li a:hover, #wrapper.ss04 #navigation li.on a, #wrapper.ss04 #menu2 a:hover {
    background-color:#fff;
    color:#6C7C12;
}
#wrapper.ss04 h1 {
    color:#6C7C12;
}
#wrapper.ss04 strong {
    color:#6C7C12;
}
/* About Shedd */
#wrapper.ss05 {
    background-image:url(images/ss05.gif);
}
#wrapper.ss05 #menu li.tab33 a, #wrapper.ss05 #menu li.tab33 a:hover {
    background:none;
}
#wrapper.ss05 #navigation {
    background-image:url(images/bg_nav.about.gif);
    background-color:#97002E;
    color:#fff;
}
#wrapper.ss05 #navigation a, #wrapper.ss05 #menu2 a {
    background-color:#97002E;
    color:#fff;
}
#wrapper.ss05 #navigation li a:hover, #wrapper.ss05 #navigation li.on a, #wrapper.ss05 #menu2 a:hover {
    background-color:#fff;
    color:#7C0525;
}
#wrapper.ss05 h1 {
    color:#7C0525;
}
#wrapper.ss05 strong {
    color:#7C0525;
}
/* Education */
#wrapper.ss06 {
    background-image:url(images/ss06.gif);
}
#wrapper.ss06 #navigation {
    background-image:url(images/bg_nav.education.gif);
    background-color:#802082;
    color:#fff;
}
#wrapper.ss06 #navigation a, #wrapper.ss06 #menu2 a {
    background-color:#802082;
    color: #fff;
}
#wrapper.ss06 #menu2 li.tab39 a {
    background-color:#fff;
    color: #802082;
}
#wrapper.ss06 #navigation li a:hover, #wrapper.ss06 #navigation li.on a, #wrapper.ss06 #menu2 a:hover {
    background-color:#fff;
    color: #802082;
}
#wrapper.ss06 h1 {
    color: #802082;
}
#wrapper.ss06 strong {
    color: #802082;
}
/* Conservation */
#wrapper.ss07 {
    background-image:url(images/ss07.gif);
}
#wrapper.ss07 #navigation {
    background-image:url(images/bg_nav.conservation.gif);
    background-color:#80B3B7;
    color:#fff;
}
#wrapper.ss07 #navigation a, #wrapper.ss07 #menu2 a {
    background-color:#80B3B7;
    color: #fff;
}
#wrapper.ss07 #menu2 li.tab37 a {
    background-color:#fff;
    color:#80B3B7;
}
#wrapper.ss07 #navigation li a:hover, #wrapper.ss07 #navigation li.on a, #wrapper.ss07 #menu2 a:hover {
    background-color:#fff;
    color:#80B3B7;
}
#wrapper.ss07 h1 {
    color:#80B3B7;
}
#wrapper.ss07 strong {
    color:#80B3B7;
}
/* Private Events */
#wrapper.ss08 {
    background-image:url(images/ss08.gif);
}
#wrapper.ss08 #navigation {
    background-image:url(images/bg_nav.events.gif);
    background-color:#AA9331;
    color:#fff;
}
#wrapper.ss08 #navigation a, #wrapper.ss08 #menu2 a {
    background-color:#AA9331;
    color: #fff;
}
#wrapper.ss08 #menu2 li.tab38 a {
    background-color:#fff;
    color:#AA9331;
}
#wrapper.ss08 #navigation li a:hover, #wrapper.ss08 #navigation li.on a, #wrapper.ss08 #menu2 a:hover {
    background-color:#fff;
    color:#AA9331;
}
#wrapper.ss08 h1 {
    color:#AA9331;
}
#wrapper.ss08 strong {
    color:#AA9331;
}
/* Special */
#extrain1 {
    position:absolute;
    height:130px;
    width:150px;
    top:0;
    left:0;
}
#extrain1 a {
    display:block;
    position:absolute;
    height:130px;
    width:150px;
    top:0;
    left:0;
}
#extrain2 {
    position:absolute;
    top:465px;
    left:0px;
}
#wrapper.ss04 #extrain2, #wrapper.ss02 #extrain2 {
    left:790px;
}
#content #textarea ul {
font-size:.8em;
line-height:1.5em;
list-style-position:outside;
list-style-type:circle;
margin-left:10px;
padding-left:10px;
}
table.tickets {
font-size:.8em;
line-height:1.5em;
}
.festive {
        /*background-image:url(images/bg_holiday.jpg);*/
}
#notify {

    position:absolute;
    top:204px;
    z-index:1000;
    text-align:center;
}

