/*****************************************************/
/*   Design:  MultiFlex-1.1 Update-1 (Screen)        */
/*   Author:  Wolfgang                               */
/*   Web:     www.1-2-3-4.info                       */
/*   Date:    December 4, 2006                       */
/*****************************************************/

/*-----------------------------------------------------------------------*/
/* FONT-SIZE DEFINITIONS                                                 */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the     */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The     */
/* font-size variations throughout the webpage are then expressed in     */
/* percentage values respective to the incoming font-size. To make       */
/* calculations easier, the font definition in the css-class "body" is   */
/* 62.5%, which gives 1.0em = 10px This makes life a real breeze!        */
/*-----------------------------------------------------------------------*/

/* Comments for individual lines are found to the right of the respective row */

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {font-size: 62.5%; margin: 0em auto; padding: 0px; font-family: arial, tahoma, verdana, sans-serif; background: url(../images/background.gif) top center repeat-y;}
.page-container {width: 800px; margin: 0px auto; padding: 0px; border-left: solid 1px rgb(125,125,125); border-right: solid 1px rgb(125,125,125); border-bottom: solid 1px rgb(125,125,125); background-color: rgb(255,255,255);}
td {font-family:Tahoma,VERDANA,ARIAL,Helvetica; font-size:110%; color:#232526;}
a,a:link, a:active  {font-family:Tahoma,VERDANA,ARIAL,Helvetica; font-size:11px; text-decoration:underline; color:#3065B4;}		
a:visited  {font-family:Tahoma,VERDANA,ARIAL,Helvetica; font-size:11px; text-decoration:underline; color:#308AB4;}		
a:hover {font-family:Tahoma,VERDANA,ARIAL,Helvetica; font-size:11px; text-decoration:none; color:#308AB4;}
/**********************/
/* SECTION 2 - HEADER */
/**********************/
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/
.nav-global-container {position: absolute; z-index: 3; width: 800px; top: 5px; background-color: transparent;}
.nav-global {float: right; width: 800px; margin: 0px 5px 0px 0px; padding: 0px; background-color: transparent;}	
.img-logo {display: inline; margin: 0px; padding: 0px; }

/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/
.img-header {clear: both; float: left; width: 261px; height: 216px; margin: 50px 0px 5px 0px; padding: 0px;}
.img-header2 {float: left; width: 301px; height: 216px; margin: 50px 0px 5px 0px; padding: 0px;}
.img-header3 {float: right; width: 238px; height: 216px; margin: 50px 0px 5px 0px; padding: 0px;}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/
.nav-main {clear: both; float: left; width: 770px;  min-height: 2.0em; height: auto !important; height: 2.0em; line-height: 2.0em; margin: 0px; padding: 0px; border-top: solid 1px rgb(84,111,144); border-bottom: solid 1px rgb(84,111,144); background-color: rgb(159,182,213);} /* Use background-color: rgb(176,207,106);	for green */
.nav-main ul {list-style: none; margin: 0px; padding: 0px; font-weight: bold;}	
.nav-main li {float: left; white-space: nowrap; background-color: inherit;}
.nav-main li a {margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); color: rgb(255,255,255); text-decoration: none; font-size: 110%;}
.nav-main a:hover, .nav-main a.selected {background-color: inherit; color: rgb(75,75,75); text-decoration: none;}
.buffer {float: left; width: 800px; height: 5px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*************************************/
/* SECTION 3 - SIDEBANNER FRONT PAGE */
/*************************************/
.sidebanner-frontpage {clear: both; float: left; width: 190px; margin: 0px; padding: 0px;}
.img-sidebanner {width: 127px; margin: 0px 10px 5px 18px; padding: 0px; border: none;}

#menu {
clear: left;
float: left;
width: 190px;
height: 420px;
margin: 0 0 0px 0;
padding: 0;
font-size: 11px;
background: url(../images/left_bg.jpg) top center repeat-y;
}

#menu ul {	
list-style: none;
width: 150px;
margin: 10px 0 10px 10px;
padding: 0;
font-family: Tahoma;
font-size: 11px;
}	

#menu li {
margin-bottom: 4px;
}

#menu li a {
font-weight: bold;
height: 16px;
text-decoration: none;
color: #3A6671;
display: block;
padding: 5px 0 0 8px;

}	
	
#menu li a:hover {
background: #D3EBC2;
color: #3A6671;


}

/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content {float: left; width: 438px; margin: 0px; padding: 0px 0px 0px 10px; background-color: transparent; color: rgb(75,75,75);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 428px */


/*---------------------*/
/* Section 6C.4 - Text */
/*---------------------*/
/* Heading */
h1 {clear: left; margin: 1.0em 0px 0.5em 0px;	color:#C42306; font-weight: bold; font-size: 120%;}
h2 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {clear: left; margin: 1.0em 0px 0.5em 0px;	color:#C42306; font-weight: bold; font-size: 120%;}
h4 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {clear: left; margin: 0px; font-weight: bold; font-size: 130%;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: italic; font-size: 130%;}



/*-----------------------*/
/* Section 6C.5 - Tables */
/*-----------------------*/
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
p.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}

/*-----------------------*/
/* Section 6C.6 - Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 0px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 2px 0px 3px 7px; border: solid 1px rgb(150,150,150);}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/
/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {float: right; width: 160px; height:480px; margin: 0px ; padding: 3.1em 0px 0px 0px; background-color: rgb(235,237,233); text-align: left;  color: rgb(75,75,75);} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebarbox {width: 154px; height:283px; margin: 0px; padding: 0px 0px 0px 0px; background: url(../images/curve_box.jpg);}
.sidebarbox-content {display: block; margin: 10px 5px 2px 5px; padding: 8px 5px 0px 5px; color: rgb(255,255,255);  font-family: verdana; font-size: 100%;}
.sidebarbox-promo {display: block; margin: 0px 5px 5px 15px; padding: 2px 5px 3px 5px; color: rgb(249,247,51);  font-family: verdana; font-size: 200%;}
.sidebarbox-promo2 {display: block; margin: 0px 5px 5px 15px; padding: 2px 5px 3px 5px; color: rgb(249,247,51); font-weight:bold; font-family: arial; font-size: 140%;}


/**********************/
/* SECTION 8 - FOOTER */
/**********************/
.footer {clear: both; width: 800px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(208,212,204); color: rgb(53,64,44);}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.footer a {color: rgb(53,64,44); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}


/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/
/*------------------------------------------*/
/* Section 10.1 - Global default font sizes */
/*------------------------------------------*/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 1.0em;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}

/*-------------------------------------*/
/* Section 10.2 - Title decoration box */
/*-------------------------------------*/
.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
.box-off {display: none;}

/*--------------------------------------*/
/* Section 10.3 - Horizontal alignments */
/*--------------------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}


/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/
.showcode { font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}