body {
	font: 75%/135% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #d1d3d4;	
}

div.scrollMain {
    height: 692px;
    width: 360px;
    overflow: auto;
}

div.scrollMainForm {
    height: 270px;
    width: 360px;
    overflow: auto;
}

div.scrollMainCalendar {
    height: 50;
    width: 726px;
    overflow: auto;
}

A:link {color: #fff; text-decoration: none}
A:visited {color: #fff; text-decoration: none}
A:active {color: #fff; text-decoration: none}
A:hover {color: #red; text-decoration: bold;}

.footer A:link {color: #ffa201; text-decoration: none; line-height: 12pt}
.footer A:visited {color: #ffa201; text-decoration: none; line-height: 12pt}
.footer A:active {color: #ffa201; text-decoration: none; line-height: 12pt}
.footer A:hover {color: #ffa201; text-decoration: bold; line-height: 12pt}

p { margin-top:0 ;margin-bottom:0;}

H1 {font-size: 133%; font-family: arial; color: #fff; margin-bottom:3px; margin-top:2px;}
H2 {font-size: 133%; font-family: arial; color: #0083d7; margin-bottom:3px; margin-top:2px;}
H3 {font-size: 133%; font-family: arial; color: #a00c5a; margin-bottom:3px; margin-top:2px;}
H4 {font-size: 133%; font-family: arial; color: #634b89; margin-bottom:3px; margin-top:2px;}

img {
	border: none;
}
/* Navigation */
#nav {
	
	height: 111px;
	width: 736px;
	margin: 0 0 0px 0px;
	background: url(../images/new_bkg_nav.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: 22px;
	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 */