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

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}						

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #354188;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

.fltleft {float:left}
.fltright {float: right}

hr {display: block; height: 1px; border: 0; border-top: 1px dashed #ccc; margin: 25px 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */}

.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

input[type="radio"] {vertical-align: text-bottom; margin-right: 10px}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline; margin-right: 10px}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,label, input[type=button], input[type=submit], button {cursor: pointer;}

button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfloat {clear:both; height:0; line-height:0} 


.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute;
	width: 1px;}

.sms {text-decoration: none; color: #000}

@font-face{
	font-family:'DINRegular';
	src:url('../inc/fonts/DIN-Regular.eot');
	src:local('☺'),url('../inc/fonts/DIN-Regular.woff') format('woff'),url('../inc/fonts/DIN-Regular.ttf') format('truetype'),url('../inc/fonts/DIN-Regular.svg#webfontvugT94qN') format('svg');
	font-weight: normal;
	font-style: normal;}
	
@font-face{
	font-family:'DINLight';
	src:url('../inc/fonts/DIN-Light.eot');
	src:local('☺'),url('../inc/fonts/DIN-Light.woff') format('woff'),url('../inc/fonts/DIN-Light.ttf') format('truetype'),url('../inc/fonts/DIN-Light.svg#webfontaaHewQlQ') format('svg');
	font-weight: normal;
	font-style: normal;}
	
@font-face{
	font-family:'DINBold';
	src:url('../inc/fonts/DIN-Bold.eot');
	src:local('☺'),url('../inc/fonts/DIN-Bold.woff') format('woff'),url('../inc/fonts/DIN-Bold.ttf') format('truetype'),url('../inc/fonts/DIN-Bold.svg#webfontOQQc9qcQ') format('svg');
	font-weight: normal;
	font-style: normal;}




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

body {
	font: normal 100% "Trebuchet MS", helvetica, sans-serif;
	background: url(../img/bg-body.png) repeat-x;
	background-color: #f0f0f0;}

.img-left {
	float:left;
	margin: 0 20px 20px 0}
	
.img-right {
	float:right;
	margin: 0 0 20px 20px}


/****** UB Header ******/

.ubheader {
	background-color: #041A9B;
	border-bottom: 1px solid #fff;
	height: 48px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	z-index: 2;}
	
.ubheader .inner {
	margin: 0 auto;
	width: 92%;
	padding: 12px 0 0 0;
	max-width: 1080px}
	
.print {display: none}

.ublogo {
	display: block;
	width: 492px;
	height: 23px;
	line-height: 350px;
	overflow: hidden;
	background: url(../img/ub-logo.gif) no-repeat;
	-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;}
    
.button-search, #lg_search_btn {
	background: url(../img/button-search.png) no-repeat;
	width: 100px;
	height: 35px;
	border: 0}    


#lg_search_btn {line-height: 350px; overflow: hidden}

/****** Page ******/

#container {
	margin: 0 auto;
	width: 92%;
	background-color: #fff;
	padding: 0 10px;
	max-width: 1080px;}

#page {
	float: left;
	width: 100%;
	background-color: #fff}

.home-min {
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	padding: 0;
	-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    height: 40px;
    z-index: 1;}

.home-min .inner {
	margin: 0 auto;
	width: 92%;
	max-width: 1080px;}

.home-min h1 {
	font: 11px/1.0 DINLight, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	padding: 15px 0;
	letter-spacing: 0.1em;
	margin-left: 0;
	float: left}

.home-min h1 a {text-decoration: none}

.unit {
	margin: 0 auto;
	width: 92%;
	padding: 35px 10px 30px 10px;
	max-width: 1080px;}

.unit-info {
	padding: 30px 0 0 0;}

.unit .title {
	display: inline-block;
	font: 28px/1.0em DINLight, "Trebuchet MS", sans-serif;
	color: #fff;
	text-decoration: none;
	white-space:nowrap;}
	
.unit .title-sub {
	display: block;
	font: 15px/1.0em DINLight, "Trebuchet MS", sans-serif;
	color: #fff;
	text-decoration: none;
	white-space:nowrap;
	margin-top: 5px;
	width: 200px}
	
.ie7 .unit .title {line-height: 1.7em}

.unit-info p {
	font: 12px/18px DINLight, "Trebuchet MS", sans-serif;
	color: #fff;
	float: left;
	display: block;
	width: 70%;
	margin-left: 20px}

.unit-info a {color: #fff}


.quicklinks {
	float: right;
	text-align: right}

.quicklinks ul {
	margin-bottom: 10px}

.quicklinks ul li {
	display: inline;
	color: #fff;
	font: 11px/18px DINLight, "Trebuchet MS", sans-serif;
	border-right: 1px solid #989898;
	padding: 0 8px 0 5px;
	text-transform: uppercase}

.quicklinks ul li a {
	text-decoration: none;
	color: #fff;}

.quicklinks ul li a:hover {text-decoration: underline}

.quicklinks ul li.last {border: 0; padding-right: 0}

.quicklinks .ql {
	color: #fff;
	font: 10px/1.0em DINRegular, "Trebuchet MS", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #e59319; /* Old browsers */
	background: -moz-linear-gradient(top,  #e59319 15%, #cc5f19 77%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#e59319), color-stop(77%,#cc5f19));
	background: -webkit-linear-gradient(top,  #e59319 15%,#cc5f19 77%);
	background: -o-linear-gradient(top,  #e59319 15%,#cc5f19 77%); 
	background: -ms-linear-gradient(top,  #e59319 15%,#cc5f19 77%); 
	background: linear-gradient(to bottom,  #e59319 15%,#cc5f19 77%);
	padding: 3px 10px;
	border: 1px solid #b3b3b3;}

.ie7 .quicklinks .ql,
.ie8 .quicklinks .ql,
.ie9 .quicklinks .ql {padding-bottom: 0}

.quicklinks .ql:hover {
	background: #333;
	text-decoration: none;
	color: #fff;
	border-color: #333}



	
	
/****** Home Page Specific ******/	
	




.main-top {
	margin-left: -510px;
	margin-bottom: 25px;
	float: right;
	width: 100%;}
		
.main {margin-left: 510px;}
	
.carousel-2 {
	margin: 15px 5px 0 0;
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	height: 295px;
	border: 5px solid #fff}

.ie8 .carousel-2, .ie7 .carousel-2 {border: 1px solid #ccc}
.ie8 .tab-container, .ie7 .tab-container {border: 1px solid #ccc}

.tab-link {
	color: #000;
	font-style: italic;
	font-size: 13px;
	text-decoration: underline}
	
.tab-link a:hover {color: #000}
	
	
.carousel-2 img {}
	
a.advanced {
	color: #80807f;
	font: 12px/1.0em georgia, serif;
	font-style: italic;
	padding-left: 10px;}	

	
#content {
	margin-right: -310px;
	float: left;
	width: 100%;
	padding-right: 20px}
	

.unit-desc {
	margin-right: 305px;
	margin-left: 25px;
	float: left;
	min-height: 750px;
	font: 12px/20px DINRegular, "Trebuchet MS", sans-serif;
	color: #444;
	background: url(../img/home-shadow.jpg) no-repeat top right;
	padding-right: 50px;}

.unit-desc h2 {
	color: #354188;
	font: 24px/20px DINRegular, "Trebuchet MS", sans-serif;
	padding-bottom: 10px}

.ie7 .unit-desc h2 {line-height: 1.7em}



.unit-desc li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #ccc;
	white-space: nowrap}

.unit-desc li:first-child {padding-left: 0}
.unit-desc li:last-child {border: 0}

.description {
	padding-top: 20px;
	clear: left;
	padding-bottom: 30px}

.description p {
	color: #444;
	font: 16px/1.5em georgia, serif;}
	
	
	
	
/****** Right Column ******/

.right {
	font-size: 12px;
	position: relative;
	float: right;
	width: 275px;}
	
.right h2 {
	color: #354188;
	font: 14px/20px DINRegular, "Trebuchet MS", sans-serif;
	text-transform: uppercase;}

.right h2 span {
	padding-left: 5px;
	vertical-align: middle}

.right ul {margin: 10px 0 12px;}	

.right li {
	border-bottom: 0;
	padding: 18px 0;
	border-bottom: 1px dashed #ccc;}

.right li:last-child {border-bottom: 0}

.right li a:hover {
	text-decoration: underline;
	cursor: pointer}

.right input[type=text] {
	width: 97%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	height: 24px;
	padding-left: 5px;
	margin: 10px 0}

.right select {width: 100%; margin-bottom: 10px}




.right .title {
	font: 14px DINRegular, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	color: #354188; }

.right p {
	
	line-height: 1.4em;
	padding-top: 10px;
	color: #222}
	
.callout-box, .callout-box-center {
	background-color: #fff;
	border: 5px solid #f7f4f1;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 15px;
	font-size: 12px;
	margin: 20px 5px 0 0}
		
.right .text {line-height: 20px}







.sp-area {
	font: 18px/18px DINRegular, "Trebuchet MS", sans-serif;
	color:#364386;
	text-transform: uppercase;
	margin-top: 20px;}
	
.area {
	float: left;
	text-transform: uppercase;
	margin-top: 10px;
	margin-right: 55px}
	
.area img {
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	border: 5px solid #fff;
	-webkit-border-radius: 4px
	-moz-border-radius: 4px
	border-radius: 4px;}

.area p {
	padding-top: 10px;
	text-align: center}
	

@media screen and (max-width: 1120px) {
	
	.area {
		margin-right: 30px;
		width: 26%}
	
	}
	
		





	
/****** Home Search Tabs ******/


#myTab {border-bottom: 1px dotted #bcbcbc}

.tab-container input[type=text]::-webkit-input-placeholder, .coll-search::-webkit-input-placeholder {
   color: #959595; 
   font: 12px georgia, serif;
   font-style: italic;}
   
.tab-container input[type=text]:-moz-placeholder, .coll-search:-moz-placeholder {
   color: #959595; 
   font: 12px georgia, serif;
   font-style: italic;}

.tab-container {
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	background: url(../img/bg-search.jpg);
	border: 5px solid white;
	color: #000;
	font: 12px/1.0 "Georgia", garamond, serif;
	margin: 15px 5px 10px 5px;
	padding: 20px;
	float: left;
	margin-right: 20px;
	width: 450px;
	min-height: 255px;}

.tab-container h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	padding: 24px 0 10px 0}

.tab-container p {
	padding-bottom: 10px}

.tab-container input[type=text]{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	display: inline-block;
	width: 95%;
	padding: .7em;
	margin-bottom: 16px}
	
.search-button {
	margin-top: 20px}

.advanced {
	text-shadow: 0 1px 0 #fff;
	padding-left: 16px;
	font: 12px georgia, serif;
	color: #80807f;
	text-decoration: none;
	font-style: italic}

.nav-tabs {*zoom: 1;}

.nav-tabs:before, .nav-tabs:after {
  	display: table;
 	content: "";}

.nav-tabs:after {clear: both;}

.nav-tabs > li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 8px}

.nav-tabs > li > a {line-height: 14px;}

.nav-tabs > li.first {padding-left: 0}
.nav-tabs > li.last {border: 0}

.nav-tabs > li {margin-bottom: 10px;}

.nav-tabs > li > a {
  	padding-top: 8px;
  	padding-bottom: 8px;
  	line-height: 18px;
  	border: 1px solid transparent;
  	-webkit-border-radius: 4px 4px 0 0;
  	-moz-border-radius: 4px 4px 0 0;
  	border-radius: 4px 4px 0 0;
  	text-decoration: none;
  	color: #000}

.nav-tabs > li > a:hover {}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  	color: #000;
  	cursor: default;
  	font-weight: bold}

.tabbable:after {clear: both;}

.tab-content {}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  	border-bottom: 0;}

.tab-content > .tab-pane {display: none;}

.tab-content > .active {display: block;}
	
.fade {
  	opacity: 0;
  	filter: alpha(opacity=0);
  	-webkit-transition: opacity 0.15s linear;
  	-moz-transition: opacity 0.15s linear;
  	-ms-transition: opacity 0.15s linear;
  	-o-transition: opacity 0.15s linear;
  	transition: opacity 0.15s linear;}

.fade.in {
  	opacity: 1;
  	filter: alpha(opacity=100);}




/****** Alerts ******/

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	color: #C09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px}

.alert-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;}

.alert-success {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6;}
	
.alert-info {
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;}

	
	
	
/****** Home Left Navigation ******/



.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;}

.hide-box, .hide-toolbar, .hide-toolbar-mobile, .search-min {display: none}



	
		
	
/****** Select Menu ******/


div.selector, div.selector span {
	background-image: url(../img/select-2.png);
  	background-repeat: no-repeat;
  	-webkit-font-smoothing: antialiased;}

.selector, .selector * {
  	margin: 0;
  	padding: 0;
  	font-style: italic;}

div.selector {
  	background-position: -690px -130px;
  	line-height: 35px;
  	height: 35px;}

div.selector span {
  	background-position: right 0px;
  	height: 35px;
  	line-height: 35px;}

div.selector select {
  	top: 0;
  	left: 0;
  	width: 100%;}

div.selector:active span, div.selector.active span {background-position: right -26px;}

div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -130px;}

div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position: right 0px;}

div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover {
  	background-position: -690px -130px;}

div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span {
  	background-position: right 0;}

div.selector {
  	min-width: 100px;
  	font-size: 12px;}

div.selector select {
  	min-width: 100px;
  	font-family: georgia, serif;
  	font-size: 12px;
  	border: solid 1px #fff;}

div.selector span {
  	padding: 0 30px 0 2px;
  	cursor: pointer;}
	
div.selector span {
  	color: #666;
  	min-width: 100px;
  	text-shadow: 0 1px 0 #fff;}

div.selector.disabled span {color: #bbb;}

.selector {
  	vertical-align: middle;}

.selector select:focus {outline: 0;}

div.selector {
  	position: relative;
  	padding-left: 10px;
  	overflow: hidden;}

div.selector span {
  	display: block;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;}

div.selector select {
  	position: absolute;
  	opacity: 0;
  	filter: alpha(opacity:0);
  	height: 35px;
  	border: none;
  	background: none;}
  	
  	
  	
  	
/* -- carousel ------------------------------------------------------ */

.carousel .image-title {margin-bottom:0}

.carousel .arrow-left {
	display: block;
	position: absolute;
	z-index: 8998;
	top: 85px;
	left: -8px;
	background: url(../img/arrow-left.png) no-repeat;
	width: 17px;
	height: 17px;
	cursor: pointer;}

.carousel .arrow-right {
	display: block;
	position: absolute;
	z-index: 8998;
	top: 85px;
	right: -9px;
	background: url(../img/arrow-right.png) no-repeat;
	width: 17px;
	height: 17px;
	cursor: pointer;}

.carousel .jcarousel-container {position: relative;}

.carousel .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;}

.carousel .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}

.carousel .jcarousel-item {
	float: left;
	list-style: none;
	width: 250px;
	height: auto;
	background: none;
	margin: 0;
	padding: 0;
	border-bottom: 0}



.homepromo, .homepromo-last {
	float: left;
	width: 250px;
	border-right: 0;
	font-size: 11px;
	color: #535353; 
	display:inline;
	margin-top: 20px}


.homepromo p {color: #535353}

.homepromo h3 {
	font-size: 12px;
	padding-top: 10px}

/****** Feed Burner ******/

.feedburnerFeedBlock {}

.feedburnerFeedBlock div {
	font-size: 12px;
	line-height: 18px}

#creditfooter {display: none}


.feedburnerFeedBlock .headline {
	display: block;
	font-size: 14px}

.feedburnerFeedBlock .date {
	color: #666}


.news-divider {
	border-bottom: 1px dashed #CCC;
	background-color: transparent;
	margin: 0;
	width: 90%;}






.hide-box, .search-min, .to-top {display: none}

#home #page .navbar .nav > li.search {display: none}




/*
---------------------------------------------
Global Navigation - Twitter Bootstrap
---------------------------------------------
*/


/****** basic styles ******/


.nav-unit {display: none}

#page .btn {
  	display: inline-block;
  	*display: inline;
  	padding: 4px 10px 4px;
  	margin-bottom: 0;
	vertical-align: middle;
  	cursor: pointer;
  	*border: 0;}


#page .navbar {
  	*position: relative;
  	*z-index: 2;
  	overflow: visible;}


#page .navbar-inner {
    min-height: 45px;
	border: 1px solid #bcbcbc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f8f8f8; 
	background-image: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 51%, #f2f2f2 51%, #e5e5e5 100%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(51%,#f8f8f8), color-stop(51%,#f2f2f2), color-stop(100%,#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f8f8f8 0%,#f8f8f8 51%,#f2f2f2 51%,#e5e5e5 100%);
	background-image: -o-linear-gradient(top, #f8f8f8 0%,#f8f8f8 51%,#f2f2f2 51%,#e5e5e5 100%); 
	background-image: linear-gradient(top, #f8f8f8 0%,#f8f8f8 51%,#f2f2f2 51%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e5e5',GradientType=0 ); 
	margin-top: 5px}


#page .navbar .nav {
  	position: relative;
  	left: 0;
  	display: block;
  	float: left;
  	margin: 0;}


#page .navbar .nav > li {
  	display: block;
  	float: left;}


#page .navbar .nav > li > a {
  	display: inline;
	font: 13px/1.0 DINBold, "Trebuchet MS", sans-serif;
	color: #37407b;
	text-transform: uppercase;
	float: left;
	padding: 16px;
	text-decoration: none;}
	

.ie7 #page .navbar .nav > li > a,
.ie8 #page .navbar .nav > li > a,
.ie9 #page .navbar .nav > li > a {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold}


#page .about {border-right: 1px solid #fff;}


#page .spacer-line {
	border-left: 1px solid #dcdbdb;
	border-right: 1px solid #fff;}

#page .links {border-left: 1px solid #dcdbdb;}	


#page .collapse {
	position: relative;	
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-ms-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;}


#page .navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 18px;}


#page .navbar .nav > li > a:hover {background-color: #f0eded} 


#page .navbar .nav .active > a,
#page .navbar .nav .active > a:hover {
  color: #fff;
  background-color: #222;}


#page .navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin: 12px 5px 10px 5px;
  background-color: #fff;
  *background-color: #fff;}

    
#page .nav-collapse.collapse {
    height: 0;
    overflow: visible;}
    
#page .nav-collapse {float: none}


/****** mobile button ******/

#page .navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

#page .btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}


/****** dropdowns ******/


#page .navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100);}


#page .navbar .nav li.dropdown.open > .dropdown-toggle,
#page .navbar .nav li.dropdown.active > .dropdown-toggle,
#page .navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color: transparent;}


#page .navbar .nav li.dropdown.active > .dropdown-toggle:hover {color: #fff;}


#page .navbar .pull-right .dropdown-menu,
#page .navbar .dropdown-menu.pull-right {
  right: 0;
  left: auto;}


#page .navbar .pull-right .dropdown-menu:before, 
#page .navbar .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;}


#page .navbar .pull-right .dropdown-menu:after, 
#page .navbar .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;}


#page .dropup, .dropdown {position: relative;}


#page .dropdown-toggle {*margin-bottom: -3px;}


#page .dropdown-toggle:active, .open .dropdown-toggle {outline: 0;}


#page .dropdown-menu {
  	position: absolute;
  	top: 100%;
  	left: 0;
  	z-index: 1000;
  	display: none;
  	float: left;
  	padding: 5px;
  	margin: 0;
  	list-style: none;
  	background-color: #ccc;
  	*border-right-width: 2px;
  	*border-bottom-width: 2px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
  	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);}
  

#page .navbar .nav > li > .search {
	display: block;
	width: 49px;
	height: 45px;
	line-height: 350px;
	overflow: hidden;
	background: url(../img/icon-search.png) no-repeat;
	padding: 0;
	background-color: #dad7d7;
	background-position: 18px 18px;
	border: 0;}
 
 
#page .dropdown-menu a {
  	text-transform: none;
	font: 12px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #CCC;
	width: 220px;
	display: block;
	padding: 8px;
	background-color: #fff;
	color: #6C89B4;
	text-decoration: none}


#page .dropdown-menu .sm a {
  	text-transform: none;
	font: 12px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #CCC;
	width: 125px;
	display: block;
	padding: 8px;
	background-color: #fff;
	color: #6C89B4;
	text-decoration: none}



#page .dropdown-menu .sm a.chat {
	background: url(../img/icon-chat.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 10px 9px}
	
#page .dropdown-menu .sm a.text {
	background: url(../img/icon-text.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 11px 6px}
	
#page .dropdown-menu .sm a.email {
	background: url(../img/icon-email.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 7px 8px}
	
#page .dropdown-menu .sm a.phone {
	background: url(../img/icon-phone.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 8px 7px}
	
#page .dropdown-menu .sm a.person {
	background: url(../img/icon-person.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 10px 6px}

#page .dropdown-menu .sm a.text:hover, #page .dropdown-menu .sm a.phone:hover, #page .dropdown-menu .sm a.email:hover, #page .dropdown-menu .sm a.chat:hover, #page .dropdown-menu .sm a.person:hover {background-color: #F5F2F2;}

#page .dropdown-menu li > a:hover,
#page .dropdown-menu .active > a,
#page .dropdown-menu .active > a:hover {background-color: #F5F2F2;}

#page ul.nav li.dropdown:hover ul.dropdown-menu{display: block;}

#page .touch ul.nav li.dropdown:hover, .touch ul.dropdown-menu{display: none;}

#page a.menu:after, .dropdown-toggle:after {content: none;}





/*
---------------------------------------------
Global Navigation - Twitter Bootstrap
---------------------------------------------
*/


/****** basic styles ******/


.btn {
  	display: inline-block;
  	*display: inline;
  	padding: 4px 10px 4px;
  	margin-bottom: 0;
	vertical-align: middle;
  	cursor: pointer;
  	*border: 0;}

.navbar {
  	*position: relative;
  	*z-index: 2;
  	overflow: visible;
  	padding-top: 9px;}

.navbar .nav {
  	position: relative;
  	left: 0;
  	display: block;
  	float: left;
  	margin: 0;}


.navbar .nav > li {
  	display: block;
  	float: left;}


.navbar .nav > li > a {
  	display: inline;
	font: 10px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	color: #37407b;
	text-decoration: none;
	white-space: nowrap}


.find {
	border-right: 1px solid #b0b0b0;
	padding-right:5px}


.accounts , .help, .help, .libraries, .about {
	border-right: 1px solid #b0b0b0;
	padding: 0 5px}


.ask {
	border-left: 1px solid #dcdbdb;
	padding-left: 5px}	


.collapse {
	position: relative;	
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-ms-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;}


.navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 18px;}


.navbar .nav > li > a:hover {text-decoration: underline} 


.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #fff;
  background-color: #222;}


.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin: 0 5px 10px 5px;
  background-color: #fff;
  *background-color: #fff;}

    
.nav-collapse {float: right}

.nav-collapse.collapse {
    height: 0;
    overflow: visible;
    float: right}
    
     

/****** mobile button ******/

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}


/****** dropdowns ******/


.navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100);}


.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color: transparent;}


.navbar .nav li.dropdown.active > .dropdown-toggle:hover {color: #fff;}


.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
  right: 0;
  left: auto;}


.navbar .pull-right .dropdown-menu:before, 
.navbar .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;}


.navbar .pull-right .dropdown-menu:after, 
.navbar .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;}


.dropup, .dropdown {position: relative;}


.dropdown-toggle {*margin-bottom: -3px;}


.dropdown-toggle:active, .open .dropdown-toggle {outline: 0;}


.dropdown-menu {
  	position: absolute;
  	top: 100%;
  	left: 0;
  	z-index: 1000;
  	display: none;
  	float: left;
  	padding: 5px;
  	margin: 0;
  	list-style: none;
  	background-color: #ccc;
  	*border-right-width: 2px;
  	*border-bottom-width: 2px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
  	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);}
  




/*
---------------------------------------------
Footer
---------------------------------------------
*/


.breadcrumbs-btm {
	border-top-color: #B9C8DC;
	border-bottom: 1px solid white;
	background: #A6BAD6;
	padding: 8px;
	font: 10px/18px "Trebuchet MS", sans-serif;}
	
.breadcrumbs-btm ul {
	margin: 0 auto;
	color: #fff;
	width: 93%;
	max-width: 1080px;}
	
.breadcrumbs-btm li {
	display: inline}

.breadcrumbs-btm li a {
	color: #355E8F;
	text-decoration: none}

.breadcrumbs-btm li a:hover {text-decoration: underline}

.breadcrumbs-btm .arrow {
	font-family: Consolas;
	margin: 0 2px;
	color: #355E8F;}

.ffooter {
	background: #3c6494; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d8bb6), color-stop(100%,#3c6494)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* IE10+ */
	background: linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8bb6', endColorstr='#3c6494',GradientType=0 ); /* IE6-9 */
	padding-bottom: 20px;}

.footer-columns {
	margin: 0 auto;
	width: 96%;
	max-width: 1130px;
	padding:40px 0 30px 0;
	background: url(../img/bg-footer-left.png) left top no-repeat, url(../img/bg-footer-right.png) right top no-repeat;
	zoom: 1;
	overflow: hidden;
	color: #fff;
	font: 11px "Trebuchet MS", sans-serif;
	}


.footer-column {
	float: left;
	padding: 0 48px;
	border-right: 1px solid #93aecb;
	height: 320px;
	width: 15%}

.footer-column h3 {
	color: #ffffcc;
	text-transform: uppercase;
	padding-bottom: 9px;
	font-size: 12px;
	letter-spacing: 0.1em}

.footer-column.last {border: 0; padding-right: 0}

.footer-column ul {margin-bottom: 20px}

.footer-column li {
	background: url(../img/icon-arrow-footer.png) no-repeat;
	background-position: 3px 6px;
	padding: 1px 0 1px 14px;
	line-height: 1.3em;
	color: #fff;
	text-decoration: none}

.footer-column li a {
	color: #fff;
	text-decoration: none}

.footer-column li a:hover {text-decoration: underline}

.footer-simple {
	max-width:1080px;
	width: 92%;
	border-top: 1px solid #7e99b9;
	border-bottom: 1px solid #7e99b9;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
	font: 11px/40px "Trebuchet MS", sans-serif;}
	
.footer-column li.rss {
	background: url(../img/icon-rss.png) no-repeat;
	padding: 0 0 8px 25px}
	
.footer-column li.facebook {
	background: url(../img/icon-facebook.png) no-repeat;
	padding: 0 0 8px 25px}
	
.footer-column li.twitter {
	background: url(../img/icon-twitter.png) no-repeat;
	padding: 0 0 8px 25px}

.footer-column li.youtube {
	background: url(../img/icon-youtube.png) no-repeat;
	padding: 0 0 8px 25px}

.footer-column li.pinterest {
	background: url(../img/icon-pinterest.png) no-repeat;
	padding: 0 0 8px 25px}


a.logo-text {
	display: block;
	background: url(../img/logo-simple-footer.png) no-repeat;
	background-position: 0 0;
	color: #fff;
	font: 12px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	padding-left: 75px;
	height: 40px;
	text-decoration: none;
	line-height: 40px;
	float: left}
	
.copyright {
	float: right;}
	
.copyright li {
	display: inline;
	border-right: 1px solid #6e8cb0;
	padding: 0 5px 0 3px}

.copyright li a {color: #fff; text-decoration: none}

.copyright li a:hover {text-decoration: underline}

.copyright li.last {border: 0}





/*
---------------------------------------------
IE styles
---------------------------------------------
*/


.ie9 .navbar .nav > li > a, .ie8 .navbar .nav > li > a, .ie7 .navbar .nav > li > a {
  	font: 10px/1.0 "Trebuchet MS", sans-serif;
  	font-weight: bold}
  	



/*
---------------------------------------------
BASIC
---------------------------------------------
*/

a {text-decoration:none;color:#0e519d;}
a:hover {color:#0e519d; text-decoration:underline}

p {margin-bottom:1em;line-height:1.3em;}

form {margin: 0; padding: 0}

hr {border: 0;height: 1px;background-color: #eee; color:#eee;margin-bottom:1em;}

img {border:0}

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

strong {font-weight:bold;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px; margin: 0}
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

table {font-size: 12px}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto}

.alignright {
    float: right;
    padding: 4px;
    margin: 20px 7px 2px 0}
    
.hiddenLabel {height: 0;width: 0;overflow: hidden;position: absolute;left: 0;top: 0}

   


/*
---------------------------------------------
Media @ 960px
---------------------------------------------
*/


@media screen and (max-width: 962px) {

.sp-area {
	font-size: 15px}
	
.area {;
width: 24%;}

#page .navbar .nav > li > a {
	font-size: 11px;
	padding: 12px;}
	
#page .navbar-inner {
	min-height: 35px;}

ul.nav li.dropdown:hover ul.dropdown-menu, .navbar .nav > li > a.search, a.logo-text, .footer-columns, #global-container, #page .navbar .nav > li > .search  {display: none;}


.sm-database-search input[type=text] {
	height: 31px;
	margin: 0;
	width: 50%} 

.footer-simple {border: 0}

.copyright {
	float: left;}

.copyright ul {
	line-height: 25px;
	margin-top: 10px} 

.copyright li {
	display: block;
	border: 0}

.form input[type=text], .form textarea, .form select {width: 100%}

#content-record  {
	margin:0;
	border-right: 0;
	padding: 0}

.tab-container {width: 420px}
.main {margin-left: 445px; }

.nav-tabs > li {padding: 0 8px}
	
}







/*
---------------------------------------------
Media @ 768px
---------------------------------------------
*/



@media (max-width: 768px) {

body {
	background: none;
	background-color: #fff}

#container {
	position: relative;
	background: none}


.ubheader {
	height: 44px;
	background: url(../img/bg-header-mobile.png) repeat-x;
	border: 0}

.ublogo {
	background: url(../img/ub-logo-mobile.png) no-repeat center;
	width:42px;
	height: 21px;
	margin: auto}
	
.ubheader .inner {
	width: 100%;
	margin: 0;
	padding: 12px 0 0 0}

.home-min {
	z-index: auto;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);}

.home-min .inner {
	margin: 0 auto;
	width: 100%;
	max-width: auto}
	
.home-min h1 {
	padding-left: 15px}
		
.breadcrumbs, .global, #suggestions, .utilities, .tab-info .title, .carousel-2 {display: none}


.nav-unit {
	display: block;
	width: 100%;
	margin: 25px 0 10px 0;}

.nav-tabs > li {padding: 0 8px}

.main-top {margin: 0}
	
.content-tab {}

.main {margin-left: 0}

#page {margin-top: 2px}

#page .navbar, .unit {display: none}

.callout-box, .callout-box-center {margin: 0}


.tab-container {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: 0;
	margin: 15px 5px 10px 5px;
	padding: 0;
	margin-right: 20px;
	width: 95%;
	min-height: inherit}

#content {
	margin: 0;
	padding: 5px 0 0 0;
	clear: both}
	
#content .find-box {
	margin:0;
	clear: both;
	width: auto}

	
.search-container {margin-top: 4px}

.selector-none, .left {display: none}

.right {
	border-top: 1px dashed #ccc;
	float: left;
	padding-top: 20px;
	margin-top: 15px;
	width: 100%}

.unit-desc li {
	display: block;
	padding: 0;
	border: 0;}

.unit-desc {
	width: 100%;
	min-height: inherit;
	margin: 0;
	background: none;
	padding: 0;
	overflow: visible;
	border-top: 1px dashed #ccc;
	padding-top: 20px}
	
.unit-desc h2 {font: 20px/24px DINRegular, "Trebuchet MS", sans-serif;}

.tab-container input[type="text"] {margin-bottom: 0}
.ie8 .tab-container, .ie7 .tab-container {border: 0}
.search-button {margin-top: 10px}





/****** Left Column ******/

.left-home {
	border-top: 1px dashed #ccc;
	width: 100%;
	margin: 20px 0 0 2px;
	padding: 20px 0 0 0}




/****** Forms ******/

.search-box input[type=text] {
	margin-bottom: 10px;
	display: block}

.search-box {margin-top: 3px}




/****** Tabs ******/

.js .tinynav {
	display: block;
	width: 100%;
	margin: 5px 0;}

.js .tabs-group { display: none }
 
.tabs {
	padding-top: 10px;
	clear: both}




/****** Global Navigation @ 768 - Twitter Bootstrap ******/

.navbar .nav > li > a {font-size: 13px}
	
.navbar {margin-bottom: 0;}

.navbar-fixed-top {
    position: static;
    margin-bottom: 0; }
    
.navbar-fixed-top .navbar-inner {padding: 5px;}

.navbar .container {
    width: auto;
    padding: 0;}

.navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;}

.nav-collapse {clear: both;}

.nav-collapse .nav {
    float: none;
    margin: 0;
    padding: 15px 10px;
    z-index: 1}
       
.nav-collapse .nav > li {float: none;}

.nav-collapse .nav > li > a {margin-bottom: 0;}

.nav-collapse .nav > .divider-vertical {display: none;}

.nav-collapse .nav .nav-header {
    color: #999999;
    text-shadow: none;}
        
.nav-collapse .nav > li > a {
    padding: 6px 15px;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: none;
    display: block;
    float: none;
    text-decoration: none}
            
.nav-collapse .btn {
   	padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}


ul.nav li.dropdown:hover ul.dropdown-menu{display: none;}

a.menu:after, .dropdown-toggle:after {content: none;}

.find, .accounts, .help, .help, .libraries, .about, .ask {border:0;}

.nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;}

.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {background-color: #222;}
    
.nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;}
  
.nav-collapse .dropdown-menu {display: none;}
  
.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after {display: none;}

.nav-collapse .dropdown-menu .divider {display: none;}

.navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;}
    
.nav-collapse,.nav-collapse.collapse {
    height: 0;
    overflow: hidden;
    background-color: #2c2c2c;
    width: 100%;}
    
.navbar .btn-navbar {
    display: block;
    padding: 4px 10px}

.navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;}


}



/*
---------------------------------------------
Media @ 500px
---------------------------------------------
*/



@media (max-width: 500px) {

.area {
	width: 22%}
	
.area img {
	border: 2px solid #fff}
	
	
.tab-container {display: none}
	
.hide-box {
	display:block;
	position: absolute;
	right: 50px;
	top: 11px;}

.search-min small {
	font: 10px/1.2em DINRegular, "Trebuchet MS", sans-serif;
	padding-bottom: 5px;
	display: block;}

.search-min {
	display: block;
	padding: 15px 0;
	margin-top: 15px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: 0;
	border-bottom: 1px dashed #93aecb;
	border-top: 1px dashed #93aecb;}

.search-min input[type=text] {
	width: 95%;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #93aecb;
	height: 31px;
	padding-left: 10px;
	background: url(..../img/icon-search-box.png) center left no-repeat;
	background-color: #fff;
	background-position-x: 10px}

.search-min select {width: 100%}

.to-top {
   color: #fff;
   padding: 15px 20px 0 0;
   float: right;
   margin-bottom: -10px;
   font: 11px/1.2em DINRegular, "Trebuchet MS", sans-serif;
   padding-bottom: 5px;
   display: block;
   text-transform: uppercase}

.to-top:hover {color: #fff}


}



	
	
/*
---------------------------------------------
Media @ Print
---------------------------------------------
*/


@media print {

* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  
.navbar-inner, .left, .right, .breadcrumbs-btm, .footer-columns, a.logo-text, .footer-simple, .search-box, .tabs-container, .toolbar, .backtosearch {display: none}

.record h1 {padding-top: 0}

.home {padding: 0; width: 95%; margin: 0 20px;}

#container {
	margin: 0 20px;
	width: 95%;
	background-color: #fff;
	padding: 0}
	
#content {width: 100%; margin: 0; border: 0}

#content-record {width: 100%; margin: 0}

.home h1 {
	font: 24pt/1.0 DINLight, "Trebuchet MS", sans-serif; /* 28px / 16px */
	color: #000;
	margin: 50px 0 0 0}
	
#content h2 {font-size: 18pt}

.print {display: block;}

.ubheader .inner {
	margin: 0;
	width: 95%;
	padding: 0;
	margin: 0 20px;}
	
	
	

}