/*

Copyright Notice --------
   
  
Copyright (c) 2008 --------emagineering, llc
	
*/

/* Global Styles */
/* -------------------------------- */

* { 
margin: 0;
padding: 0;
}

body {
background: #dbd8c4 url(../images/bg_main_01.jpg) top left repeat-x;
color: #000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
text-align: center; 
}

body.kids {
background: #84aed2 url(../images/bg_main_kids_01.jpg) top left repeat-x;
}


/* Semantic Content Styles */
/* -------------------------------- */

h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

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

img {border: 0;}
a img {border: 0;} 

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */
/* -------------------------------- */

a {
color: #999; 
text-decoration: underline;
}
a:hover {
color: #aaa; 
text-decoration: none;
}

/* Form Styles */
/* -------------------------------- */

form {}
label {}
input {} 
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}

/* Layout Styles */
/* -------------------------------- */

div#wrapperMain {
margin: 0 auto 0 auto; 
text-align: left; 
width: 786px;
background: transparent url(../images/bg_wrapper_01.gif) top left no-repeat;
} 
body.kids div#wrapperMain {
background: transparent url(../images/bg_wrapper_kids_01.gif) top left no-repeat;
} 
div#wrapperInner {
margin: 0 auto 0 auto; 
text-align: left; 
width: 786px;
background: transparent url(../images/bg_wrapper_02.gif) no-repeat;
background-position: left 600px;
} 
body.kids div#wrapperInner {
background: transparent url(../images/bg_wrapper_kids_02.gif) no-repeat;
background-position: left 600px;
}
div#wrapper {
margin: 0 auto 0 auto; 
text-align: left; 
width: 770px;
background: #ffffff;
} 

div#header {
height: 160px;
width: 770px;
background: transparent url(../images/bg_header_001.jpg) top left no-repeat;
}
body.museuminfo div#header {
background: transparent url(../images/bg_header_002.jpg) top left no-repeat;
}
body.exhibits div#header {
background: transparent url(../images/bg_header_003.jpg) top left no-repeat;
}
body.kids div#header {
background: transparent url(../images/bg_header_004.jpg) top left no-repeat;
}
body.teachers div#header {
background: transparent url(../images/bg_header_005.jpg) top left no-repeat;
}
body.involved div#header {
background: transparent url(../images/bg_header_006.jpg) top left no-repeat;
}
body.events div#header {
background: transparent url(../images/bg_header_007.jpg) top left no-repeat;
}
body.directions div#header {
background: transparent url(../images/bg_header_008.jpg) top left no-repeat;
}
body.rental div#header {
background: transparent url(../images/bg_header_009.jpg) top left no-repeat;
}
body.about div#header {
background: transparent url(../images/bg_header_010.jpg) top left no-repeat;
}
body.shortterm div#header {
background: transparent url(../images/bg_header_011.jpg) top left no-repeat;
}
body.clahclehlah div#header {
background: transparent url(../images/bg_header_012.jpg) top left no-repeat;
}
body.rosary div#header {
background: transparent url(../images/bg_header_013.jpg) top left no-repeat;
}
body.outdoor div#header {
background: transparent url(../images/bg_header_014.jpg) top left no-repeat;
}
body.firstpeople div#header {
background: transparent url(../images/bg_header_015.jpg) top left no-repeat;
}
body.earlychanges div#header {
background: transparent url(../images/bg_header_016.jpg) top left no-repeat;
}
body.transportation div#header {
background: transparent url(../images/bg_header_017.jpg) top left no-repeat;
}
body.grandgallery div#header {
background: transparent url(../images/bg_header_018.jpg) top left no-repeat;
}
body.naturalhistory div#header {
background: transparent url(../images/bg_header_019.jpg) top left no-repeat;
}
body.harshdemands div#header {
background: transparent url(../images/bg_header_020.jpg) top left no-repeat;
}
body.spiritualquest div#header {
background: transparent url(../images/bg_header_021.jpg) top left no-repeat;
}

div#header h1 {
padding: 18px 0 0 11px;
}
div#header h1 a { 
display: block;
width: 233px;
height: 54px;
background: transparent url(../images/logo_header_001.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
body.museuminfo div#header h1 a { 
background: transparent url(../images/logo_header_002.gif) top left no-repeat;
}
body.exhibits div#header h1 a { 
background: transparent url(../images/logo_header_003.gif) top left no-repeat;
}
body.kids div#header h1 a { 
background: transparent url(../images/logo_header_004.gif) top left no-repeat;
}
body.teachers div#header h1 a { 
background: transparent url(../images/logo_header_005.gif) top left no-repeat;
}
body.involved div#header h1 a { 
background: transparent url(../images/logo_header_006.gif) top left no-repeat;
}
body.events div#header h1 a { 
background: transparent url(../images/logo_header_007.gif) top left no-repeat;
}
body.directions div#header h1 a { 
background: transparent url(../images/logo_header_008.gif) top left no-repeat;
}
body.rental div#header h1 a { 
background: transparent url(../images/logo_header_009.gif) top left no-repeat;
}
body.about div#header h1 a { 
background: transparent url(../images/logo_header_010.gif) top left no-repeat;
}
body.shortterm div#header h1 a { 
background: transparent url(../images/logo_header_011.gif) top left no-repeat;
}
body.clahclehlah div#header h1 a { 
background: transparent url(../images/logo_header_012.gif) top left no-repeat;
}
body.rosary div#header h1 a { 
background: transparent url(../images/logo_header_013.gif) top left no-repeat;
}
body.outdoor div#header h1 a { 
background: transparent url(../images/logo_header_014.gif) top left no-repeat;
}
body.firstpeople div#header h1 a { 
background: transparent url(../images/logo_header_015.gif) top left no-repeat;
}
body.earlychanges div#header h1 a { 
background: transparent url(../images/logo_header_016.gif) top left no-repeat;
}
body.transportation div#header h1 a { 
background: transparent url(../images/logo_header_017.gif) top left no-repeat;
}
body.grandgallery div#header h1 a { 
background: transparent url(../images/logo_header_018.gif) top left no-repeat;
}
body.naturalhistory div#header h1 a { 
background: transparent url(../images/logo_header_019.gif) top left no-repeat;
}
body.harshdemands div#header h1 a { 
background: transparent url(../images/logo_header_020.gif) top left no-repeat;
}
body.spiritualquest div#header h1 a { 
background: transparent url(../images/logo_header_021.gif) top left no-repeat;
}

div#navCol {
float: right;
width: 651px;
height: 32px;
background: transparent url(../images/bg_nav_001.jpg) top right no-repeat;
margin: 24px 0 0 0;
}
body.museuminfo div#navCol {
background: transparent url(../images/bg_nav_002.jpg) top right no-repeat;
}
body.exhibits div#navCol {
background: transparent url(../images/bg_nav_003.jpg) top right no-repeat;
}
body.kids div#navCol {
background: transparent url(../images/bg_nav_004.jpg) top right no-repeat;
}
body.teachers div#navCol {
background: transparent url(../images/bg_nav_005.jpg) top right no-repeat;
}
body.involved div#navCol {
background: transparent url(../images/bg_nav_006.jpg) top right no-repeat;
}
body.events div#navCol {
background: transparent url(../images/bg_nav_007.jpg) top right no-repeat;
}
body.directions div#navCol {
background: transparent url(../images/bg_nav_008.jpg) top right no-repeat;
}
body.rental div#navCol {
background: transparent url(../images/bg_nav_009.jpg) top right no-repeat;
}
body.about div#navCol {
background: transparent url(../images/bg_nav_010.jpg) top right no-repeat;
}
body.shortterm div#navCol {
background: transparent url(../images/bg_nav_011.jpg) top right no-repeat;
}
body.clahclehlah div#navCol {
background: transparent url(../images/bg_nav_012.jpg) top right no-repeat;
}
body.rosary div#navCol {
background: transparent url(../images/bg_nav_013.jpg) top right no-repeat;
}
body.outdoor div#navCol {
background: transparent url(../images/bg_nav_014.jpg) top right no-repeat;
}
body.firstpeople div#navCol {
background: transparent url(../images/bg_nav_015.jpg) top right no-repeat;
}
body.earlychanges div#navCol {
background: transparent url(../images/bg_nav_016.jpg) top right no-repeat;
}
body.transportation div#navCol {
background: transparent url(../images/bg_nav_017.jpg) top right no-repeat;
}
body.grandgallery div#navCol {
background: transparent url(../images/bg_nav_018.jpg) top right no-repeat;
}
body.naturalhistory div#navCol {
background: transparent url(../images/bg_nav_019.jpg) top right no-repeat;
}
body.harshdemands div#navCol {
background: transparent url(../images/bg_nav_020.jpg) top right no-repeat;
}
body.spiritualquest div#navCol {
background: transparent url(../images/bg_nav_021.jpg) top right no-repeat;
}

div#colOne {
float: left;
width: 214px;
}

body.eshop div#colOne {
float: left;
width: 175px;
height: 800px;
min-height: 1200px !important;
}
html>body div#colOne p {
padding: 5px 5px 5px 15px;
}
body.shop div#colOne p {
padding: 5px 0px 5px 0px;
}
div#colTwo {
float: left;
width: 556px;
height: 500px;
min-height: 500px;
margin-right: -3px; /* one fix for the STUPID IE6 trailing character bug. One easy fix is to put a -3px right margin on the last left float. The opposite can be done for layouts with right floats. This seems to be a harmless fix that works every time. */
}
body.eshop div#colTwo {
float: left;
width: 550px;

margin: 10px 0px 10px 10px;
}

html>body div#colTwo {
height: auto;
}


/* Content Area Styles */
/* -------------------------------- */

div#content {}

div#content p, div#content li, div#content dd {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 13px;
color: #333333;
line-height: 1.4em;
}
div#content dt {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
line-height: 1.4em;
}
body.eshop div#content p {
padding: 5px 0px 5px 0px;
}
div#content p {
padding: 5px 15px 5px 15px;
}
div#content p a, div#content li a, div#content dt a, div#content dd a {
color: #336699;
text-decoration: underline;
}
div#content p a:hover, div#content li a:hover, div#content dt a:hover, div#content dd a:hover {
text-decoration: none;
}

div#content ul, div#content ol, div#content dl { 
margin: 0 0 0 25px;
padding: 1px 10px 2px 15px;
}
div#content li, div#content dd {
padding: 0 0 5px 0;
}

div#content dl {}
div#content dt {}
div#content dd {}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
font-family: arial, verdana, helvetica, sans-serif;
color: #203466;
line-height: 1.3em; 
padding: 5px 5px 5px 15px;
}

div#content h1 {
font-size: 18px;
/* color: #00858a; */
color: #203466;
/* background: transparent url(../images/heading_logo_01.gif) center left no-repeat; */
/* background: transparent url(../images/heading_logo_02.gif) center left no-repeat; */
padding: 0;
padding: 10px 0 5px 15px;
/* margin: 0 0 0 15px; */
/* text-indent: 10px; */
text-transform: uppercase;
}
div#content h2 {font-size: 16px;}
div#content h3 {font-size: 14px;}
div#content h4 {font-size: 12px;}
div#content h5 {font-size: 11px;}
div#content h6 {font-size: 10px;}

div#content h4.titleBar {
width: 180px;
/* background-color: #203466; */
background: transparent url(../images/heading_back_01.gif) center left no-repeat;
color: #ffffff;
}

div#content a {}
div#content a:hover {}

div#content form {}

div#content input {}
div#content select {}

.imagePadding {
padding: 5px 8px 5px 8px;
}
.imageMarginRight {
padding: 5px 10px 0 0;
}

div#footerWrapper {
margin: 0 auto 0 auto; 
text-align: left; 
width: 786px;
height: 425px;
background: transparent url(../images/bg_main_02.jpg) no-repeat;
background-position: center -100px;
}
  
body.kids div#footerWrapper {
background: none;
} 
div#footerWrapper h5 {
position: absolute;
display: block;
width: 233px;
height: 54px;
background: transparent url(../images/logo_footer_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
margin: 28px 0 0 18px;
}
body.kids div#footerWrapper h5 {
background: transparent url(../images/logo_footer_02.gif) top left no-repeat;
}

div#footerlogo {
float:right;
width: 92px;
height: 24px;
}
div#footerWrapper h6 {
position: absolute;
display: block;
width: 92px;
height: 24px;
background: transparent url(../images/logo_emagineering.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
margin: 2px 0 0 680px;
}
body.kids div#footerWrapper h6 {
background: transparent url(../images/logo_emagineering_02.gif) top left no-repeat;
}

div#footer {
clear: both;
margin: 0 auto 0 auto;
width: 786px;
height: 60px;
background: transparent url(../images/bg_footer_01.jpg) top left no-repeat;
text-align: right;
}
body.kids div#footer {
background: transparent url(../images/bg_footer_02.jpg) top left no-repeat;
}
div#footer p {
margin-right: 16px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #d2d2d2;
}
div#footer a {}
div#footer a:hover {}

/* Navigation Styles */
/* -------------------------------- */

div#topNav {}
div#topNav ul {
padding: 8px 0 0 0;
/* width: 100%; */
list-style: none;
}
div#topNav ul li {
display: block;
float: left;
margin: 0 0 0 10px;
}

div#topNav ul li a {
text-decoration: none;
display: block;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
padding: 0 0 0 12px;
}
body.kids div#topNav ul li a {
color: #000000;
}

/* "currently on" and "hover" states */

div#topNav ul li a:hover,
div#topNav ul li:hover a,
div#topNav ul li.sfhover a,
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #ffffff;
}
div#topNav ul li a:hover {
color: #d2d2d2;
}

div#topNav ul ul {
padding: 0;
position: absolute;
left: -9999px;
width: 170px;
z-index: 100;
border: 1px solid #1f3566;
/* background-color: #00858a; */
background-color: #c36868;
}

div#topNav ul ul li {
display: inline;
float: none;
margin: 0;
padding: 3px 0 3px 0;
}
div#topNav ul ul li a {
display: block;
padding: 5px; /* width should add up to 150px */
width: 160px;
color: #777;
border-bottom: 1px solid #1f3566;
}
div#topNav ul ul li.slast a {
border-bottom: none;
}
div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
background-color: #e8e6da;
color: #203466;
}

div#topNav li:hover ul ul,
div#topNav li.sfhover ul ul {
left: -9999px;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul {
left: auto;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul,
div#topNav li li:hover ul,
div#topNav li li.sfhover ul {
left: auto;
}

div#footerNav {
padding: 10px 0 5px 0;
}
div#footerNav ul {
list-style: none; 
text-align: right;
margin-right: 8px;
}
div#footerNav ul li {
display: inline; 
}
div#footerNav ul li a {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #d2d2d2;
text-decoration: none;
padding: 0 10px 0 10px;
}
div#footerNav ul li a:hover {
color: #cccccc;
text-decoration: underline; 
}

/* Search Form Styles */

div#search {
margin-left: 15px !important;
margin-left: 10px;
padding-top: 5px;
}
div#search img {}
div#search input {
}
div#search input.text {
border: 1px solid #ddd;
height: 12px;
padding: 2px;
font-size: 10px;
color: #363636;
margin-top: 3px !important;
margin-top: 2px;
}

div#search input.image {}

/* Common Styles */
/* -------------------------------- */

.current {}
.powered {
text-align: center; 
padding: 10px;
}
.designed {}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.noDisplay {
display: none;
}

.marginLeftAll {
margin-left: 10px;
}

div#formOption {
width: 400px;
}

/* styles for the gallery tables */
.galleryTable {
margin: 10px 15px 10px 15px;
/* background-color: #f8f8f8; */
background-color: #ffffff;
}
/* iNP Styles */
/* -------------------------------- */

div#Related {}

/* body.museuminfo div#Related {
display: none;
}
body.firstpeople div#Related {
display: none;
}
body.rosary div#Related {
display: none;
}
body.teachers div#Related {
display: none;
} */
div#Related li {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 13px;
/* color: #5c5c5c; */
color: #333333;
line-height: 1.4em;
}
div#Related ul { 
margin: 0 0 0 25px;
padding: 1px 10px 2px 15px;
}
div#Related li {
padding: 0 0 5px 0;
}
div#Vote {}
div#Voted {}
div#Comments {}
div#PostComment {}
div#PageFunctions {}

/* We don't want a 'Posted On' date to appear. Until this is corrected at the code level, 
we'll employ a cheat and simply turn the text white */

div#PageFunctions p {
color: #ffffff;
}

/* stray styles from dynamic includes */
.featuredeventsimageallign {
float: left;
padding: 0 6px 0 10px;
}

.MarginOne {
margin-left: 20px;
}
.headingOne {
text-indent: 25px;
}

/*-------------------- Return Text Link 6-15-07-------------------*/
div#LinkBack {
width: 200px;
background-image: url(../Images/ico_back.gif);
background-position: 20px 7px;
background-repeat: no-repeat;
margin-left: 5px;
float:right;
text-align:right;
}
div#LinkBack p a {
text-decoration: none;
text-align: center;
margin-left: 16px;
}

/*---------------shop template -------------*/
div#leftShopCol
{
width:175px;
margin: 10px 0px 5px 0px;
background:#F9F9F9;
float:left;
border:#336699 solid 1px;
padding: 0px 2px 0px 2px;
}
body.eshop div#siteSearch {
margin: 0px 0px 0px 5px;
}

body.eshop .searchfield {
margin: 3px 0px 3px 0px;
}
div#leftShopCol p
{
padding:0px 0px 5px 10px;
margin: 3px 2px 5px 2px;
}
div#leftShopCol h2
{
background: #F9F9F9;
color:#336699;
font-size:14px;
padding:0px 0px 0px 0px;
margin: 0px 5px 0px 5px;
border-bottom:#336699 solid 1px;
}

div#leftShopCol ul li{
font-size:12px;
line-height:16px;
margin: 1px 0px 2px 4px;
color:#336699;
}
div#rightShopCol {
width: 575px;
float:left;
}
body.eshop div#main {
width:770px;
min-height:1200px !important;
padding: 0px 0px 0px 0px;
}