/* CSS used when a customer is logged in */

/* Basic layout */
body { font: 7pt Verdana,Helvetica,Arial; color: #444444; line-height: 14pt; margin: 0px; padding: 0px; background-color: #EEEEEE }

/* Change container width below to make content use more of the page's width (it's smaller for customer section by default) */
#container { width: 900px; margin: auto; text-align: left; background-color: #FFFFFF; border: 1px solid #4992B6; border-top: 0px }
#inner_container { padding: 15px }
#logo_container { background: url(../images/background.gif); padding: 13px; margin-bottom: 1px }

#title { float: left; color: #004A6E; font: bold 12pt Verdana,Helvetica,Arial; margin-bottom: 20px; }
#login_message { float: right }
#calendar { width: 250px }

#copyright { float: right; margin-top: 20px }
#language_select { float: left; margin-top: 20px }

/* Basic styles */
a, a:visited, a:active, a:hover { color: #004A6E }

.padbutton
{

padding:15px 15px 0px 0px;
}

img.icon { vertical-align: middle; }
img.icontext { vertical-align: middle; margin-right: 5px }

.description { padding-bottom: 20px }
.popup { position: absolute; visibility: hidden; z-index: 101; left: 0px; top: 0px; border: 1px solid #91BAD0; background-color: #F3F9FC; padding: 5px; width: 200px }
.bold { font-weight: bold }
.required { border-bottom: 1px dashed red }

/* Forms and inputs */
form { margin: 0px; padding: 0px;  }
input.checkbox { border: 0px; }

input.button { border: 2px solid #666666; border-top: 2px solid #DDDDDD; border-left: 2px solid #DDDDDD; background-color: #999999; font: bold 8pt Verdana,Helvetica,Arial; padding-right: 10px; padding-left: 10px; color: #FFFFFF; }
input.button:active { border: 2px solid #DDDDDD; border-top: 2px solid #666666; border-left: 2px solid #666666; }
input.space { margin: 4px 0px }

textarea, input, select { border: 1px solid #91BAD0; font: 8pt Verdana,Helvetica,Arial; color: #444444; }
input.medium { width: 150px }
input.large { width: 250px }
textarea.fixed { font-family: Courier New; width: 100%; height: 200px }

textarea.small { width: 300px; height: 75px }
textarea.medium { width: 100%; height: 100px }
textarea.full { width: 100%; height: 150px }

/* Iframe style used for loading of inline text/wysiwyg editor */
iframe.wysiwyg { border-width: 0px; width: 100%; height: 1px } /* 1px height will auto-resize */

/* Notices and warnings */
div.notice { padding: 6px; padding-left: 35px; margin-bottom: 15px; background: #F6F6F6 url(../images/noteinfo.gif) no-repeat 10px center; }
div.warning { padding: 6px; padding-left: 35px; margin-bottom: 15px; background: #F6F6F6 url(../images/warning.gif) no-repeat 10px center; }
div.error { padding: 6px; padding-left: 35px; margin-bottom: 15px; background: #F6F6F6 url(../images/notedelete.gif) no-repeat 10px center; }

.search_navigate { clear: both; margin-top: 5px; line-height: 10pt }

/* Top menu */
#menu_bar { background: url(../images/bargray2.gif); height: 22px; border-bottom: 1px solid #4992B6; }

#menu, #menu ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 100; }

#menu li { position: relative; border-right: 1px solid #FFFFFF; background: url(../images/bargray2.gif); width: 140px; float: left; text-align: center; font: bold 7pt Verdana,Helvetica,Arial; text-transform: uppercase; color: #004A6E;	cursor: pointer; padding: 0; margin: 0 }

#menu li ul { display: none; position: absolute; top: 22px; left: 0px; border: 1px solid #4992B6; text-transform: none; background-color: #F3F9FC; width: 175px; }

#menu li a { height: 22px; display: block; text-decoration: none; line-height: 20px; }
#menu li a:hover { background: url(../images/barblue.gif); color: #FFFFFF; }

#menu li ul li { background: none; text-transform: none; text-align: left; height: 22px; cursor: pointer; color: #004A6E; width: 175px; border: 0px; border-top: 1px solid #FFFFFF }
#menu li ul li a { padding-left: 14px; display: block; font-weight: normal; font-size: 8pt; }

#menu li:hover ul, #menu li.over ul { display: block; }

/* Table styles */
table.a { width: 100%; background-color: #FFFFFF }
table.a td { padding: 2px }

tr.a, td.a { background-color: #FFFFFF; }
tr.b, td.b { background-color: #F6F6F6; }
tr.msg_a, td.msg_a { background-color: #FFFFFF; vertical-align: top }
tr.msg_b, td.msg_b { background-color: #F6F6F6; vertical-align: top }
tr.head { color: #FFFFFF; font-weight: bold; background-image: url(../images/barblue.gif); background-color: #407795; }
tr.head td { padding: 2px }
tr.a:hover, tr.b:hover, tr.hover { background-color: #E3F0F6; }
td.icon { width: 16px; text-align: center; vertical-align: top; }

/* Table used for forms */
table.form { width: 100%; border: 1px solid #91BAD0; background-color: #FFFFFF }
table.noborder { border: 0px }
table.form td.label { padding: 3px; height: 20px; text-align: right; width: 20%; vertical-align: top }
table.form td.short { width: auto }
table.form td.field { background-color: #F3F9FC; padding: 3px; height: 20px; vertical-align: top; }
table.form td.space { padding-bottom: 20px }

/* Table used for the customer homepage icons */
table.home_menu td { padding: 10px }
table.home_menu td.image { width: 50px;   }
table.home_menu td.name { width: 50%; line-height: 12pt; }
table.home_menu td.name a { text-decoration: none; }
table.home_menu td.name a span { display: block; padding-bottom: 8px; font-size: 10pt; font-weight: bold }

/* Table used for statistics */
table.stats { width: 100%; font-size: 7pt; }
table.stats tr.stat { padding: 2px; height: 95px; vertical-align: bottom; text-align: center; background-color: #F6F6F6 }
table.stats tr.header { padding: 2px; text-align: center }
table.stats td.label { padding: 2px; text-align: right; width: 150px; }
table.stats tr.stat div { width: 15px; margin: auto }
table.stats tr.stat div img { width: 15px; float: left }

table.calendar tr.days td { width: 14%; font-weight: bold; text-align: center }

/* Boxes */
div.light_blue_box { background-color: #F3F9FC; padding: 10px }

div.rounded_light_blue_box { background-color: #F3F9FC; -moz-border-radius: 12px }
div.rounded_dark_blue_box { background-color: #77AECC; -moz-border-radius: 12px; color: #FFFFFF }

div.rounded_light_blue_box .content, div.rounded_dark_blue_box .content2 { padding: 10px }

div.rounded_light_blue_box .title { color: #004A6E; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }
div.rounded_dark_blue_box .title { color: #FFFFFF; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }

/* Side box (i.e. login box on homepage */
div.side_box { padding: 4px;}
div.side_box div.head { color: #FFFFFF; font-weight: bold; font-size: 11pt; padding: 2px; }
div.side_box div.content { padding: 2px }

/* Switchable tabs */
div.tab { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/bargray.gif); position: relative; z-index: 2; border: 1px solid #91BAD0; }
div.tab_on { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/barblue.gif); position: relative; z-index: 4; border: 1px solid #91BAD0; border-bottom: 0px }
div.tab a.tablink { float: left; display: block; font: Verdana,Helvetica,Arial; padding: 1px 10px 4px 10px; height: 17px; text-decoration: none }
div.tab_on a.tablink { float: left; display: block; padding: 1px 10px 4px 10px; font-weight: bold; height: 18px; color: white; text-decoration: none }

div.tabbox { display: none }
div.tabbox_on { border: 1px solid #91BAD0; padding: 12px; margin-top: -2px; z-index: 3; position: relative }
div.tabline { border-top: 1px solid #91BAD0; height: 1px; line-height: 0pt; font-size: 0px; margin-top: -2px; z-index: 3; position: relative }

/* Basic container with title (used all over) */
div.container .name { float: left; line-height: 16px; font-weight: bold; margin-bottom: 4px }
div.container .right_name { float: right; line-height: 16px }
div.container .content { clear: left; border: 1px solid #91BAD0; padding: 2px; background-color: #FFFFFF }

/* Popup content with shadow (for calendar, etc.) */
div.shadow { position: absolute; visibility: hidden; z-index: 101; background: url(../images/shadow.png) no-repeat bottom right; margin: 10px 0 0 10px; width: 200px }
div.shadow div.content { position: relative; background-color: #FFFFFF; border: 1px solid #91BAD0; margin: -6px 6px 6px -6px; padding: 8px; }

.leftbox { float: left; margin-right: 20px }
.rightbox { float: left }

/* Horizontal lines */
div.text_line { font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #91BAD0; margin-bottom: 15px; height: auto }
hr { border: 0px; height: 1px; line-height: 0pt; color: #91BAD0; background-color: #91BAD0 }

/* Spacers */
div.smallspace { height: 5px; line-height: 0pt; }
div.medspace { height: 10px; line-height: 0pt; }
div.bigspace { height: 15px; line-height: 0pt; }

/* Buttons for div dropdown boxes */
div.menu_button { width: 150px; float: left; margin-right: 5px; margin-bottom: 5px; position: relative; }

div.button { border: 1px solid #91BAD0; padding: 1px; width: 200px }
div.button a, div.button a:visited { display: block; background: url(../images/navdown.gif) 3px 0px no-repeat; background-color: #FFFFFF; height: 18px; line-height: 18px; padding-left: 22px; vertical-align: middle; margin: 0px; text-decoration: none; }

div.button a:hover { background-color: #F3F9FC; text-decoration: none; }

div.drop_box { width: 300px }
div.drop_box table { margin-top: -1px; }

/* Holly hack for IE (which doesn't display CSS properly) \*/
* html div { height: 1%; }
/* End hide from IE5-mac */

/* DNS LAYOUT */

/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-1               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/bg_main_withoutnav.jpg) repeat-y;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:840px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE 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); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:150px; background:rgb(230,230,230) url(../img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.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:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

/*******************/
/*  HEADER SECTION */
/*******************/
.sitelogo {width:360px; height:50px; position:absolute; z-index:1; margin:16px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:14px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {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);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 400px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.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; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 280px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:900 /*IE6*/; border-right:solid 1px rgb(19,66,113);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li:hover a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(255,255,255);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(19,66,113); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(19,66,113); border-bottom: solid 1px rgb(19,66,113); 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 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(19,66,113); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; 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: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; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.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;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .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; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; 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); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {width:690px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:400px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:400px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:253px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:253px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:253px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

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

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:690px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}



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

/*---------------------------------------------------------------------*/
/* How to implement this header in your Multiflex-3 Layout:            */
/* 1. Copy the marked rows below                                       */
/* 2. Paste and replace marked rows in your "layoutNN_setup.css" file. */
/* 3. Open HTML file "header1.html" and follow its instructions        */
/*---------------------------------------------------------------------*/

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

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}

/* --- 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); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:150px; background:rgb(230,230,230) url(../img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.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:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {width:360px; height:50px; position:absolute; z-index:1; margin:16px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {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);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 400px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.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; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 280px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:900 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.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; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; 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 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.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; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; 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: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; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.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;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .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; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; 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); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- 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); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.header-breadcrumbs {width:900px; background:transparent;}}

/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-1               */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px #466a8e; font-family:"trebuchet ms",arial,sans-serif; color:#e4a25f; font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#184b7d; font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}



p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}


.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; 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); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.loginform {width:160px; margin:-10px 20px 0 20px;}
.loginform p {clear:both; margin:0; padding:0;}
.loginform fieldset {width:160px; border:none;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; 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); font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/

a.dns {

font-family:Verdana;
font-weight:bold; 
color:rgb(125,125,125); 
font-size:100%
}

a.dnsmenu {

font-family:"trebuchet ms";
font-weight:bold; 

font-size:12px;
}