/* @override 
	http://untcom.dev/style/default.css
	http://localhost:9000/style/default.css
*/

@import url("reset.css");

body {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 62.5%;
	background-color: black;
}

a {
	color: black;
}

a:hover {
	color: white;
	background-color: black;
}

p {
	line-height: 18px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Times","Times New Roman", serif;
	font-style: italic;
}

h1 {
	font-size: 18px;
}

img.AJAXindicator {
	float: right;
}

.viewer img.AJAXindicator {
	position: absolute;
	right: 0;
	top: 0;
}

#canvas {
	margin: 0 auto;
}

#wrapper-top {
	background: black url(/i/banner-bg.png) left top repeat-x;
}

#top {
	position: relative;
	width: 945px;
	height: 160px;
	margin: 0 auto;
	background-color: black;
	color: white;
}

#banner {
	height: 130px;
}

/* @group Old nav */

/*#main-nav  {
	position: absolute;
	height: 36px;
	bottom: -5px;
	z-index: 100;
}

#main-nav strong {
	font-size: 14px;
}

#main-nav ul {
	background-color: lightgreen;
	width: 905px;
	margin: 0 20px;
	line-height: 30px;
	height: 38px;
	overflow: visible;
	background: transparent url(/i/main-nav-bg.png) left 2px repeat-x;
}

#main-nav ul li {
	float: left;
}

#main-nav ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	color: white;
	background: transparent url(/i/main-nav-tab-left.png) left 2px no-repeat;
}

#main-nav ul li a span {
	display: block;
	height: 38px;
	padding-top: 2px;
	padding-right: 10px;
	background: transparent url(/i/main-nav-tab-right.png) right 2px no-repeat;
}

#main-nav ul li.current a, 
#main-nav ul li a:hover, 
#main-nav ul li.current#nav-home a,
#main-nav ul li#nav-home a:hover {
	padding-bottom: 4px;
	color: black;
	background: transparent url(/i/main-nav-tab-left.png) left -100px no-repeat;
}

#main-nav ul li.current a span, #main-nav ul li a:hover span {
	background-position: right -100px;
}

#main-nav ul li#nav-home,  #main-nav ul li#nav-home a{
	background: transparent url(/i/main-nav-corner-left.png) left 2px no-repeat;
}

#main-nav ul li.search {
	float: right;
}

#globalSearch {
	font-weight: bold;
	padding: 0 10px 0;
	background: transparent url(/i/main-nav-corner-right.png) right 2px no-repeat;
}

#globalSearch input[type="search"] {
	width: 150px;
	color: gray;
	vertical-align: middle;
}

#globalSearch input[type="image"] {
	vertical-align: middle;
}*/

/* @end */

#main-nav {
	position: absolute;
	/

*height: 30px;*/
	bottom: 0;
/*

z-index: 100;*/
}

#main-nav strong {
	font-size: 14px;
}

#main-nav table {
	background-color: black;
	width: 905px;
	margin: 0 20px;
	

/*overflow: hidden;*/
	border-collapse: collapse;
	background: url(/i/main-nav-bg.png) left 2px repeat-x;
}

#main-nav table td {
	white-space: nowrap;
	

/*height: 30px;*/
	vertical-align: middle;
}

#main-nav table td a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	line-height: 29px;
	color: white;
	background: transparent url(/i/main-nav-tab-left.png) left 2px no-repeat;
}

#main-nav table td a span {
	display: block;
	padding-top: 2px;
	height: 28px;
	padding-right: 10px;
	background: transparent url(/i/main-nav-tab-right.png) right 2px no-repeat;
}

#main-nav td#nav-home {
	background: black url(/i/main-nav-corner-left.png) left 2px no-repeat;
}

#main-nav td#nav-home a {
	background: black url(/i/main-nav-corner-left.png) left 2px no-repeat;
}

#main-nav table td.current a, 
#main-nav table td a:hover,
#main-nav td#nav-home.current a,
#main-nav td#nav-home a:hover {
	

/*padding-bottom: 4px;*/
	color: black;
	background: transparent url(/i/main-nav-tab-left.png) left -100px no-repeat;
}

#main-nav table td.current a span, 
#main-nav table td a:hover span {
	background-position: right -100px;
}

#main-nav td.search {
	background: transparent url(/i/main-nav-corner-right.png) right 2px no-repeat;
}

#globalSearch {
	display: block;
	font-weight: bold;
	padding: 0 10px 0;
	background: transparent;
}

#globalSearch input[type="search"] {
	width: 150px;
	color: gray;
	vertical-align: middle;
}

#globalSearch input[type="image"] {
	vertical-align: middle;
}

#cse-search-box {
	margin-top: 4px;
}

#cse-search-box input {
	width: 150px;
	margin-left: 4px;
	border: 0;
}

#cse-search-box button {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

#wrapper-header {
	position: relative;
	background: white url(/i/header-shadow.jpg) left top repeat-x;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	clear: both;
}

.internal #wrapper-header {
	background-image: url(/i/header-shadow-internal.jpg);
}

.tertiary #wrapper-header {
	background-image: url(/i/header-shadow-tertiary.jpg);
}

#header-image {
	position: absolute;
	top: 0;
	height: 280px;
	width: 100%;
	z-index: 0;
}

.internal #header-image {
	height: 200px;
}

.tertiary #header-image {
	display: none;
}

#header-shadow-top {
	position: absolute;
	top: 0;
	height: 7px;
	width: 100%;
	background: transparent url(/i/header-shadow-top.png) left top repeat-x;
}

#header-shadow-bottom {
	position: absolute;
	bottom: 0;
	height: 7px;
	width: 100%;
	background: transparent url(/i/header-shadow-bottom.png) left top repeat-x;
}

#header {
	position: relative;
	width: 905px;
	margin: 0 auto;
	height: 280px;
	padding: 0 20px;
	overflow: hidden;
}

#header.internal {
	height: 200px;
}

.internal #header {
	height: 200px;
}

#header.tertiary {
	height: 65px;
}

.tertiary #header {
	height: 65px;
}

#header h1 {
	font-size: 28px;
	color: #387b31;
	padding-top: 40px;
}

.tertiary #header h1 {
	padding-top: 20px;
	margin-left: 198px;
}

p.date {
	font-size: 14px;
	margin-bottom: 20px;
}

#header p {
	font-size: 16px;
	line-height: 26px;
	width: 510px;
}

#wrapper-content {
	position: relative;
	overflow: hidden;
	background: black url(/i/marble.png) left top repeat;
	/*min-height: 600px;*/
	clear: both;
}

#content-shadow-bottom {
	position: absolute;
	bottom: 0;
	height: 7px;
	width: 100%;
	background: transparent url(/i/header-shadow-bottom.png) left top repeat-x;
}

#marble-shadow {
	background: transparent url(/i/marble-gradient.png) left top repeat-x;
}

#content {
	position: relative;
	width: 934px;
	margin: 0 auto;
	/*min-height: 600px;*/
	background: transparent url(/i/content-shadow.png) left top repeat-y;
	padding-left: 16px;
}

#left-nav {
	position: relative;
	top: -20px;
	float: left;
	margin-bottom: -9001px;
	padding-bottom: 9000px;
}

#left-nav-shadow {
	width: 179px;
	padding-left: 2px;
	padding-right: 3px;
	margin-bottom: -9001px;
	padding-bottom: 9000px;
	background: transparent url(/i/left-nav-shadow.png) left top repeat-y;
}

#left-nav-top {
	height: 3px;
	background: transparent url(/i/left-nav-shadow-top.png) left top no-repeat;
}

#left-nav-middle {
	border: 3px solid white;
	width: 174px;
	background: #d1ba84 url(/i/left-nav-bg.png) left top no-repeat;
	margin-bottom: -9001px;
	padding-bottom: 9000px;
}

#left-nav li a {
	display: block;
	font-size: 14px;
	color: white;
	text-decoration: none;
	line-height: 28px;
	padding-left: 30px;
	border-bottom: 1px solid #c5a876;
}

#left-nav li a.current {
	background-color: black;
}

#left-nav ul.subnav {
	border-bottom: 1px solid #c5a876;
}

#left-nav ul.subnav li a {
	padding-left: 46px;
	font-size: 12px;
	border: none;
	background: transparent url(/i/left-nav-circle.png) 30px 50% no-repeat;
}

#left-nav ul.subnav li a.current, #left-nav ul.subnav li a:hover {
	background: black url(/i/left-nav-circle.png) 30px 50% no-repeat;
}

#body {
	float: left;
	width: 489px;
	margin-left: -4px;
	padding: 35px 20px 0;
	background: #e7d4a9 url(/i/content-bg.png) left top repeat-x;
	margin-bottom: -9001px;
	padding-bottom: 9040px;
	font-size: 14px;
	border-right: 1px solid white;
}

.home #body {
	/*padding-top: 20px;*/
}

#body h2 {
	font-size: 21px;
	color: #65410b;
}

#body p {
	margin: 0 0 10px;
}

#body h3 {
	margin-top: 18px;
	font-family: inherit;
	font-style: normal;
}

#body li {
	line-height: 18px;
}

#body ul {
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(/i/list-arrow.png);
}

#body ul li {
	margin-bottom: 8px;
}

#body ol {
	list-style-type: decimal;
	list-style-position: inside;
}

#body ol ul {
	margin-left: 18px;
}

#body ol ol {
	margin-left: 18px;
}

a.more {
	float: right;
	font-style: italic;
	color: #387b31;
}

img.spotlight {
	float: left;
	margin-right: 9px;
	border: 3px solid white;
	width: 10em;
	height: 10em;
}

p#eventFilter {
	margin-top: 10px;
	font-size: 12px;
}

#eventFilter a {
	color: #387b31;
}

#eventFilter a:hover, #eventFilter a.current:hover {
	color: white;
}

#eventFilter a.current {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

li.today {
	margin-left: -3px;
	margin-right: -3px;
	padding: 2px;
	background-color: #d1ba84;
}

a strong {
	text-decoration: none;
}

ul.events li {
	margin-bottom: 10px;
}

ul.events li.last {
	margin-bottom: 0;
}

#upcoming-events {
	clear: both;
}

#upcoming-events span.date {
	margin-right: 10px;
}

#sidebar {
	position: relative;
	top: -36px;
	float: left;
	width: 217px;
	font-size: 12px;
}

#sidebar h2 {
	font-size: 15px;
	margin-bottom: 16px;
}

div.box {
	padding: 0 16px;
	background: transparent url(/i/box-shadow2.png) left top repeat-y;
	color: white;
}

div.box-bottom {
	width: 217px;
	height: 16px;
	background: transparent url(/i/box-shadow-bottom.png) left top no-repeat;
}

div.box-top {
	width: 217px;
	height: 16px;
	background: transparent url(/i/box-shadow-top.png) left top no-repeat;
}

.box a {
	color: white;
	text-decoration: none;
}

#musicButton {
	position: relative;
	border: 2px solid white;
	background: #387b31 url(/i/sidebar-box-bg.png) left top repeat-x;
	font-size: 14px;
}

#musicButton p {
	line-height: 14px;
}

#musicButtonNotes {
	display: block;
	position: absolute;
	right: -34px;
	top: -13px;
}

#musicButton a {
	position: relative;
	display: block;
	padding: 8px 16px;
}

#quickLinks {
	border: 1px solid white;
	background: #387b31 url(/i/sidebar-box-bg.png) left top repeat-x;
	padding: 8px 16px;
	font-weight: bold;
}

span.small {
	font-size: smaller;
}

h1 span.small {
	color: black;
}

#news {
	border: 1px solid white;
	background: #387b31 url(/i/sidebar-box-bg.png) left top repeat-x;
	padding: 8px 16px;
}

#news h3 {
	font-size: 14px;
	color: #f2deb1;
	margin-top: 16px;
	clear: both;
	font-style: normal;
	font-family: inherit;
}

#news p.date {
	font-size: 11px;
	margin-bottom: 8px;
}

#news p {
	margin-bottom: 8px;
}

#news a.more {
	margin-bottom: 16px;
	color: #f2deb1;
}

#wrapper-bottom {
	clear: both;
	background-color: black;
	border-top: 1px solid #af923d;
}

#footer {
	/*position: relative;*/
	width: 945px;
	height: 55px;
	margin: 0 auto;
	background-color: black;
	color: #387b31;
	font-size: 1.1em;
	line-height: 55px;
}

a#bwcLink {
	float: right;
	/*position: absolute;
	right: 0;
	top: 0;*/
	text-align: right;
	font-style: normal;
	/*height: 55px;
	width: 233px;
	display: block;
	background: transparent url(/i/bwc_logo.gif) left top no-repeat;
	text-indent: -1000px;*/
}

div.clear {
	clear: both;
}

img.figure, img.detail {
	border: 2px solid black;
	margin: 0 18px 9px 0;
	position: relative;
	top: 4px;
}

img.left {
	float: left;
}

img.detail {
	width: 278px;
	height: 224px;
	margin: 0 0 0 9px;
}

.basic h2 {
	margin-bottom: 18px;
}

p.signature {
	font-style: italic;
}

ul.mission {
	font-size: 16px;
}

ul.mission li {
	margin-bottom: 18px;
}

ul.listing {
	line-height: 18px;
}

form.inline {
	display: inline;
}

form.switch {
	margin-bottom: 9px;
}

.info ul li {
	line-height: 18px;
	list-style: disc;
	list-style-position: inside;
}

/* @group Viewer */

.viewer ul.listing, .viewer ul.listing li {
	list-style-type: none !important;
	list-style-image: none;
}

.viewer ul.listing li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #d1ba84;
}

ul.child {
	margin: 0 0 0 18px;
}

ul.child li.last {
	border-bottom: none;
}

div.viewer {
	position: relative;
	width: 100%;
	padding: 18px 0 0;
	background: transparent url(/i/faded-line.gif) left top no-repeat;
}

.viewer .listing {
	float: left;
	width: 200px;
}

.viewer .listing a {
	display: block;
	padding: 4px;
	text-decoration: none;
}

.viewer .listing a.current {
	background-color: black;
	color: white;
}

.viewer .results {
	float: left;
	width: 280px;
	padding-left: 9px;
}

.viewer .results img {
	border: 2px solid black;
	margin: 0 18px 9px 0;
	width: 280px;
	height: 224px;
}

div.divider {
	height: 18px;
	background: transparent url(/i/faded-line.gif) left top no-repeat;
}

/* @end */

/* @group Spotlight Box */

#spotlightGallery {
	overflow: hidden;
	width: 490px; 
	/*min-height: 216px;*/ 
	clear: both;
	margin-bottom: 18px;
	/*outline: 1px solid brown;*/
}

#spotlightNav {
	margin: 0 auto 0;
	height: 18px;
	width: 490px;
	background: transparent url(/i/faded-line.gif) left top no-repeat;
	text-align: center;
}

#spotlightNavLinks {
	margin: 0 auto;
	width: 90px;
	height: 18px;
	background-color: #E7D4A9;
}

#spotlightNavLinks a {
	display: block;
	float: left;
	background: transparent url(/i/spotlight-increment.gif) left top no-repeat;
	text-decoration: none;
	width: 18px;
	height: 18px;
	/*margin-right: 5px;*/
	text-indent: -1000px;
	outline: none;
	overflow: hidden;
}

#spotlightNavLinks a.activeSlide {
	background: transparent url(/i/spotlight-increment.gif) left -18px no-repeat;
}

#spotlightNavLinks a:focus {
	outline: none;
}

div.spotlight {
	/*height: 216px;*/
	/*background-color: red;*/
}

.spotlight h2 {
	margin-bottom: 9px;
}

.spotlight p {
	font-size: 14px;
	line-height: 18px;
}

.spotlight .date {
	font-size: 12px;
}

.spotlight p.more {
	clear: both;
	width: 100%;
	text-align: center;
	background: transparent url(/i/faded-line.png) left top no-repeat;
	margin: 0 !important;
}

.spotlight p.more a {
	text-decoration: none;
	background-color: #E7D4A9;
	color: #387b31;
	padding: 0 5px;
	font-style: normal;
}

.spotlight p.more a:hover {
	background-color: #387b31;
	color: white;
}

/* @end */

/* @group Vacancies */

dt {
	margin-top: 18px;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	clear: left;
}

dd + dt {
	border-top: 1px solid #d1ba84;
	padding-top: 8px;
	margin-top: 9px;
	clear: left;
}

dd {
	font-size: 12px;
}

dl.jobListing dt {
	font-size: 14px;
	font-weight: bold;
}

.jobListing dd {
	margin-left: 0;
}

.jobListing dd.deadline {
	font-size: 12px;
	color: #793c40;
	display:none;
}

dl + h2 {
	margin-top: 18px;
}

.download.pdf {
	padding-left: 20px;
	background-image: url(i/pdficon_small.gif);
	background-position:  left 50%;
	background-repeat: no-repeat;
}

/* @end */

/* @group Faculty Directory */

/* @group Autocompleter */

.ac_input {
	width: 200px;
}

.ac_results {
	width: 312px;
	padding: 0px;
	border: 1px solid #65410b;
	background-color: #d1ba84;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display: none

;
	/*sorry for IE5*/
	disp

lay/**/: bl

ock;
	/*sorry for IE5*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 3000px;
	height: 3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/i/indicator_snake.gif') right center no-repeat;
}

.ac_over {
	background-color: black;
	color: white;
}

/* @end */

#searchArg {
	width: 300px;
	border: 1px solid #d1ba84;
	line-height: 18px;
	padding: 0 6px;
	color: #65410b;
}

#searchArg:focus {
	border-color: #65410b;
}

div.letterBar {
	width: 400px;
	line-height: 2;
}

div.letterBar a {
	text-decoration: none;
	margin: 0 1px;
}

div.letterBar a.current {
	color: #000;
	border-bottom: 2px solid #000;
}

div.letterBar span.empty {
	color: #a87b39;
}

ul.directoryListing {
	margin: 0;
	padding: 0;
}

.directoryListing li {
	padding: 0 9px;
	line-height: 18px;
	margin-bottom: 9px;
}

li.header {
	line-height: 18px;
	color: #65410b;
	background-color: #d1ba84;
	font-weight: bold;
	list-style: none;
}

div.directoryDetail {
	width: 400px;
	margin: 9px 0;
}

/* @end */

/* @group Dev */

#grid {
	position: absolute;
	z-index: 1000;
	opacity: .5;
}

.hilite {
	color: red;
	background-color: yellow;
	font-weight: bold;
}

/* @end */

/* @group News Page */

div.navigator {
	float: right;
}

#newsList dd {
	margin-left: 108px;
}

.newsImage {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	width: 100px;
	height: 80px;
}

/* @end */

img.thumb {
	float: left;
	height: 54px;
	width: 54px;
	margin: 0 9px 0 0;
	background-color: #eee;
}

.note {
	padding: 18px;
	background-color: #d1ba84;
}

.subsection {
	margin-left: 18px;
}

.subsection dt {
	font-size: inherit;
}

.subsection dd {
	margin-bottom: 8px;
}

.secondary li {
	margin-left: 18px;
	list-style-image: none;
}

ol.alpha li {
	list-style-type: upper-alpha;
}

a.feed {
	padding-left: 20px;
	background-image:url(/i/feed-sm.png);
	background-position:  left 50%;
	background-repeat: no-repeat;
}

.featureImage {
	float: right;
	margin-left: 9px;
	margin-bottom: 9px;
	width: 180px;
	height: auto;
	border: 2px solid black;
}

#repertoire-list dd {
	line-height: 18px;
}


/*  Brads added styles  */

a.greenLink {
	color:#387b31;
}

a.greenLink:hover {
	color:#FFFFFF;
	background-color:#000000;
}
	



/*////////// CONTACT FORM ///////*/

.required, .formField {
	width:225px;
	padding-left:3px;
	margin-bottom:10px;
}

.requiredAsterik {
	color: #CC3300;
	font-size:14px;
}

label {  }

label.error { 
float: none;
color: red;
vertical-align: middle;
font-weight:bold;
margin-left:-15px;
margin-top:3px;
}

.contactField {
width:350px;
border:1px solid #000;
}

.contactText {
padding-left:20px;
margin-left:20px;
}

#emailTextForm {
color:#FFFFFF;
float:right;
margin-right:27px;
margin-top:27px
}

input#text {
	border: 1px solid #000000;
	width: 160px;
	color:#000000;
}	

input#submit,{
	border:none;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #993300;
	border:1px solid #FFCC00;
	margin-top: 10px;
	margin-left:10px;
	float:left;
	width:150px;
	height:25px;
	text-decoration:none;
	text-align:center;
	padding-top:8px;
}

input#submit{
	height:33px;
	padding-top: 0px;
	cursor:pointer;
}



input#submit:hover,  {
	background-color: #666 !important;
}	


.contactButton a{
	display:inline-block;
	width:160px;
	height:20px;
	padding-top:5px;
	background-color:#CCC;
	color:#000;
	text-align:center;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:none;
}

.contactButton a:hover{
	background-color: #666;
	color:#FFF;
}

.contactButtonCurrent a{
	display:inline-block;
	width:160px;
	height:20px;
	padding-top:5px;
	background-color: #EBEBEB;
	color:#000;
	text-align:center;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:none;
	font-weight:bold;
}




/*////////// END CONTACT FORM ///////*/