body{
	background:url(../images/background.jpg) no-repeat #050028 top center;
	font-family:arial;
	margin-top:8px;
}



p{
	font-size:75%;
	line-height:15px;
	margin:3px 0 9px;
}

img{
	border:0px;
}

a{
	color:#008ac6;
	text-decoration:none;
	font-weight:bold;
	hover: text-decoration:underline;
}

h1{
	font-weight:normal;
	font-size:110%;
}

ul, table, ol
{
	font-size:75%;
}

ul li ul, ol li ul
{
	font-size:100%;
}

ol, ul
{
	padding-left:15px;
}

th
{
	font-size:105%;	
	float:left;
}

#wrapper{
	width:972px;
	padding:0px 2px;
	background-image:url(../images/dropshadow.png);
	background-repeat: repeat-y;
}

#container{
	width:974px;
	margin:0px auto;
}

#header{
	height:135px;
	background:url(../images/header-bg.png) no-repeat;
	position:relative;
}

.logo{
	margin:35px 0px 0px 20px;
	float:left;
}

#content-wrapper{
	background-color:#fff;
	position:relative;
	width:960px;
	left:6px;
}

#right{
	float:right;
	width:325px;
}

#search{
	float:right;
	margin:100px 10px 0px 0px;
}

#buttons-right{
	float:right;
	margin:-5px 20px 0px 0;
	height:16px;
}

#buttons-right a {
	float:left;
	display:block;
	padding:0;
	margin:0;
	border:none;
}

#buttons-right img {
	float:left;
}

/* share buttons */
#buttons-right a#share-email{
	width:138px;
	height: 16px;
	text-indent:-3000px;
	padding-right:22px;
	background:transparent url(../images/email-to-friend.gif) no-repeat 0px 0px;
}

#buttons-right a#share-email:hover{
	background:transparent url(../images/email-to-friend.gif) no-repeat 0px -16px;
}

#buttons-right a#share-facebook{
	width:20px;
	height:16px;
	text-indent: -3000px;
	background:transparent url(../images/share-logos.gif) no-repeat 0px 0px;
}

#buttons-right a#share-facebook:hover{
	background:transparent url(../images/share-logos.gif) no-repeat 0px -16px;
}

#buttons-right a#share-delicious{
	width:20px;
	height:16px;
	text-indent: -3000px;
	background:transparent url(../images/share-logos.gif) no-repeat -20px 0px;
}

#buttons-right a#share-delicious:hover{
	background:transparent url(../images/share-logos.gif) no-repeat -20px -16px;
}

#buttons-right a#share-twitter{
	width:20px;
	height:16px;
	text-indent: -3000px;
	background:transparent url(../images/share-logos.gif) no-repeat -40px 0px;
}

#buttons-right a#share-twitter:hover{
	background:transparent url(../images/share-logos.gif) no-repeat -40px -16px;
}

#buttons-right a#share-stumbleupon{
	width:20px;
	height:16px;
	text-indent: -3000px;
	background:transparent url(../images/share-logos.gif) no-repeat -60px 0px;
}

#buttons-right a#share-stumbleupon:hover{
	background:transparent url(../images/share-logos.gif) no-repeat -60px -16px;
}

#buttons-right a#share-digg{
	width:20px;
	height:16px;
	text-indent: -3000px;
	background:transparent url(../images/share-logos.gif) no-repeat -80px 0px;
}

#buttons-right a#share-digg:hover{
	background:transparent url(../images/share-logos.gif) no-repeat -80px -16px;
}

a#share-myspace{
	width:20px;
	height:16px;
	text-indent: -3000px;
	background:transparent url(../images/share-logos.gif) no-repeat -100px 0px;
}

#buttons-right a#share-myspace:hover{
	background:transparent url(../images/share-logos.gif) no-repeat -100px -16px;
}
/* end share buttons */

#top-no-nav{
	margin-left:2px;
	float:left;
}

#top-no-nav h1
{
	background:url(../images/header-tab.jpg) no-repeat;
	width:954px;
	height:31px;
	margin:0px;
	padding:6px 0px 4px 10px;
	color:#fff;
	font-size:170%;
	font-weight:bold;
	float:left;
}

#content{
	float:left;
	background-color:#fff;
	width:670px;
	margin:15px 0px 0px 20px;
}

#content li
{
	line-height:17px;
}

#content a:hover
{
	font-weight:bold;
	text-decoration:underline;
}

#content h2{
	color:#282828;
	font-size:105%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:-5px;
	display:block;
}

#content.privacy h2
{
	margin-top:20px;
}

#content h3{
	color:#034799;
	font-size:95%;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:-5px;
}

#content ul.bulleted, #content ol{
	font-size: 75%;
}

#content #member-cards
{
	margin:0px auto;
	width:400px;
	padding-right:10px;
}

#content #member-cards img
{
	padding:5px 10px;
}


/*tertiary left nav*/
#left-nav{
	background-color:#f7f7f7;
	width:205px;
	float:left;
	margin:0px 15px 15px -20px;
}



#content #left-nav ul li ul a
{
	font-weight:normal;
	padding-left:0px;
}

#content #left-nav a:hover
{
	text-decoration:none;
}

#content #left-nav ul{
	list-style:none;
	padding-left:0px;
	margin:0px;
}

#content #left-nav ul li{
	color:#0781c0;
	padding-left:10px;
	font-weight:bold;
}


#content #left-nav ul li.nav-item
{
	background:url(../images/nav-bg-off.jpg) repeat-x;
	padding:4px 5px 1px 5px;
	width:195px;
	height:18px;
}

#content #left-nav ul li.nav-item a, #content #left-nav ul li.selected a, #content #left-nav ul a:hover
{
	font-weight:bold !important;
	margin:-4px 0 0 -10px;
	padding:4px 0 0px 30px;
}


#content #left-nav ul li.nav-item a
{
	background:url(../images/arrow.gif) no-repeat 18px 8px;
	width:180px;
	display:block;
	height:20px;
}

#content #left-nav ul li.selected a, #left-nav ul a:hover
{
	color:#DA008F;
}

#content #left-nav ul li.selected a, #left-nav ul li.selected a:hover, #content #left-nav ul li a:hover
{
	background:url(../images/arrow-selected.gif) no-repeat 18px 8px;
	display:block;
	width:180px;
}

#content #left-nav ul li.selected, #content #left-nav ul li:hover{
	list-style:none;
	background:url(../images/nav-bg-on.jpg) repeat-x;
	color:#da008f;
	width:195px;
	padding:4px 5px 1px 5px;
	
}

/**second level of left nav**/
#content #left-nav ul li ul
{
	margin:8px 0px 4px 15px;
	padding:0px;
	clear:both;
}

#content #left-nav ul li ul li, #content #left-nav ul li ul li:hover{
margin:0px;
padding:0px 0px 0px 5px;
display:none;
color:#696969;
font-size:100%;
list-style:none;
background: url(../images/gray-bullet.gif) no-repeat 1px 9px !important;
font-weight:normal;
height:100%;
}

#content #left-nav ul li.selected ul
{
	display:block;
}

#content #left-nav ul li.selected ul li
{
	display:block !important;
	width:175px;
	padding:4px 5px 1px;
}

#content #left-nav ul li.selected ul li a, #content #left-nav ul li ul li a:hover
{
	font-weight:normal !important;
	background:none;
	display:block;
	width:160px;
	padding:3px 0px 1px 15px;
}

#content #left-nav ul li.selected ul ul{
    margin-top:0;
    margin-bottom:0;
}

#content #left-nav ul li.selected ul ul li
{
	display:block !important;
	width:160px;
	padding:4px 5px 1px;
}

#content #left-nav ul li.selected ul ul li a, #content #left-nav ul li ul ul li a:hover
{
	font-weight:normal !important;
	background:none;
	display:block;
	width:145px;
	padding:3px 0px 1px 15px;
}

body #content #left-nav ul li.selected ul li a:hover
{
	font-weight:bold !important;
	margin-left:-4px !important;
}

body #content #left-nav ul li.selected ul li.selected a:hover
{
	font-weight:bold !important;
	margin-left:0px !important;
}

body #content #left-nav ul li.selected ul ul li a:hover,
body #content #left-nav ul li.selected ul ul li.selected a
{
	font-weight:bold !important;
	margin-left:-4px !important;
}

#content #left-nav ul li ul li a, #content #left-nav ul li ul li.selected a,  #content #left-nav ul li ul a:hover
{
	color:#696969 !important;
	height:18px;
	width:170px;
	display:block;
	padding:3px 0px 1px 0px;
	margin-left:-5px !important;

}

#content #left-nav ul li ul li.selected a,  #content #left-nav ul li ul a:hover, #content #left-nav ul li ul li.selected a:hover{
	background: none !important;
	font-weight: bold !important;
	margin-left:0px !important;
	padding:3px 0px 1px 10px;
}

#left-nav ul li ul li.selected:hover
{
	height:18px;
	display:block;
	margin-left:0px !important;
	padding:3px 0px 1px 10px;
}

#content #left-nav ul li ul li.selected:hover .two-lines{
height:31px !important;
display:block;
}

#content #left-nav ul li ul li.selected a:hover
{
	height:18px;
	display:block;
	margin-left:0px !important;
	padding:3px 0px 1px 10px;
}

#content #left-nav ul li ul .selected
{
	padding-top:0px;
}

  #content #left-nav ul li ul li .two-lines{
	height:30px;
	display:block;
}






 #content #left-nav ul li ul li .two-lines a
{
	height:30px;
}

#content #right-content
{
	width:460px;
	float:left;
}

/**Callouts Styles**/
.callouts_top{
	position:absolute; 
	top:-21px;
	left:2px; 
}

#callout-wrapper{
	float:right;
	height:auto;
	position:relative;
	top:-10px;
	padding-bottom:98px;
	width:268px;
}

#callouts{
	float: right;
	position:relative;
	top:-50px;
	width:266px;
	right:1px;
	height:auto;
	background:url(../images/callout-shadow-bg.png) repeat-y;
}

#callouts #hours{
	width:230px;
	margin:0px 0px 0px 20px;
}

#callouts p{
	padding:0px;
	margin:5px 0px;
}

#callouts img{
	float:left;
	margin-right:5px;
}

#callouts .callout{
	border-top:1px solid #d9d9d9;
	width:230px;
	margin:10px 0px 0px 20px;
	clear:both;
	padding-top:10px;
}

#callouts #top-callouts .callout{
	border-top:0px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding-top:0px;
	padding-bottom:10px;
	margin: 0 0 0 20px;
}

#callouts h1{
	font-family: arial black, arial;
	font-size:110%;
	margin:0px;
	font-weight:bold;
	padding-right:20px;
	display:block;
	line-height:18px;
}

.callout h1{
	color:#3aacdf;
	margin-bottom:3px;
}

#callouts h1 img{
	position:absolute;
	right:-30px;
	top:4px;
}

#callouts #hours h1{
	color:#0351a7;
	background:url(../) no-repeat bottom right;
	padding-bottom:0px;
	font-size:105%;
	display:block;
	padding-right:15px;
	width:180px;
	letter-spacing:-0.2px;
	line-height:21px;
}

#hours .hours-title
{
	display:inline;

}

#hours h2{
	color:#0351a7;
	font-size:105%;
	margin:0px;
}

.callout .title
{
	padding-right:15px;
	background:url(../) no-repeat right bottom ;	
	margin-bottom:-2px;
	display:inline;
}	

.callout a img{
	margin:15px 0px;
	display:block;
}

.callout .callout-image 
{
	float:left; margin-top:5px;
}

.callout img
{
	padding-top:5px;}
	

#callout-wrapper #bottom
{
	background:url(../images/callout-shadow-bottom.jpg) no-repeat;
	height:147px;
	position:absolute;
	bottom:1px;
	width:266px;
	left:2px;
}

.landing-flash{
	margin-top:-100px;
}

#callouts .button img
{
	margin:0px;
}

/***/
.btn   
{
	display: block;
	position: relative; 
	padding: 5px; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	margin-bottom:10px; 
 }
  
.btn *  
{
	font-style: normal; 	
	background-image: url(../images/button-bg-long.jpg); 
	background-repeat: no-repeat; 
	display: block; 
	position: relative; 
	font-size:11px;
}

.btn span   
{
	background-position: bottom left;
	left: -5px; 
	padding: 5px 0 5px 10px; 
	margin-bottom: -5px; 
}

.btn span span { background-position: bottom right; position: absolute; right: -10px; margin-left: 9px; bottom: 5px; height: 0; padding-top:16px;}

/**/
a.button
{
	background:url(../images/button-right.jpg)no-repeat right;
	padding-right:5px;
}

span.button-right
{
	background:url(../images/button-left.jpg) no-repeat left;
	padding-left:5px;
}

.button-text
{
    z-index:5; 
	display:inline;
    background:none;
    top:1px;
    text-transform:uppercase;
    padding: 0px 20px;
    position:relative;
    margin-top:0px;
}

.btn span.top-btn .button-text
{
	top:2px;
}

span.link-text
{
	position:relative;
    top:-1px;
}

a.button-small
{
	background: url(../images/button-bg-sm.jpg) no-repeat;
    width:116px;
}
/**/

#bottom-nav{
	background:url(../images/bottom-nav-bg.jpg) repeat-x;
	height: 130px;
	padding-top:15px;
	margin-left:8px;
	width:960px;
}

#bottom-nav .column{
	float:left;
	width:135px;
	padding:0px 35px 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#bottom-nav .column img{
	margin-bottom: 4px;
}

#bottom-nav .column.first
{
	padding:0px 35px 0px 25px;
}

#bottom-nav h1{
	color:#00a6ef;
	font-size:115%;
	font-family:arial black;
	margin:0;
}

.column a{
	color:#fff;
	font-size:75%;
	text-decoration:none;
	display:block;
}

.column a:hover
{
	text-decoration:underline;
}

#bottom-nav .no-header{
	margin-top:22px;
	padding:0px 25px 0px 15px;
	width:110px;
}

#footer{
	font-size:75%;
	color:#00a6ef;
	margin-top:10px;
}

#footer a{
	text-decoration:none;
	color:#00a6ef;
	margin:0px 15px;
}

#footer a:hover{
	text-decoration:underline;
}

#visit-us {
	color:#FFFFFF;
	font-size:75%;
	margin:5px;
	display:block;
	text-align: left;
}

#visit-us a {
	margin:0 0 0 5px;
	vertical-align: middle;
}

/* Global Navigation*/

#global-nav{
	position:absolute;
	right:5px;
	top:15px;
	width:502px;
	height:30px;
	background:url(../images/global-sprite-nav.jpg) 0px 0px no-repeat;
	overflow:hidden;
}

#global-nav ul{
	margin-left:288px;
}

#global-nav li {
	position: absolute;
	top: 0px;
	list-style-type: none;
	height: 30px;
}

#global-nav a {
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#global-nav li, #global-nav a {
	display: block;
}

#global-nav-educate {
	left: 0px;
	width: 71px;
}

#global-nav-support {
	left: 71px;
	width: 70px;
}

#global-nav-about{
	left: 140px;
	width: 56px;
}
#global-nav-shop {
	left: 196px;
	width: 51px;
}

#global-nav-events {
	left: 247px;
	width: 119px;
}
#global-nav-contact {
	left: 366px;
	width: 64px;
}
#global-nav-enews {
	left: 430px;
	width: 86px;
}

#global-nav li a:hover, #global-nav li a.active {
	background-image:url(../images/global-sprite-nav.jpg);
	background-repeat:no-repeat;
}

#global-nav-educate a:hover, #global-nav-educate a.active {
	background-position:0 -31px;
}

#global-nav-support a:hover, #global-nav-support a.active {
	background-position:-71px -31px;
}

#global-nav-about a:hover, #global-nav-about a.active {
	background-position:-140px -31px;
}

#global-nav-shop a:hover, #global-nav-shop a.active {
	background-position:-196px -31px;
}

#global-nav-events a:hover, #global-nav-events a.active {
	background-position:-247px -31px;
}
#global-nav-contact a:hover, #global-nav-contact a.active {
	background-position:-366px -31px;
}
#global-nav-enews a:hover, #global-nav-enews a.active {
	background-position:-430px -31px;
}
/**/

/* Top Navigation*/
#top-nav{
	position:absolute;
	right:0px;
	top:45px;
	width:600px;
	height:43px;
	background:url(../images/top-sprite-nav.jpg) 0px 0px no-repeat;
}

#top-nav ul{
margin-left:288px;
}

#top-nav li {
	position: absolute;
	top: 0px;
	list-style-type: none;
	height: 43px;
}

#top-nav a {
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#top-nav li, #top-nav a {
	display: block;
}

#top-nav-visit {
	left: 0px;
	width: 92px;
}

#top-nav-things-to-do {
	left: 92px;
	width: 170px;
}

#top-nav-exhibits{
	left: 263px;
	width: 127px;
}
#top-nav-groups {
	left: 390px;
	width: 122px;
}

#top-nav-join {
	left: 512px;
	width: 86px;
}

#top-nav li a:hover, #top-nav li a.active {
	background-image:url(../images/top-sprite-nav.jpg);
	background-repeat:no-repeat;
}

#top-nav-visit a:hover, #top-nav-visit a.active {
	background-position:0 -43px;
}

#top-nav-things-to-do a:hover, #top-nav-things-to-do a.active {
	background-position:-92px -43px;
}

#top-nav-exhibits a:hover, #top-nav-exhibits a.active {
	background-position:-263px -43px;
}

#top-nav-groups a:hover, #top-nav-groups a.active {
	background-position:-390px -43px;
}

#top-nav-join a:hover, #top-nav-join a.active {
	background-position:-512px -43px;
}
/*End Top nav style*/

#inner-nav-container
{
	height:51px;
	margin-bottom:10px;
}

/** Visit **/

#visit-description{
	background:url(../images/grey-bg-gradient.jpg) #fbfbfb repeat-x bottom center;
	height:120px;
	width:955px;
	margin:-20px 0px 20px -17px;
}

.visit-title
{
	position:absolute; top:42px; left:0px;
}

#visit-description-content{
	width:630px;
	margin-left:20px;
	padding-top:15px;
}

#visit-description-content h2
{
	color:#3CAC00;
	font-size:110%;
}

#visit-description-content p
{
	font-size:95%;
	padding-left:0;
}

.hours-ticket-content
{
	float:left;
	width:520px;
	margin-top:10px;
	
}

table
{
	margin-bottom:15px;
}

table.info-table
{
	margin-top:15px;
}

 table tr td
{
	/*padding:5px 50px 0px 0px;*/
}

table .odd
{
	background-color:#edf5f9;
}

table .even
{
	background-color:#f7fbfc;
}

#ticket-prices tr td
{
	width:100px;
}

.member-table tr td
{

	padding:2px 35px;
}

.info-table tr td
{
	padding:2px 15px;
}

.info-table .odd, .info-table .even
{
	height:45px;
}

.age-col
{
	text-align:left;
	padding-left:10px;
}

#visit-flash
{
	height:418px;
	width:945px;
	margin-left:-15px;
	margin-bottom:20px;
}

#visit-landing-flash
{
	width:950px;
	height:348px; 
	margin:6px 1px;
}

.content-row
{
	display:block;
	overflow:hidden;
	margin-bottom:30px;
}

.tips-right-box
{
	float:right;
	width:243px;
	background-color:#e6f2f8;
	padding:20px;
}

#content .tips-right-box h2
{
	font-weight:bold;
	color:#034799;
}

#content .tips-right-box ul
{
	padding-left:15px;
}

.info-off
{
	display:none;
}

.info-on
{
	display:block;
}


#visit-nav 
{
	background:transparent url(../images/visit-sprite-nav.jpg) no-repeat scroll 0 0;
	height:43px;
	left:131px;
	position:relative;
	top:18px;
	width:825px;
	margin-bottom:20px;
}

#visit-nav ul{
	margin-left:288px;
}

#visit-nav li {
	position: absolute;
	top: 0px;
	list-style-type: none;
	height: 43px;
}

#visit-nav a
{
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#visit-nav li, #visit-nav a {
	display: block;
}

#visit-nav-hours-and-prices {
	left: 0px;
	width: 152px;
}

#visit-nav-getting-here {
	left: 152px;
	width: 142px;
}

#visit-nav-parking{
	left: 294px;
	width: 110px;
}
#visit-nav-floorplans {
	left: 404px;
	width: 128px;
}

#visit-nav-things-to-know {
	left: 532px;
	width: 147px;
}

#visit-nav-in-hartford {
	left: 679px;
	width: 156px;
}

#visit-nav li a:hover, #visit-nav li a.active {
	background-image:url(../images/visit-sprite-nav.jpg);
	background-repeat:no-repeat;
}


#visit-nav-hours-and-prices a:hover, #visit-nav-hours-and-prices a.active {
	background-position:0px -43px;
}

#visit-nav-getting-here a:hover, #visit-nav-getting-here a.active {
	background-position:-152px -43px;
}

#visit-nav-parking a:hover, #visit-nav-parking a.active {
	background-position:-294px -43px;
}

#visit-nav-floorplans a:hover, #visit-nav-floorplans a.active {
	background-position:-404px -43px;
}

#visit-nav-things-to-know a:hover, #visit-nav-things-to-know a.active {
	background-position:-532px -43px;
}	
#visit-nav-in-hartford a:hover, #visit-nav-in-hartford a.active {
	background-position:-679px -43px;
}
/**/

.movie-info{
	background-color:#F8F8F8;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 1px 2px;
	float:left;
	margin:0 0 25px 0px;
	padding:10px;
	width:440px;
}

#content .movie-info h2
{
	margin-bottom:5px;
}

#content .movie-info h2 a{
	color:#282828;
}

/***E-news Form**/
#content.form h3
{
	margin-bottom:8px;
	display:block;
}

.form label
{
	font-size:75%;	
}

.form-field label
{
	width:130px;
	float:left;
	font-weight:bold;
	color:#034799;
}

#content.form table
{
	font-size:100%;
}

#content #form-fields
{
	width:300px;
	display:block;
	margin-left:10px;
}

#content .form-field
{
	width:300px;
	display:block;
	margin-bottom:5px;
	overflow:hidden;
}

#content .form-field input
{
	float:right;
}

#content textarea{
    width:400px;
    height:150px;
}

/***Sitemap**/

.sitemap-column
{
	width:300px;
	float:left;
}

.sitemap-column h3 a
{
	color:#034799 !important;
	font-size:95%;
	font-weight:bold;
	margin-bottom:-5px;
	margin-top:20px;
}

.sitemap-column ul
{
	list-style:none;
	margin-left:5px;
}

/*SHADOW BOX FIX FOR IE8*/
#shadowbox_title {
  border: 0px solid;
}

#shadowbox_info {
  border: 0px solid;
} 

/**Exhibit styles will not fit on pages with left navs.  Please use these instead if you want to use the grey boxes around content**/
#content .quick-gallery{
	background-color:#F8F8F8;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 1px 2px;
	float:left;
	margin:0 0 25px -5px;
	padding:5px 10px 10px;
	width:430px;
}

#content .quick-gallery h3{
margin-top:5px;
}

.gallery-link{
float:left;
padding:15px 35px 5px;
width:140px;
}
 
#content .quick-gallery img{
border:1px solid #9C9C9C;
}

#content .quick-gallery p a{
text-align:center;
}
.icon-wrapper{
	background-color:#F8F8F8;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 1px 2px;
	float:left;
	margin:0 0 20px 0px;
	padding:10px;
	width:70px;
}
.icon-wrapper-1{
	background-color:#F8F8F8;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 1px 2px;
	float:left;
	margin:0 0 20px 0px;
	padding:10px;
	width:210x;
	text-align:center;
}