/* style.css for /~alcrockett/sciencecenter
 *
 * written by: Allen Crockett alcrockett@post.harvard.edu
 *
 * purpose: make pages that look like the w3c.org home page, with the 
 *	<div>'s all lined up next to each other without having to use 
 *	table elements or 'position' rules in CSS. 
 */

body {
	/*width: 730px;*/
	margin: 0.5em;
	padding: 0.5em;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;

	color: #333333;
	background-color: #ffffff;
}

div#top {		/* this div encapsulates the whole page	*/
	margin: 0px;
	padding: 0px;
}

			/* generic class, white on dark-red	*/ 
.harvard {		
	background-color: #660000;
	color: #ffffff;

	margin: 0px;
	padding: 0px;
}

/* --> the top banner section			*/
div.SCbanner {
	background-color: #ffffff;
	color: #ffffff;
	height: 6em;
	width: 100%;

	border-right-style: none;	/* borders for debugging*/
	border-left-style: none;
	border-bottom-style: none;

	border-width: 2px;
	border-color: #333333;

	text-align: center;

	margin: 0px;
	padding: 0px;
}


/* --> the part of the banner that says 'SCIENCE CENTER'	*/
.SClogo {
	height: auto;

	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0.5em;

	background-color: #cccccc;
	color: #ffffff;
	font-family: Helvetica, sans-serif;
	font-size: 300%;
	font-weight: bold;

	float: left;
}

/* --> the part of the banner that says the building address	*/
span.addr {
	margin: 0px;
	padding: 0px;
	padding-top: 1.0em; 

	border-bottom-style: solid;
	border-width: 2px;
	border-color: #000000;

	font-weight: bold;
	color: #000000;
	float: left;
}


/* --> quick-link form at the top of the page, in the banner section	*/
form.searchbox {
	width: 100%;

	margin: 0.0em;
	padding: 0px;

	border-style: none;	/* for debugging	*/
	border-width: 1px;
	border-color: #000000;

	clear: right;
}

form.searchbox select {		/* select elem in searchbox form	*/
	width: 10em;
	background-color: #66ffcc;

}


/* --> list of Harvard links next to the searchbox		*/
div.univ_links {
	width: 100%;
	color: #000000;
	text-align: center;

	margin: 0px;
	padding: 1px;

	border-top-style: none;
	border-bottom-style: none;
	border-width: 2px;
	border-top-color: #666699;
	border-bottom-color: #cc0000;

}

span.univ_links {		/* * deprecated	*	*/
	padding: 0px;
	margin: 0px;

	border-style: none;	/* for debugging	*/	
	border-width: 1px;
	border-color: #ffcc33;
}

/* --------------------------- navigation elements -------------------- */

/* --> side navigation blocks			*/ 
div.sideBlock {
	background-color: #ffffff;	/* formerly #ffcc99 */
	float: left;
	/*width: 26%;*/
	width: 20%;
	border: none;
}

/* --> 'subheader' item within the navigation block		*/
dt.linkhead {
	font-weight: bold;
	background-color: #663366;	/* white on violet	*/
	color: #ffffff;
	border-top-style: none;
	border-width: 2px;
	border-color: #663366;
}

dt.linkhead a:link { 		/* navblock links	*/
	text-decoration: none;
	color: #ffffff;
}

dt.linkhead a:visited {
	text-decoration: none;
	color: #ffffff;
}

/* --> regular entries in navigation block		*/
dl.leftbar dt {
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #cccccc;
}

dd.sublist {		/* sublist in nav block		*/
	margin: 0px;
	padding: 0px;
	padding-left: 2.0em;/* indent those sublists!	*/
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #cccccc;
}

dl.sublist dt {		/* different border for sublist	*/
	border-bottom-style: none;
	border-top-style: solid;
}

/* -------------- main content ------------------------ */

/* --> the middle block, where the main content goes 	*/
div.midBlock {
	/*width: 46%;*/
	width: 55%;

	padding: 0.5em;
	border-style: none;	/* for debugging	*/
	border-width: 1px;
	border-color: #cccccc;
	float: left;
}

/* --> room scheduling rate-table		*/
table#rooms td {
	text-align: center;

	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #cccc00;
}

/* -------------- reglar links ------------------------ */
a:link, a:visited, a:active {
	text-decoration: none;
	color: #0000cc;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #0000cc;
}

/* ---------------- images ----------------------------- */

/* --> the SC banner photo		*/
img.SCpic {
	height: 70px;
	width: 147px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: absolute;
	right: 0.3em;
}

img.SCpic2 {
	width: 109px;
	height: 70px;
	margin: 0px;
	padding: 0px;

	border-right-style: solid;
	border-width: 2px;
	border-color: #cccccc;
}

img.SCpic3 {
	width: 116px;
	height: 70px;
	margin: 0px;
	padding: 0px;

	border-right-style: solid;
	border-width: 2px;
	border-color: #cccccc;
}

img.SCslide {
	height: 70px;
	width: 107px;
	margin: 0px;
	margin-right: 2px;
	padding: 0px;
	float: left;
}

/* --> the part of the banner that says 'SCIENCE CENTER'*/	
img.SClogo {
	height: 35px;
	width: 313px;
	margin: 0px;
	margin-left: 0.5em;
	padding: 0px;

	float: left;
	border-right-style: none;	/* debugging	*/
	border-width: 1px;
	border-color: #ffffff;
}

/* --> the photo collage at the top of the page		*/
img.SCcollage1 {
	height: 70px;
	width: 379px;
	margin: 0px;
	padding: 0px;

	float: right;
}

/* --> thumbnails					*/

img#mapthumb {		/* map on ./about.html		*/
	width: 119px;
	height: 87px;
	margin: 0.5em;
	float: right;
}

img#chainthumb {	/* chain of life on ./about.html */
	height: 80px;
	width: 118px;
	margin: 0.5em;
	float: right;
}

img#landthumb {		/* land camera on ./about.html	*/
	height: 89px;
	width: 119px;
	margin: 0.5em;
	float: right;
}

img#tv {		/* TV monitor in /media/	*/
	height: 96px;
	width: 119px;
	margin: 0.5em;
	float: right;
}

img#homeslide {		/* img on homepage		*/
	height: 79px;
	width: 323px;
	margin: 0.5em;
	/*float: right;*/
}

div#footer {
	margin-top: 2.0em;
}