/*
Dark blue 						- #10238C
Pantone 226 CV (magenta)	- #F0027F
Pantone 100 C (lt yellow)	- #FFF797
Pantone 2707 C (sky blue)	- #CFE0F3
Pantone Orange 021 CV		- #FE7D19
Pantone 383 C (dk yellow)	- #B2BB1E
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0; background-image: url(images/background-grey.jpg); }

img { border: 0; }


#logo {
	width: 200px;
}


#container {
	background: #fff url(images/container_bg2.gif) repeat-y 0 0;
	width: 764px;
	margin: 0 auto;
	border: 4px solid #10238C;
}

#header_image {
	_margin-bottom: -3px;
}

#left {
	width: 200px;
	float: left;
}

#left_content {
	padding: 0px 15px 15px 15px;
}


/* Contact & hours area */
#contact, #hours { display: block; margin: 0 5px 0 0; } /* container for upcoming & directions tabls */

#contact h1, #hours h1 {font-size: 1.8em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; margin: 0; color: #10238C;}
#contact h2, #hours h2 {font-size: 1em; margin: 0 0 15px 0; color: #FE7D19; font-weight: lighter; }
#contact h3, #hours h3 {font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; color: #10238C;  }
#contact h4, #hours h4 { font-size: 0.7em; color: #FE7D19; margin: 18px 0 0 0;  text-transform: uppercase; font-weight: lighter; }
#contact p, #hours p { font-size: 0.7em; color: #10238C; margin: 0 0 10px 0;}



/* Upcoming & Directions Tabs */

#upcoming_directions { display: block; width: 152px; } /* container for upcoming & directions tabls */

#tabs {
   display: block;
	width: 145px;
	color: #fff;
	border: 1px solid #a1a6aa;
	background-color: #F0027F;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
}

#more {
   display: block;
	width: 145px;
	color: #fff;
	border: 1px solid #a1a6aa;
	background-color: #666;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none;
	margin: 0;
	font-weight: lighter;
	font-size: 11px;
}





/*
	Upcoming Events
*/

#upcoming {
	background-color: #fff;
	border: 1px solid #A1A6AA;
	list-style-type: none;
	width: 165px;
	padding: 0;
	margin: 0;
}

#upcoming ul { margin: 0; }

#upcoming li {
	background: transparent url(images/upcoming_li_bg.jpg) repeat-x 0 0;
	margin: 3px;
	font-size: 8pt;
	color: #10238C;
	font-weight: bold;
	padding: 3px;
	min-height: 25px;
}

#upcoming li strong {
	color: #F0027F;
	display: block;
	font-size: 8pt;
}




#right {
	width: 560px;
	margin-left: auto;
	/* 
	padding-top: 260px;
	background: transparent url(images/header.jpg) no-repeat 0 0;
	*/
}

#head_image { display: block; width: 560px; height: 260px; margin: 0; padding: 0; overflow: hidden; top: 0; right: 0;}
#head_image_tmp { width: 560px; height: 260px; margin: 0 auto; background-color: #10238C; text-align: center; }

#inside_content {
	padding: 15px 40px;
}

#inside_content img {
	margin: 0 0 10px 0;
}


#inside_content h1 {
	color: #10238C;
	font-size: 16pt;
	font-weight: lighter;
	letter-spacing: -1px;
}

#inside_content h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
	font-weight: lighter;
	color: #10238C;
}

#inside_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 2px;
	font-weight: lighter;
	color: #F0027F;
}

.subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 2px;
	font-weight: lighter;
	color: #999;
}

.subnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 2px;
	font-weight: lighter;
	color: #F0027F;
}

#inside_content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #10238C;
	color: #ffffff;
	padding: 3px;
	margin: 0 0 12px 0;
	font-weight: lighter;
	text-transform: uppercase;
}

#inside_content p { margin: 0 0 10px 0; line-height: 15px; color: #10238C; font-size: 12px;}

#inside_content .intro {
	font-family: Georgia, Garamond, Times New Roman, serif;
	font-style: italic;
	font-weight: bold;
	color: #B2BB1E;
	margin: 0 0 15px 0;
	width: 460px;
}

#inside_content li {color: #10238C; margin: 0 0 10px 0; }


#special {
	width: 180px;
	margin: 0 0 15px 20px;
	float: right;
	clear: right;
}

#special strong {
	color: #FE7D19;
	text-transform: uppercase;
	font-weight: bold;
}

#special p {
	color: #10238C;
	font-size: 0.8em;
	margin: 0 0 10px 0;
}

#special li {
	color: #10238C;
	font-size: 0.8em;
	margin: 0 0 10px 0;
}


/*
	Events
*/
/*
#event {
	background: #10238C; 
	width: 200px;
	height: 49px;
	_height: 50px;
	_margin-top: -6px;  
}
*/
.clear { clear: both; }


.month, .day {
	color: #fff;
	font-family: Georgia, Garamond, Times New Roman, serif;
	text-indent: 120px;
	text-align: center;
	margin: 0;
	margin-right: auto;
	width: 160px;
}

.month {
	font-size: 1.2em;
	height: 18px;
	text-transform: uppercase;
}

.day {
	font-size: 2em;
	margin-top: -8px;
}

.event {
	color: #fff;
	float: right;
	width: 230px;
	margin: 0;
	padding: 3px;
	font-weight: bold;
	font-size: 1.2em;
	vertical-align: middle;
}

/*
	Navigation


ul.menulist {
	background-color: #10238C;
	height: 49px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menulist li { 
	float: left; 
	margin: 0 11px; 
	padding-top: 12px;
}

ul.menulist a { 
	display: block; 
	height: 35px; 
	text-indent: -9999px;
}

ul.menulist li#about 		{ width:  69px; background: #10238C url(images/nav_about.gif) no-repeat center center; }
ul.menulist li#programs 	{ width:  74px; background: #10238C url(images/nav_programs.gif) no-repeat center center; }
ul.menulist li#how 		{ width:  90px; background: #10238C url(images/nav_how.gif) no-repeat center center; }
ul.menulist li#school 	{ width: 129px; background: #10238C url(images/nav_school.gif) no-repeat center center; }
ul.menulist li#exhibits 	{ width:  62px; background: #10238C url(images/nav_exhibits.gif) no-repeat center center; }


*/