/* General Page Structure
-------------------------------------------------------------------------------------- */
body {
	background-color: #e0d7bc;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#wrapper {
	background: #e0d7bc url(/images/main-bg.gif) repeat-y top center;
	margin: 0 auto;
	padding: 0 17px;
	width: 700px;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 0;
}


/* General Styles
-------------------------------------------------------------------------------------- */
p, ul, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
a img {
	border: none;
}


/* Header
-------------------------------------------------------------------------------------- */
#header a {
	color: #fff;
	text-decoration: none;
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* Top Bar Links
-------------------------------------------------------------------------------------- */
#topbar {
	background: url(/images/topbar-bg.gif) repeat-x top left;
	height: 35px;
	text-align: center;
}
#topbar li {
	display: inline;
	font-size: 12px;
	line-height: 35px;
	padding: 0 25px;
}
#topbar li a:hover {
	text-decoration: underline;
}


/* Logo Area
-------------------------------------------------------------------------------------- */
#logo {
	background: #fff url(/images/logo-bg.gif) repeat-x top left;
	border-bottom: 1px solid #dfdfdf;
	height: 80px;
}
#logo a {
	background: url(/images/logo-bg.jpg) no-repeat top right;
	display: block;
	height: 100%;
	width: 100%;
}
#logo img {
	display: block;
}


/* Navigation Menu
-------------------------------------------------------------------------------------- */
#navmenu {
	background: url(/images/subnav-bg.gif) repeat-x bottom left;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #d4d4d4;
	height: 83px;
	overflow: hidden;
	position: relative;
	width: 700px;
}
ul#nav {
	background: url(/images/navlink-bg.gif) repeat-x top left;
	height: 46px;
	border-top: 1px solid #f58984;
	border-bottom: 1px solid #8b2923;
	width: 703px; /* 3 extra hidden pixels - fixes IE bug where sublinks for last tab don't show up in IE */
}
#nav li.on ul, #nav li.off ul {
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	font-size: 12px;
	width: auto;
}
#nav li a {
	background: url(/images/navlink-bg.gif) repeat-x 0px 0px;
	border-left: 1px solid #bc352d;
	border-right: 1px solid #ce3d34;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	text-align: center;
}

/* Each main nav link needs a specific width due to Opera bug */
#nav li a#tab16 { width: 64px; border-left: none; padding:0; }
#nav li a#tab73 { width: 96px; padding:0;}
#nav li a#tab74 { width: 80px;padding:0; }
#nav li a#tab71 { width: 68px;padding:0; }
#nav li a#tab70 { width: 62px; padding:0;}
#nav li a#tab68 { width: 82px; padding:0;}
#nav li a#tab69 { width: 92px; padding:0;}
#nav li a#tab72 { width: 142px; border-right: none; padding:0;}

/* Default nav link size for those not included above */
#nav li a{ padding: 0 15px 0 15px }

#nav li a:hover, #nav li.on a, #nav li:hover a, #nav li.over a {
	background-position: 0px -46px;
}
#nav li ul {
	background: url(/images/subnav-bg.gif) repeat-x bottom left;
	border-top: 1px solid #8b2923;
	display: none;
	height: 35px;
	width: 700px;
}
#nav li.off ul, #nav li.on ul {
	left: 0px;
	position: absolute;
	top: 47px;
}
#nav li.on ul a.current {
	background-color: #222;
}
#nav li ul li {
	height: 35px;
}
#nav li.on ul a, #nav li.off ul a {
	background: none;
	border: none;
	color: #ebebeb;
	font-size: 11px;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	text-decoration: underline;
}
#nav li.on ul a:hover, #nav li.off ul a:hover {
	background-color: #222;
	color: #fff;
}
#nav li.on ul {
	display: block;
}
#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}



/* Main Banner Image
-------------------------------------------------------------------------------------- */
#banner {
	background: url(/images/banner.jpg) no-repeat top left;
	clear: both;
	height: 194px;
}


/* Content Boxes
-------------------------------------------------------------------------------------- */
div.box {
	float: left;
	padding: 22px 17px 6px;
}
div.left {
	width: 415px;
}
div.right {
	width: 216px;
}
div.left h1, div.left h2 {
	font: normal 22px/22px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
}
div.right h2 {
	font: normal 19px/22px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
}


/* Top 2 Boxes
-------------------------------------------------------------------------------------- */
#topcontent {
	background: url(/images/topcontent-bg.gif) repeat-y top left;
	height: 1%; /* IE fix */
}
#topcontent p, ol, ul {
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 16px;
}


/* Bottom 2 Boxes
-------------------------------------------------------------------------------------- */
#botcontent {
	clear: both;
}
#botcontent div.box {
	padding-bottom: 40px;
}


/* White Box (Headline)
-------------------------------------------------------------------------------------- */
div.white {
	background: #fff url(/images/whitebox-bg.gif) repeat-x top left;
	border-top: 1px solid #fff;
}
div.white h1 {
	color: #8f191c;
}
div.white p {
	color: #222;
}
div.white p a {
	color: #222;
}


/* Light Red Box (Welcome)
-------------------------------------------------------------------------------------- */
div.lightred {
	background: #b87f75 url(/images/lightredbox-bg.gif) repeat-x top left;
	border-top: 1px solid #dfaaa1;
	border-left: 1px solid #9a6b62;
}
div.lightred {
	color: #fff;
}


/* Gray Box (News)
-------------------------------------------------------------------------------------- */
div.gray {
	background: #727b84 url(/images/graybox-bg.gif) repeat-x top left;
	color: #fff;
}
div.gray h2 {
	margin: 0 0 15px;
}
div.gray div.entry {
	padding: 0 0 15px;
}
div.entry div.title {
	background-color: #687179;
	margin: 0 0 10px;
}
div.entry h3 {
	background-color: #687179;
	display: block;
	font: bold 13px/17px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 5px 15px;
}
div.entry small.date {
	background-color: #687179;
	color: #bcc6d1;
	display: block;
	float: right;
	font: bold 12px/27px Georgia, "Times New Roman", Times, serif;
	padding: 0 15px;
}
div.entry p {
	clear: left;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 10px;
	padding: 0 15px;
}
div.entry h3 a {
	color: #fff;
	text-decoration:none;
}
div.entry h3 a:hover {
	background-color: #727b84;
}


/* Dark Red Box (Semester Calendar and Contact Form)
-------------------------------------------------------------------------------------- */
div.darkred {
	background: #8f4638 url(/images/darkredbox-bg.gif) repeat-x top left;
	border-left: 1px solid #475058;
	color: #fff;
}
div.darkred h2 {
	margin: 0 0 15px;
}
div.darkred p {
	font-size: 12px;
	line-height: 18px;
}
div.darkred ul {
	border-bottom: 1px solid #b46253;
	list-style: none;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
div.darkred li {
	clear: left;
	font-size: 11px;
	line-height: 17px;
}
div.darkred li.alt {
	color: #ebadad;
}
div.darkred li span.date {
	display: block;
	font-weight: bold;
	float: left;
	width: 52px;
}
form.contact {
	margin: 0;
	padding: 0;
}
form.contact p {
	margin: 0 0 3px;
}
form.contact input.field, form.contact textarea {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #b46253;
	margin: 0;
	padding: 3px;
	width: 208px;
}
form.contact input.submit {
	background: url(/images/submit-button.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: right;
	height: 20px;
	padding: 0;
	width: 54px;
}


/* Footer
-------------------------------------------------------------------------------------- */
#footer {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 15px 17px;
	width: 700px;
	color: #7F7967;
	font-size: 10px;
}
#footer.footer_of_homepage {
	background: #e0d7bc url(/images/footer-bg.gif) no-repeat top center;
}
#footer.footer_without_sidebar {
	background: #e0d7bc url(/images/footer-no-sidebar.gif) no-repeat top center;
}
#footer.footer_with_sidebar {
	background: #e0d7bc url(/images/footer-with-sidebar.gif) no-repeat top center;
}
#footer a, #footer_nosidebar a {
	color: #7F7967;
	font-size: 10px;
}

#en_cn {
    float:right;padding-right:10px;margin-top:7px;font-size:10pt;
}
#en_cn a {
    padding:4px;
}
#en_cn .current {
    background-color:#7F7D5F;
}

/* NEWS LIST */

#news_list h2 {
margin-bottom:5px;
}

#news_list h2 a {
color:#000;
}

#news_list h3 {
font-size:11px;
margin:0;
font-weight:normal;
color:#888;
}

/* FACULTY LIST */


#faculty_list h2 {
margin-bottom:0;
}

#faculty_list h2 a {
color:#000;
}

#faculty_list ul {
padding-left:0;
}

#faculty_list li {
list-style:none;
padding-bottom:10px;
}

#faculty_list .faculty_title {
font-size:12px;
text-transform:uppercase;
color:#777;
}

#faculty_list li ul li {
padding-left:10px;
padding-bottom:5px;
}
