/* CSS Document
Designer: Wolasi Kofi KOnu
Unaahil B'aak Web Site
---------------------------*/

body {
	background-color: #FFFFFF;
	font: 62.5%/1.7em "Arial", sans-serif;
	color: #333;
}


html, body {
	margin: 0;
	padding: 0;

	width: 100%;
	height: 100%;
}

div.clearer {
	clear: left;
	line-height: 0em; 
	margin: 0;
	padding: 0;	
	height: 0;
}

h1, h2 {
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: .2em;
	text-align: left;
}

h1 {
	color: #888;
	font-size: 1.6em;
	margin-top: 1em;
	text-transform: uppercase;
}

h2, h3, h4, p, ul, ol {
	margin-top: 0;
}

h2 {
	color: #777;
	margin-top: 0.5em;
	font-size: 1.5em;
}

h3 {
	color: #777;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 0;
}

h4 {
	color: #777;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 0;
}

.content blockquote {
	border-left: 1px solid #E1E1E1;
	padding: 0 0 0 1em;
}

.content ul, .content ol {
	padding-left: 0;
}

/*=DIMENSION PROPERTIES
---------------------------------------*/
#main-nav, #main {
	margin: 0 auto;
	width: 760px;
}

#home-page-content {
	margin: 0 auto;
	width: 720px;
}

#side-nav {
	width: 190px;
}

#main-content {
	width: 565px;
}

/*=LAYOUT PROPERTIES
---------------------------------------*/
#container, #home-page-container {
	background-color: #FFF;
	width: 100%;
}

#media-popup #container {
	background-image: none;
}

#home-page-container {
	background: #FFF url(splashbg.gif) repeat-x;
}

#home-page-container #header {
	background: url(splash.gif) no-repeat center bottom;
	border: none;
	height: 275px;
}

#header {
	background: #000 url(header.gif) no-repeat center bottom;
	border-top: 3px solid #993300;
	height: 100px;
}

#header h1 {
	display: none;
}

#nav-strip {
	border-bottom: 1px dotted #CCC;
	border-top: 3px double #CCC;
	width: 100%;
}

#main, #media-popup #container {/*
	background: url(images/incensario.gif) repeat-y 115px;*/
	font-size: 1.2em;
	line-height: 1.8em;
}

#main-content {
	float: left;
	padding: 0;
	margin: 0;
}

/*=Footer Styles*/
#footer {
	border-top: 1px solid #CCC;
	clear: both;
	color: #666666;
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 1em 0;
}

#footer .content {
	padding: 0 15px;
	text-align: center;
}

/*=Navigation Styles
---------------------------------------*/
#main-nav {
	clear: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: normal;
	padding: .4em 0 .5em 0;	
	text-align: center;
}

#main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#main-nav li {
	display: inline;
	line-height: normal;
	margin: 0;
	padding: 0 .6em;
}

#main-nav a:link, #main-nav a:visited {
	color: #000;
	text-decoration: none;
}

#main-nav a:hover, #main-nav a:active {
	color: #CC6600;
}

#main-nav #current-page a {
	color: #993300;
}

/*=Side Navigation*/
#side-nav {
	border-right: 1px dotted #CCC;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: normal;
	padding: 1.9em 0 2em;
}

#side-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0 0 0 15px;
}

#side-nav li {
	border-bottom: 1px dotted #CCC;
	line-height: 1.4em;
	margin: 0;
	padding: .4em 7px;
	text-align: right;
}

#side-nav a:link, #side-nav a:visited {
	color: #000;
	text-decoration: none;
}

#side-nav a:hover, #side-nav a:active {
	color: #CC6600;
}

#side-nav #current-page {
	background-color: #E9E9E9;
}

#side-nav #current-page a {
	color: #993300;
}

/*=Structure Assets Navigation*/
#assets-nav {
	border-bottom: 1px dotted #CCC;
	border-top: 1px solid #CCC;
	clear: right;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: normal;
	padding: 0;
	margin-bottom: .5em;
}

#assets-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#assets-nav li {
	float: left;
	line-height: normal;
	margin: 0;
	padding: .5em 1.2em .5em 0;
}

#assets-nav a:link, #assets-nav a:visited {
	border-bottom: none;
	color: #993300;
	text-decoration: none;
}

#assets-nav a:hover, #assets-nav a:active {
	border-bottom: none;
	color: #666666;
}

#assets-nav #current-page a {
	color: #000;
}


/*=Content Styles
---------------------------------------*/
.content {
	padding: 1px 15px 2em 40px;
}

/*Content Link Styles*/
.content a:link {
	color: #006699;
	padding-bottom: 0.1em;
	text-decoration: none;
}

.content a:visited {
	color: #993399;
	padding-bottom: .1em;
	text-decoration: none;
}

.content a:hover {
	border-bottom: 1px solid #006699;
}

.blurb {
	padding: 0 15px 2em;
	text-align: justify;
}

/*Text Navigation Styles*/
.continued-from, .continue-reading, .back-to-top, .image-caption {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.continue-reading {
	background: url(right_arrow.gif) no-repeat right center;
	border-top: 1px solid #E3E3E3;
	margin: 0;
	padding: .2em 20px;
	text-align: right;
}

.continued-from a:visited, .continue-reading a:visited {
	border: none;
}

/*Language Table Satyles*/
.language {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 1em 0;
	text-align: left;
}

.language th {
	border-right: 1px solid #CCC;
	padding: .2em .5em;
	vertical-align: bottom;
}

.language td {	
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: .2em .5em;
}

.language p {
	margin-bottom: 0;
}

/*Back to top link styles*/
.back-to-top {
	background: url(up_arrow.gif) no-repeat left center;
	border-top: 1px solid #E3E3E3;
	clear: both;
	padding: 6px 0 4px 14px;
}

.back-to-top a:link, .back-to-top a:visited, .continued-from a:link, .continue-reading a:link {
	border-bottom: none;
	color: #993300;
	text-decoration: none;
}

.back-to-top a:hover {
	color: #000;
}

/*=Image Styles*/
.image-left, .image-center {
	background-color: #FFF;
	clear: left;
	padding: 0;
	vertical-align: text-top;
}

.image-left {
	float: left;
	margin: 0 1em 0 0;
}

.image-center {
	margin: 0 0 1em 0;
}

.image-caption {
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: .2em;
}

.section-title {
	padding: 0 20px .2em 40px;
}

.splash-image {
	margin: 0 0 1em 0;
}

/*=Media Pop-up Styles
-----------------------------------------------*/
#media-popup {
	background-color: #FFF;
}

#media-popup h1 {
	margin-bottom: .2em;
}

#image-box {
	background-color: #000;
	color: #FFF;
	padding: 0 0 .1em;
	text-align: center;
}

#image-box a {
	border: none;
	color: #FFF;
	text-decoration: none;
}

#image-box img {
	border: none;
}

/*Image Navigation*/
#image-nav {
	border-top: 3px double #CCC;
	border-bottom: 1px dotted #CCC;
	text-align: center;
}

#image-nav a:link {
	color: #006699;
	text-decoration: none;
}

#image-nav a:visited {
	color: #993399;
	text-decoration: none;
}

#image-nav a:hover {
	color: #888;
}

#image-nav img {
	border: none;
}

#image-nav p {
	margin-bottom: 0;
}

#image-info {
	padding: .5em 2em;
}

/*=Image Thumbnails*/
#thumb-list {
	float: right;
	border-left: 1px solid #e1e1e1;
	margin: 0 0 2em 0;
}

#thumb-table td {
	padding: 1em 0;
	text-align: center; 
}

/*=Icons*/
.info-icon, .image-icon, .pano-icon, .threed-icon {
	margin-bottom: .5em;
	padding-left: 20px;
}

.info-icon {
	background: url(info_icon.gif) no-repeat left center;
}

.image-icon {
	background: url(image_icon.gif) no-repeat left center;
}

.pano-icon {
	background: url(pano_icon.gif) no-repeat left center;
}

.threed-icon {
	background: url(3d_icon.gif) no-repeat left center;
}

/******************************************
DO NOT CHANGE ANYTHING BEYOND THIS POINT!!!
*******************************************/

/*=Nice Titles
---------------------------------------*/
#tooltip {
    padding: 3px;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    font-size: smaller;
}

a.tip {
    border-bottom: 1px solid #eee;
}


/*=LIGHTBOX DO NOT CHANGE!!
---------------------------------------*/
#lightbox {
	background-color:#FFF;
	border: 1px solid #999;
	padding: 5px;
	}
	
#lightboxDetails {
	font-size: 0.9em;
	padding-top: 0.4em;
}
	
#lightboxCaption {
	float: left; 
}

#keyboardMsg{
	float: right; 
}

#closeButton { 
	top: 0; 
	right: 0;
}

#lightbox img { 
	border: none; 
	clear: both;
} 

#overlay img { 
	border: none; 
}

#overlay { 
	background-image: url(overlay.png); 
}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://learningobjects.wesleyan.edu/palenque/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/version02/images/overlay.png", sizingMethod="scale");
}