@import url("bis-popup.css");

html,body {height: 100%;}
body {
	margin: 0;
	padding: 0;
	background: #F4ECC6; /* B0CB6F */
	font-family: Arial, Helvetica, sans-serif;
}

/* HTML */
p, li, a, select, div, span, input{
	font-size: 11px;
}
h1{
	font-size: 16px;
	margin: 0 0 16px 0;
}
h2{
	font-size: 14px;
	margin: 0 0 14px 0;
}
h3{
	font-size: 13px;
	margin: 0 0 13px 0;
}
p{
	line-height: 17px;
}
img{
	border: none;
}
a{
	text-decoration: none;
	color: #b3995d;
}
a:hover{
	text-decoration: underline;
}
table{
	border-collapse: collapse;
}
caption{
	text-align: left;
	padding-bottom: 8px;
}
form{
	margin: 0;
	padding: 0;
}

/* CONTAINER */
#container{
	border-bottom: 8px solid #D3D4CF;
}

/* MAIN HEAD */
#head{
	width: 690px;
	margin: 0 auto;
}
#head img{display: block;}

/* menu subhead */
#main-subhead{
	background: #51626f;
}
#subhead-menu{
	width: 610px;
	margin: 0 auto;
	padding: 10px 40px;
	text-align: center;
}
#subhead-menu ul{
	margin: 0;
	padding: 0;
}
#subhead-menu li{
	list-style: none;
	display: inline;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 18px;
	border-right: 1px solid #b3995d;
	padding-right: 12px;
}
#subhead-menu a{
	color: #b3995d;
	text-decoration: none;
	font-family: Georgia;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	white-space: nowrap;
	font-size: 12px;
}
#subhead-menu a:hover{
	color: #fff;
}
#subhead-menu a.last{
	border-right: none;
}
#subhead-menu li.active a{
	color: #fff;
}

/* MAIN BODY */
#main-body{
	background: #fff;
	width: 690px;
	margin: 0 auto;
	height: auto !important;
}

#body-content{
	padding: 0 40px 15px 20px;
}

#title{
	color: #b3995d;
	font-family: georgia;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	border-left: 1px solid #b3995d;
	padding-left: 5px;
}

/* body menu */
#body-menu{
	padding: 15px 0;
	margin-left: 20px;
	position: relative;
}
#body-nav{
	margin: 0 0 0 -5px;
	padding: 0;
	list-style: none;
}
#body-nav li{
	display: inline;
}
#body-nav li.active a{
	color: #A4B3C9;
}
#body-nav a{
	color: #000;
	font-family: Georgia;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid #000;
	padding-right: 8px;
	margin-left: 5px;
}
#body-nav a.last{
	border: none;
}
#body-nav a:hover{
	color: #A4B3C9;
}

/* print favorite send navigation */
#pfsbox{
	position: absolute;
	right: -15px;
	top: 0;
	width: 15px;
	height: 69px;
	background: url(/assets/images/bg-pagetools.gif) no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
}
#pfsbox li{
	width:14px;
	height:14px;
	margin-top: 6px;
	margin-bottom:5px;
}
#pfsbox a{
	display: block;
}



/* LEFT */
#left{
	width: 140px;
	margin-right: 10px;
	float: left;
	position: relative;
	height: 100%;
}
/* search */
.search_text{
	margin: 20px 0 0 0;
	color: #b3995d;
}
#search{
	background: url(/assets/images/bg-search.gif) no-repeat left;
	margin-right: 1px;
	width: 139px;
	height: 28px;
	padding: 0;
	position: relative;
}
#search form{
	background: url(/assets/images/bg-search.gif) no-repeat right;
	margin-left: 1px;
	width: 133px;
	height: 22px;
	padding: 3px;
	vertical-align: middle;
}
#search input{
	border: none;
	background: #fff;
	height: 18px;
	width: 103px;
	font-size: 14px;
	margin: 0;
}
#search input.btc{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 115px;
	top: 4px;
	background: #51626F;
}

/* recent update */
#recent_update{
	border: 1px solid #51626F;
	padding: 0;
	margin: 15px 0;
	background: #fff;
}
#recent_update h2{
	color: #fff;
	background: #51626F;
	padding: 2px 2px 2px 8px;
	margin-bottom: 8px;
	font-size: 13px;
	font-family: georgia arial;
}
#recent_update_list{
	margin: 0;
	padding: 0 8px 8px 8px;
	list-style: none;
}
#recent_update_list li{
	background: url(/assets/images/i-triangle4.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 3px;
}


/* partners */
#partners{
	margin: 40px 0 0 0;
	/* vertical-align: bottom; */
}
#partners ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#partners li{
	text-align: center;
	margin-bottom: 12px;
}
#partners a{
	text-decoration: none;
	color: #000;
}
#partners span{
	display: block;
	text-align: center;
	font-size: 10px;
}

/* sitemap */
/*
#sitemap{
	text-align: center;
	margin-bottom: 0;
}
#sitemap a{
	text-decoration: none;
	color: #51626F;
}
#sitemapbox a{
	font-family: Georgia;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #f7941d;
	line-height: 25px;
}

#sitemapbox a:hover{
	text-decoration: underline;
	color: #000;
}
#sitemapbox ul{
	margin: 0;
}
#sitemapbox ul ul li{
	padding-left: 5px;
}*/
#sitemapbox ul ul {
	list-style: none;
}
#sitemapbox a{
	font-family: Georgia;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #f7941d;
	line-height: 25px;
}
#sitemapbox a:hover {
	text-decoration: underline;
}
/* #sitemapbox ul ul li {
	background: url(/assets/images/i-dash.gif) no-repeat 0 7px;
} */
#sitemapbox ul ul a{
	padding: 3px 0 3px 10px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bolder;
	line-height: 17px;
	border-left: 1px solid #cccccc;
}
#sitemapbox ul ul ul a {
	color: #448ccb;
	font-weight: normal;
}
#sitemapbox ul ul ul ul a {
	color: #aba000;
}


/* MAIN CONTENT */
#main-content{
	float: left;
	width: 470px;
	margin-left: 10px;
	padding-bottom: 30px;
	height: 100%;
	position: relative;
}

/* menu level 3 */
#page-title{
	color: #A4B3C9;
	font-family: arial;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
}
#menu-level2{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-level2 li{
	margin-bottom: 8px;
}
#menu-level2 a{
	color: #51626f;
	text-decoration: none;
	background:	url(/assets/images/i-triangle2.gif) no-repeat 0 3px;
	padding-left: 12px;
	display: block;
}
#menu-level2 a:hover,#menu-level2 li.active a{
	color: #51626F;
	font-weight: bolder;
	background:	url(/assets/images/i-triangle2.gif) no-repeat 0 -29px;
}

/* menu level 4 */
.menu-level3{
	margin: 2px 0 0 11px;
	padding: 0;
	list-style: none;
}
#menu-level2 ul a, #menu-level2 li.active ul a{
	background:	url(/assets/images/i-triangle6.gif) no-repeat 0 3px;
	padding-left: 12px;
	display: block;
	font-weight: normal;
}
#menu-level2 ul li a:hover,#menu-level2 ul li.active a{
	font-weight: bolder;
	background:	url(/assets/images/i-triangle6.gif) no-repeat 0 3px;
}

/* breadcrumb */
#breadcrumb{
	margin: 0 0 5px 0;
	color: #A4B3C9;
	text-align: right;
	font-size: 10px;
}
#breadcrumb a{
	font-size: 10px;
}

/* text resize */
#text-resize{
	margin-bottom: 10px;
}
#text-resize ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#text-resize li{
	float: left;
	width: 20px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: bolder;
	border-right: 1px solid #51626f;
}
#text-resize a{
	vertical-align: bottom;
}
.resize_normal{
	font-size: 11px;
}
.resize_12{
	font-size: 12px;
}
.resize_14{
	font-size: 14px;
}

/* file download */

#file-download, #file-download ul{
	width: 450px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#file-download li{
	margin-bottom: 6px;
	width: 350px;
	
}
#file-download a{
	display: block;
	text-decoration: none;
	padding: 0 80px 3px 0;
}
#file-download a:hover{
	background-color: #FFFFDF;
	color: red;
}
#file-download li li{
	height: 16px;
	background-repeat: no-repeat;
	padding-left: 24px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
}
.file-name{
	background: url(/images/icon/download2.gif) no-repeat right top;
}
.doc{background-image: url(/images/icon/doc.gif);}
.gif{background-image: url(/images/icon/gif.gif);}
.htm{background-image: url(/images/icon/htm.gif);}
.html{background-image: url(/images/icon/html.gif);}
.jpg{background-image: url(/images/icon/jpg.gif);}
.pdf{background-image: url(/images/icon/pdf.gif);}
.pps{background-image: url(/images/icon/pps.gif);}
.ppt{background-image: url(/images/icon/ppt.gif);}
.xls{background-image: url(/images/icon/xls.gif);}
.zip{background-image: url(/images/icon/zip.gif);}


/* links */
#links{
	margin: 0;
	padding: 0;
}
#links dt{
	background: url(/assets/images/i-triangle5.gif) no-repeat 0 2px;
	padding-left: 11px;
}
#links dd{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;	
	border-bottom: 1px dotted #ccc;
}


/* login */
#community-login{
	background: #a4b3c9;
	padding: 0;
	clear: both;
	width: 440px;
	margin: 0 0 0 160px;
	position: relative;
}
#community-login p{
	float: left;
	padding: 0 20px;
	margin: 0 20px 0 0;
	color: #fff;
	background: #51626f;
	font-size: 10px;
}
#community-login ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#community-login li{
	float: left;
	margin-right: 20px;
	background: url(/assets/images/i-triangle.gif) no-repeat 0 3px;
	padding: 0px 0 0 10px;
}
#community-login a{
	color: #51626f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#community-login a:hover{
	color: #ffffff;
}
#community-loginv{
	background: #a4b3c9;
	padding: 0;
	clear: both;
	width: 250px;
	margin: 0 auto;
	position: relative;
}
#community-loginv p{
	padding: 5px;
	margin: 0;
	color: #fff;
	background: #51626f;
	font-size: 10px;
	text-align: center;
}
#community-loginv ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#community-loginv li{
	margin: 0;
	background: url(/assets/images/i-triangle.gif) no-repeat 7px 7px;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #fff;
	
}
#community-loginv a{
	color: #51626f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#community-loginv a:hover{
	color: #ffffff;
}

/* person directory */
#person-directory{
	margin: 0 0 50px 0;
	padding: 0;
	width: 374px;
}
#person-directory li{
	padding: 10px 3px;
	border-bottom: 1px solid #E4E7EA;
	list-style: none;
	position: relative;
}
#person-directory p{
	margin: 0;
	padding: 0;
	line-height: 14px;
}
#person-directory .person-info{
	
}

#person-directory .photo{
	float: left;
	width: 80px;
	margin: 0 3px 3px 0;
}
#person-directory .photo img{
	display: block;
}
#person-directory .field{
	display: -moz-inline-box;
	display: inline-block;
	width: 60px;
	font-weight: bold;
}
#person-directory .more{
	position: absolute;
	bottom: 2px;
	right: 3px;
}
#person-directory .more a{
	background: url(/assets/images/i-triangle5.gif) no-repeat 0 3px;
	padding-left: 10px;
}


/* photo gallery */
#photo-gallery{
	margin: 25px 0;
	padding: 0;
	list-style: none;
}
#photo-gallery a{
	text-decoration: none;
	color: #fff;
}
#photo-gallery a:hover{
	color: red;
}
#photo-gallery li{
	float: left;
	margin: 0 30px 20px 0;
	border: 1px solid #ccc;
	padding: 2px;
	width: 120px;
}
#photo-gallery span{
	background: #A4B3C9;
	display: block;
	color: #fff;
	padding: 2px 1px;
	text-align: center;
}
#photo-gallery img{
	display: block;
}



/* CALENDAR EVENTS */
#events{
	width: 480px;
}
#calendar-nav{
	padding-bottom: 15px;
}
#calendar-nav form{
	margin: 0 0 10px 0;
	padding: 0;
}
#calendar-date{
	float: left;
}
#form-cal-nav{
	float: left;
}
#form-cal-view{
	margin-bottom: 10px;
}
#form-cal-view option, #form-cal-view select{
	font-weight: bolder;
}
#calendar-type{
	float: right;
}
#calendar{
	border: 1px solid #51626F;
	border-collapse: collapse;
	margin: 0 1px;
	width: 476px;
}

#calendar caption{
	margin: 0 auto;
	padding: 0 0 5px 0;
	text-align: center;
	position: relative;
}
caption .printCal{
	position: absolute;
	right: 0;
}
#calendar caption img{
	vertical-align: text-top;
}
#calendar th{
	background: #51626F;
	color: #fff;
	padding: 3px;
	width: 68px;
}
#calendar td{
	vertical-align: top;
	border: 1px solid #51626F;
	width: 68px;
	height: 63px;
}
#calendar td.other{
	background: none;
	color: #4F4F4F;
}
#calendar td.holiday{
	background: #DFCD7D;
}
td.holiday .cal-event li{
	background: url(/assets/images/i-triangle4.gif) no-repeat 0 3px;
}
#calendar td.holiday a{
	color: #51626F;
}
#calendar.row td{
	vertical-align: top;
	width: auto;
	height: auto;
}
#calendar.row th{
	vertical-align: top;
	text-align: left;
	background: #fff;
	color: #000;
	border: 1px solid #51626F;
}
#calendar.row tr.holiday td, #calendar.row tr.holiday th{
	background: #8F0000;
	color: #fff;
}
#calendar.row_term{
	width: 350px;
}

/* list of events */
.cal-event{
	font-size: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cal-event li{
	background: url(/assets/images/i-triangle3.gif) no-repeat 0 3px;
	padding-left: 8px;
	margin-bottom: 2px;
}
.popTools{
	display: none;
}

/* calendar detail */
#event-detail{
	width: 99%;
	margin: 5px 0 0 0;
	padding: 0;
}
#event-detail caption{
	width: 99%;
	position: relative;
}

#event-detail h2{
	text-transform: capitalize;
	margin-bottom: 10px;
}
#event-detail th{
	width: 20%;
}
#event-detail td.dot{
	width: 5px;
}
.event_info{
	margin: 0;
	padding-bottom: 4px;
}
.event_info p{
	padding: 0;
	margin: 0;
}
.info_title{
	font-weight: bold;
	margin-right: 10px;
}
/* calendar popup detail */
.outerTooltip{
	/* padding: 0 0 0 15px;
	background: url(/assets/images/i-ballon.gif) no-repeat 0 15px;
	*/
}
.innerTooltip{
	padding: 8px 8px 15px 8px;
	border: 2px solid #51626F;
	background: #fff;
}
.outerTooltip #xloader{
	border: 2px solid #51626F;
	padding: 3px;
	background: #fff;
}
.outerTooltip td p{
	margin: 0;
	margin-bottom: 10px;
}
.closePopup{
	text-align: right;
}
.closePopup a{
	background: url(/assets/images/i-close.gif) no-repeat 0 2px;
	padding-left: 11px;
}
.innerTooltip .popTools{
	display: block;
}

/* upcoming events */
#upcoming_events {
	width: 100%;
}
.date_events {
	width: 80px;
	text-align: center;
}
/*.event_title a {
	color: #f7941d;
}*/
#title_upcoming_events {
	font-family: georgia;
	font-weight: bolder;
	color: #f7941d;
	font-size: 16px;
}

/* NEWSLETTER */
#newsletter_archives{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 370px;
}
#newsletter_archives li{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
#newsletter_archives a{
	display: block;
}
#newsletter_archives a:hover{
	background: url(/assets/images/i-triangle3.gif) no-repeat 0px 3px;
	margin-left: -15px;
	padding-left: 15px;
	text-decoration: none;
	color: #000;
}
.newsletter_title{
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.newsletter_title{
	display: block;
}
a .newsletter_volume, a .newsletter_date{
	color: #000;
	display: block;
	font-style: italic;
	font-size: 10px;
}
#newsletter_detail{
	width: 480px;
	overflow: auto;
	
}

/* SEARCH RESULT */
#search_result li{
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #d1d1d1;
}
#search_result h3{
	margin: 0 0 10px 0;
}

/* JOBS */
#jobs{
	margin: 0;
	width: 99%;
}
#jobs td{
	padding: 5px 1px;
}
#job-detail{
	width: 99%;
}
#job-detail th{
	width: 25%;
}

/* STAFF */
#staff-wrapper{
	border: 1px solid #ccc;
	padding: 8px;
}
#staff-photo{
	float: left;
	width: 130px;
	margin-right: 8px;
}
#staff-detail{
	width: auto;
	margin: 0;
	padding: 0;
}
#staff-detail caption{
	margin: 0;
	padding: 0;
}
#staff-detail caption h2{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#staff-detail th{
	width: 25%;
}

/* ALUMNI */
#alumni{
	width: 400px;
}


/* ajax job detail */
.xwrapper{
	display: none;
	padding: 3px 8px;
}

/* table form qlist and modf */
.qlist{
	border: 1px solid #A4B3C9;
	border-collapse: collapse;
}
.qlist td, .qlist th{
	border: 1px solid #A4B3C9;
	border-collapse: collapse;
	padding: 1px 2px;
}
.qlist td{
	vertical-align: middle;
}
.qlist th{
	background: #51626F; /*#A4B3C9; */
	color: #fff; /* #51626F;*/
}
.qlist tr.odd td, .qlist tr.odd th{
	background: #e4e7ea; /* #EFF6FF; */
}

.qlist ul{
	padding: 0 0 0 18px;
	margin: 2px 0;
}

.modf{
	border: none;
	border-collapse: collapse;
}
.modf caption{
	text-align: left;
	margin: 8px 0;
}
.modf th, .modf td{
	padding: 4px;
}
.modf th{
	text-align: left;
	vertical-align: top;
	background: none;
	border: none;
	color: #a5a5a5;
}
.modf td{
	vertical-align: top;
	border: none;
	color: #a5a5a5;
}
.modf ul{
	padding: 0 0 0 18px;
	margin: 2px 0;
}
.modf tr.odd th, .modf tr.odd td{
	background: #e4e7ea;
}
td.dot{
	width: 5px;
}

 
/* FOOTER */
#footer{
	padding: 10px 10px 5px 10px;
	margin: 0 0 1px 0;
}
#footer-links{
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}
#footer-links li{
	float: left;
	border-right: 1px solid #ccc;
	margin-right: 3px;
	padding-right: 3px;
	line-height: 12px;
}
#copyright{
	margin: 0;
	padding: 0;
	line-height: 12px;
}

/* PAGINATOR */
.i-nav{
	text-align: right;
	font-size: 10px;
}
.i-nav a{
	padding: 0 3px;
}
.i-nav .curr a, .i-nav a:hover{
	color: #fff;
	border: 1px solid #000;
	padding: 0 2px;
	background: #A4B3C9;
}
.pageNav{
	text-align: right;
}
.pageNav span{
	padding-right: 5px;
}
.pageNavigation{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
.pageNavigation li.prevPage, .pageNavigation li.nextPage{
	display: none;
}
.pageNavigation li{
	display: inline;
}
.pageNavigation a{
	padding: 0 3px;
}
.pageNavigation .currentPage a, .pageNavigation a:hover{
	color: #fff;
	border: 1px solid #000;
	padding: 0 2px;
	background: #A4B3C9;
	text-decoration: none;
}


/* FUNCTION */
.bt{
	border: 1px solid #51626f;
	background: #A4B3C9;
	color: #51626f;
	font-size: 11px;
	font-family: verdana;
}
.odd{
	background: #f5f5f5; /* #E4E7EA; */
}
.back{
	text-align: right;
}
.back a{
	background: url(/assets/images/i-back.gif) no-repeat;
	padding-left: 11px;
}
.close{
	text-align: right;
}
.close a{
	background: url(/assets/images/i-close.gif) no-repeat;
	padding-left: 11px;
}
.warn{
	color: red;
}
.centerwarn{
	color: red;
	text-align: center;
}
.keyword{
	background: yellow;
	font-weight: bold;
	padding: 0 2px;
}


/* CLEAR */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

	/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
	/* End hide from IE-mac */