/*------------------------------------------------------------------------------------*/
/*layout_01*/
/*Defines position, size, and optionally colors and backgrounds of page elements*/
/*09 Aug 2007*/
/*------------------------------------------------------------------------------------*/

/*-- IDs --*/

	/*-- html --*/

	/*-- body --*/
			body {
				background-color: #929292; /*  #222222;	 #E0E0E0 */
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: medium;
			}

	/*-- #container --*/
			/* The container holds everything except body*/
			/* The container style uses the "50% left" / "negative margin" trick to center the box */
			#container {
				background-color: #FFFFFF;
				height: 100%;
				left: 50%;
				margin-left: -490px;
				padding: 30px;
				position: relative;
				width: 980px;
			}

	/*-- #headerlogo --*/
			/* headerlogo applies to the logo at the top of the page */
			#headerlogo {
				float: left;
				position: relative;
				margin: 10px;
			}
	
	/*-- #headernav --*/
			#headernav {
				float: right;
				margin-right: 30px;
				position: relative;
			}
	
	/*-- #headertagline --*/
			#headertagline {
				float: right;
				position: relative;
				margin: 20px;
				margin-right: 110px;
			}
			
	/*-- #headertopborder --*/
			#headertopborder {
				clear: both;
				position: absolute;
				top: 115px;
				width: 980px;
				height: 1px;
				background-color: #5e5e5e;
			}			
		
	/*-- #headerbanner --*/
			#headerbanner {
				clear: both;
				position: relative;
				left: 10px;
				top: 30px;
			}

	/*-- #mainnav --*/
			/* This is the main navigation bar that underlies the main navigation buttons */
			#mainnav {
				/* background: #ccc url(../../bg_menu.jpg) repeat-x;  */							
				/* border-bottom: 1px none #000000; */
				/* border-left: 1px none #000000; */
				/* border-right: 1px none #000000; */
				/* border-top: 1px solid #000000; */
				/* color: #999; */
				/* height: 24px; */
				/* left: 125px; */				
				position: absolute;
				top: 130px;
				left: 50%;
				margin-left: -480px;
			}
	
	/*-- #breadcrumb --*/
			#breadcrumb {
				margin: 15px;
				position: relative;
				top: 20px ;
			}

	/*-- #headerborder --*/
			#headerborder {
				clear: both;
				position: relative;
				width: 980px;
				height: 1px;
				background-color: #5e5e5e;
				top: 15px;
			}

	/*-- #content --*/
			/* Content is intended to hold all information between header and footer */
			#content {
				border-style: none;
				overflow: hidden;
				position: relative;
				top: 0px;
			}

	/*-- #pagetitle --*/

	/*-- #topbanner --*/	
			#topbanner {
				display: none;
			}
	
	/*-- #secondarycolumn --*/


	/*-- #secondarybanner --*/


	/*-- #secondarycolumnheading --*/
	/*-- #secondarynav --*/
	/*-- #secondarycontent --*/
	/*-- #primarycolumn --*/
	/*-- #primarycolumnbanner --*/
	/*-- #primarycolumnheading --*/

	/*-- #pagepreview --*/
		#pagepreview {
			font-size: large;
		}
			

	/*-- #pageTOC --*/
		#pageTOC{
			border-style: none none solid none;
			border-width: 1px;
			margin-top: 1em;
			padding: 0.5em 0.5em 0.5em 1em;
		}

		#pageTOC ul {
			margin-top: 0.5em;
		}		

		#pageTOC a {
			color: #242424;
		}
		
		#pageTOC a:hover {
			color: #03C0FF;
		}		

	/*-- #TOCheading --*/
		#TOCheading{
			font-size: large;
			font-weight: bold;
		}		
		
	/*-- #primarycontent --*/
	/*-- #references --*/
	
	#reference {
		display: none;
		}
	
	/*-- #summary --*/
		#summary {
			clear: both;
			padding: 2px 8px 8px 8px;
			margin: 30px 10px 20px 8px;
			background-color: #CCF2FF;			
			font-size: large;
		}
	
		#summary li {
			margin-top: 1em;
			margin-bottom: 1em;
			margin: 1em;
		}
		
	/*-- #bottombanner --*/
		#bottombanner {
			display: none;
		}

	/*-- #footerborder --*/
			#footerborder {
				clear: both;
				position: relative;
				width: 980px;
				height: 1px;
				background-color: #5e5e5e;
				margin-top: 20px;
			}

	/*-- #footerlogo --*/
		/* footerlogo applies to the logo at the bottom of the page */
		#footerlogo {
			float: right;
			margin: 20px 0px 20px 40px;
			position: relative;
		}

	/*-- #footernav --*/
		#footernav {
			margin: 10px 0px 40px 0px;
			position: relative;
		}

	/*-- #footertagline --*/
		#footertagline {
			display: none;
			left: 10px;	
			position: relative;
			top: 10px;
		}

	/*-- #footernotice --*/
		#footernotice {
			left: 10px;
			position: relative;
			top: 10px;
		}

	/*-- #footerbanner --*/
		#footerbanner {
			display: none;
		}
		
/*--  IDs below are page-specific --*/
		
	/*-- $FAQcontents --*/
		#FAQcontents {
			border-style: none none solid none;
			border-width: 1px;
		}
	
		#FAQcontents ul li {
			border-style: none;
			border-width: 1px;
			font-weight: bold;
			margin: 1em 0em 0.5em 0em;
			list-style: none;
		}
		
		#FAQcontents ul li li {
			font-weight: normal;
			margin: 0.5em;
			list-style: none;
		}		
	
		#FAQcontents a {
			color: #242424;
		}
		
		#FAQcontents a:hover {
			color: #03C0FF;
		}	


	/*-- #sitemap --*/
	
		#sitemap ul {
			margin: 1em;
			list-style: none;
		}
	
		#sitemap ul li {
			margin: 0.5em;
			list-style: none;
		}
	
		#sitemap a {
			font-weight: 600;
			color: #242424;
		}
		
		#sitemap a:hover {
			color: #03C0FF;
		}	
/*-- Classes --*/

	/*-- .chart --*/
	/*-- .chartcaption --*/
	/*-- .charttitle --*/
	/*-- .clip --*/	
	/*-- .detail --*/
	/*-- .dollardata --*/
	/*-- .image --*/
	/*-- .leftcol --*/
	/*-- .movie --*/
	/*-- .moviecaption --*/	

	/*-- .note --*/	
		.note {
			border: thin solid #CCCCCC;
			padding: 8px;
			margin: 12px;
			background-color: #CCC;
		}
	
	/*-- .numdata --*/
	/*-- .pagetoplink --*/

	/*-- .proprietary --*/
		.proprietary {
			color: red;
			font-style: italic;
		}
	
	/*-- .reference --*/
		.reference {
			margin-top: 2em;
		}
		
	/*-- .toprow --*/
	/*-- .txtdata --*/
	
/*-- Tags --*/

	/*-- acronym --*/
	/*-- address --*/
	/*-- br --*/
	/*-- caption --*/
	/*-- cite --*/
	/*-- code --*/
	/*-- colgroup --*/
	/*-- dfn --*/
	/*-- em --*/
	/*-- h1 --*/
		h1 { font-size: 1.6em; }
	/*-- h2 --*/
		h2 { font-size: 1.4em; }
	/*-- h3 --*/
		h3 { font-size: 1.2em; }
	/*-- h4 --*/
		h4 { font-size: 1em; }
	/*-- h5 --*/
		h5 { font-size: 0.85em; }
	/*-- h6 --*/
	/*-- img --*/
	/*-- li --*/
	/*-- p --*/
	/*-- pre --*/
	/*-- strong --*/
	/*-- table --*/
	/*-- th --*/
	/*-- title --*/
	/*-- ul --*/
	/*-- var --*/
	
		/* Form Styling */
	
		form {
			background-color: #cccccc;
			border: 1px solid #CCC;
			border-radius: 1em;
			margin: 1em auto 1em auto;
			padding: 2em;
			width: 400px;
		}
		
		
		form div + div {
			margin-top: 1em;
		}
		
		
		label {
			/* To make sure that all label have the same size and are properly align */
			display: inline-block;
			width: 90px;
			text-align: right;
		}
		
		
		input, textarea {
			/* To make sure that all text fields have the same font settings
			   By default, textareas have a monospace font */
			font: 1em sans-serif;
		
			/* To give the same size to all text field */
			width: 300px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		
			/* To harmonize the look & feel of text field border */
			border: 1px solid #999;
		}
		
		
		input:focus, textarea:focus {
			/* To give a little highlight on active elements */
			border-color: #000;
		}
		
		
		textarea {
			/* To properly align multiline text fields with their labels */
			vertical-align: top;
		
			/* To give enough room to type some text */
			height: 8em;
		
			/* To allow users to resize any textarea vertically
			   It does not work on every browsers */
			resize: vertical;
		}
		
		
		button {
			margin-right: auto;
			margin-left: auto;
		}