
<!-- Style Sheet for Navigation Bars & contextual & Header & Footer -->


<!-- Header -->

.trim {background:blue; font-weight:normal; font-size:16px;}

.navheader { background-color: #F7C01E; font-family: arial; font-size: 10pt; font-weight: bold; text-align: center; color: white; }


.hide-search-box {position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden;}
.show-search-box {position:absolute; top:1.5em; z-index:100;}
                                                                                  

#fly-search-box {width:50%; margin:0; padding:1em; border-top:5px solid #0000f9;
																											 border-right:20px solid #0000f9;		
																											 border-bottom:20px solid #0000f9;
																											 border-left:20px solid #0000f9;						
                                                                                  background-color:white; 
                                                                                  z-index: 10;}

*.show-search-rollup-trigger {cursor:pointer;}
span.show-search-rollup-trigger {display:inline-block; height:100%; width:13px; margin:0; padding:0; background:url("/images/show-med.gif") no-repeat 50%  50%;}
*.show-search-rollup-trigger:hover {color:green;}

*.close-search-rollup-trigger {margin:5px 0 0 0; padding:0; font-weight:normal; font-size:12px; font-family:arial, sans-serif; text-decoration:underline; text-align:left; cursor:pointer;}
*.close-search-rollup-trigger:hover {color:green;}

.searchLinkBase {font-weight: normal; font-size: 0.95em; font-family: arial ,sans-serif; color: black;}

.searchFieldCap {font-weight: normal; font-size: 0.9em; font-family: arial ,sans-serif; color: black;}


span.rolledup-search-box {display:inline-block; height:100%; width:13px; margin:0; padding:0; background:url("/images/hide-med.gif") no-repeat center center;}

#header-nav-box {position:relative; width:100%; height:1.5em; margin:0; padding:0; border:0px solid red; background-color:#0000f9; font-size:100%;}

#header-search-field {float:left; width:500px; height:; margin:0 padding:0 0 0 3px; border:0; text-align: left;  background:url("/images/gradient_bot_left.gif") no-repeat;}

#header-links-field {float:right; margin:0; padding:0; border:0; font-size:100%;}

.header-divider {clear:both;}

.adv-search {}


#sch-doc-box{position:static;       text-align:center;                   margin-top:1em;
             width:auto;            margin-left:7px;           margin-right:7px; 
             border:1px dashed lightgray;}

#sch-loc-box{position:static;       text-align:center;                   margin-top:1em;
             width:auto;            margin-left:7px;           margin-right:7px; 
             border:1px dashed lightgray;}

#sch-auth-box{position:static;       text-align:center;                   margin-top:1em;
              width:auto;            margin-left:7px;           margin-right:7px; 
              border:1px dashed lightgray;}

#sch-gr-box{position:static;       text-align:center;                   margin-top:1em;
            width:auto;            margin-left:7px;           margin-right:7px; 
            border:1px dashed lightgray;}

.sch-field-style {padding:7px 0 7px 0; background-color:#f6f6fb; }

.sch-float-1 {float:left; width:30%; margin-right:1em; padding:3px; border:0; text-align:right;}
.sch-float-2 {float:left; width:90%; margin-right:1em; padding:3px; border:0; text-align:left;}
.sch-float-3 {float:left;  margin-right:1em; padding:3px; border:0; text-align:left;}

.sch-text-field {height:1.5em; margin:0; padding:0; font-size:1.2em; background-color:#ffffcc;}

.livesearchbox {width:100%; max-height:15em; overflow:auto; margin:0; padding:5px 3px 5px 3px; line-height: 1.5em;}

<!-- Footer -->

.navfooter { font-family: times new roman; font-size: 11pt; font-weight: normal; text-align: center; color: black; } 


<!-- left & right navigation bars -->

.blockmargins { width: 0px; padding: 4px;}

.navbarcell { vertical-align: top; background-color: transparent; padding: 0; }

.outnbarbord { vertical-align: top; border: 0px solid black; background-color: white; margins: 0; padding-left: 2px; } <!-- bg col for wide headline page: #F7F7FF -->

.outnbarcont { vertical-align: top; border: none; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin: 0px; }

TD.outnbarcont { padding: 0; }

.innbarbord { vertical-align: top; width: 100%; margin: 0px; padding: 0; border-collapse: collapse; border: none; }

.colpopbord { vertical-align: top; border: 1px solid black; background-color: #F4F4F4; margins: 0; padding: 1px; }
.colpopbox { text-align: left; padding-left: 2px; margin-bottom: 4px;}

TD.welcome {background-color: #E4DEAD; padding-left: 2px; text-align: center;}
TH.innbarcont { background-color: #F3F3E9; padding-left: 0; text-align: left;} <!-- former color: #334362, letters=#E4DEAD -->
TH.helpbuild { background-color: red; text-align: center;}
TD.innbarcont { padding-left: 2px; padding-bottom: 2px; }
TD.navcol { padding-left: 2px; padding-bottom: 2px; }
TH.geoglevel { background-color: #E4DEAD; padding-left: 2px; } <!-- former color #E1DD88 -->

.navbarTHlink { text-align: left; margin-bottom: 0; text-decoration: none; }  <!-- old color=#E4DEAD -->

.navbarlink {text-align: left; }

.navbarth { text-align: left; padding-left: 2px;
}

.navbartd { text-align: left; padding-left: 5px; padding-bottom: 4px; }
}

.mainLeftNavbar {width:10%; background-image:url(/images/grad_sec_link_boxes_hover.gif); 
                 background-position: left; background-repeat: repeat-y; border-right:1px solid gray;}


<!-- Navigation contextuelle -->

.contextbartitle {text-align: center; margin-bottom: 0; }
.contextbartitlesml {text-align: center; margin-bottom: 0; }

.contboxcontem {text-align: left; margin-bottom: 0; }

TH.contbox { background-color: #5A608F; padding-left: 2px; text-align: center;}
TD.contbox { padding-left: 2px; }
.contboxbord { vertical-align: top; border: 1px solid black; background-color: #F4F4F4; margin: 0; padding: 0; }


<!-- FOR FLY OUT MENUS -->

.cssfly {position:relative;  width:100%; margin:0; font-family: arial, sans-serif; 
         font-size:11px; border:1px solid black;
}
.cssfly ul li a, .menu ul li a:visited {
display:block; margin-bottom: 20px; height:60px; width:100%; line-height:58px; border-top-style: solid;  border-top-width: 2px; border-top-color:#CCCC33; border-bottom-color:#CCCC33;
              border-bottom-style: solid;  border-bottom-width: 2px; background-image:url(/images/grad_sec_link_boxes.jpg);
              background-position:right; background-repeat: repeat-y;
}
.cssfly ul { width:100%; padding:0; margin:0;list-style-type: none; }
.cssfly ul li {float:left;  width:100%; margin-right:1px; margin-bottom: 0px; position:relative;}
.cssfly ul li ul {display: none;}

.cssfly ul li:hover a {background-image:url(/images/grad_sec_link_boxes.jpg);
              background-position:right; background-repeat: repeat-y;}
.cssfly ul li:hover ul {
display:block; position:absolute; top:0; padding:5px;
left:100%; width:100%; background-image:url(/images/gradient_hdln_right_col.gif); background-position: left; background-repeat: repeat-y; border-right:1px solid gray; border-left:1px solid gray; border-bottom:1px solid gray; border-top:1px solid gray;
z-index: 5;
}
.cssfly ul li:hover ul li a.hide {
background:#ccc; 
}
.cssfly ul li:hover ul li:hover a.hide {width:100%;}
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a { 
display:block; width:100%; background-image:url(/images/grad_sec_link_boxes_hover.jpg); margin-bottom:20px;
              background-position:right; background-repeat: repeat-y; border-top-style: solid;  border-top-width: 2px; border-bottom-style: solid;  border-bottom-width: 2px;
}

.cssfly ul li:hover ul li.flynature a { width:100%; border-top-style: solid;  border-top-width: 2px; border-top-color:#32CD32; border-bottom-color:#32CD32; border-bottom-style: solid;  border-bottom-width: 2px;	}

.cssfly ul li:hover ul li.flystate a { width:100%; border-top-style: solid;  border-top-width: 2px; border-top-color:gold; border-bottom-color:gold; border-bottom-style: solid;  border-bottom-width: 2px;	}

.cssfly ul li:hover ul li.flyissues a { width:100%; border-top-style: solid;  border-top-width: 2px; border-top-color:#00A5DD; border-bottom-color:#00A5DD; border-bottom-style: solid;  border-bottom-width: 2px;	}

.cssfly ul li:hover ul li.flyopinions a { width:100%; border-top-style: solid;  border-top-width: 2px; border-top-color:khaki; border-bottom-color:khaki; border-bottom-style: solid;  border-bottom-width: 2px;	}

.cssfly ul li:hover ul li a:hover { background-image:url(/images/grad_sec_link_boxes_hover_2.jpg);
              background-position:left; background-repeat: repeat;}
              
.cssfly ul li:hover ul li:hover ul {
display:block; position:absolute; left:100%; top:0; 
}
.cssfly ul li:hover ul li:hover ul li a {
display:block; width:100%; background:#dfc184; color:#000;
}
.cssfly ul li:hover ul li:hover ul li a:hover {background:#bd8d5e;
color:#fff;
}