/* General styles */
@font-face {font-family: Segoe UI Light;font-style:normal;font-weight:normal;src: url('SEGOEUI1.eot')}
@font-face {font-family: Segoe UI Light;font-style:normal;font-weight: normal;src: url('segoeuil.ttf')}
body 	{font-family: 'Segoe UI Light','Trebuchet MS' , Verdana, Sans-serif;margin:0;padding:0;	border:0;/* This removes the border around the viewport in old versions of IE */
		width:100%;background-color:#fff;min-width:1000px;/* Minimum width of layout - remove line if not required, the min-width property does not work in old versions of Internet Explorer */
		font-size:90%;background-image: url( 'images/header.jpg' );background-repeat: repeat-x;margin:0px;color: navy}
#title{background-color:white;padding:5px;background-image: url( 'images/titlefade.jpg' );background-repeat:repeat-x}
.container{text-align:center}
.center{margin-left:auto;margin-right:auto;width:75%;text-align:left}
a {color:#369}
a:hover {color:#fff;background:#153185;text-decoration:none}
.hyper {text-decoration: none;	color:white;width:100%;height:100%;display:block}
#FadeHyper{}
#FadeHyper a:hover {/* for IE */filter: Alpha(Opacity=90, FinishOpacity=0, startY=700, finishY=0, Style=1);/* CSS3 standard */opacity:0.5}
h1, h2, h3 {margin:.8em 0 .2em 0;padding:0;color: #044586}
h2 span{color:White;font-size:60%}
h3 span{color:white;font-size:110%}
p {margin:.4em 0 .8em 0;padding:0}
img {	margin:10px 5px 5px;float:right;border:none}
/* Header styles */
#header, #blue {clear:both;float:left;width:100%;background:transparent;margin:0px}
#header p,	#header h1,#header h2 {padding:.4em 15px 0 15px;margin:0}
#header ul {clear:left;float:left;width:100%;list-style:none;margin:10px 0 0 0;padding:0}
#header ul li {display:inline;list-style:none;margin:0;padding:0}
#header ul li a {display:block;float:left;margin:0 0 0 1px;text-align:center;background:#transparent;color:#000;text-decoration:none;position:relative;left:15px;line-height:1.3em}
#header ul li a:hover {background:#transparent;color:#fff}
#header ul li a.active,#header ul li a.active:hover {color:#fff;background:#000;font-weight:bold}
#header ul li a span {display:block}
/* 'widths' sub menu */
#layoutdims {clear:both;	background:#eee;margin:0;padding:6px 15px !important;text-align:center;color:White;height:auto}
/* column container */
.colmask {position:relative;/* This fixes the IE7 overflow hidden bug */clear:both;float:left;width:100%;/* width of whole page */overflow:hidden;/* This chops off any overhanging divs */	}
/* common column settings */
.colright,.colmid,.colleft {float:left;width:100%;/* width of page */position:relative}
.col1,.col2,.col3 {float:left;position:relative;padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;min-height:679px}
/* 3 Column settings */
.threecol {background:#eee;/* right column background colour */}
.threecol .colmid {right:25%;/* width of the right column */background:#fff;/* center column background colour */	}
.threecol .colleft {right:50%;/* width of the middle column */background:#f4f4f4;/* left column background colour */}
.threecol .col1 {width:46%;/* width of center column content (column width minus padding on either side) */left:102%;/* 100% plus left padding of center column */	}
.threecol .col2 {width:21%;/* Width of left column content (column width minus padding on either side) */left:31%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.threecol .col3 {width:21%;/* Width of right column content (column width minus padding on either side) */left:85%;/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}
/* Footer styles */
#footer {clear:both;float:left;width:100%;border-top:1px solid #000;background-color:#153185}
#footer p {padding:10px;margin:0}
/* Other */
div#box2{padding:0px;margin:0 auto;background:black;float:left;color:White;background-repeat:no-repeat;}
div#box3{background-color:#153185;padding:5px;font-size:90%}
.myClassName,myClassName_flat, myClassName_flat_b{background-repeat: no-repeat}
.myClassName_flat_b{color:white;padding:10px;background-color:#153185;text-align:center}
/* RoundedDiv */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#153185; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#153185; border-right:2px solid #153185; border-left:2px solid #153185; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#153185; border-right:1px solid #153185; border-left:1px solid #153185; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#153185; border-right:1px solid #153185; border-left:1px solid #153185; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {background: #153185; border-right:1px solid #153185; border-left:1px solid #153185;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth{background: #fff;border-right: 1px solid #153185;border-left: 1px solid #153185}
.contenth div {margin-left: 12px; padding-top: 5px;}
/* NavBars */
#tabsJ{padding: 0px;padding-top:5px}
#tabsJ ul {margin:0;list-style:none}
#tabsJ li {display:inline;margin:0;padding:0}
#tabsJ a {float:left;background:url('images/tableftx.gif') no-repeat left top;margin:0;text-decoration:none; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
#tabsJ a span {float:left;display:block;background:url('images/tabrightx.gif') no-repeat right top;color:#24618E; padding-left:6px; padding-right:15px; padding-top:2px; padding-bottom:2px}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none}
/* End IE5-Mac hack */
#tabsJ a:hover span {color:#FFF}
#tabsJ a:hover {background-position:0% -42px}
#tabsJ a:hover span {background-position:100% -42px}
 #bluebar{clear:both;background-image:url( 'images/bar.gif');background-repeat:repeat-x;margin:0;padding:6px !important;text-align:center;color:White;height:20px;font-size:90%}
#bluebar ul {margin:0;list-style:none}
#bluebar li {display:inline;margin:0;padding:0;float:left}
#bluebar li a{display: block;margin-left:5px;text-decoration: none}
#bluebar a {float:left;background:url('images/Vista_left.gif') no-repeat left top;margin:0;text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:6}
#bluebar a span {float:left;display:block;background:url('images/Vista_right.gif') no-repeat right top;color:white; padding-left:6px; padding-right:13px; padding-top:0px; padding-bottom:6px}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bluebar a span {float:none;}
/* End IE5-Mac hack */
#bluebar a:hover span {color:#FFF}
#bluebar a:hover {background-position:0% -30px}
#bluebar a:hover span {background-position:100% -30px}
#bluebar li ul{display:none;	width: auto;/* Width to help Opera out */background-color: transparent}
#bluebar li:hover ul {display: block;	position: absolute;padding:0;margin-top:20px;//margin-top:0px}
#bluebar li:hover li {float: none}
#bluebar li:hover li a {background-color: #153185;color: #000}