/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-4               */
/*   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:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {
	width:900px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1em;
	background-color: #FFFFFF;
}
.main {clear:both; width:900px; padding-bottom:30px; background:url('../img/bg_main_withnav.jpg') repeat-y top left;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:440px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content2 {display:inline; /*Fix IE floating margin bug*/; float:left; width:660px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline; float:right; width:185px; margin:0 15px 0 0; overflow:visible!important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {
	clear:both;
	width:900px;
	background:rgb(225,225,225) url('../img/bg_foot.jpg') no-repeat;
	font-size:1em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/ !important; padding-left:0; padding-right:0; padding-top:1.0em; padding-bottom:1.0em
}

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

/* HEADER */
.header {width:auto; font-family:verdana;}
.header-top {
	width:900px;
	height:80px;
	overflow:visible!important /*Firefox*/;
	overflow:hidden /*IE6*/ !important;
	background-image: url('../img/bg_head_top.gif');
}
.header-middle {
	width:900px;
	height:185px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	background-color: #004E71;
}
.header-bottom {
	width:900px;
	height:40px;
	background-repeat: repeat-y;
}
.header-breadcrumbs {clear:both; width:900px; background:rgb(255,255,255) url('../img/bg_head_breadcrumbs.jpg') repeat-y;; padding-left:0; padding-right:0; padding-top:1.0em; padding-bottom:1.5em}

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {
	width:191px;
	height:78px;
	position:absolute;
	z-index:1;
	background:url('../img/Cyber_logo.gif');
	left:92px; top:6px; margin-left:5px; margin-right:0; margin-top:5px; margin-bottom:0; background-image:url('../img/Cyber_logo.gif')
}
.sitename {
	width:300px;
	height:45px;
	position:absolute;
	z-index:1;
	margin:20px 0 0 90px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	left: 134px;
	top: 15px;
}
.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:610px;
	position:absolute;
	z-index:3;
	top: 0px;
	right: auto;
	align: left;
	margin-top: 45px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 268px;
}
.nav1 ul {float:right; padding:0 5px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 10px 2px 5px; color:#FFFFFF; text-decoration:none; font-size:130%;}
.nav1 a:hover {
	text-decoration:none;
	color:#01CEEB;
	font: tahoma;
}

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; 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:medium none; background:rgb(201,223,228) url('../img/bg_head_bottom_nav.jpg') no-repeat; color:rgb(75,75,75); font-size:130%} /*Color navigation bar normal mode*/
.nav4 {float:right; width:400px; border:medium none; background:rgb(201,223,228) 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:1000 /*IE6*/;
	border-right:solid 1px rgb(118,148,159);
}
.nav2 ul li a {
	float:none!important /*Non-IE6*/;
	float:left /*IE-6*/;
	display:block;
	height:3.1em;
	line-height:3.1em;
	text-decoration:none;
	font-weight:bold;
	color: rgb(0,91,124);
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:#FFFFFF; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10em; position:absolute; z-index:999; top:3em; margin-top:0.1em; left:0px;}
.nav2 ul li:hover ul li a {display:block; width:8em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 10px 4px 10px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#FFFFFF; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:#C1DDE1; 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:#C1DDE1;
	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(0,91,124); border-bottom: solid 1px rgb(0,91,124); background-color:#ffffff; font-weight:normal; color:rgb(0,91,124);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:#E2EBEE; text-decoration:none;}

ul.nav2 li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 80px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.nav2 li:hover, ul.nav2 li.CSStoHighlight {
  background-color: #ffa;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}

.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(125,125,125); font-size:100%; 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;}

.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:10em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%; }
.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 NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url('../img/bg_corner_topright.gif') no-repeat;; margin-left:190px; margin-right:0; margin-top:0; margin-bottom:0}

/* MAIN CONTENT */
.column1-unit {
	width:440px;
	margin-bottom:0px!important /*Non-IE6*/;
	margin-bottom:0px /*IE6*/;
	color: #666666;
	text-align: justify;
}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN CONTENT */
.column1-unit1 {
	width:660px;
	margin-bottom:0px!important /*Non-IE6*/;
	margin-bottom:0px /*IE6*/;
	color: #000000;
	text-align: justify;
}
.column2-unit1-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit1-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit1-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit1-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit1-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


.name{color:#7850b1; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-bottom:12px;}
.name a{color:#7850b1; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
.name a:hover{text-decoration:underline;}

.name1{
	color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.name1 a{color:#7850b1; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
.name1 a:hover{text-decoration:underline;}




/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 0 0; border:solid 1px rgb(190,190,190); background:rgb(255,255,255);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 0px 0; border:solid 1px rgb(0,90,123); background-color:#005A7B;}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(150,150,150);}

.subcontent-unit-noborder {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(255,255,255);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {
	width:12px;
	height:3px;
	position:absolute;
	z-index:100;
	background:url('../img/bg_corner_topleft.gif') no-repeat;
	margin-top:-1px;
	margin-left:-1px;
	left: 701px;
	top: 436px
}
.round-border-topright {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	background:url('../img/bg_corner_topright.gif') no-repeat;
	margin-top:-1px;
	margin-left:174px;
	left: 684px;
	top: 691px
}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url('../img/bg_corner_topleft.gif') no-repeat; margin-top:0px; margin-left:0px}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url('../img/bg_corner_topright.gif') no-repeat; margin-top:0px; margin-left:175px}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:#FFFFFF; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#FFFFFF;}
.footer a:hover {text-decoration:none; color:#00CCCC;}
.footer a:visited {color:#0099FF;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent: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;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange: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:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
.clear-contentunit2 {width:660px; 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-color: #FFFFFF;
}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(255,255,255); font-size:1em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
.page-container .main .main-navigation .nav3-grid {
}