/* modified Sept 27 by Davin */
@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font: 75%/135% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #e4ecfd url(../images/bkg_body_test.jpg) no-repeat center 32px;
}
a {
	color: #000;
}
a.pdf {
	height: 11px;
	width: auto;
	padding: 6px 0 0 19px;
	background: url(../images/img_pdf.gif) no-repeat left bottom;
}
a:hover {
	color: #0083d7;
}
a.arrow, a.secondArrow, a.leftArrow {
	float: right;
	height: 10px;
	width: auto;
	margin: 4px 4px 0 0;
	text-transform: lowercase;
	text-decoration: none;
}
a.leftArrow {
	float: left;
	margin: 4px 0 35px 4px;
}
a.secondArrow {
	margin-right: 12px;
}
h2 {
	font-size: 133%;
	margin-bottom: 7px;
}
h2 a {
	text-decoration: none;
}
img {
	border: none;
}
li {
	margin: 0 0 2px 15px;
}
p {
	margin-bottom: 14px;
}
ul {
	margin-bottom: 14px;
}
p.caption {
	clear: left;
	font-size: 85%;
	margin: 3px 0 0 15px;
}
td, th {
	padding: 3px;
}
.blackBkg {
	padding: 37px 24px 0;
	width: 313px;
	min-height: 282px;
	height: auto !important;
	height: 282px;
}
.blackBkg h2 {
	color: #fff !important;
}
.blackBkg li {
	font-style: normal;
}
.blackBkg strong {
	color: #0083d7;
	font-size: 133%;
	font-weight: normal;
}
.clear {
	float: left;
	width: 100%;
	height: 1px;
	overflow: hidden;
}
.flashBox {
	min-height: 226px;
	height: auto !important;
	height: 226px;
	width: auto;
	padding: 31px 0 17px 16px;
	background: url(../images/module_cosmic_movie_trailer.jpg) no-repeat left top;
 }
.imgLeft {
	float: left;
	margin-right: 9px;
}
.inline {
	display: inline;
}
.invis {
	display: none;
}
.member {
	color: #a00b59;
}
.moduleFooter {
	float: left;
	height: auto;
	width: 228px;
	padding-right: 16px;
}
.moduleFooter a.arrow {
	float: left;
}
.moduleFooter img {
	margin-bottom: 15px;
}
.moduleFooter p {
	margin-bottom: 4px;
}
.moduleLeft, .moduleRight {
	float: left;
	height: auto;
	width: 360px;
}

.moduleLeftCustom {
	float: left;
	height: 208px;
	width: 363px;
	background: url(../images/module_chirpie_premiere.jpg) no-repeat left top;
}
.moduleRight {
	float: right;
}
.moduleRight p, .moduleRight li {
	margin-right: 10px;
}
.moduleRight h3, .moduleLeft h3 {
	font-size: 133%;
	color: #0083d7;
	margin-bottom: 7px;
}
.moduleRight table {
	margin-bottom: 14px;
}
.moduleLeft h2 {
	color: #a00c5a;
}
.moduleLeft img + h2,
.moduleLeft img + h3 {
	margin-top: 21px;
}
.moduleLeft h3 {
	color: #634b89;
}
.moduleLeft table, .moduleLeft h2, .moduleLeft h3, .moduleLeft h4, .moduleLeft h5, .moduleLeft p {
	margin-left: 10px;
}
.moduleLeft .flashBox + h3 {
	margin-top: 11px;
}
.moduleRight h4 {
	font-size: 115%;
	margin-bottom: 7px;
}
.moduleLeft img + p {
	margin-top: 19px;
}
.moduleLeft img + img {
	margin-top: 35px;
}
.moduleLeft img + .flashBox {
	margin-top: 19px;
}
.moduleRight .titleImage {
	margin-bottom: 12px;
}
.moduleRight + .moduleWide {
	margin-top: 19px;
	margin-bottom: 0;	
}
.moduleWide {
	float: left;
	height: auto;
	width: 736px;
	margin-bottom: 10px;
}

.moduleWideNews {
	float: left;
	/*line-height: 1.1;*/
	position: relative;
	height: 143px;
	width: 739px;
	margin-bottom: 20px;
	background: url(../images/bkg_whats_happening.jpg) no-repeat center;
}

#imgNewsLeft {
	position: relative; 
	left: 12px; 
	top: 18px;
}

#moduleNewsBlock {
	color: #000000;
	position: relative; 
	left: 277px; 
	bottom: 100px;
	width: 220px;
	height: 100px;	
}

#moduleComingSoon {
	color: #000000;
	position: relative; 
	left: 500px; 
	bottom: 200px;
	width: 220px;	
}

#moduleNewsBlock ul {
	margin-left: 0;
	margain-top: 0;
	padding: 0;
	margin-bottom: -2px;
}

#moduleComingSoon ul {
	margin-left: 0;
	margain-top:0;
	padding: 0;
	margin-bottom: -2px;
}

#moduleNewsDate {
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
}

/* Davin Front Page Table Experiment Below */

/*.moduleFrontNews {
    float: left;
	height: auto;
	width: 736px;
	margin-bottom: 10px;
}

.moduleFrontNews tr {
	padding: 0px;
	padding-left: 10px;
	width: 368px;
}

.moduleFrontNews th, td {
	padding-left: 10px;
	width: 368px;
}
*/
.show {
	float: left;
	min-height: 135px;
	height: auto !important;
	height: 135px;
	width: 100%;
	margin-top: 10px;
}
#content {
	float: left;
	min-height: 429px;
	height: auto !important;
	height: 429px;
	width: 736px;
	padding: 0 12px 34px 12px;
	background: #fefdd7 url(../images/bkg_content_test.jpg) no-repeat center top;
}
#copyright {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 85%;
	margin: 15px 0 20px 0;
	color: #333;
}
#copyright a {
	margin: 0;
}
#copyright a:hover {
	color: #333;
}
#footer {
	float: left;
	height: 162px;
	width: 734px;
	padding: 0 13px 5px 13px;
	font-size: 90%;
	line-height: 120%;
	background: #fefdd7 url(../images/bkg_footer_test.jpg) no-repeat center bottom;
}
#footer .titleImage {
	font-size: 140%;
	margin: 4px 0 8px 0;
	color: #333;
}
#footer h3 {
	font-size: 100%;
}
#iconBuyTickets, .iconBuyTickets {
	float: right;
	margin: 0 0 0 10px;
}
#logo {
	float: right;
	height: 100px;
	width: 378px;
	margin: 59px 54px 6px 0;
	color: #333;
}

/* Navigation */
#nav {
	float: left;
	height: 111px;
	width: 736px;
	margin: 0 0 20px 13px;
	background: url(../images/bkg_nav_v2.jpg) no-repeat left top;
}
#nav a {
	text-decoration: none;
}
#mainNav a, #subNav ul ul li a {
	display: block;
}
#nav ul, #nav li, #nav a {
	margin: 0;
	padding: 0;
	z-index: 0;
}
#nav li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	position: absolute; /* second-level lists */
	width: 140px;
	z-index: 10;
}
#nav li, #nav a {
	height: 20px;
	line-height: 15px;
	width: auto;
	font-style: normal;
	font-size: 11px;
}
#nav li {
	list-style-type: none;
	position: relative;
}
#nav li {
	z-index: 0;
}
ul#mainNav {
	float: left;
	margin: 10px 0 0 2px;
}
#mainNav li {
	float: left;
	clear: left;
}
#nav ul ul li {
	float: right;
	margin: 0 !important;
	height: 12px;
	width: 571px;
	clear: right;
}
#nav ul ul li a {
	height: 12px;
	width: 515px;
	line-height: 12px;
}
#nav li#flight a, #nav li#directions a, #nav li#cosmic a {
	margin-left: 24px;
}
#nav li#special a, #nav li#home a, #nav li#mol a {
	margin-left: 47px;
}
#nav li#group a, #nav li#explore a, #nav li#cardboard a {
	margin-left: 74px;
}
#nav li#birthday a, #nav li#park a, #nav li#chirpies a {
	margin-left: 102px;
}
#nav li#facility a, #nav li#cyberdomeItem a {
	margin-left: 131px;
}
ul#mainNav li:hover {
	z-index: 15;
}
ul#mainNav li:hover ul {
	left: 156px;
	top: 0px; /* lists nested under hovered list items */
	height: 80px;
	width: 576px;
	padding-top: 4px;
}
ul#mainNav li:hover ul#plan {
	background: url(../images/bkg_plan_new.jpg) no-repeat left top;
}
ul#mainNav li:hover ul#events {
	top: -20px;
	background: url(../images/bkg_exhibits_new.jpg) no-repeat left top;
}
ul#mainNav li:hover ul#theater {
	top: -40px;
	background: url(../images/bkg_education_new.jpg) no-repeat left top;
}
#mainNav ul#plan li a, #mainNav ul#events li a, #mainNav ul#theater li a, #mainNav ul#tickets li a {
	width: auto;
}
#navabout, #navnewsroom {
	margin-left: 1px;
}
#subNav li {
	display: inline;
	margin-left: 16px;
	float: left;
	height: 19px;
	line-height: 19px;
}
#subNav li.firstChild {
	margin-left: 35px;
}
ul#subNav {
	float: right;
	height: 19px;
	width: 100%;
	margin-top: 1px;
}
ul#subNav ul {
	background-color: #000;
}
ul#subNav ul li a {
	text-align: left;
	padding: 3px 0 3px 5px;
}
ul#subNav li:hover ul {
	z-index: 10;
	left: 7px;
	top: 18px; /* lists nested under hovered list items */
	
}
ul#subNav ul li {
	height: auto;
	width: 150px;
	text-align: left;
	float: left;
	clear: left;
}
ul#subNav ul#about,
ul#subNav ul#about li {
	width: 170px;
}
/* End Navigation */
#siteInfo {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 25px;
	font-size: 100% !important;
	color: #0083d7;
	background: none;
}
#siteInfo a, #copyright a {
	color: #0083d7;
	text-decoration: none;
	margin: 0 5px 0 5px;
}
#siteInfo a:hover {
	color: #fefdd7;
}
#siteInfo a:first-child {
	margin-left: 0;
}
#siteInfo a.lastChild {
	margin-right: 0;
}
#siteInfo p:first-child {
	margin-bottom: 10px;
}
#wrap {
	margin: 0 auto;
	height: auto;
	width: 760px;
}
/* Image Gallery */
.jcarousel-scope {
    position: relative;
    height: 125px;
	width: 657px;
    padding: 31px 0 0 79px;
	background: url(../images/bkg_image_gallery.jpg) no-repeat top left;
}
.jcarousel-scope li {
	display: inline;
	margin: 0 8px 0 8px;
}
.jcarousel-next {
    position: absolute;
    top: 77px;
    right: 18px;
}
.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}
.jcarousel-prev {
    position: absolute;
    top: 77px;
    left: 18px;
}
.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}