/* RESET ------------------------------------------------------------------ */

body, button, dd, dl, dt, fieldset, form, html, select { margin: 0px; padding: 0px; }

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { text-align: left; vertical-align: top; }
th { padding: 5px; }
td { padding: 3px; }

img { border: 0; }

/* BODY ------------------------------------------------------------------- */

body { background: #fff; color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

/* STRUCTURE -------------------------------------------------------------- */

a { color: #f7921e; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

a.external-link { background: url(../images/icn_external_link.png) 100% 1px no-repeat; padding-right: 14px; }
a.download { background: url(../images/icn_file_link.png) 100% 1px no-repeat; padding-right: 12px; }
a.mail { background: url('../images/icn_mail.png') 0 2px no-repeat; display: inline-block; padding-left: 20px; }

h1, h2, h3 { color: #003976; font-family: Arial, sans-serif; text-transform: uppercase; }
h1 { font-size: 18px; margin: 15px 0 15px; }
h2 { font-size: 16px; margin: 15px 0 15px; }
h3 { font-size: 14px; margin: 10px 0 10px; }

table { border-spacing: 2px 2px; display: table; width: 100%; }
table th { background: #f1f1f1; border-bottom: 1px solid #e2e2e2; font-weight: bold; padding: 5px; text-align: left; }
table td { background: #ffffff; border-bottom: 1px solid #e2e2e2; padding: 3px 5px; }
table .align-center { text-align: center; }

.fade-next { background: url(../images/icn_plus.png) 0 3px no-repeat; cursor: pointer; padding-left: 14px; }
.fade-down { background: url(../images/icn_minus.png) 0 3px no-repeat; cursor: pointer; }

/* PAGE ------------------------------------------------------------------- */

#wrapper { margin: 0 auto; width: 960px; position: relative; }


/* TOP -------------------------------------------------------------------- */

#top { height: 200px; margin: 10px 0; position:relative; width: 960px; z-index: 99; }
#top .panel { font-size:12px; position:absolute; right:0; top:0; z-index:99; }
#top .panel ul { list-style:none; margin:0; }
#top .panel li { float: left; margin-left: 20px; padding-top: 2px; position: relative; }

#top .banner {background-color: #003976; color: #ededed; padding: 0 15px; position: absolute; top: 40px; z-index: 100;}
#top .banner a { font-weight: 600; color: #ededed; }
#top .banner a:hover { text-decoration: underline; }

#top .logo { position: absolute; left: 0; bottom: 0; }
#top .sub-logo { position: absolute; right: 7px; bottom: -26px; }

#top input#search { margin: -5px 0 0 5px; }

#top a { color:#111; text-decoration: none; }
#top a:hover { text-decoration: underline; }

#header { overflow: hidden; position: relative; }
#header a { background-color: #c7c7c7; color: #fff; display: inline-block; padding: 3px 5px 3px 20px; font-size: 10px; text-decoration: none; position: absolute; bottom: 0; left: 5px; }
#header a:hover { background-color: #003976;}

#header a.open { background-image: url('../images/open.png'); background-repeat: no-repeat; }
#header a.open:hover { background-position: 0 -20px; }
#header a.close { background-image: url('../images/close.png'); background-repeat: no-repeat; }
#header a.close:hover { background-position: 0 -20px; }


/* START ------------------------------------------------------------------ */

#start { background: url('../images/1.jpg') 0 0 no-repeat; height: 400px; overflow: hidden; }
#start .news { background: url('../images/news.png') 0 0 no-repeat; margin-top: 125px; height: 200px; overflow: hidden; }
#start .news h1 { text-transform: uppercase; font-size: 20px; margin: 15px 0 25px 150px;}
#start .news .slider { margin-left: 100px; padding: 0 50px;}
#start .news .slider ul { list-style: none; margin: 0; padding: 0; }

/* MENU ------------------------------------------------------------------- */

#left { float: left; width: 240px; }

#menu { font-size:12px; margin-bottom: 75px; }

#menu > ul > li { margin-bottom: 5px; }
#menu > ul > li > a { color: #fff; font-size: 14px; font-weight: bold; display: block; padding: 5px; width: 230px;}
#menu > ul > li > a:hover { text-decoration: none; }

#menu > ul > li > a#slab { /*background-color: #c7c7c7;*/ background-color: #003976; }
#menu > ul > li > a#students { /*background-color: #d7db43;*/ background-color: #d7db43; }
#menu > ul > li > a#research { /*background-color: #7597b9;*/ background-color: #7597b9; }
#menu > ul > li > a#business { /*background-color: #a41e22;*/ background-color: #a41e22; }

#menu ul { list-style:none;margin: 0;padding: 0; }
#menu ul ul { padding: 5px 0 9px 13px; }
#menu ul ul ul { padding: 2px 0 2px 16px; }

#menu li li { background: none; margin: 0; margin-bottom: 4px; line-height: 1.5; }
#menu li li a { color: #111; display: block; line-height: 16px; text-decoration: none; padding-left: 14px; max-width:210px; }
#menu li li a:hover {background: url('../images/icn_small_arrow_right.png') 0 2px no-repeat;}
#menu li li a.active {background: url('../images/icn_small_arrow_right.png') 0 2px no-repeat;}
#menu li li a.down {background: url('../images/icn_small_arrow_down.png') 0 2px no-repeat;}

#menu li li li { margin: 0; margin-bottom: 5px; }

.menu { margin: 0!important; }
.menu > ul > li { float: left;}
.menu > ul > li > a { padding-left: 26px!important; width: 209px!important; }
.menu > ul:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }

/* MAIN ------------------------------------------------------------------- */

#main { float:right; width:710px; }
#rootline { background:none; color:#111; font-size: 11px; line-height: 20px; padding:0 5px 0 0; margin:5px 0 10px; }
#rootline a { color: #111; text-decoration: none; }
#rootline a:hover { text-decoration: underline; }
#content { line-height: 18px; font-size: 13px; }
#content p { margin-top: 0; }

.people > h2 { background: url('../images/slab_border.png') 0 100% no-repeat; padding-bottom: 20px; padding-top: 10px; }
.people .contact { padding-bottom: 10px; }
.people .contact:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
.people .contact div { margin-left: 90px; }
.people .contact img { float: left; }

.affiliates > h2 { background: url('../images/slab_border.png') 0 100% no-repeat; padding-bottom: 15px; }
.affiliates .affiliate { padding-bottom: 10px; }
.affiliates .affiliate:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
.affiliates .affiliate div { margin-left: 200px; }
.affiliates .affiliate img { float: left; }

.people .divider,
.affiliates .divider { border-top: 1px solid #c7c7c7; padding-bottom: 25px; }



/* FOOTER ----------------------------------------------------------------- */

#footer {clear: both;font-size: 12px;}
#footer a {color: #111;line-height: 16px;text-decoration: none;}
#footer a:hover {color: #111;line-height: 16px;text-decoration: underline;}
#footer dd.imprint a, #footer dd.sitemap a {background: url('../images/icn_grey_arrow_right.png') 0 2px no-repeat;display: inline-block;padding-left: 14px;}
#footer dd.webmaster a {background: url('../images/icn_mail.png') 0 0 no-repeat;display: inline-block;padding-left: 18px;}

#footer dl {float: left; margin-left:250px; padding: 25px 0 10px 0;}
#footer dl.start {margin: 0;}
#footer dl.right {margin: 0; float: right;}

#footer dl.right dd {float: right;}

#footer dt {display: inline;}
#footer dd {display: inline;margin-left: 20px;}


/* Other ------------------------------------------------------------------ */

.clear {clear: both;}


/* TWITTER Widget --------------------------------------------------------- */

#twitter-top-bar { height: 25px; background: #c7c7c7; border-bottom: 1px solid white; position: relative; margin-bottom: 8px; }
#twitter-icon { position: absolute; top: -25px; left: 5px; width: 48px; height: 48px; }
#twitter-headline { background: none; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 14px; padding: 4px 0 0 58px; margin: 0px; }
#twitter_update_list { width: 240px; background: #f5f5f5 url('../images/slickbg.png') no-repeat; padding: 8px 0 .1em; color: #666666; text-align: left; }
#twitter_update_list li { list-style-type: none; padding: 5px; margin: 0 8px 8px; border: 1px solid #F0F0F0; background: url('../images/transparent.png'); }
#twitter_update_list a { text-transform: uppercase; font-size: 10px!important; color: #AAA; white-space: nowrap; }
#twitter_update_list span { display: block; }
#twitter_update_list span a,
#twitter_update_list span a:visited { font-size: 14px!important; text-transform: none; color:#00BBFF; text-decoration:none; outline:none; }
#twitter_update_list span a:hover{ text-decoration:underline; }

/* NEWS ------------------------------------------------------------------- */

.news-list-date { display: block; }
.news-list-image { float: left; display: block; margin-right: 15px; }
.clearfix:after { content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}


/* BX Slider -------------------------------------------------------------- */

.bx-wrapper { height: 137px; }

.bx-window { height: 108px; }
.bx-window ul li:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }

.bx-window ul li img{ float: left; margin-right: 15px;}
.bx-window ul li h2 { margin: 0 0 10px; }
.bx-window ul li p { margin: 0; }

.bx-window ul li > a { float: left; margin-right: 15px;}
.bx-window ul li > h2 { margin: 0 0 10px; }
.bx-window ul li > h2 > a { color: #003976; } 
.bx-window ul li > p { font-size: 12px; margin: 0; }

.bx-pager { position: absolute; bottom: 5px; right: -40px; }
.bx-pager .pager-link { background-color: #c7c7c7; color: #fff; display: inline-block; padding: 3px 6px; margin-right: 5px; font-size: 10px; text-decoration: none; }
.bx-pager .pager-link:hover,
.bx-pager .pager-active { background-color: #003976; }

.bx-prev,
.bx-next { position: absolute; top: 40px; width: 20px; height: 20px; text-indent: -999999px; }
.bx-prev { left: -35px; background: url('../images/prev.png') 0 0 no-repeat; }
.bx-next { right: -35px; background: url('../images/next.png') 0 0 no-repeat; }
.bx-prev:hover,
.bx-next:hover { background-position: 0 -20px; }

/* CLASS for contact details, for <td> without border---------------------*/
.without_border {border: none;padding:0px;}

/* CLASS for contact details, for table size------------------------------------*/
.table_size {table-layout:fixed;width:auto;}