/***********************
* File: s2.css - Cascading Style Sheet for http://www.sciencenter.org
* Author: Dan Danowski - dan.danowski@gmail.com Modified for Traveling Exhibition Usage by Hester Vermaak
* Created: 23 June 2007
************************/

/* Standard Tags
---------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: scroll #CCC url('/i/bg_2.gif') top left repeat;
	font: 100% Verdana, Arial, sans-serif;
	text-align: center;
	cursor: default;
	}
	
h1 {
	clear: right;
	margin: 0;
	padding: 0 0 10px 0;
	font: bold 2.0em "Tempus Sans ITC", Georgia, serif;
	text-align: center;
	color: #0066CB;
	}
	
h2 {
	clear: right;
	margin: 10p 0 0 0;
	padding: 6px 0;
	color: #0066CB;
	font-size: 1.5em;
	border-bottom: 1px dashed #999;
	}

h3 {
	margin: 10px 0 0 0;
	padding: 0;
	color: #000000;
	font-size: 1em;
	}
	
p {
	margin: 0 0 12px 0;
	padding: 0;
	}
	
/* Page Parts
---------------------------------------------------------*/
#container {
	margin: 0 auto;
	padding: 0 2px;
	width: 750px;
	text-align: left;
	background-color: #FFF;
	background: scroll #FFF url('/i/content_bg_2.jpg') top center repeat-y;
	}
	
#top {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #0066CB;
	}
#top img {
	margin: 0;
	padding: 0;
	}
#top h1 {
	display: none;
	}

#subTop {
	height: 18px;
	margin: 0;
	padding: 4px 12px;
	background-color: #009;
	border-top: 1px solid #FFF;
	color: #FFF;
	font-size: 0.7em;
	text-align: right;
	vertical-align: middle;
	}
.sbutton {
	display: inline;
	margin: 2px 4px;
	padding: 2px 8px;
	text-align: center;
	color: #009;
	border: 1px solid #FFF;
	background-color: #C6DEF7;
	text-decoration: none;
	}
a.sbutton:hover {
	border: 1px solid #FFF;
	background-color: #009;
	color: #FFF;
	}
#support {
	float: right;
	margin: 0;
	padding: 4px 8px;
	}
	
#subTop form {display:inline; margin: 0; padding: 0;}
#searchbox {width: 175px;}
#subTop form input {margin:0 4px 0 0; padding: 0; border-width:1px; font-size:0.85em;}

#content {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	}
	
#copy {
	margin: 0 20px 0 170px;
	padding: 10px 10px 0 0;
	font-size: 0.85em;
	line-height: 1.6em;
	}

#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0;
	color: #095AA6;
	background-color: #FFF;
	text-align: left;
	font-size: 0.65em;
	border-top: 1px dashed #095AA6;
	border-bottom: 1px solid #666;
	}
#footer p {
	margin: 2px 0;
	padding: 0;
	}
	
/* Menu Parts
---------------------------------------------------------*/
	
#menu {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	}
.main a {
	display: block;
	margin: 0;
	padding: 6px 3px 6px 10px;
	color: #000;
	font-size: 0.85em;
	font-weight: bold;
	text-align:left;
	text-decoration: none;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	}
.main a:hover {
	color: #FFF;
	}
.sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.sub li {
	display: inline;
	margin: 0;
	padding: 0;
	}	
.sub li a {
	display: block;
	margin: 0;
	padding: 3px 3px 3px 10px;
	background-color: transparent;
	color: #000;
	font-size: 0.75em;
	font-weight: normal;
	text-align:left;
	text-decoration: none;
	border: none;
	}

/* Red */	
#menuHome a {border-left: 10px solid #C00; background-color: #F0B2B2;}
#menuHome a:hover {background-color: #C00;}

/* Orange */
#menuEducators a {border-left: 10px solid #F60; background-color: #FFD1B2;}
#menuEducators a:hover {background-color: #F60;}
	
/* Yellow */
#menuMuseumRenters a {border-left: 10px solid #BCBC00; background-color: #F0F0B2;}
#menuMuseumRenters a:hover {background-color: #BCBC00;}

/* Green */
#menuMedia a {border-left: 10px solid #090; background-color: #B2E0B2;}
#menuMedia a:hover {background-color: #090;}

/* Teal */
#menuKids a {border-left: 10px solid #069; background-color: #B2D1E0;}
#menuKids a:hover {background-color: #069;}
	
/* Cauliflower */
#menuExhibitDescriptions a {border-left: 10px solid #33C; background-color: #C1C1F0;}
#menuExhibitDescriptions a:hover {background-color: #33C;}

/* Dark Blue */
#menuTourSchedule a {border-left: 10px solid #009; background-color: #B2B2E0;}
#menuTourSchedule a:hover {background-color: #009;}

/* Indigo */
#menuVideoFootage a {border-left: 10px solid #306; background-color: #C1B2D1;}
#menuVideoFootage a:hover {background-color: #306;}

/* Violet */
#menuPartnersAndSponsors a {border-left: 10px solid #603; background-color: #D1B2C1;}
#menuPartnersAndSponsors a:hover {background-color: #603;}

/* Thin the submenu left border */
#menuEducators .sub a,
#menuMuseumRenters .sub a,
#menuMedia .sub a,
#menuKids .sub a,
#menuExhibitDescriptions .sub a,
#menuTourSchedule .sub a,
#menuVideoFootage .sub a,
#menuPartnersAndSponsors .sub a {border-left-width: 4px;}

	
/* Random Parts
---------------------------------------------------------*/
.c {text-align:center;}
.photoRight {float:right; margin: 0 0 6px 10px;}
.photoLeft {float:left; margin: 0 0 6px 10px;}
.vc {clear:both;}