body {
	color: #333;
	background-color: #fff;
	text-align: center;
}

a, a:link, a:active, a:visited {
	outline: none;
}

div#container {
	background-color: #f3f3f3;
}

div#innercontainer {
	width: 930px;
	text-align: left;
	border-color: #fff;
	border-style: solid;
	border-width: 0 10px;
	margin: 0 auto;
}


/* Photobar */

div#photobar {
	height: 120px;
	background-color: #ccc;
	border-bottom: 5px solid #fff;
}

	div#sitetitle {
				font: 200% "Helvetica", Arial, Verdana, sans-serif;
				display: block;
				float: left;
				margin: 0;
				padding: 50px 40px 0 40px;
		}
		
			div#sitetitle a {
				color: #fff;
		}
		
			div#sitetitle a:hover {
					border-bottom: 1px dotted #fff;
					text-decoration: none;
		}
	
/* Horizontal Navigation */

div#navigation {
	background: transparent url(../../images/layout1/bg_nav.gif)  repeat-x center center;
}

	div#navigation ul {
		float: right;
		position: relative;
		top: 90px;
		list-style: none;
		padding: 0 25px 0 0;
		margin: 0;
	}

		div#navigation ul li {
			float: left;
			padding-left: .8em;;
		}
		
			div#navigation ul li a {
				display: block;
				float: left;
				color: #843274;
	                        font-family: bold "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
				text-transform: uppercase;
				padding: 8px 8px;
                margin: 0;
				border-right: 1px solid #fff;
				border-bottom: none;
			}

			div#navigation ul li a:hover {
				text-decoration: none;
				border-bottom: none;
			}
			
			
/* Left Menu */

div#left {
    background: transparent url(../../images/layout1/bg_nav.gif)  repeat-x bottom center;
    float: left;
    margin: 0;
    padding: 20px 0 0 0;
    width: 170px;
    background-color: #d9d9d9;
    color: #ffffff;
}

div#left img {
		margin: 0 0 20px 8px;
		padding: 0;
	        border: 3px solid #fff;
               }

div#left div#innerleft {
	min-height: 600px;
}

div#left > div#innerleft {
	height: auto;
}
	div#left p {
	    margin: 0;
	}

	div#nav ul {
		list-style: none;
		display: block;
		padding: 0;
		margin: 0;
	}

		div#nav ul li {
			position: relative;
			height: 1px;
			margin: 0;
		}

	        div#nav ul > li {
			height: auto;
		}

			div#nav ul li ul li {
				margin-bottom: 0;
			}

			div#nav ul li.current a {
				font-weight: bold;
			}

			div#nav ul li a {
	                        font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
				display: block;
 				font-size: 105%;
				font-weight: normal;
				padding: 6px 2px 6px 0;
				padding-left: 15px;
				border: none;
				text-decoration: none;
			}
			
			div#nav ul li a:hover {
			    background-color: #fff;
			}

				div#nav ul li ul li a {
	                            font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
				    font-weight: normal;
				    text-transform: none;
				    padding: 2px 2px 2px 0;
				    padding-left: 25px;
				}
				div#nav ul li ul li a:hover {
	                                background-color: #fff;
				}

					div#nav ul li ul li ul li a {
						font-size: 95%;
				                font-weight: normal;
						padding: 0 2px 0 45px;
					}

					div#nav ul li ul li ul li a:hover {
						text-decoration: none;
					}


/* Content */

div#content {
        float: left;
	min-height: 700px;
	font: 92%/170% Verdana, Tahoma, sans-serif;
	padding: 2em 1em 2em 3em;
	margin: 20px 0;
        width: 700px;
}

	div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {
		font: bold 100% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
		letter-spacing: -0.03em;
		margin: 0;
	}

	div#content h1 {
		font-size: 240%;
		margin: 0 0 1em 0;
	}

	div#content h2, div#content h4.coursetitle, div#content h4 {
		font-size: 180%;
		margin: 1.5em 0 1em 0;
	}

	div#content h3 {
		font-size: 140%;
		font-variant: small-caps;
		letter-spacing: 0.01em;
		margin: 1.1em 0 .6em 0;
	}

	div#content h4 {
		font-size: 110%;
		margin: 0 0 .8em 0;
	}

	div#content p {
		margin: 0 0 1.25em 0;
	}

	div#content ul {
		list-style: disc;
		margin: 0 0 2em 15px;
	}

		div#content ul li, div#content ol li {
			padding: .4em 0;
		}

	div#content blockquote {
		padding: 0 0 0 15px;
		border-left: 1px solid #ebe8e3;
		margin: 0 0 2em 0;
	}

	div#content dl dt {
		float: left;
		width: 125px;
		font: bold 100% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
		padding: 3px 0;
		margin: 0 0 0 125px;
	}

	div#content hr {
		height: 1px;
		background-color: #ebe8e3;
		color: #ebe8e3;
		padding: 0;
		border: none;
		margin: 5em 0;
	}

	div#content a, div#content a:link, div#content a:active, div#content a:visited {
		border-bottom: 1px dotted #999;
		text-decoration: none;
	}

	div#content a:hover {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
        div#content div.doc {
		display: block;
		height: 16px;
		width: auto;
		background: transparent url(../../images/global/doc.gif) no-repeat left top;
		padding-left: 22px;
		border-bottom: none;
		margin: 0 0 5px 0;
	}

	div#content div.pdf {
		display: block;
		height: 16px;
		background: transparent url([systesm-asset]/www.willamette.edu/org/images/global/pdf.gif[/system-asset]) no-repeat left top;
		padding-left: 22px;
		border-bottom: none;
	}

div#content .small {
        font-weight: normal;
}
	
div#content img.right {
	float: right;
	clear: left;
	margin: .3em 0 .8em 0;
	border: 3px solid #999;
}	

div#content img.left {
	float: left;
	clear: right;
	margin: .3em 0 .8em 0;
	border: 3px solid #999;
}	

div#content img {
	margin: 0 .3em .3em 0;
	border: 3px solid #999;
}	


/* right features */

div#content div#feature {
	width: 250px;
	height: auto;
	float: right;
	clear: right;
	font-size: 100%;
	margin: 0 0 10px 20px;
	background-color: #fff;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}

div#content div#feature h1, div#content div#feature h2, div#content div#feature h3, div#content div#feature h4, div#content div#features h5 {
	margin: 0;
	padding: 0;
        border: none;
}

div#content div#feature h1 {
	font: normal 165% "Helvetica", Arial, Verdana, sans-serif;
	padding: 5px 0;
	margin: 10px 0 5px 0;
	text-transform: none;
}

div#content div#feature h2 {
	font: normal 135% "Helvetica", Arial, Verdana, sans-serif;
	padding: 0;
	margin-top: 20px;
	color: #584029;
	text-transform: none;
	border-bottom: 1px solid #b6ada0;
}	

div#content div#feature h3 {
	font-size: 140%;
	color: #584029;
}

div#content div#features h4 {
	font-size: 120%;
}

div#content div#feature p, div#content div#feature blockquote {
	font: 110%/170% "Helvetica", Arial, Verdana, sans-serif;
	margin: 0;
	padding: 8px 0;
}

div#content div#feature blockquote {
	padding-left: 1em;
	border-left: 1px solid #ccc;
}

div#content div#feature ul, div#content div#feature ol {
	list-style: disc;
	display: inline;
	margin: 0;
	padding: 0;
}

	div#content div#feature li {
		margin: 0 0 0 15px;
		}

	div#content div#feature ul li *, div#content div#feature ol li * {
		margin: 0;
	}
	
div#content div#feature img {
	float: left;
	margin: .3em 0 .8em 0;
	border: 3px solid #938248;
}	

div#content div#feature img.thumb {
        float: none;
        display: block;
	 	margin: 0 0 6px 0;
		border: 3px solid #938248;
}


/* Schedule */

table.schedule {
	margin: 1em 0 0 0;
}

	table.schedule th, table.schedule td {
		vertical-align: top;
		padding: .5em 0;
	}

	table.schedule th {
		width: 25%;
		font-variant: small-caps;
		font-weight: normal;
		padding-left: .4em;
	}

	table.schedule th.day {
		background-color: #e4e0da;
		font: small-caps bold 110% Georgia, "Times New Roman", Times, serif;
		padding: .2em .4em .4em .4em;
	}

	table.schedule td {
		font-weight: bold;
	}

		table.schedule td em, table.schedule td span.location {
			font-weight: normal;
		}

		table.schedule td span.location {
			font-variant: small-caps;
		}
	
	table.schedule tr.last th, table.schedule tr.last td {
		padding-bottom: 2em;
	}

	table.schedule span.highlight {
		background-color: #e4e0da;
	}

	
div#content div.two-column {
        float: left;
        clear: right;
        display: block;
	padding: 0 10px;
	margin: 0;
        width: 320px;
	}

/* Member Listing */

div#content div.member {
	height: 9em;
	margin-bottom: 1em;
}

	div#content div.member img {
		float: left;
		border: 3px solid #fff;
		margin: 0 15px 0 0;
	}

	div#content div.member a:hover img {
		border-color: #b9937d;
	}

	div#content div.member h3 {
		padding: 0 0 0 0;
		margin: 0 0 .2em 0;
	}
	
	div#content div.member ul {
		list-style: none;
		line-height: 145%;
		margin: 0;
	}

		div#content div.member ul li {
			padding: 0;
			margin: 0;
		}

	div#content div.nophoto {
		padding-left: 121px;
		height: auto;
	}

div#content div.contact {
	border-left: 2px dotted #d9d3c3;
	padding-left: 1em;
	margin: 1.3em 0;
}

	div#content div.contact p {
		margin: 0;
	}

	div#content div.contact p.name {
		color: #333;
		font: bold 120% "Garamond", Times New Roman, Times, serif;
		letter-spacing: 0.05em;
		margin-bottom: .2em;
	}

	div#content div.contact p.dept {
		color: #666;
		font-size: 110%;
		font-variant: small-caps;
	}

	div#content div.contact p.dept, div#content div.contact p.address {
		margin-bottom: .5em;
	}

/* Footer */

div#footer {
	font: 92% Arial, Verdana, Trebuchet MS, sans-serif;
	padding: 20px;
	height: 120px;
	background-color: #6c6c6c;
	border-top: 5px solid #fff;
}

div#footer-links {
	width: 550px;
	float: left;
        padding-bottom: 10px;
}

div#global-footer-links {
	width: 550px;
	float: left;
}

	/* Gallery css */

div#content div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:500px; 
}
div#content div.content a, div#content div.navigation a {
	text-decoration: none;
	color: #777;
}
div#content div.content  a:focus, div#content div.content  a:hover, div#content div.content  a:active {
	text-decoration: underline;
	border: none;
}
div#content div.controls {
	margin-top: 5px;
	height: 23px;
}
div#content div.controls a {
	padding: 5px;
	text-decoration: none;
        border-bottom: none;
}
div#content div.controls a:hover {
	padding: 5px;
	text-decoration: none;
        background-color: #fff;
}
div#content div.ss-controls {
	float: left;
}
div#content div.nav-controls {
	float: right;
}

div#content div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 530px;
	height: 350px
}

div#content div.slideshow {
	clear: both;
}
div#content div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div#content div.slideshow a.advance-link {
	padding: 0;
	display: block;
	border: none;
}
div#content div.slideshow img {
	display: block;
}
div#content div.download {
	float: right;
}
div#content div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
        min-width: 480px;
}
div#content div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div#content div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div#content div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#content ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
div#content ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 0 5px 0;
	list-style: none;
}
div#content a.thumb {
	padding: 2px;
	display: block;
        height: 75px;
        width: 75px;
	border: 1px solid #ccc;
}
div#content ul.thumbs li.selected a.thumb {
	background: #eee;
}
div#content a.thumb:focus {
	outline: none;
}
div#content ul.thumbs img {
	border: none;
	display: block;
}

div#content div.pagination {
	clear: both;
}
div#content div.navigation div.top {
	margin-bottom: 12px;
    margin-left: 15px;
	height: 11px;
}
div#content div.navigation div.bottom {
	margin-top: 12px;
        margin-left: 15px;
}

div#content div.navigation a, div#content div.navigation a:link, div#content div.navigation a:active, div#content div.navigation a:visited {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
	
div#content div.navigation div.top a, div#content div.navigation div.top a:link, div#content div.navigation div.top a:active, div#content div.navigation div.top a:visited {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
	
div#content div.navigation div.bottom a, div#content div.navigation div.bottom a:link, div#content div.navigation div.bottom a:active, div#content div.navigation div.bottom a:visited {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
	
div#content div.pagination a, div#content div.pagination span.current {
	display: block;
	float: left;
	margin-left: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div#content div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div#content div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
div#content div#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

div#content div#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

div#content div#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}