@import "calendar.css";

* { 
	margin: 0;
	padding: 0;
}

body {
	background: #AEA56F url(../images/backgrounds/body.png) top left repeat-x;
	font: normal 62.5%/1.6 Arial;
}
img {
	border: none;
}
ul {}
#frame {
	width: 781px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}

#topnav {
	position: absolute;
	right: 0;
	color: #fff;
	padding-top: 1px;
	padding-right: 2px;
	font: normal 9px/22px Verdana;
	z-index: 100;
}
#topnav a {
	color: #fff;
	text-decoration: none;
}

#masthead {
	height: 288px;
	position: relative;
	background: transparent url(../images/backgrounds/masthead.png) right bottom no-repeat;
}
#masthead a#title {
	background: transparent url(../images/title.png) top left no-repeat;
	height: 44px;
	width: 561px;
	position: absolute;
	top: 32px;
	left: 150px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
}
#masthead a#title h1 {
	display: inline;
}
#masthead h2#tagline {
	color: #eeeeee;
	text-transform: uppercase;
	position: absolute;
	top: 75px;
	left: 150px;
	font: bold 13px Arial, sans-serif;
	z-index: 2;
}
#masthead #logo {
	position: absolute;
	left: 20px;
	top: 5px;
}
#masthead #banner {
	width: 599px;
	height: 180px;
	position: absolute;
	top: 90px;
	left: 181px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	/*	background-image: url(../images/banners/main.png);*/
}
#masthead #search {
	position: absolute;
	top: 85px;
	left: 565px;
	width: 206px;
	height: 27px;
	padding: 6px 0 0 7px;
	background: #c3bb90 url(../images/backgrounds/search.png) no-repeat;
	color: #75715d;
	font-size: 1.25em;
}



#navigation {
	position: absolute;
	top: 125px;
	float: left;
	width: 195px;
	height: 300px;
	padding-bottom: 1em;
	height: auto !important;
	min-height: 300px;
	font: bold 1.1em/1.6 Arial;
	color: #f3ebea;
	background: transparent url(../images/backgrounds/navigation.png) bottom left no-repeat;
}

#navigation a {
	color: #fff;
	text-decoration: none;
}

#navigation ul {
	background: transparent url(../images/backgrounds/navigation_ul.png) top left no-repeat;
	list-style: none;
	padding: 10px 10px 30px 3px;
}

#navigation ul li {
	line-height: 20px;
	margin-left: 8px;
	height: 24px;
	padding-left: 14px;
}

#navigation ul li ul {
	background: none;
	padding: 0;
	display: none;
	font-weight: normal;
}



#navigation ul li.hover {
	background: transparent url(../images/backgrounds/nav_rollover.png) no-repeat;
	position: relative;
	height: 24px;
}

#navigation ul li.hover a {
	color: #bcb382;
}

#navigation ul li.hover ul {
	display: block;
	margin-top: 1px;
	position: absolute;
	top: 20px;
	width: 138px;
	left: 36px;
	background: url(../images/backgrounds/nav_child.png) no-repeat bottom;
	white-space:  nowrap;

}

#navigation ul li.hover ul li {
	height: 23px;
	padding-left: 0;
	white-space: nowrap;
}

#navigation ul li.hover ul li a {
	color: #fff;
}

#navigation ul li.hover ul li.hover {
	background: none;
}

#navigation ul li.hover ul li.hover a {
	color: #bcb382;
}




#navigation ul li.current {
	margin-left: 0;
	border-left: 8px solid #a51c1d;
	height: auto;
}

#navigation ul li.current a {
	color: #bcb382;
}

#navigation ul li.current ul {
	margin: 2px 0 5px 6px;
	display: block;
	background: none;
	width: 130px;
}

#navigation ul li.current ul li {
	height: auto;
	margin: 0;
	padding-left: 2px;
}

#navigation ul li.current ul li a {
	color: #fff;
}

#navigation ul li.current ul li.current {
	border: none;
}

#navigation ul li.current ul li.current a {
	color: #bcb382;
}



#navigation ul li.current ul li.hover {
	background: none;
}

#navigation ul li.current {
	background: none;
}

#navigation ul li.current ul {
	position: static;
}


#navigation ul li.return {
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 28px;
	padding-top: 3px;
	padding-left: 22px;
	height: auto;
	border-top: 1px dashed #ccc;
	background: url(../images/icons/return.png) center left no-repeat;
}

#navigation ul li.return:hover {
	background: url(../images/icons/return-hover.png) center left no-repeat;
}



#main {
	background: transparent url(../images/backgrounds/main.png) bottom left repeat-y;
	padding: 0 30px 30px 0;
	color: #666;
	font: normal 1.2em/1.6 Arial;		

}
.front #main {
	padding: 0;
}
#main #breadcrumbs {
	color: #8c211c;
	margin-left: 215px;
	font: normal 0.9em Arial;
}
#main #breadcrumbs a {
	text-decoration: none;
	font-weight: bold;
	color: #8c211c;
}
#main #promos {
	margin-top: 27px;
	float: right;
	width: 121px;
	font-size: 0.9em;
	line-height: 1.3em;
}
#main #promos h2 {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 8px;
	width: 121px;
	height: 18px;
	color: #fff;
	padding-left: 8px;
	background: url(../images/backgrounds/promo.png) no-repeat;
}
#main #promos a {
	color: #7d1314;
	text-decoration: none;
}
#main #promos ul {
	list-style: none;
}
#main #content ol {
	margin-left: 16px;
}
#main #content {
	margin-left: 215px;
	min-height:500px;
	height:auto !important;
	height:500px;
	width: 375px;
}
#main #content a {
	color: #7B1715;
}
#main #content a:hover {
	background-color: #BAB381;
}
#main #content p {
	margin-bottom: 2em;
}
#main #content h3 {
	margin: 1.5em 0 1em;
	font: bold 1.8em Arial;
	color: #8e9db6;
}
#main #content h4 {
	margin-top: 2em;
}
#main #content input { 
	font-size: 1.4em;
	padding: 3px;
	border: 1px solid #dddddd;
}
#main #content ul {
	padding-left: 1em;
}

#main #content li {
	margin-bottom: 0.5em;
}

#main #content address {
	white-space: nowrap;
	font-style:  normal;
	padding-left: 10px;
	border-left: 2px solid #7B1715;
}
#main #content address strong {
	color:  #7B1715;		
}
#bottom {
	background: transparent url(../images/backgrounds/bottom.png) bottom center no-repeat;
	height: 22px;
}


.front #navigation {
	height: auto;
}
.front #masthead {
	background: transparent url(../images/backgrounds/masthead_red.png) right bottom no-repeat;
}
.front #masthead #banner {
	background-image: url(../images/banners/front.png);
}
.front #main {
	background: transparent url(../images/backgrounds/main_red.png) bottom center repeat-y;
	color: #fff;
	height: 400px	;
	padding: 0;
}
.front #main #content {
	margin-left: 195px;
	width: 560px;
}
.front #main #content h3 {
	color: #c3b359;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}
.front #main #content ul {
	list-style-type: none;
}
.front #main #content ul li {
	font-weight: bold;
	margin-bottom: 0.2em;
}
.front #main #content ul li a {
	color: #fff;
}
.front #main #content ul li a:hover {
	border-bottom: 1px dotted #fff;
	background: none;
}

.front #main #content #announcements {
  float: right;
	width: 229px;
	margin: 0;
	padding: 10px 10px 2em 10px;
	background-color: #7e1314;
}
.front #main #content #announcements h3 {
	margin-top: 0;
	font-size: 1.2em;
	color: #bcb382;
}
.front #main #content #announcements ul {
	margin-left: 4px;
	margin-top: 20px;
}
.front #main #content #announcements li {
	color: #fff;
	font-weight: normal;
	list-style-image: url(../images/bullet.png);
}

.front #main #content #front-img {
  float: left;
	width: 300px;
  text-align: center;
}

.front #main #content #front-img img {
  border: 6px solid #7e1314;
  width: 276px;
}

.front #main #content #front-img h1 {
  font-size: 120%;
  text-align: left;
	color: #bcb382;
	margin: 0 auto;
	width: 280px;
}

.front #main #content #front-img p {
  text-align: left;
  margin: 0 auto;
	width: 280px;
}

.front #main #content #front-img p a {
  color: #bcb382;
}

.front #main #content #body {
  float: right;
	width: 215px;
}
.front #main #content #body h3 {
	color: #bcb382;
}
.front #main #content #body ul {
	border-left: 4px solid #7e1314;
	padding-left: 7px;
}
.front #main #content #body li {
	font-weight: normal;
}
.front #bottom {
	background: transparent url(../images/backgrounds/bottom_red.png) bottom center no-repeat;
}

.front address {
	text-align: center;
	font-style: normal;
	font-weight: bold;
	color: #827a50;
	padding-top: 2em;
	white-space: nowrap;
}

.nosidebar #main #content {
	width: 500px;
}

#footer {
	margin-left: 200px;
	color: #666;
	width: 570px;
	height: 2em;
	margin-top: 0.3em;
	font-size: 120%;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer p { 
	float: left; 
}
#footer p#copyright { 
	float: right;
	color: #7d1314;
}

#main #content ul.tabs {
	position: absolute;
	left: 600px;
	width: 150px !important;
	overflow: hidden;
	list-style: none;
	font-size: 11px;
	margin-bottom: 1em;
	padding-bottom: 5px;
	padding: 0;
	background: transparent url(../images/backgrounds/tab.png) bottom left no-repeat;
}
#main #content ul.tabs li {
	margin: 0;	
	white-space:  nowrap;
	color: #fff;
	padding: 3px 10px;
}
#main #content ul.tabs li.header {
	margin: 0;
		background: transparent url(../images/backgrounds/tab_top.png) top left no-repeat;
}
#main #content ul.tabs li a {
	text-decoration: none;
	margin: 0;
	color: #fff;
}
#main #content ul.tabs li.current a {
	color: #897f4a;
}

#main #content ul.tabs li a:hover {
	background-color: transparent;
	text-decoration: underline;
}


p strong {
	color: #444;
}

#department-dropdown {
	margin-left: 1em;
	width: 15em;
}

hr {
	clear: none;
	border: none;
	border-top: 1px dashed #ccc;
}

#main #content p.department {
	margin-bottom: 1em;
}

#main #content h4 {
	font-size: 1.3em;
	color: #7f8fac;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

h5 {
	font-size: 1.1em;
	color: #222;
}

#courses dl {}
#courses dt {}
#courses dd {
	margin-left: 1em;
}
#main #content #courses dt a {
	color: #4d6081;
	padding-left: 12px;
	background: url('../images/icons/drop-arrow-right.png') center left no-repeat;
}
#main #content #courses dt a.open {
	background: url('../images/icons/drop-arrow-down.png') center left no-repeat;
}


td.label {
	padding-bottom: 1em;
}
td.field {
	padding-left: 1em;
}



#main #content table {
	border-collapse: separate;
	border-spacing: 1px 1px;
	color: #7d7549;
	font-size: 0.95em;
	width: 100%;
}
#main #content table th {
	background-color: #830F14;
	color: #fff;
	padding: 1px 6px;
}
#main #content table th a {
	color: #fff;
}
#main #content table th a:hover {
	background-color: #97353A;
}
#main #content table td {
	padding: 1px 6px;
	background-color: #ebe8d9;
}

#main #content .news-item {
	margin-bottom: 2em;
}
#main #content .news-item p {
	margin-bottom: 0;
}
#main #content .news-item span {
	font-size: 0.95em;
	float: right;
}
#main #content .news-item span a {
	color: #7d1314;
	text-decoration: underline;
}


#main #content #faculty-staff {
	margin-bottom: 2em;
}
#main #content .teacher {
	margin-left: 1em;
}
#main #content .teacher ul {
	list-style: none;
	margin-left: 1em;
}
#main #content .teacher ul li {
	margin-bottom: 0;
}


#main #content #sports-dropdown h3 {
	color: #444;
	font-size: 1.1em;
	margin-bottom: 0.4em;
	margin-top: 0;
}
#main #content #sports-dropdown select {
	width: 18em;
}
#main #content #sports-dropdown .mens {
	width: 50%;
	float: left;
}
#main #content #sports-dropdown .womens {
	width: 50%;
	float: left;
}


#main #content #sport-links {
	padding-top: 4em;
}

object {
	display: block;
	margin-bottom: 1em;
}

#upcoming_events  {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 1em;
}
#upcoming_events * {
	font: normal 11px Arial;
	color: #333;
}
#upcoming_events div.event h4 {
	border-bottom: 1px solid #efefef;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
#upcoming_events div.event h5 {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
#upcoming_events div.event p {
	margin-bottom: 1em !important;
}


#gallery2-app #main #content {
	width: 520px;
}

#content img {
	padding: 0 5px;
}
.front #content img {
	padding: 0;
}