body {
	color: #613409;
	background: #7e9cc0 url(/www.willamette.edu/dept/csl/tab/images/bg.gif) repeat-y center center;
	text-align: center;
}

#container {
	background: transparent url(/www.willamette.edu/dept/csl/tab/images/fadebg.gif) repeat-x center top;
	border: none;
}

#innercontainer {
	background: transparent url(/www.willamette.edu/dept/csl/tab/images/fadebgtop.gif) no-repeat center top;
	width: 770px;
	text-align: left;
	padding: 0 15px;
	margin: 0 auto;
}

div.footer, div.last {
	background-color: transparent;
}

div.footer, div.last, div.bottomlinks, div.bottomlinks a, div.bottomlinks a:link, div.bottomlinks a:active, div.bottomlinks a:visited {
	color: #aa958f;
}

div.footer {
	clear: both;
	width: 740px;
	padding-top: 3px;
	padding-bottom: 25px;
	border-top: 1px solid #d9ceca;
	margin: 20px auto 0 auto;
}

a, a:link, a:active, a:visited {
	outline: none;
}

/* Header */

div#colorbar, .bottomcolorbar, .bartitles {
	background-color: #910048;
}

div#linkbar {
	border-bottom: 2px solid #a9bfda;
}

#linkbar, #linkbar a.student, #linkbar a.student:link, #linkbar a.student:active, #linkbar a.student:visited {
	color: #fff;
}


/* Masthead */

div#masthead {
	width: 716px;
	height: 276px;
	background: transparent url(/www.willamette.edu/dept/csl/tab/images/masthead.gif) no-repeat center center;
	margin: 27px 0 65px 27px;
}

/* Left Bar (except menu) */

#left {
	width: 160px;
	min-height: 575px;
	height: 575px;
	background-color: transparent;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	padding: 0 0 30px 24px;
	margin: 0;
}

#innercontainer > #left {
	height: auto;
}

ul#nav {
	padding: 0;
	margin: 5px 0 50px 0;
}

	ul#nav li {
		padding: 0;
		border: none;
		margin: 0 0 30px 0;
	}

	ul#nav li:hover, ul#nav li:hover a {
		background-color: transparent;
	}

		ul#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
			color: #c46c41;
			text-transform: uppercase;
			padding: 2px 4px;
			margin: 0;
		}

			ul#nav li ul {
				padding: 0;
				border-top: 1px solid #a9bfda;
				margin: 0;
			}

				ul#nav li ul li {
					margin: 0;
				}

					ul#nav li ul li a, ul#nav li ul li a:link, ul#nav li ul li a:active, ul#nav li ul li a:visited {
						color: #5c7ba7;
						font-weight: normal;
						text-transform: none;
						border-bottom: 1px dotted #a9bfda;
						margin: 0;
					}

					ul#nav li ul li a:hover {
						background-color: #fff;
					}

div.thanks {
	text-align: right;
}

	div.thanks p {
		color: #607fa4;
		font-size: 120%;
		text-align: center;
	}

	div.thanks a {
		display: block;
		color: #c46c41;
		font-size: 90%;
		text-transform: lowercase;
		margin-top: 6px;
	}


/* Content */

#center {
	line-height: 160%;
	padding: 0 27px 30px 0;
	margin: 0 0 0 230px;
}

	#center h1, #center h2, #center h3, #center h4, #center h5, #center p.header {
		color: #5c7ba7;
		font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
		line-height: 130%;
		margin: 0;
	}

	#center h1 {
		font-size: 220%;
		margin-bottom: 25px;
	}

	#center h2, #center p.header {
		color: #c46c41;
		font-size: 160%;
		margin: 35px 0 12px 0;
	}

	#center h3 {
		font-size: 120%;
		margin-bottom: 1em;
	}

	#center p {
		margin: 0 0 2em 0;
	}

	#center hr {
		height: 1px;
		background-color: #d9ceca;
		color: #d9ceca;
		margin: 30px 0;
		border: 0;
	}

	#center a, #center a:link, #center a:active, #center a:visited {
		color: #c46c41;
		border-bottom: 1px dotted #c46c41;
	}

	#center a:hover {
		background-color: #fff;
	}

	#center a.togallery {
		border: none;
	}

	#center a.togallery img {
		float: left;
		border: 3px solid #d9ceca;
		margin: 0 25px 15px 0;
	}

	#center a:hover.togallery img {
		border-color: #fff;
	}

	#center ul {
		list-style-type: disc;
		margin: 10px 0 20px 36px;
	}

		#center ul li, #center ol li {
			margin: 6px 0;
		}

			#center ul ul, #center ul ol, #center ol ol, #center ol ul {
				margin-top: 0;
				margin-bottom: 0;
			}

			#center ul ul li, #center ul ol li, #center ol ol li, #center ol ul li {
				font-size: 100%;
				margin: 4px 0;
			}
	
	#center ul.past {
		list-style: none;
		margin-left: 0;
	}
	
	#center dl {
	}

		#center dl dt {
			float: left;
			width: 180px;
			font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
			font-size: 90%;
			font-weight: bold;
			padding: 4px 0;
		}

		#center dl dd {
			padding: 4px 0;
			margin: 0 0 0 180px;
		}


/* Forms */

input, textarea, select {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 90%;
	font-weight: normal;
	border: 1px solid #fff;
	padding: 1px 3px;
}

input, textarea {
	width: 280px;
}

textarea {
	height: 120px;
}

select {
	width: 288px;
}

input.phone {
	width: 79px;
	text-align: center;
}

input.schedule {
	width: 200px;
}

input.trip {
	width: 40px;
	text-align: center;
}

input.button {
	width: 90px;
	background-color: #fff;
	color: #613409;
	font-family: "Trebuchet MS", Arial, Helvetica, serif;
	font-weight: bold;
	border: 1px solid #fff;
	margin: 0 5px;
}

input.required, textarea.required, select.required {
	background-color: #c2cad3;
	border: 1px solid #c2cad3;
	padding: 1px 3px;
}

input.radio, input.cb {
	width: 11px;
	height: 11px;
	vertical-align: middle;
	padding: 0;
	border: 0;
	margin: 0 5px 5px 0;
}

input.delete {
	width: 40px;
	font-weight: normal;
	font-size: 85%;
}

form {
	margin: 0;
}

/* Form Formatting */

table.form {
	width: 99%;
	margin: 0 0 2em 0;
}

table.form td, table.form th {
	vertical-align: top;
	padding: 6px 0;
}

#center table.form td h2 {
	margin-top: 0;
}

#center table.form td ul {
	list-style: none;
	padding: 0;
	margin-left: 0;
}
	
table.form td.title, table.form th {
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, serif;
	font-size: 90%;
	font-weight: bold;
	padding-right: 20px;
}

table.grading td.title {
	width: auto;
}

	table.grading td select, table.grading td textarea {
		width: 150px;
	}

	table.form td.title i, table.form td.title small {
		font-weight: normal;
	}

table.form td.secondary {
	padding-right: 15px;
}

table.form td.buttons {
	text-align: center;
	padding-top: 15px;
}


/* Advisor Resources */

#center ul.applist, #center ul.admin_applist {
	list-style: none;
	margin-left: 0;
}

	#center ul.applist li {
		padding-left: 20px;
	}

	#center ul.applist li.done {
		background: transparent url(/www.willamette.edu/dept/csl/tab/images/done.gif) no-repeat left center;
	}

	#center a.arrow, #center a:link.arrow, #center a:active.arrow, #center a:visited.arrow {
		border: none;
		padding: 1px 3px;
	}


/* Photo Gallery */

div#gallerycontents, div#center p.gallerycaption {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-size: 90%;
	font-weight: bold;
}

div#center p.gallerycaption {
	margin-top: 4px;
}

	div#gallerycontents div.gallerythumb {
		float: left;
		margin: 0 15px 0 0;
	}

		div#center div#gallerycontents div.gallerythumb a, div#center div#gallerycontents div.gallerythumb a:link, div#center div#gallerycontents div.gallerythumb a:active, div#center div#gallerycontents div.gallerythumb a:visited {
			border: none;
		}

		div#center div#gallerycontents div.gallerythumb a:hover {
			background-color: transparent;
		}

		div#center div#gallerycontents div.gallerythumb a img, div#center div#gallerycontents div.gallerythumb a:link img, div#center div#gallerycontents div.gallerythumb a:active img, div#center div#gallerycontents div.gallerythumb a:visited img {
			border: 3px solid #d9ceca;
		}

		div#center div#gallerycontents div.gallerythumb a:hover img {
			border-color: #fff;
		}
	
	div#gallerybuttons {
		font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
		font-size: 90%;
		margin: 25px 0;
	}

		div#center div#gallerybuttons a, div#center div#gallerybuttons a:link, div#center div#gallerybuttons a:active, div#center div#gallerybuttons a:visited {
			background-color: #d9ceca;
			color: #5c7ba7;
			padding: 3px 5px;
			border: none;
			margin-right: 3px;
		}

		div#center div#gallerybuttons a:hover {
			background-color: #fff;
		}
