/* 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-repeat: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 {
    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(http://interactive.sheddaquarium.org/images/all_tabs.gif) left top no-repeat;}
#menu li.tab31 a:hover {
    background:url(http://interactive.sheddaquarium.org/images/all_tabs.gif) left bottom no-repeat;}
#menu li.tab32 a {
    background:url(http://interactive.sheddaquarium.org/images/all_tabs.gif) -182px top no-repeat;}
#menu li.tab32 a:hover {
    background:url(http://interactive.sheddaquarium.org/images/all_tabs.gif) -182px bottom no-repeat;}
#menu li.tab35 a {
    background:url(http://interactive.sheddaquarium.org/images/all_tabs.gif) -362px top no-repeat;}
#menu li.tab35 a:hover {
    background:url(http://interactive.sheddaquarium.org/images/all_tabs.gif) -362px bottom no-repeat;}
#menu li.tab28 a {
    background:none;}
#menu li.tab28 a:hover {
    background:none;}
#menu li.tab33 a {
    width:170px;
    margin-right:0px;
    background:url(http://interactive.sheddaquarium.org/images/all_tabs.gif) -722px top no-repeat;}
#menu li.tab33 a:hover {
    background:url(http://interactive.sheddaquarium.org/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;
}
div#tagcloud {
	background-color:#D0ECcc; 
	padding:10px 15px 10px 0px;
}
#tagcloud li {
    display:inline;
    font-size:.8em;
}
/* Navigation */
#navigation {
    width:178px;
    margin:5px 4px 0px 0px;
    padding:15px 0px 30px 0px;
    float:left;
    background-image:url(http://interactive.sheddaquarium.org/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;
}
/* Callout */
#callout {
    width:178px;
    margin:5px 0px 0px 0px;
    padding:15px 0px 30px 0px;
    float:left;
    background-image:url(http://interactive.sheddaquarium.org/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;
}
/* Interactive */
#wrapper.interactive {
    background-image:url(http://interactive.sheddaquarium.org/images/interactive.gif);
}
#menu li.tab28 a, #menu li.tab28 a:hover {
    background:none;
}
#wrapper.interactive #navigation {
    background-image:url(http://interactive.sheddaquarium.org/images/navinteractive.gif);
    background-color:#cc6928;
    color:#fff;
}
#wrapper.interactive #navigation a, #wrapper.interactive #menu2 a {
    background-color:#cc6928;
    color: #fff;
}
#wrapper.interactive #navigation li a:hover, #wrapper.interactive #navigation li.on a, #wrapper.interactive #menu2 a:hover {
    background-color:#fff;
    color:#cf5a0c;
}
#wrapper.interactive h1, #wrapper.interactive h1 a, #wrapper.interactive h2 a {
    color:#cf5a0c;
}
#wrapper.interactive strong {
    color:#cf5a0c;
}
/* 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:450px;
    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;
}
div.entry {width:446px;}
div .entry-footer {	background:#d0ecf1; margin-bottom:36px; font-size:11px;
}
div .entry-content { padding-top:15px;
}
p.date-header b, p.date-header { font-size:10px; color:#666; height:8px;
}
p.date-header { border-bottom:#ccc 1px solid;
}
h2.entry-header { color:#cc6928; margin-top:5px;
}
h2.content-header {color:#cc6928; margin-bottom:20px;}