/*=============================================================================
*
*============================================================================*/
html {
   padding: 0;
   margin: 0;
   overflow-y: scroll;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 16px 0 16px 0;
   margin: 0;
   background-color: #e6f0f5;
}

/*=============================================================================
*
*============================================================================*/
div.separator {
   height: 1px;
   background-color: #97C0D4;
}

div.separator hr {
   padding: 0;
   margin: 0;
   border: 0;
   display: none;
   height: 1px;
   color: #97C0D4;
   background-color: #97C0D4;
   visibility: hidden;
}

/*=============================================================================
*
*============================================================================*/
div#canvas {
   width: 784px;
   margin: auto auto;
   background-color: transparent;
}

/*=============================================================================
*
*============================================================================*/
div#shadow {
   width: 784px;
   margin: auto auto;
   background-color: transparent;
   background-image: url("../img/background/background-page.png");
}

/*=============================================================================
*
*============================================================================*/
div#page {
   width: 768px;
   /*border: 1px solid #97C0D4;*/
   margin: auto auto;
   background-color: white;
}

/*=============================================================================
*
*============================================================================*/
div#header {
   height: 75px;
}

div#header h1 {
   padding: 68px 0 0 116px;
   margin: 0;
   font-size: 8pt;
   font-family: arial;
   color: #97C0D4;
   font-variant: small-caps;
   font-weight: lighter;
}

/*=============================================================================
*
*============================================================================*/
div#navigation {
   height: 28px;
   margin: 14px 14px 0px 14px;
   background-image: url("../img/background/background-navigation.png");
   background-position: center center;
   text-align: center;
}

div#navigation ul {
   padding: 0 16px;
   margin: 0 auto;
   list-style-type: none;
   width: 645px;
   height: 28px;
}

div#navigation ul li {
   float: left;
   background-color: white;
   border-right: 1px solid #ffffff;
}

div#navigation ul li.first {
   border-left: 1px solid #ffffff;
}

div#navigation ul li a {
   display: block;
   padding: 7px 14px 8px 14px;
   text-decoration: none;
   color: #ffffff;
   font-weight: bold;
   font-family: verdana;
   font-size: 10pt;
   font-variant: small-caps;
   background-color: #4F656F;
   line-height: 100%;
}

div#navigation ul li a.active {
   color: #000000;
   background-color: #97C0D4;
}

div#navigation ul li a:hover {
   color: #97C0D4;
}

div#navigation ul li a.active:hover {
   color: #000000;
}

/*=============================================================================
*
*============================================================================*/
div#presentation {
   height: 196px;
   text-align: center;
   padding: 14px;
   color: #4f656f;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {
   width: 240px;
   padding: 0;
}

div#page-list ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}

div#page-list ul li {
   border-bottom: 1px solid white;
   padding: 0;
   margin: 0;
}

div#page-list ul li.first {
   border-top: 1px solid white;
}

div#page-list ul li a {
   display: block;
   padding: 6px 10px;
   text-decoration: none;
   color: #ffffff;
   font-weight: bold;
   font-family: verdana;
   font-size: 8pt;
   line-height: 16px;
}

div#page-list ul li a.active {
   /*background-color: #4F656F;*/
   background-image: url("../img/background/background-page-list-over.png");
   background-position: center center;
}

div#page-list ul li a:hover {
   /*color: #97C0D4;*/
}

/*=============================================================================
*
*============================================================================*/
div#presentation table.split-container {
   border: 0;
   padding: 0;
   margin: 0;
   border-collapse: collapse;
   border-spacing: 0px;
   width: 100%;
   height: 196px;
}

div#presentation table.split-container td {
   padding: 0;
   vertical-align: middle;
}

/*=============================================================================
*
*============================================================================*/
div#body {
   padding: 0 14px 0 14px;
   margin: 0 0 14px 0;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   margin: 0;
}

div#content h1, div#content h2, div#content h3, div#content h4 {
   margin: 0;
   padding: 0;
   color: #4F656F;
}

div#content h2 {
   line-height: 16px;
   padding: 0 0 8px 0;
}

div#content h3 {
   margin: 0 0 0 4px;
   line-height: 16px;
   padding: 4px 0;
}

div#content p {
   font-family: arial;
   font-size: 10pt;
   padding: 0 16px;
   color: #4F656F;
   line-height: 150%;
}

div#content ul {
   font-family: arial;
   font-size: 10pt;
   color: #4F656F;
   line-height: 150%;
   list-style-type: square;
}

div#content img {
   border: 0;
}

div#content form {
   padding: 0;
   margin: 0;
}

div#content a {
   color: #4F656F;
   /*text-decoration: none;*/
}

div#content strong {
   font-weight: normal;
}

div#content strong.bolder {
   font-weight: bold;
   color: #3e4f57;
}

div#content table.split-container {
   border-collapse: collapse;
   width: 100%;
}

div#content table.split-container td {
   padding: 0;
   margin: 0;
   vertical-align: top;
}

div#content table.split-container td.left-panel {
   width: 240px;
   /*background-color: yellow;*/
}

div#content table.split-container td.right-panel {
   /*background-color: green;*/
}

div#content table.split-container td.form label {
   font-size: 8pt;
   color: #4F656F;
   line-height: 150%;
   font-family: arial;
   margin: 0 0 0 6px;
   font-weight: bold;
}

div#content table.split-container td.form input.textbox {
   background-color: #F2F7FA;
   border: 1px solid #97c0d4;
   font-size: 8pt;
   font-family: arial;
   padding: 2px;
   width: 180px;
   margin: 0 0 4px 4px;
}

div#content table.split-container td.form input.button {
   border: 0;
   font-size: 8pt;
   font-family: arial;
   font-weight: bold;
   padding: 0px;
   width: 89px;
   margin: 8px 0 0 4px;
   height: 20px;
   background-image: url("../img/background/background-form-button.png");
}

div#content table.split-container td.form textarea {
   background-color: #F2F7FA;
   border: 1px solid #97c0d4;
   font-size: 8pt;
   font-family: arial;
   padding: 2px;
   width: 180px;
   height: 224px;
   margin: 0 0 0 4px;
}

/*=============================================================================
*
*============================================================================*/
div#footer {
   height: 55px;
   color: #4F656F;
   font-family: verdana;
   font-size: 8pt;
   text-align: center;
   background-image: url("../img/background/background-footer.png");
}

div#footer p {
   margin: 0;
   padding: 5px 0px 5px 0px;
}

div#footer a {
   text-decoration: none;
   color: #4F656F;
}

/*=============================================================================
* Info Area
*============================================================================*/
div#infoarea {
	width:740px; 
	height: 128px; 
	padding:0; 
	margin:0px 0px 20px 0px;
	overflow: hidden;
}

div#infoarea div.infobox {
	width:240px; 
	height: 128px; 
	padding:0;
	margin:0; 
	float:left;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

div#infoarea div.infobox div.infoboxcontent {
	margin: 0px 6px 4px 28px;
	padding:0;
}

div#infoarea div.infobox p {
	margin: 0;
	padding: 6px 0px 0px 0px;
	font-size: 75%;
}

div#infoarea div.infoboxspacer {
	width:10px; 
	height: 128px; 
	padding:0; 
	margin:0; 
	float:left;
	font-size: 10%;
	overflow: hidden;
}

/*=============================================================================
* news-flash
*============================================================================*/
div#news-flash {
	padding: 2px 0 2px 32px;
	margin: 0 0 12px 0;
	background: #FFFFC0 url(../img/news-flash.png) no-repeat 10px 5px;
	/*background: #FFFFC0 url(../img/news-flash2.png) no-repeat top left;*/
	border: 1px solid #97C0C4;
	font-size: 90%;
	text-align: center;
}

div#news-flash p {
	padding: 0;
	margin: 0;
}

/*=============================================================================
* side-solution
*============================================================================*/

div#side-solution {
	float:right; 
	margin: 16px 0 0 16px; 
	padding: 8px; 
	background-color: #E6F0F5; 
	border: 1px solid #4F656F;
}

div#side-solution p{
	margin: 0;
	padding: 0;
}

div#side-solution p.caption {
	font-style:italic;
	text-align: center;
}

div#side-solution p.hr {
	background: url(../img/side-solution-hr.png) no-repeat center center;
	line-height: 16px;
}