/*========== RESET ============*/
html{color:rgb(0,0,0); background:rgb(255,255,255);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}	h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';} abbr,acronym {border:0; font-variant:normal;}	sup {vertical-align:text-top;} sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}	legend{color:rgb(0,0,0);}

 /*========== Layout ============*/

.rnd-cell, .content-cell, .footer {background-color:#ECE9D8;}
.header, .main, .rnd-header, #sidebar, .content {background-color:#FFF;}

 body {font-size:62.5%; background-color:#aeb9e2; font-family:arial,sans-serif;}
.container {min-width:800px; max-width:1280px; width:98%; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {min-height:60px; height:auto !important; height:130px; font-size:1.0em;}
.header-top {clear:both; height:70px; background: url(../img/blu-banner.png); font-size:1.0em; margin: 0px 5px 0px 5px;}

.main {/*this(height) is here because of IE bug?*/height:100%; padding:0px 8px 0px 10px; font-size:1.0em;}
.content {display:inline; float:right; width:81%; font-size:1.0em; overflow:visible !important; overflow:hidden;}
#sidebar {display:inline; float:left; width:18%; font-size:1.0em; overflow:visible !important; overflow:hidden; max-height:720px; min-height:650px; overflow-x:hidden; overflow-y:scroll;}
#sidebar h1 {color:#000000; font-family:arial,georgia,verdana; font-size:10pt; margin-left:10px;}
#sidebar input.radio, input.text {margin-left:10px;}
#sidebar select.dropdown, option {width:178px;}
#sidebar form {padding:5px 8px 0px 5px;}
input#searchbar {font-size:12pt;}
.searchbox input, select, label {font-size:12pt;}
.footer {clear:both; border-left:solid 10px #FFF; border-right:solid 10px #FFF; padding:1.0em 0 1.0em 0; font-size:1.1em !important; font-size:1.0em; overflow:visible !important; overflow:hidden;}

/* Sitename and logo */
h1.logo {padding-right: 20px; padding-top: 35px; text-align: right; font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important; font-size:260%;}
h2.logo {padding-right: 20px; text-align: right; font-family:verdana,arial,sans serif; color:#000; font-weight:normal; font-size:130% !important; font-size:120%;}
a.logo{text-decoration:none; color:#000;}
a.logo:hover {text-decoration:none;}

.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}

/*  CLEAR FLOATS  */
.container:after, .header:after, .header-top:after, .navbar:after, .main:after, .content:after, .content div:after, .sidebar:after, .sidebar div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; visibility:hidden;}

/* Heading */
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); font-weight:bold; font-size:220% !important; font-size:200%;}
.content h2 {clear:both; position:relative; z-index:1; top:-1px; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); font-weight:bold; font-size:180% !important; font-size:160%;}
.content h3 {clear:both; position:relative; z-index:1; top:-1px; margin: 0 20px 0 20px; padding:15px 35px 5px 0; color:rgb(75,75,75); font-weight:bold; font-size:140% !important; font-size:120%;}

/* Paragraph text */
.content p {margin:1.0em 0 1.0em 0; color:#000; line-height:1.3em; padding: 0 20px 0 20px; font-size:12pt;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/*  sidebar  */
/* Heading -- Standard icon
.sidebar h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); font-weight:bold; font-size:220% !important; font-size:200%;}  */
.sidebar h2 {position:relative; z-index:1; top:-1px; margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important; font-size:160%;}
.sidebar h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important; font-size:125%;}

/* IMAGES
.main img {clear:both; float:left; margin:3px 15px 7px 0;  border:solid 3px rgb(200,200,200);}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);} */

/* LINKS */
/* Text links */
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

/*Image links */
.main a img {border:solid 3px rgb(200,200,200);}
.main a:hover img {border:solid 3px rgb(175,175,175);}

/*Rounded Corners*/
/*The commas in these classes are important for CSS inheritance, please note them*/

.rnd-cell b.rcbottom, b.rctop{display:block;background: #FFF;}
.rnd-cell b.rcbottom b, b.rctop b{display:block;height: 1px; overflow: hidden; background-color: #ECE9D8;}
.rnd-cell b.rc1{margin: 0 5px}
.rnd-cell b.rc2{margin: 0 3px}
.rnd-cell b.rc3{margin: 0 2px}
.rnd-cell b.rcbottom b.rc4, b.rctop b.rc4{margin: 0 1px;height: 2px}

.rnd-header b.rhtop, b.rhbottom{display:block;background-color: #AEB9E2;}
.rnd-header b.rhtop b, b.rhbottom b{display:block;height: 1px; overflow: hidden; background-color: #FFF;}
.rnd-header b.rh1{margin: 0 5px}
.rnd-header b.rh2{margin: 0 3px}
.rnd-header b.rh3{margin: 0 2px}
.rnd-header b.rhtop b.rh4, b.rhbottom b.rh4{margin: 0 1px;height: 2px}

.tabs {padding: 0 20%;text-align:center; clear:both;}
.tabs ul li {list-style-image:none;list-style-position:outside;list-style-type:none;margin-right: 5px;padding:0pt;background-color:#FFF;}
.tabs li {float:left;width:auto;} 
.tabs li:hover {float:left;width:auto;background-color:#ECE9D8; }
.tabs h3 {color:#000000;font-family:Verdana,sans-serif;font-size:120%;line-height:1.3;margin:0px;padding:0pt 5px 2px;text-align:center;}
.tabs h3 a {text-decoration:none;color:#000000;font-family:Verdana,sans-serif;font-size:120%;line-height:1.3;margin:0px;padding:0pt 5px 2px;text-align:center;}
.tabs h3#active a {color:blue;font-family:Verdana,sans-serif;font-size:120%;line-height:1.3;margin:0px;padding:0pt 5px 2px;text-align:center;}
.navbar {text-align:center;}

.rnd-tab b.rhtab {display:block;background-color: #AEB9E2;}
.rnd-tab b.rhtab b {display:block;height: 1px; overflow: hidden; background-color: #FFF;}
.rnd-tab b.rt1 {margin: 0 5px}
.rnd-tab b.rt2 {margin: 0 3px}
.rnd-tab b.rt3 {margin: 0 2px}
.rnd-tab b.rhtab b.rt4 {margin: 0 1px;height: 2px}   

#clear {clear:both;}/*For IE */
dt {color:#113344;font-size:14pt;margin-left:5px;}
dd {margin-left:25px;text-decoration:none;font-family:Helvetica,Arial,Verdana;font-size:10pt;}