/*
	-- -- -- -- -- -- -- -- -- -- -- --
	-- -- -- -- -- -- -- -- -- -- -- --
	UC Merced Virtual Tour v.1 CSS
	Type: screen, projection
	Last Edit: 25 Jan 2006
	Contact: Tom Richards
	-- -- -- -- -- -- -- -- -- -- -- --
	-- -- -- -- -- -- -- -- -- -- -- --
	Hacks used:
	
	Tan Hack (SMBH) for IE in multiple
	classes and IDs.  
	-- -- -- -- -- -- -- -- -- -- -- --
	-- -- -- -- -- -- -- -- -- -- -- --
	Javascript dependencies:

	/scripts/IE_hover_fix.js
		- Gives IE ability style sub-
		  elements of hovered items.
	-- -- -- -- -- -- -- -- -- -- -- --
	-- -- -- -- -- -- -- -- -- -- -- --
*/


/*****************************************************
 * Clear browser default margin and padding settings *
 *****************************************************/
* {
	margin: 0;
	padding: 0;
	background: transparent;
	clear: none;
	color: #555;
}

/**************************
 * Image and Link Styling *
 **************************/
a, a:visited { 
	color: #0A317A;
	text-decoration: underline;
}
/*	a:visited {
		color: #7d95c2;
	}	*/
	a:hover { 
		color: #D9B200;
		text-decoration: underline;
	}
	a strong {
		color: #0A317A;
		font-weight: bold;
	}
		a:hover strong {
			color: #D9B200;
		}

/****************
 * Body Styling *
 ****************/
body {
	font-size: small;
	margin: auto;
	width: 930px;
	height: 100%;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,Sans-serif;
	background: #AAA;
}

/* SMBH to fix IE5's smaller default font sizes */
* html body {
	font-size: x-small; /* For IE5/Win */
	f\ont-size: small; /* For other IE versions */
}

/******************
 * Header Styling *
 ******************/
#header {	
	background: #FFF url(/virtualtour/images/layout/header_bg.jpg) top left no-repeat;
	width: 930px;
	height: 128px;
}
	#header h1 {
		display: none;
	}
	#header #header_buttons {
		line-height: 0px;
		padding-top: 22px;
		text-align: right;
	}
		#header #header_buttons a {
			display: block;
			
			float: none;
			margin-bottom: 8px;
			/*
			margin-top: 5px;
			margin-bottom: 9px;
			*/
		}
		#header #header_buttons img {
			display: inline;
			border: none;
			float: none;
		}

/*******************
 * Content styling *
 *******************/
#content {
	clear: both;
	background: #FFF url(/virtualtour/images/layout/content_bg.jpg) no-repeat bottom left;
	margin: 0;
	padding: 0;
}
#sidebar {
	float: left;
	width: 214px;
	margin-top: -5px
}
	#sidebar .select_slides {
		background: url(/virtualtour/images/layout/select_slides.jpg) top left no-repeat;
	}
#textual_content {
	width: 225px;
	float: right;
	margin: 0;
	margin-top: -2px;
}
	#textual_content h2 {
		color: #333	;
		text-align: center;
		font-size: 180%;
		border-bottom: 5px solid #476087;
		padding: 0 10px 3px 0;
		text-shadow: 2px 2px 3px #BBB;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	#textual_content p {
		padding-right: 10px;
		line-height: 1.5em;
		margin-bottom: 10px;
	}
#main_image {
	text-align: center;
	margin-left: 222px;
	width: 462px;
	height: 510px;
}
* html #main_image {
	margin-left: -2px;
}

	#main_image p.control {
		font-size: 130%;
	}
		#main_image p.control a {
			font-weight: bold;
			text-decoration: none;
		}
	#main_image img {
		background: #FFF;
		padding: 10px;
		border: 1px solid #888;
	}

/*********************
 * Thumbnail styling *
 *********************/
#thumbnail_list {
	margin: 0 0 0 4px;
	width: 214px;
	padding: 34px 0 0 7px;
}
* html #thumbnail_list {
	width: 207px;
}
	#thumbnail_list li {
		list-style-type: none;
		font-size: 90%;
		border-bottom: 1px dotted #ccd1d9;
		margin-right: 16px;
	}
	* html #thumbnail_list li {
		height: 30px;
		margin-right: 8px;
	}
		#thumbnail_list li.selected {
			background: #F2F2F2 url(/virtualtour/images/layout/li_selected.gif) 10% 50% no-repeat;
		}
			#thumbnail_list li.selected a {
				color: #061f4d;
			}
			#thumbnail_list li.selected a:hover {
				color: #D9B200;
			}
	#thumbnail_list a {
		text-decoration: none;
		margin-left: 35px;
		display: block;	
		min-height: 22px;
		padding-top: 8px;
		padding-right: 5px;
	}
	#thumbnail_list img {
		display: none;
		margin: 0;
	}
		#thumbnail_list li:hover img, #thumbnail_list li.over img {
			display: inline;
			float: left;
			padding: 0;
			margin: 0;
		}

/******************
 * Footer Styling *
 ******************/
#footer {
	clear: both;
	font-size: 80%;
	text-align: center;
	background: #DDD;
	color: #888;
	border-top: 5px double #C2C2C2;
	padding: 10px 0;
	letter-spacing: .1em;
	font-family: "Trebuchet MS","Lucida Grande",Century Gothic,Verdana,Arial,Sans-serif;
}

/*****************
 * Clear classes *
 *****************/
.clear_both {
	clear: both;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}