body{font-size:1em; color:#000; font-family:Helvetica,Arial,sans-serif; background-color:#f4f4f4; padding:0; margin:0}

a{color:#005D61; text-decoration:none}
a:hover{text-decoration:underline}

div.centered{width:100%; margin:0; padding:0; text-align:center}

#canvas{margin:2px auto 0px auto}
#canvas.libr, .libr #content{background-color: #F4F4F4; overflow:hidden; clear:both; width:966px}
#header{width:100%; overflow:hidden; clear:both; height:94px; background:transparent url('/libraries/images/header_bkgd.jpg') no-repeat 0 0}
#site-logo{float:left; clear:both}
#um_logo{float:left; width:192px; height:65px; margin:0.875em 0 0.875em 0.875em; padding:0}
#unitLogo{float:left; width:125px; height:91px; margin:0px; padding:0}
#site-logo a{display:block; width:100%; height:100%; text-decoration:none}
#site-logo a img{border:none}
#headRight{float:right; overflow:hidden; clear:all}

#mainLinks{clear:all; margin:0 10px 0 0; overflow:hidden; text-align:right; display:inline-block}
#mainLinks ul.links{list-style-type:none; margin:0; padding:15px 0 5px 0; clear:all; overflow:hidden}
#mainLinks ul.links li{float:left; display:inline; margin:0; font-size:0.688em; padding:4px 4px; border-left:1px solid #653b05; line-height:0.430em}
#mainLinks ul.links li a, 
#search-options a{font-weight:bold; color:#4D2700}
#mainLinks ul.links li.first{border-left:none}

#search{overflow:hidden; clear:all; font-size:0.688em; padding:0; margin:0 13px 0 0}
#search-options{float:left; text-align:right; padding:0; margin:0 4px 0 0}
#search-box{padding:8px 0 0 0; margin:0; overflow:hidden; float:left; width:auto}
#search-box input{display:inline-block}

ul.tabs, #myLeftNav ul.tabs.mini{ margin:0 0 -1px 0;  padding:0;  list-style:none; overflow:hidden; position:relative; z-index:9}

ul.tabs li{ margin:0;  padding:0;  float:left; background-color:#14585c; border-left:1px solid #1b5e62; border-top:1px solid #1b5e62; border-right:1px solid #1b5e62; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-radius:10px; margin-right:5px; font-size:0.75em; min-width:127px; text-align:center}

ul.tabs.mini li{margin-right:2px}

ul.tabs li a, #myLeftNav ul.tabs.mini li a{ display:block;  padding:5px 0;  margin:0; width:100%; color:#fff !important}

ul.tabs li a:hover, #myLeftNav ul.tabs.mini li a:hover{ color:#fff ! important;  background-color:transparent !important; text-decoration:underline}
ul.tabs li, 
ul.tabs li a, 
ul.tabs li a:hover, 
ul.tabs li a:hover label, 
ul.tabs li a label:hover, 
ul.tabs li a:hover label:hover{cursor:pointer}
 
ul.tabs li.selected, #myLeftNav ul.tabs.mini li.selected{background-color:#5f9aa2; border-top:1px solid #1b5e62; border-left:1px solid #1b5e62; border-right:1px solid #1b5e62; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; margin-bottom:-1px}

ul.tabs li.selected a, #myLeftNav ul.tabs.mini li.selected a{ font-weight:bold}

ul.tabs li.selected a:hover, #myLeftNav ul.tabs.mini li.selected a:hover{ text-decoration:none;  color:#fff !important;  background-color:transparent !important}
ul.tabs li.selected a, 
ul.tabs li.selected a label, 
ul.tabs li.selected a:hover label, 
ul.tabs li.selected a label:hover{cursor:default}

#phpLive{margin:10px 0 0 0; padding:0; display:block; min-height:9.8em;  overflow:hidden;}
#phpLive.main{margin-top:0px}

#phpLive.fluid{width:195px}

#askA_frame{background-color:#d5e1e2; border:1px solid #c5d3d3; width:98%;  margin:0; padding:5px 0; float:left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden}
#askA_frame p{margin:4px; text-align:center; font-weight:bold}
#askA_online p{font-size:0.8em}
#askA_offline p{font-size:0.75em}

.libraryh3lp-iframe{border:0 none !important; width:99%; height:273px; margin:0; padding:0; background-color:#d5e1e2}
#phpLive.fluid #askA_frame{width:98%}

#askA_offline div.l{font-size:0.75em}
#askA_form{width:98%}
#askA_form div{padding:2px}

#askA_frame input.text{width:95%}
#askA_frame textarea.text{width:98%}

#askA_frame h3{margin:14px 4px; font-size:0.9em}
#askA_offline div.center{text-align:center}
#askA_message{margin:0; padding:4px; font-weight:bold}
#askA_message.success{border:1px solid green}
#askA_message.failed{border:1px solid red}
#askA_load{display:none; background-color:#fff; z-index:999; position:absolute; border:3px solid #000; margin:0; padding:40px 20px; width:100px; height:20px}
#askA_form div.center{text-align:center; width:98%; margin:0; padding:4px}

#searchBox{margin:20px 0 20px 18px; padding:0; clear:all; overflow:hidden}
#searchBox.mini{margin:42px 0 10px 0; width:100%}
#searchBox.mini input{margin:2px; padding:0}
#catalogue, #google_scholar, #main_faq, #faq, #summon{margin:0; width:407px; padding:0; background-color:#5f9aa2; color:rgb(0,0,0); border:1px solid #1b5e62; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; border-bottom-radius:10px; overflow:hidden; text-align:left; float:left; position:relative}
#faq.mini, #summon.mini{width:99%; padding-left:0px; overflow:hidden}

#catalogue form, #google_scholar form, #main_faq form, #faq form, #summon form{vertical-align:middle; display:block; text-align:left; width:100%; margin:0; padding:0 0 0 15px}
#faq.mini form, #summon.mini form{padding:2px 0px}
#catalogue form input, #main_faq form input, #faq form input, #google_scholar form input, #summon form input{margin:6px 10px 6px 0; display:inline-block}
#google_scholar, #faq, #summon, #main_faq{text-align:center}
#catalogue form input.txt, #main_faq form input.txt, #faq form input.txt, #google_scholar form input.txt, #summon form input.txt{border:1px solid #eee;  background-color:#fff; color:#000; width:245px}

#faq.mini form input.txt, #summon.mini form input.txt{border:1px inset #f0f0f0; width:90px}

#faq form input.new, #main_faq form input.new{color:#555}
#faq, #main_faq, #google_scholar, #faq_answer_container{display:none}

#faq_answer_container{text-align:left; margin-left:0px; padding:10px 5px 5px 5px; font-size:0.75em}
#faq_answer_container h3, #faq_answer_container span{margin:0; font-size:1.083em}
#faq_answer h3{float:left}
#faq_answer a.floater{float:right; clear:all}
#faq_answer{padding:4px}

#faq_answer div{clear:all; overflow:hidden; width:99%; margin-bottom:10px; background-color:white; padding:3px}

#faq_answer_container.mini{width:300px; background-color:#fff; border:1px solid #000; padding:4px; margin:2em 0 0 0; z-index:999; clear:all; position:absolute; overflow:hidden}

#askingDiv{margin:0; padding:2px}

#news_events{clear:both; overflow:hidden; margin:0; font-size:0.75em}

#news ul, 
#events ul{margin-bottom:1em}
#news_items, #event_items{position:relative; list-style-type:none; list-style-position:outside; margin:0; padding:0; overflow:hidden; width:250px; min-height:6.73em}

#news_items h4, #event_items h4{margin:0.4em; font-size:1em; padding:0}
#news_items li, #event_items li{list-style-type:none; margin:0; width:230px; padding:0 8px}
#news_items li a, 
#event_items li a, 
#news_items li a:link, 
#event_items li a:link{color:#255c60}

div.leftSideBar{width:146px; margin:10px 5px 0px 8px; float:left; overflow:hidden; clear:right}

div.rightSideBar{width:147px; margin:10px 5px 0px 8px; float:left; overflow:hidden}

div.page{margin-top:10px}

div.column3{float:left; width:554px; margin:10px 0 0 0; padding:0}

div.column4{float:left; width:231px; margin:10px 0 0 0; padding:0}

div.column5{float:left; width:213px; margin:10px 0 0 0; padding:0}

div.content_box{font-size:0.75em; line-height:1.3; overflow:hidden; clear:both; margin:8px 0 20px 10px; padding:5px; width:619px; color:#717073}

div.content_box h3{margin-top:5px}

div.content_box a{text-decoration:underline}

div.item_list div.box.shrink{min-height:0}

div.item_list div.box, #news, #events{overflow:hidden; padding:0 2px 0 0; margin:0 0 20px 16px; background-color:#fff; border:1px solid #e2dddb; min-height:210.5px; width:195px; font-size:0.75em; line-height:1.3; display:block}

div.item_list div.box.double{min-height:444px}

#content div.item_list h3, #news h3, #events h3{clear:right; color:#fff; font-size:1.2em; background-color:#4b2a10; -moz-border-radius-bottomright:21px; -webkit-border-bottom-right-radius:21px; border-bottom-right-radius:21px; min-height:21px; width:99.99%; display:inline-block; padding:3px 0px 0px 3px; margin:0px 0px 5px 0px}
#content div.item_list h3 a, #content div.item_list h3 a:link, #content div.item_list h3 a:visited, 
#news h3 a, #news h3 a:link, #news h3 a:visited, 
#events h3 a, #events h3 a:link, #events h3 a:visited{color:#fff !important; text-decoration:none; position:relative; margin-top:4px; margin-left:8px}

#content div.item_list ul{padding-left:8px; margin:0}

#content div.item_list li{list-style:none; padding:0px; padding-bottom:3px; padding-left:8px; text-indent:-8px; margin:0}

div.item_list span.more{display:block; margin:0.48em 0.96em 0 0; padding:0; float:right}

#news, #events{float:left; min-height:150px}

#news{width:405px; max-width:405px}

#news_items{width:390px}
#news_items li{width:auto; min-height:2em}

#footer{border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:0.625em; color:#717173; clear:all; min-height:50px; margin-top:20px; padding:10px 0 20px 10px; overflow:hidden}

#footer a{color:#717173}

#address{float:left; overflow:hidden}
#address span.name, 
#address span.email{display:block; font-weight:bold}
#address span.pcode, 
#address span.phone{margin-left:3px}
#footerLinks{float:right; overflow:hidden}
#footerLinks ul{clear:all; margin:0; padding:0; list-style-type:none; overflow:hidden}
#footerLinks ul li{float:left; margin:0; padding:0 4px; border-left:1px solid #eee}
#footerLinks ul li.link-first{border-left:none}
#copyright{margin-left:10px; float:right; overflow:hidden}

#midHeading{width:100%; margin:10px 0 10px 0; padding:0 0 0 18px; font-size:1.125em; color:#717073; font-weight:bold; font-size:1.25em}

#myLeftNav{}

#myLeftNav ul.menu{list-style:none; margin:0; padding:0 0 10px 5px; width:100%; margin-top:10px}

#myLeftNav ul.menu li{display:block; width:100%; padding:3px 0; line-height:0.7em}
#myLeftNav ul.menu li a{display:block; color:#595a5d; font-size:0.75em; width:100%}
#myLeftNav ul.menu li a:hover{text-decoration:none}
#myLeftNav ul.menu li.home{padding-left:5px; margin-left:-5px}

#myLeftNav ul.menu li.selected{padding-left:5px; margin-left:-5px; font-weight:bold; }
#myLeftNav ul.menu li.selected a{color:#14585c}
#myLeftNav ul.menu li.selected a:hover{text-decoration:none; cursor:default !important}

#myLeftNav ul.tabs.mini li{min-width:0; font-size:0.688em; padding:0; padding-right:5px; overflow:hidden; display:inline-block}
#myLeftNav ul.tabs.mini li a{padding-left:3px; padding-right:3px; overflow:hidden}

.left-border{border-left:1px solid #e2dddb}
.right-border{border-right:1px solid #e2dddb}

.clear{clear:both}

div.flexHolder{float:left; clear:right; padding:0; margin:0}

