/*-----------------------------------------------------------------------*/
/* 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: 60.5%; margin: 0em auto; padding: 0px; font-family: arial, tahoma, verdana, sans-serif; background: url(../img/background.gif) top center repeat-y;}
.page-container {width: 90%; 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); height:auto; min-height:100%; position:relative;}
.main-headings
{ font-family: Arial, Verdana, Helvetica, sans-serif;color: #000000;font-size: 1.1em;font-weight: bold; }
.glossary-items {  font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #000000}
.glossary-itemsunderline { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #000000 ; text-decoration: underline}
.main-formats { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #000000; background-color: #CCCCCC; letter-spacing: normal; word-spacing: normal}
.content2-fontunderline { font-family: Arial, Verdana, Helvetica, sans-serif;color: #000000;font-size: 1.0em; text-decoration: underline}

/**********************/
/* SECTION 2 - HEADER */
/**********************/
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/
.nav-global-container {position: absolute; z-index: 3; width: 100%; top: 5px; background-color: transparent;}
.nav-global {float: right; width: 100%; margin: 0px 5px 0px 0px; padding: 0px; background-color: transparent;}	
.nav-global ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
.nav-global li {display: inline; white-space: nowrap; text-transform: none;}
.nav-global li a {display: inline; margin: 0px; padding: 0px 0px 0px 4px; border-left: solid 1px rgb(100,100,100); color: rgb(150,150,150); font-weight: bold; text-decoration: none; font-size: 110%;}
.nav-global a:hover {background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;}


/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/
.site-name  {
	clear: both;
	float: left;
	position: absolute;
	z-index: 2;
	width: 700px;
	top: 25px;
	margin: 0px;
	padding-left: 17px;
	background-color: transparent;
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 24px;
	left: 133px;
}
.img-header {clear: both; float: left; width:100%; height: 89px; margin: 0px; padding: 0px; background-image:url(../img/ratings.jpg); background-repeat: repeat;}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/
.nav-main {clear: both; float: left; width: 100%;  min-height: 2.0em; height: auto !important; height: 2.0em; line-height: 2.0em; margin: 0px; padding: 0px; border-top: solid 1px rgb(125,125,125); border-bottom: solid 1px rgb(125,125,125); background-color: #7B9493;} /* 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: right; white-space: nowrap; background-color: inherit;}
.nav-main li a {margin: 0px; padding: 0px 10px 0px 10px; border-left: 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: 100%; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*************************************/
/* SECTION 3 - SIDEBANNER FRONT PAGE */
/*************************************/
.sidebanner-frontpage {color: rgb(75,75,75); clear: both; float: left; width: 145px; margin: 0px 0px 0px 2px; padding: 0px;}
.img-sidebanner {width: 145px; margin: 0px 0px 0px 2px; padding: 0px; border: none;}

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/
.nav-sub {clear: both; float: left; width: 100px; min-height: 385px; height: auto !important; height: 385px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255); position:relative}
.nav-sub ul {float: left; list-style: none; width: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: solid 1px rgb(200,200,200); position:relative}	
.nav-sub li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.nav-sub li.group a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 1px 0px 1px; border-top: solid 1px rgb(200,200,200);  border-left: solid 10px #738484;color: rgb(100,100,100); font-weight: bold; font-size: 120%; width:100px; position:relative}
.nav-sub li a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 0px 0px 0px; border-left: solid 10px rgb(121,153,196);color: rgb(100,100,100); text-decoration: none; font-size: 120%;}
.nav-sub li a:hover, .nav-sub li a.selected {border-left: solid 10px #ADBDBD; color: #2A3F55; text-decoration: none;}

/*******************************************************************/
/* SECTION 5 -  CONTAINER FOR CONTENT AND SIDEBAR                  */
/*              Reason: To extend navigation border to footer      */
/*******************************************************************/
/* TRICK: Nest the right two columns (content and sidebar) and     */
/* give them a minimum height and white background and a left      */
/* border-line. However, nesting floats inside each other with     */
/* with identical widths may activate the spurious IE character    */
/* duplication bug, where the last characters of the last float    */
/* statement are duplicated outside the float. The correction for  */
/* this bug is to reduce the sidebar float so that the  sum of     */
/* the content and sidebar floats are 6px less than the container  */
/* holding them. See Section 7.1, where this is done.              */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 500px height, it must remain smaller */
/* than the container holding the rigth two columns. Otherwise     */
/* the borderline will only extend as far down as the container.   */
/*******************************************************************/


/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/


/********************************/
/* SECTION 6B - CONTENT PAGE #2 */
/********************************/

.contentbox2-full {float:right; width: 70%; margin: 0px; padding: 0px; height:auto; position:relative;}


/************************************/
/* SECTION 6C - CONTENT PAGE COMMON */
/************************************/
/*--------------------------------------------------*/
/* Section 6C.4 - Page title, title and content box */
/*--------------------------------------------------*/
.content-pagetitle {width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; border-bottom: solid 0px rgb(200,200,200); color: rgb(19,56,79); font-weight: bold; font-size: 140%; }
.contentbox-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;  color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.contentbox-title-noshading-medium {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-noshading-large {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-noshading-huge {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 180%;}
.contentbox-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: #FFFFFF; font-weight: bold; font-size: 110%;}
.contentbox-title-shading-medium {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-shading-large {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-shading-huge {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242);color: rgb(75,75,75); font-weight: bold; font-size: 180%;}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent; float:right; width: 85%; height:auto; position:relative;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(233,232,244);}

/*---------------------*/
/* Section 6C.4 - Text */
/*---------------------*/
/* Heading */
h1 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
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;	font-weight: bold; font-size: 140%;}
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: 120%;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraph */
.content p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 100%; }
.content p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
.content p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}

/* Paragraph */
.content2 p {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	line-height: 1.2em;
	font-size: 100%;
	color: #000000;
}
.content2 p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
.content2 p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}

/* Embedded */
.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
.content ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 95%;}
.content ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 95%;}
.content ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 95%;}

/* Link List */
.content ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* Lists for Content2*/
.content2 ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
.content2 ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 120%;}
.content2 ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 100%;}

/* Link List for Content2 */
.content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/*-----------------------*/
/* 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: 500%;}
.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.               */
/*-----------------------------------------------*/

.leftsidebar {float: left; width: 155px; margin: 0px ; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75); vertical-align:top;}
.sidebar {float: right; width: 155px; margin: 0px ; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: #000000; vertical-align:top;} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebarbox-noborder {width: 140px; margin: 0px 0px 1.0em 9px; padding: 0px;}
.sidebarbox-border {width: 130px; margin: 0px 0px 1.0em 9px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}
.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold; font-size: 110%;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 110%; color:#FFFFFF;}

.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}
.sidebarbox-title-shading-index {
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 2px 5px 3px 5px;
	font-weight: bold;
	font-size: 125%;
	background: rgb(209,221,230);
}

.sidebarbox-title-shading-index-new {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: #9CB5C9; font-weight: bold; font-size: 125%;}

.sidebarbox-border-index {font: Arial, Helvetica, sans-serif; font-size: 100%;  width: 145px; margin: 0px 0px 0em 0px; padding: 4px 4px 4px 4px; border: solid 1px #9CB5C9; text-decoration:none; }
.sidebarbox-leftnav {font: bold 110% Arial, Helvetica, sans-serif;  text-decoration:none; text-align:left; color:#ffffff; padding: 4px 0px 4px 0px; }
.sidebarbox-leftnav-new {font: bold 110% Arial, Helvetica, sans-serif;  text-decoration:none; text-align:left; color:#333333; padding: 4px 0px 4px 0px; }
.sidebaritem {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.0em; font-size: 100%; }
/**********************/
/* SECTION 8 - FOOTER */
/**********************/
.footer {clear: both; width: 100%; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color:#7B9493; color: rgb(255,255,255); position:static;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a {color:  rgb(19,56,79); text-decoration: underline;}
.content a:hover {color:  rgb(19,56,79); text-decoration: none;}
.content a:visited {color: rgb(128,64,64);text-decoration: underline;}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}
.sidebar a {color: rgb(19,56,79); text-decoration: underline;}
.sidebar a:hover {color: rgb(19,56,79); text-decoration: none;}
.sidebar a:visited {color: rgb(19,56,79); text-decoration: underline;}

/* Content2 */
.content2 a {color: rgb(19,56,79); text-decoration: underline;}
.content2 a:hover {color: rgb(19,56,79); text-decoration: none;}
.content2 a:visited {color: rgb(128,64,64); text-decoration: underline;}


/********************************/
/* 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.3em;}
.content2-font {font-size: 1.2em;}
.grid-font {font-size: 1.15em;}
.sidebar-font {font-size: 1.0em;}
.sidebar-font-small {font-size: .9em;}
.footer-font {font-size: 1.0em;}
.smalltext-font {font-size: 0.8em; color: #666666}
.subheading-font {font-size: 1.0em; color: #666666; font-style: normal; font-weight: bold}



/*-------------------------------------*/
/* 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 10.4 - Background colors */
/*----------------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}
.bg-green01 {background-color:#ADBDBD}
.bg-green02 {background-color:#738484}
.bg-green03 {background-color:#95A9A8}



/******************************/
/* 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;}
a.skip {color: #acc3d7; font-size:.0001%; text-decoration:none }