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

#container {
	background-image: url(../images/container.gif);
	width: 770px;
	background-color: #fff;
	text-align: left;
	border-color: #000000;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	margin: 0 auto;
}

#innercontainer {
	background: transparent url(../images/innercontainer.gif) no-repeat bottom right;
}

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

/* Header */

div#colorbar, .bottomcolorbar, .bartitles {
	background-color: #910048;
}

div#topbar {
	border-bottom: 2px solid #bdc5d0;
}

#linkbar, #linkbar a.student, #linkbar a.student:link, #linkbar a.student:active, #linkbar a.student:visited {
	color: #fff;
}

.bluebar {
	background-color: #bdc5d0;
}

#titlebar {
	height: 35px;
	background: #97a4b4 url(../images/barbg.gif) repeat-x top left;
	padding: 15px 0 0 250px;
	border-bottom: 5px solid #bdc5d0;
}

#photobar {
	height: 120px;
	border-bottom: 5px solid #bdc5d0;
}

#photobar #one, #photobar #four {
	float: left;
	width: 192px;
	height: 120px;
	background: transparent none no-repeat top left;
}

#photobar #two, #photobar #three {
	float: left;
	width: 193px;
	height: 120px;
	background: transparent none no-repeat top left;
}

/* Left Bar (except menu) */

#left {
	width: 180px;
	min-height: 599px;
	height: 599px;
	background-color: transparent;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	padding-bottom: 30px;
	margin: 0px;
}

#innercontainer > #left {
	height: auto;
}

#contact {
	display: block;
	background: transparent none;
	color: #54667a;
	padding: 12px;
	border: 1px dotted #636e7d;
	border-width: 1px 0;
	margin: 0;
}

#contact p, #contact p.name, #contact a, #contact a:active, #contact a:visited {
	color: #636e7d;
}

#contact a:hover {
	color: #39424c;
}

#contact p.name {
	font-weight: normal;
	margin-bottom: 10px;
}

/* Content */

#center {
	padding: 30px 0 30px 0;
	margin: 0 30px 0 210px;
}

	#center #pagetitle, #center h1 {
		color: #636e7d;
		font: bold 180%/100% "Trebuchet MS", Arial, Helvetica, serif;
		margin: 0 0 20px 0;
	}

	#center h3 {
		display: block;
		color: #636e7d;
		font: bold 140%/100% "Trebuchet MS", Arial, Helvetica, serif;
		margin: 1.5em 0 1em 0;
	}

	#center h4 {
		color: #636e7d;
		font-size: 110%;
		font-weight: bold;
		margin: 0 0 3px 0;
	}

	#center hr {
		height: 1px;
		background-color: #c2cad3;
		color: #c2cad3;
		border: 0;
		margin: 2em 0;
	}

	#center p {
		line-height: 140%;
		margin: 0 0 18px 0;
	}

	#center p.first {
		margin-top: 20px;
	}

	#center blockquote {
		margin: 0 30px 20px 30px;
	}

	#center ol {
		margin-left: 35px;
	}

	#center ul {
		list-style-type: disc;
		padding-left: 16px;
	}

		#center ul li, #center ol li {
			margin-bottom: 5px;
		}

		#center ul ul {
			list-style-type: circle;
			margin-bottom: 0;
		}
	
	#center ul.classes {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}

		#center ul.classes li {
			padding: .4em 0 .4em 25px;
		}

		#center ul.classes li.pdf {
			background: transparent url(../images/pdf.gif) no-repeat left center;
		}

		#center ul.classes li.web {
			background: transparent url(../images/web.gif) no-repeat left center;
		}

			#center ul.classes li a {
				font-weight: bold;
			}

	#center a, #center a:link, #center a:active, #center a:visited {
		color: #636e7d;
		border-bottom: 1px dotted #636e7d;
	}

	#center a:hover {
		color: #39424c;
		border-bottom: 1px solid #39424c;
	}

	#center div.doc {
		display: block;
		height: 16px;
		width: auto;
		background: transparent url(../images/doc.gif) no-repeat left top;
		padding-left: 22px;
		border-bottom: none;
		margin: 0 0 5px 0;
	}

	#center div.pdf {
		display: block;
		height: 16px;
		background: transparent url(../images/pdf.gif) no-repeat left top;
		padding-left: 22px;
		border-bottom: none;
	}

	#center .small {
		font-weight: normal;
	}

	#center table {
		font-size: 100%;
	}

	#center div.staff {
		height: 120px;
		margin-bottom: 10px;
	}

		#center div.staff img {
			float: left;
			padding: 6px;
			border: 1px solid #bdc5d0;
			margin: 0 15px 10px 0;
		}

		#center div.staff h3 {
			font-size: 120%;
			margin: 0 0 6px 0;
		}

/* Footer */

.footer {
	clear: both;
}

/* Special */

.print_only {
	display: none;
}

/* Menu */

ul#nav, ul#nav ul {
	list-style-type: none;
	margin: 0;
}

ul#nav {
	margin: 6px 0 50px 0;
}

ul#nav li {
	display: block;
	position: relative;
	color: #636e7d;
	padding: 0;
	border: 0;
	margin: 0;
}

ul#nav li:hover, ul#nav li.over {
	background: #fff none;
}

ul#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
	background: transparent none;
	color: #636e7d;
	padding: 3px 12px;
	min-height: 15px;
	margin: 0;
}

ul#nav li a:hover {
	background: #bdc5d0 none;
	color: #fff;
}

ul#nav li a.dl, ul#nav li a.dl:link, ul#nav li a.dl:active, ul#nav li a.dl:visited, ul#nav li a.dl:hover, 
ul#nav li ul li a.dl, ul#nav li ul li a.dl:link, ul#nav li ul li a.dl:active, ul#nav li ul li a.dl:visited, ul#nav li ul li a.dl:hover, 
ul#nav li ul li ul li a.dl, ul#nav li ul li ul li a.dl:link, ul#nav li ul li ul li a.dl:active, ul#nav li ul li ul li a.dl:visited, ul#nav li ul li ul li a.dl:hover, 
ul#nav li:hover ul li a.dl, ul#nav li:hover ul li a.dl:link, ul#nav li:hover ul li a.dl:active, ul#nav li:hover ul li a.dl:visited, ul#nav li:hover ul li a.dl:hover, 
ul#nav li.over ul li a.dl, ul#nav li.over ul li a.dl:link, ul#nav li.over ul li a.dl:active, ul#nav li.over ul li a.dl:visited, ul#nav li.over ul li a.dl:hover {
	background-image: none;
}

ul#nav li a.dl:hover {
	background: #bdc5d0 none;
	color: #fff;
}

ul#nav li ul {
	display: none;
	color: #fff;
	padding: 0;
	margin: 0;
}

ul#nav li ul.start, ul#nav li ul.tools, ul#nav li ul.involvement {
	display: block;
}

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 {
	background: transparent url(../images/arrow_off.gif) no-repeat center right;
	font-weight: normal;
	padding: 2px 8px 2px 23px;
}

ul#nav li:hover ul li a, ul#nav li:hover ul li a:link, ul#nav li:hover ul li a:active, ul#nav li:hover ul li a:visited, 
ul#nav li.over ul li a, ul#nav li.over ul li a:link, ul#nav li.over ul li a:active, ul#nav li.over ul li a:visited{
	background: transparent url(../images/arrow_mid.gif) no-repeat center right;
}

ul#nav li ul li a:hover, ul#nav li:hover ul li a:hover, 
ul#nav li ul li a:hover, ul#nav li.over ul li a:hover{
	background: #bdc5d0 url(../images/arrow_on.gif) no-repeat center right;
	color: #fff;
}

ul#nav li ul li ul, ul#nav li ul li ul li ul, ul#nav li ul li:hover ul li ul, ul#nav li ul li.over ul li ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 180px;
	width: 180px;
	background-color: #fff;
	font-size: 100%;
	padding: 0;
	border: 1px solid #bdc5d0;
	margin: 0;
}

ul#nav li ul li:hover ul, ul#nav li ul li.over ul, ul#nav li ul li ul li:hover ul, ul#nav li ul li ul li.over ul {
	display: block;
}

ul#nav li ul li ul li a, ul#nav li ul li ul li a:link, ul#nav li ul li ul li a:active, ul#nav li ul li ul li a:visited {
	padding-left: 8px;
}


/* Form Fields */

input, textarea, select {
	font: normal 90% Verdana, Tahoma, sans-serif;
	border: 1px solid #fff;
	padding: 1px 3px;
}

input, textarea {
	width: 280px;
}

input.busroute {
	width: 100px;
	margin-top: 6px;
}

input.city {
	width: 148px;
}

input.date {
	width: 40px;
	text-align: center;
}

input.day {
	width: 100px;
	text-align: center;
	margin-right: 15px;
}

input.phone {
	width: 79px;
	text-align: center;
}

input.schedule {
	width: 200px;
}

input.state {
	width: 50px;
	text-align: center;
}

input.trip {
	width: 40px;
	text-align: center;
}

input.website {
	width: 248px;
}

input.zip {
	width: 60px;
	text-align: center;
}

textarea {
	height: 120px;
}

select {
	width: 288px;
}

input.button {
	width: 90px;
	background-color: #fff;
	color: #333;
	font: bold 90% "Trebuchet MS", Arial, Helvetica, serif;
	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.submit, input.delete, table.form td.buttons input {
	width: 90px;
	background-color: #fff;
	color: #333;
	font: bold 90% "Trebuchet MS", Arial, Helvetica, serif;
	border: 1px solid #fff;
	margin-top: 15px;
}

input.delete {
	width: 40px;
	font-weight: normal;
	font-size: 85%;
}

form {
	margin: 0;
}

/* Form Formatting */

table.form td, table.form th {
	vertical-align: top;
	padding: 6px 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.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;
}

div.notes {
	margin: 15px 0 5px 0;
}


/* FIX ME! Current Opportunities search, Submit an Opportunity */

table.form_old td {
	width: 150px;
	vertical-align: top;
	padding: 4px 0;
}

table.form_old td.fieldname {
	width: 100px;
	font-weight: bold;
	padding: 4px 10px 4px 0;
}

table.form_old td.twocol {
	width: 260px;
}

table.form_old td.threecol, table.form_old td.fourcol {
	width: auto;
}

	table.form_old td.fieldname i {
		font-weight: normal;
	}


/* Formatting Search Results */

#center div.position {
	border: 1px solid #c2cad3;
	margin-top: 20px;
}

#center div.position .title {
	background: #636e7d none;
	color: #fff;
	font-family: Arial, Helvetica, serif;
	font-size: 120%;
	font-weight: bold;
	line-height: 100%;
	padding: 8px;
}

#center div.position .subtitle {
	background: #c2cad3 none;
	color: #fff;
	font-family: Arial, Helvetica, serif;
	font-size: 92%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	padding: 4px 8px;
}

#center div.position .content {
	font-size: 92%;
	padding: 8px;
}

#center div.position .content p {
	margin: 0 0 6px 0;
}

#center div.position .content p.last {
	margin: 0;
}

/* Tools */

#center table.change {
	width: 545px;
}

#center table.change td {
	padding-bottom: 5px;
}

#center table.change td.id, #center table.change td.title {
	padding-right: 15px;
}

#center table.change td.expiration {
	width: 75px;
}

#center table.change td.buttons {
	width: 110px;
	text-align: right;
}

#center table.change a, #center table.change a:link, #center table.change a:active, #center table.change a:visited, #center table.change a:hover {
	border-bottom: none;
}

#center table.change img {
	margin-left: 5px;
}

#center table.change tr.heading td.id, #center table.change tr.heading td.title, #center table.change tr.heading td.expiration {
	color: #636e7d;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

#center div.tool {
	height: 20px;
	color: #636e7d;
	font-family: Arial, Helvetica, serif;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 5px;
}

#center div.tool img {
	margin: 0 8px 0 0;
}

#center p.tool {
	margin: 0 0 15px 0;
}


/* Service Logging */

table.log th, table.log td {
	font: 90%/150% Verdana, Tahoma, sans-serif;
	vertical-align: top;
	padding: .3em 2em .3em 0;
}

table.log th {
	font: bold 90% "Trebuchet MS", Arial, Helvetica, serif;
}

table.log .submitted {
	padding-right: 0;
}

#center a.print {
	float: right;
	display: block;
	border: none;
}

#center a.print img {
	padding: 4px 6px;
}

#center a.print:hover img {
	background-color: #fff;
}

#center h3.margin {
	margin-top: 0;
}