/********* General *********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
body {font-family: Calibri, Arial, Helvetica; font-size: 10pt;}
input[type=text] {width: 130px; font-size: 100%;}
select {font-size: 100%;}
.container_16 {width: 100%;}
.fullwidth {margin: 0 0 0 0; width: 100%; clear: both;}
#publishingconsole, .ms-siteaction {display: none;}
#headbox {width: 100%; max-width: 100%;}
#topheader {background-color: #ccdc00; padding: 0.5em;}
#mainlogo img {height: 45px; border: none; padding: 5px;}
#linkbox {width: 90%; background-color: #ccdc00;}
#linkbox ul {list-style: none; list-style-type: none;}
#linkbox ul li {list-style: none; display: inline; border-left: 1px solid #000; padding: 0px 5px;}
#linkbox ul li:first-child {border-left: none;}
#linkbox ul li a {color: #000;}
#linkbox fieldset {border: none; margin-top: 0.5em; margin-bottom: 0.5em;}
#gsearchbox span {vertical-align: top;}
#gsearchboxbtn {height: 18px;}
.topnav {padding: 0.2em 0 0.2em 0.5em;}
.topnav a {background-color: inherit; color: #009fda; font-weight: bold; text-decoration: none;}
.topnav a:hover {text-decoration: underline;}
/********* Home *********/
#homebar {display: none;}
#contentareaimage {display: none;}
#contentarealinks {background-color: #009FDA; width: 100%; margin: 0.5em 0 0.5em 0;}
.linkbox {background-color: #009FDA; overflow: hidden; margin: 0; padding: 0.5em;}
.linkbox .groupheader {font-family: Calibri, Arial, Helvetica; font-weight: 700; font-size: 120%; color: #CCDC00;}
.linkbox .link-item a {color: #fff !important; font-weight: 700; text-decoration: none;}
.linkbox .link-item a:hover {color: #000000 !important; text-decoration: none;}
#newevents {display: none;}
/********* Location Area ******************/
#LocationArea {background-color: #F0F4F7; margin: 0; padding-bottom: 14px; padding-right: 4px;}
#LocationHeading {text-decoration: none; font-size: 1.2em; margin: 10px 0 0px 16px; font-weight: bold;}
#LocationLinks {margin-top: 0.5em;}
#LocationImage {margin: 0.5em;}
#LocationGettingToBHI {margin: 0px 0px 0px 16px;}
#LocationGettingToBHI a {color: #003399; text-decoration: none;}
#LocationGettingToBHI a:hover {color: #003399; text-decoration: underline;}
#LocationLinks ul {list-style: none; list-style-type: none;}
#LocationLinks ul li {margin-left: 1.2em; list-style-position: outside;}
#LocationLinks ul li a {margin-left: 5px; text-decoration: none; font-size: 0.8em; font-weight: 700; color: #000;}
#LocationLinks ul li a:hover {text-decoration: none; font-size: 0.8em; font-weight: 700; color: #000;}
/************  Footer  *************/
#footerleft {width: 50px; margin-top: 1em;}
#footerleft img {width: 50px;}
#footerright {width: 80%; margin-top: 1em;}
#footerright ul {}
#footerright ul li {display: inline; padding-right: 3px; color: #009fda;}
#footerright ul li a {font-weight: bold; text-decoration: none; color: #009fda;}
/********  Breadcrumbs  ********/
#breadcrum {overflow: hidden;}
#breadcrum div {font-size: 110%; font-weight: 700; margin: 0.5em;}
#breadcrum a {color: #000; text-decoration: none;}
#breadcrum .breadcrumbCurrent {color: #009fda;}
/**************  Left Nav *************/
#leftnavarea {width: auto; margin-bottom: 1em;}
.leftnavigation ul {list-style: none;}
.leftnavigation a {color: #CCDC00; font-weight: 700; text-decoration: none;}
.leftnavigation li a:hover {color: #000; font-weight: 700; text-decoration: none;}
.leftnavigation li.selected a {color: #000; font-weight: 700; text-decoration: none;}
/*********   Content   **************/
#maincontent {width: 95%;}
#maincontent ol {margin-left: 1.5em;}
#maincontent ul {margin-left: 1.5em;}
#maincontent a {text-decoration: none; color: #009fda;}
#maincontent a:hover {text-decoration: underline;}
#rightcontent {margin-right: 0; width: 100%;}
/****** Search ******/
#SRSB input {width: 130px!important;}
#SRSB a img {height: 18px;}
#SRST {white-space: nowrap;}
#SRP {display: none;}
#CSR {margin-top: 0.5em;}
p.srch-Metadata {padding: 0; margin: 0.2em 0; border-top: #e0ded5 1px solid;}
.ms-advsrchHeadingText {background-color: #f5f5f5; padding-bottom: 0.3em; padding-top: 0.3em;}
/********* News ************/
#newspage {width: 100%;}
#newspagecontent {width: 100%;}
#newspageheading {text-align: left; font-weight: bold; margin-top: 0px;}
#newspagedate {text-align: right; font-weight: bold; float: right;}
/********* Course View Table ******************/
div.courseTable {width: 100%; margin-top: 1em;}
div.courseTable div.coursesTitle {padding-bottom: 1em;}
div.coursesTitle {color: #000; font-weight: bold; padding-left: 0.2em;}
div.courseTable table {width: 100%;}
div.courseTable table tr td {border-top: 1px solid #f0f4f7; white-space: normal; padding-left: 0.5em;}
div.courseTable table th {background-color: #f0f4f7; font-weight: bold; padding: 0.4em; text-align: left;}
div.courseTable td.courseFeature {text-align: center; padding: 0; margin: 0;}
/********* Courses ******************/
div.coursedetail {}
div.coursedetail h1 {font-size: 110%;}
div.coursedetail h2 {font-size: 100%; margin-bottom: 0.1em;}
div.coursedetail h3 {font-size: 100%; padding-top: 0.5px;}
div.coursedetail a, div.coursedetail a:visited, div.coursesummary a, div.coursesummary a:visited {text-decoration: none; color: #009fda;}
div.coursedetail a:hover, div.coursesummary a:hover {text-decoration: underline;}
div.coursedetail div.inline, div.coursedetail div.inline div {display: inline;}
div.coursedetail h2.moduletitle {border-bottom: #000 1px solid; color: #009fda;}
div.coursedetail ul {list-style: disc;}
div.courseextract {margin-bottom: 0.5em; background-color: #f0f4f7; padding: 0.5em; border: 1px solid #f0f4f7;}
div.courseextract .coursejump {border-top: 1px solid #336699; padding-top: 0.5em; margin-top: 1em;}
div.coursesummary {margin: 2em 0em; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #f0f4f7; border-bottom: 1px solid #f0f4f7;}
div.coursesummary h1 {font-size: 110%; margin-bottom: 0.3em;}
div.coursesummary ul.courseaction {margin: 0; padding: 0; list-style-type: none;}
div.coursesummary ul.courseaction li {margin: 0; list-style-type: none; background: url(/css/images/arrowblack.png) 0px 3px no-repeat; padding-left: 1em; width: 100%;}
div.coursesummary ul.courseaction li a, div.coursesummary ul.courseaction li a:visited, div.coursesummary ul.courseaction li a:hover {font-weight: bold; font-size: 100%; color: #009fda; text-decoration: none;}
div.coursesummary div.courseenquiry {margin-top: 1em;}
div.jumptop {width: 100%; text-align: right;}
div.jumptop span {font-family: Calibri, Arial, Helvetica; font-weight: bold; padding-right: 3px;}
div.coursedetail div.posttext {padding-top: 0.2em;}
div.coursesection {margin-bottom: 0.5em;}
div.coursesection h2 {font-size: 100%;}
#coursemodules .modulegroup {padding-top: 0.2em; padding-bottom: 0.5em;}
#coursemodules .modulegrouptitle {font-weight: bold;}
#coursemodules .moduleitem, #coursemodules .moduleitemalt {clear: both; padding-top: 0.1em; padding-bottom: 0.1em; width: 100%; overflow: hidden;}
#coursemodules .moduleitemalt {border-top: 1px solid #f0f4f7; border-bottom: 1px solid #f0f4f7;}
#coursemodules .moduleitemcode {float: left; width: 100px;}
#coursemodules .hasdescription {color: #009fda; cursor: pointer;}
#coursemodules .moduleitemname {float: left; width: auto;}
#coursemodules .moduleitemhours {float: left; padding-left: 0.4em; text-align: right; font-style: italic;}
#coursemodules .moduleitemdesc {clear: both; margin: 0.2em 0.2em 0.2em 0px; font-style: italic; display: none;}
/********* Short Courses ************/
#shortcourse div.teacher {font-style: italic; margin: 0.2em 0px 0.2em 0px;}
#shortcourse div.coursesection {margin-bottom: 0.5em;}
#shortcourse p {margin-top: 1ex; margin-bottom: 2ex;}
#shortcoursesessions {width: 100%; margin-top: 1.5em;}
#shortcoursesessions div.sessiongroup {padding-bottom: 0.5em;}
#shortcoursesessions div.sessiongrouptitle {color: #000; font-weight: bold; padding: 5px;}
#shortcoursesessions table {width: 100%;}
#shortcoursesessions table tr td {border-top: 1px solid #f0f4f7; white-space: nowrap; padding: 5px;}
#shortcoursesessions table th {background-color: #f0f4f7; font-weight: bold; padding: 5px; text-align: left;}
#shortcoursesessions td.sessiondays {}
#shortcoursesessions td.sessiondays ul {margin: 0 auto;}
#shortcoursesessions td.sessiondays ul li {text-align: left; float: left; list-style: none; margin-right: 2px; color: #aaaaaa;}
#shortcoursesessions td.sessiondays ul li.selected {font-weight: bold; color: #000;}
#shortcoursesessions td.sessionnumber {padding-left: 1em;}
/****** Letter Nav **********/
#trviewl-nav {overflow: visible; width: 100%; margin: 0px 0 10px 0; font-weight: 700;}
.listNav {margin: 0 0 10px;}
.ln-letters {overflow: hidden;}
.ln-letters a {font-size: 0.9em; display: block; float: left; padding: 2px 6px; border: 1px solid silver; border-right: none; text-decoration: none;}
.ln-letters a.ln-last {border-right: 1px solid silver;}
.ln-letters a:hover, .ln-letters a.ln-selected {background-color: #009fda !important; color: #fff !important;}
.ln-letters a.ln-disabled {color: #ccc !important; font-weight: 100;}
.ln-letter-count {text-align: center; font-size: 0.8em; line-height: 1; margin-bottom: 3px; color: #336699;}
/********* Tree view *********/
.treeview, .treeview ul, .treeview li {padding: 0; margin: 0; list-style: none;}
.treeview .hitarea {height: 16px; width: 16px; margin-left: -25px; float: left; cursor: pointer;}
/* fix for IE6 */
* html .hitarea {display: inline; float: none;}
.treeview li {margin: 0; padding: 2px 0pt 2px 8px; font-weight: 700;}
ul.clouter li {border-top: 1px #999 solid;}
ul.clmiddle li {border-top: none;}
ul.clinner li {border-top: none;}
ul.clinner li {border-top: none; font-weight: 100;}
.treeview a.selected {}
#treecontrol {margin: 1em 0; display: none;}
.treeview .hover {cursor: pointer;}
.expandable-hitarea {background: url(/css/images/arrow.png) bottom center no-repeat;}
.collapsable-hitarea {background: url(/css/images/arrowdown.png) center center no-repeat;}
li.collapsable {border;}
.ashorizontal {width: 100%; margin-bottom: 1em;}
.ashorizontal .advsrchbox {display: block; margin: 0.2em 0 0.2em 0;}
.ashorizontal input, .ashorizontal select {margin-left: 10px; height: 20px; display: inline; clear: right;}
.ashorizontal .btnSearch {width: 75px; height: auto; margin: 10px 8px 0 0;}
.ashorizontal .srlabel {float: left; width: 110px;}