/**********************************************/
/** HTML tags                                **/
/**********************************************/

/* ============================================================================= */
/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; }
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
body,button,input,select,textarea { font-family: sans-serif; }
a:focus { outline: thin dotted; }
a:hover,a:active { outline: 0; }
h1 { font-size: 2em; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre,code,kbd,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before,q:after { content: ''; content: none; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul,ol { margin-left: 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul,nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,input { line-height: normal; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

/* ============================================================================= */

body  { text-align: left; color: #000000; background-color: #ffffff; overflow: auto; margin: 0; }
table { border: none; } 
td    {	font-size: 10pt; font-weight: normal; border: none; color: #000000; padding: 3px; vertical-align: middle; } 
img   { border: 0; } 
ul	  { list-style-position: outside;  list-style-type: disc; }
nav   { background-color:#009ad8; color:white; font-weight:bold; position: absolute; display:block; }
article { overflow:auto; padding: 0; z-index:0;  }
a         { text-decoration:none; color: #075498;}
a:link    { color: #075498; }
a:visited { color: #075498; }
a:hover   { color: #075498; }
a:active  { color: #075498; }
h1    { font-weight: bold; text-align: center; color: #009ad8; }
h2    { font-weight: bold; text-align: left; color: #009ad8; }
h3    { font-weight: bold; text-align: left; color: #009ad8; }
.C { text-align: center; }
.R { text-align: right; }
.I { font-style: italic; }
.T { vertical-align: top; }
.B { font-weight: bold; }
.S { font-size: 8pt; }
.U { text-decoration:underline; }
.Blue {	color: #075498; }
.subTitle { text-align:center; font-variant:small-caps; }
.menuItem { cursor:pointer; line-height: 28px; }
.menuItem:hover { background-color: #009ad8; }
.menuSubItem { width:200px; cursor:pointer; z-index:2; position:fixed; }
.menuSubItem ul li { background-color:transparent; }
.menuSubItem ul li:hover { background-color:#dddddd; }
.menuSubItem ul li a { text-decoration:none; color:#009ad8; }
.menuSubItem ul li a:link    { color: #009ad8; }
.menuSubItem ul li a:visited { color: #009ad8; }
.menuSubItem ul li a:hover   { color: #009ad8; background-color:#dddddd; }
.menuSubItem ul li a:active  { color: #009ad8; }
.visibleOn{  visibility:visible; background-color:white; }
.visibleOff{ visibility:hidden; background-color:transparent; }

@media screen { 
 body { font: normal normal normal 9pt verdana; line-height: 14pt; }
 p { margin: 0 12pt 6pt 0; }
 header { height:158px; width:100%; background: url('../img/background.png') repeat-x fixed left top; }
 nav { width:746px; top: 160px; height:32px; }
 h1 { font-size: 15pt; margin: 12pt 0 12pt 0; }
 h2 { font-size: 13pt; margin: 12pt 0 12pt 0; }
 h3 { font-size: 10pt; margin: 18pt 0 12pt 0; }
 .menuSubItem { top:186px; left:4px; }
 #logoBlock    { top:12px; left:12px; width:228px; height:160px; background: url('../img/UBLogo.png') no-repeat center top; cursor:pointer; position:absolute; }
 #logoBlock p  { text-align:center; color:#075498; font:normal normal bold 8pt verdana; margin-top: 132px; }
 #circleblock  { top:0; width:320px; height:148px; background: url('../img/HalfCircle.png') transparent no-repeat; display:inline-block; position:absolute; }
 #bannerblock  { float:right; height:148px; width: 320px; overflow:hidden; padding:12px; display:inline; }
 article { width:746px; margin-top: 32px; margin-left:12px; }
}

@media, only screen and (max-device-width: 1023px) { 
 body { font: normal normal normal 10pt "Segoe UI, Verdana";	line-height: normal; }
 p { margin: 0 0 6px 0; }
 header { height:38px; width:100%; background: url('../img/UBLogoMin.png') no-repeat left top #009ad8; }
 nav { width: 100%; top: 38px; height:auto; }
 h1 { font-size: 16pt; margin: 6pt; }
 h2 { font-size: 14pt; margin: 6pt; }
 h3 { font-size: 12pt; margin: 6pt; }
 .menuSubItem { top:68px; left: 0; border:1px #009ad8 solid; }
 #logoBlock   { top:0; left:4px; width:400px; height:38px; background: none; cursor:pointer; position:absolute; }
 #logoBlock p { text-align:left; color:#ffffff; margin: 12px 0 0 42px; }
 #circleblock { display:none; }
 #bannerblock { display:none; }
 article { width:96%; top: 32px; }
}

@media print { 
 body { font: normal normal normal 9pt verdana; line-height: 14pt; }
 p { margin: 0 12pt 6pt 0; }
 header { display:block; height:38px; width:100%; background: url('../img/background.png') repeat-x fixed left top navy; }
 nav { display:none; }
 h1 { font-size: 15pt; margin: 12pt 0 12pt 0; color: navy; }
 h2 { font-size: 13pt; margin: 12pt 0 12pt 0; color: navy; }
 h3 { font-size: 10pt; margin: 18pt 0 12pt 0; color: navy; }
 .menuSubItem { top:186px; left:4px; }
 #logoBlock   { top:0; left:4px; width:400px; height:38px; background: none; cursor:pointer; position:absolute; }
 #logoBlock p { text-align:left; color:#ffffff; margin: 12px 0 0 42px; }
 #circleblock { display:none; }
 #bannerblock { display:none; }
 article { width:100%; margin:0; }
}