/*************************************************************/
/*   Design:   Multiflex-3 Update-2 / Header-3 (Top/Bottom)  */
/*   File:     Overall global layout structure               */
/*-----------------------------------------------------------*/
/*   Author:   G. Wolfgang                                   */
/*   Date:     November 29, 2006                             */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             G. Wolfgang (www.1-2-3-4.info). Thank you!    */
/*************************************************************/

/*-----------------------------------------------------------------*/
/* Implement this header in your Multiflex-3 Basic or Full Layout: */
/* 1. Copy the marked rows below                                   */
/* 2. Paste and replace marked rows in "layoutNN_setup.css" file.  */
/* 3. Open HTML file "header3.html", and follow its instructions   */
/*-----------------------------------------------------------------*/

/***************/
/*  1. GLOBAL  */
/***************/

/* NON-HEADER */
*{padding:0; margin:0;}
body {font:normal 11px verdana,arial,sans-serif; padding:0; margin:0;}

table, tr, td,th {margin:0; padding:0;border-spacing:0;}

td,th {padding:3px 10px;vertical-align:top;}

a {color:#2a2a2a; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

p {margin:0; padding:5px 0;}

.page-container {width:900px; margin:0 auto; margin-top:10px; border:solid 1px rgb(150,150,150);}
.contents {clear:both; width:850px; background:#fff url('../img/bg_head_breadcrumbs.jpg') repeat-y;padding:0 25px; min-height:350px;}
* html .page-container .contents {height:350px;}
.page-container .contents h1 { font-size:120%; color:white;}
.page-container .contents a {text-decoration:none; color:#000;}

#qtn {font-size:100%;}
#qtn h1 { font-size:120%; color:white;}
#qtn ul {padding-left:50px;}
#qtn ol {padding-left:50px;}

/* --- START COPY here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:80px; background:rgb(240,240,240) url('../img/bg_head_top.jpg'); }
.header-bottom {width:900px; height:40px; background:rgb(255,255,255) url('../img/bg_head_breadcrumbs.jpg') repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:10px 0;}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; background:url('../img/bg_head_top_logo.jpg');; margin-left:20px; margin-right:0; margin-top:22px; margin-bottom:0 }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h3 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a{text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav1 {width:350px; position:absolute; z-index:3; margin:90px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;width:auto;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none;width:auto;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}


.searchform {width:350px;float:right;}


/*
.searchform form fieldset {float:right; border:none;}
.searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; }
.searchform input.button {width:3.0em; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); }
.searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
*/



.nav2 {width:900px; border:medium none; background:rgb(220,220,220) url('../img/bg_head_bottom_nav.jpg') repeat-x; color:rgb(75,75,75);height:30px; padding:5px 0;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left;width:auto; position:relative; z-index:1000; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-30px; background:url('../img/bg_head_bottom_nav_hover.gif') top center;; padding-left:30px; padding-right:30px; padding-top:0; padding-bottom:30px} /*Sticky hover zones*/
.nav2 ul li a {float:left;width:auto; display:block; margin-right:0px !important /*Non-IE6*/; margin-right:-4px /*IE6*/; padding:0 16px 0 16px; text-decoration:none; font:bold 12px/30px verdana; color: rgb(100,100,100);}
.nav2 ul li:hover {width:auto;}
.nav2 table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; position:absolute; z-index:998; top:30px; left:0;}
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; position:absolute;z-index: 998; top:29px; left:0; }
.nav2 ul li a:hover ul li a {display:block; width:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; background:url('../img/bg_bullet_arrow.gif') no-repeat 0 50%; font-weight:bold; color:rgb(70,122,167); padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.footer {background:url('../img/bg_head_bottom_nav.jpg') no-repeat 0; font:bold 11px arial; color:rgb(125,125,125);  padding:3px 0; text-align:center;}
.footer a {text-decoration:none; color:black; font-weight:normal;}
.footer a:hover {text-decoration:underline; color:black; font-weight:normal;}
.footer a:visited {text-decoration:none; color:black; font-weight:normal;}

/* --- END COPY here --- */


/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-container:after, .header:after, .header-breadcrumbs:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}


/***********************************/
/*  7. PRINTING and MISCELLANEOUS  */
/***********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); }}
@media print {.nav2 {width:900px; border:0; background:rgb(240,240,240); color:rgb(75,75,75); }} 



a.postanswer {font-size: 8px; color: #FFFFFF; background: #99ccff; text-decoration: none; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-weight:bold; float:right;width:auto;}

.center {text-align:center;}
.banner {text-align:center; padding:15px 0;}
.blue, a.blue {color:#296596}

.contents td ul, .contents td ol {margin-left:40px;padding:5px 0;}

.lighterbluebg {background:#DEEBF5;}
.lightbluebg {background:#619FD3;}
.darkbluebg {background:#458ECB;}
.darkerbluebg {background:#347EBC;}

.td33 {width:33%;}

th {text-align:center; font-weight:bold;color:#fff;}

.lnews_row {float:left; overflow:hidden; margin:10px 0;width:700px;}
.lnews {width:300px;background:#DEEBF5;padding:10px; margin-bottom:-1000px;float:left; margin-right:15px;padding-bottom:1000px;}
.lnews h1, .lnews h2 {color:#347EBC !important;font:bold 16px arial;}
.lnews a {color:#347EBC !important;}
.lnews a:hover {text-decoration:underline;}
.page-container .contents h1.welcome-title {color:#347EBC}