/* Universal Styles -------------------------------------------------------- */
body {
	font-family: verdana, geneva, sans-serif;
	font-size: 100%;
	color: #333;
	background: #ccc url("/assets/gfx/layout/bg-tile.jpg") repeat;
	text-align: center;
	margin: 0;
	padding: 0;
}

header, footer, section, nav, article, aside {
    margin: 0px;
    padding: 0px;
    display: block;
}

h1 {
	font-size: 0.875em;
	margin: 0 0 1em 0;
	padding: 0;
}

h2 {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: italic;
}

h3 {
	font-size: 0.75em;
	margin: 4px 0 0 0;
	font-weight: normal;
	font-style: italic;
}

p {
	font-size: 0.75em;
	line-height: 2em;
	margin: 0 2em 1em 0;
	padding: 0;
}

ul {
	font-size: 0.75em;
	line-height: 2em;
	margin: 2em 0 0 0;
	padding: 0;
	list-style: none;
}


a { 
	font-size: inherit;
	font-size: auto;
	text-decoration: underline;
	font-size: auto;
	margin: 0;
	padding: 0;
	outline: 0 !important;
}

a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #843530; }
a:active { /* empty */ }

/* Library Styles ---------------------------------------------------------- */
.img-left {
	float: left;
	margin: 10px 15px 15px 5px;
}

.img-right {
	float: right;
	margin: 10px 5px 15px 15px;
}

a img, .imglink {
	border: 0;
}

.semantic {
	position: absolute;
	left: -999em;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.no-margin {
	margin: 0;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.instructions {
	text-align : center;
	margin-top: -30px;
	font-size: 0.688em;
}

.small {
	font-size: 0.688em;
}


/* Template Layout Styles -------------------------------------------------- */
#container {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#content {
	width: 948px; /* 38 + 948 + 38 = 1024 */
	padding: 163px 38px 18px 38px;
	/* min-height: 700px; */
	background-color: #dcd5c1;
	-moz-box-shadow: 0 2px 30px #666;
	-webkit-box-shadow: 0 2px 30px #666;
}

#content.text-layout {
	width: 754px; /* 130 + 754 + 140 = 1024 */
	padding: 163px 140px 38px 130px;
}

#content.gallery-grid {
	width: 794px;
	padding: 163px 0 38px 230px;
}

#content.gallery-layout {
	/* min-height: 700px; */
}

#content.home-page {
	min-height: 500px;
}

#sap-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 125px;
	background-color: #d7c387;
}

#sap-footer {
	clear: both;
	padding-bottom: 3em;
	width: 1024px;
	margin: 0 auto;
}

#logo {
	position: absolute;
	top: 31px;
	left: 37px;
}

/* Navigation -------------------------------------------------- */
.primary-nav {
	position: absolute;
	top: 99px;
	left: 0;
	height: 26px;
	z-index: 99;
}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 170px;
	height: 30px;
	font-size: .833em;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	color: #fff;
}

#nav li {
	float: left;
	width: 170px; 
	padding: 8px 0 0 0;
	height: 18px; /* total height 26px */
	text-align: center;
}

	#nav li:hover,
	#nav li.nav-on {
		height: 22px;
	}
	
		#nav li:hover a,
		#nav li.nav-on a {
			color: #333;
		}

#nav li ul {
	position: absolute;
	width: 170px;
	left: -999em; 
	top: 30px;
	background-color: #999;
}

	#nav li:hover ul, 
	#nav li.sfhover ul { 
		left: auto;
	}

		#nav li:hover ul li, 
		#nav li.sfhover ul li {
			height: 18px;
		}
		
			#nav li:hover ul li:hover, 
			#nav li.sfhover ul li.sfhover {
				background-color: #c2c2c2;
			}

				#nav li:hover ul li a {
					font-size: 1.125em;
					font-weight: normal;
					color: #fff;
				}

					#nav li:hover ul li:hover a, 
					#nav li.sfhover ul li.sfhover a {
						color: #996666;
					}

	#nav li ul li {
		text-align: left;
		padding-left: 30px;
		width: 140px;
	}

.item1 { background-color: #996666; }
.item2 { background-color: #999966; }
.item3 { background-color: #cc9966; }
.item4 { background-color: #669999; }
.item5 { background-color: #cc6666; }
#nav .item6 { background-color: #cccc99; width: 174px; }

#footer-nav {
	text-align: center;
	margin: 0 auto;
}

	#footer-nav li {
		display: inline;
		border-left: solid 1px;
		line-height: 0.5em;
		padding: 0 10px;
		
	}
	
	#footer-nav li:first-child {
		border-left: 0;
	}
	
		#footer-nav li a {
			font-size: 0.917em;
			text-decoration: none;
		}	
		
			#footer-nav li a:link { text-decoration: none; color: #333333; }
			#footer-nav li a:visited { text-decoration: none; color: #333333; }
			#footer-nav li a:hover { text-decoration: underline; color: #669999; }
			#footer-nav li a:active { /* empty */ }


/* Individual Page Styles -------------------------------------------------- */

/* In The Media, What's New ------------------------------ */
.more {
	color: #843530;
	white-space: nowrap;
	font-size: 0.625em;
}
	
	.more a {
		text-decoration: none;
	}

.listing-slot {
	clear: left;
	padding: 10px 0 0 0;
	margin: 0 0 35px 0;
	min-height: 200px;
}

	.listing-slot h2 {
		font-style: normal;
		font-weight: bold;
		font-size: 0.75em;
		margin: 0 0 4px 0;
	}
	
	.listing-slot span {
		font-size: 0.75em;
		padding-left: 5px;
	}
	
		.listing-slot span span {
			font-size: 1em;
			padding: 0;
		}
	
	.download-link a {
		font-size: 0.75em;
		line-height: 1em;
		font-style: italic;
	}
	
.article-img {
	margin-bottom: 50px;
}

.article-desc p {
	margin-bottom: 0;
}

/* Gallery Detail View-------------------------------- */
#text-feed {
	width: 647px;
	float: left;
	border-right: solid 1px #b5b2a9;
}

#gallery-feed {
	float: right;
	text-align: center;
	width: 300px;
}

	.gallery-feed-overflow {
		height: 750px;
		/* height: 650px; */
		overflow: auto;
		margin-bottom: 14px;
	}

.gallery-caption {
	font-size: 0.625em;
	display: block;
	text-align: center;
	margin: 0 0 15px 0;
	font-style: normal;
}	

.prev-next {
	color: #843530;
	line-height: 1em;
	margin: 60px 0 0 490px;
	display: none;
	
}
	.prev-next a {
		padding-left: 8px;
	}

	.prev-next a:first-child { 
		border-right: solid 1px #333; 
		padding-right: 8px;
		padding-left: 0;
	}
	.prev-next a:link { text-decoration: none; }
	.prev-next a:visited { text-decoration: none; }
	.prev-next a:hover { text-decoration: underline; }
	.prev-next a:active { /* empty */ }
	
#gallery-instructions {
	text-align: center;
	font-size: 0.625em;
	width: 100px;
	position: absolute;
	top: 140px;
	right: 145px;
	font-style: italic;
}
	
/* Gallery Grid Views -------------------------------- */
.gallery-grid-slot {
	width: 145px;
	height: 185px;
	float: left;
	text-align: center;
	margin: 0 65px 10px 0;
}

	.gallery-grid-slot a {
		text-decoration: none;
		font-weight: normal;
	}
	
	.gallery-grid-slot h2 {
		font-style: normal;
		font-weight: inherit;
	}	
	
	.gallery-grid-slot a:link { font-weight: normal; color: #333; }
	.gallery-grid-slot a:visited { font-weight: normal; color: #333; }
	.gallery-grid-slot a:hover, .gallery-grid-slot h1 a:hover
	{ font-weight: bold; color: #999966;  }
	.gallery-grid-slot a:active { /* empty */ }


#content.gallery-grid .instructions {
	width: 560px;
}

/* overriding 4-count rows 20120427 per JK */
/*	
#content.gallery-grid.collection { 
	width: 900px;
	padding: 163px 0 38px 124px;
}

#content.gallery-grid.collection .instructions {
	width: 780px;
}
*/

.gallery-grid h1 {
	padding-bottom: 20px;
}
	
/* Homepage -------------------------------- */
#homepage-copy {
	margin: -20px 0 0 660px;
	line-height: 1em;
}

	#homepage-copy p {
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.75em;
	}

#slideshow {
	width: 630px;
	position: absolute;
	top: 163px;
	left: 38px;
	z-index: 0;
}

	#slideshow img {
		display: none;
	}
	
/* Search -------------------------------- */
#search {
	height: 26px;
	width: 145px;
	position: absolute;
	top: 5px;
	right: 35px;
	z-index: 100;
	border: 0;
}

	#search form {
		margin: 0;
		padding: 0;
		border: 0;
		width: 147px;
		height: 17px; /* 14 total */
		position: absolute;
		top: 4px;
		left: 17px;
		-moz-box-shadow: 0px 2px 2px #666;
		-webkit-box-shadow: 0px 2px 2px #666;
		background-color: #fff;
	}
	
	#search #queryfield {
		width: 126px; /* 128 total */
		height: 11px;
		color: #666;
		font-size: 10px;
		padding: 3px 0 0 2px;
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
	}
	
	#search #querysubmit {
		position: absolute;
		top: 0;
		right: 0;
		border: solid 1px #fff;	
	}
	
#cse-search-results {
	background-color: #dcd5c1;
}

/* Site Map -------------------------------- */
#site-map {
	list-style: disc;
	margin: 0 0 0 2em;
}

.site-map-2l {
	list-style: circle;
	margin: 0 0 0 2em;
	font-size: 100%;
}

#site-map h2,
#site-map h3 {
	font-size: 100%;
	font-style: normal;
}

/* Not Found -------------------------------- */
#not-found-suggestions {
	list-style: disc;
	margin: 0 0 0 40px;
}

	#not-found-suggestions ul {
		list-style: circle;
		margin: 0 0 0 40px;
		font-size: 1.063em;
	}