﻿@charset "utf-8";
/* CSS Document */
html{
width:100%;
height:100%;
}
body {
	margin:0px;
	background-color:#cbe3ef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	height:100%;
}
a {
	color:#575757;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#bg {
	position:absolute;
	width:100%;
	height:100%;
}
#wrapper {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-440px;
	margin-top:-240px;
	width:881px;
	height:481px;
}
#logo {
	position:absolute;
	top:-80px;
	left:-22px;
	display:none;
}
#menuHeader  {
	position:absolute;
	top:-50px;
	right:0px;
	border:1px solid #59b3d2;
	font-size:12px;
}
#menuHeaderHan  {
	position:absolute;
	top:-50px;
	right:0px;
	border:1px solid #639B02;
	font-size:12px;
}
#menuHeader ul,#menuHeaderHan ul {
	margin:0px;
	padding:0px;
}
#menuHeader ul li {
	float:left;
	list-style-type:none;
	background:url(../images/layout/menu-separator.gif) 0px 0px no-repeat;
	padding-left:2px;
}
#menuHeaderHan ul li {
	float:left;
	list-style-type:none;
	background:url(../images/layout/han-menu-separator.gif) 0px 0px no-repeat;
	padding-left:1px;
}
#menuHeader ul li.first, #menuHeaderHan ul li.first {
	padding-left:0px;
	background-image:none;
}
/*NDE MENU SELECTED */
#menuHeader ul li.selected {
	color:#FFFFFF;
	background:url(../images/layout/menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeaderHan ul li.selected {
	color:#FFFFFF;
	background:url(../images/layout/han-menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeader ul li.selected a {
	color:#FFFFFF;
	background:url(../images/layout/menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeaderHan ul li.selected a {
	color:#FFFFFF;
	background:url(../images/layout/han-menu-bg-hover.gif) 0px 0px repeat-x;
}
/*NDE MENU SELECTED */

#menuHeader ul li a {
	background:url(../images/layout/menu-bg-init.gif) 0px 0px repeat-x;
	display:block;
	padding:17px 9px;
	text-decoration:none;
	color:#101c51;
}
#menuHeaderHan ul li a {
	background:url(../images/layout/han-menu-bg-init.gif) 0px 0px repeat-x;
	display:block;
	padding:17px 9px;
	text-decoration:none;
	color:#101c51;
}
#menuHeader ul li a:hover {
	color:#FFFFFF;
	background:url(../images/layout/menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeaderHan ul li a:hover {
	color:#FFFFFF;
	background:url(../images/layout/han-menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeader ul li a:active {
	color:#FFFFFF;
	background:url(../images/layout/menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeaderHan ul li a:active {
	color:#FFFFFF;
	background:url(../images/layout/han-menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeader ul li a.selected {
	color:#FFFFFF;
	background:url(../images/layout/menu-bg-hover.gif) 0px 0px repeat-x;
}
#menuHeaderHan ul li a.selected {
	color:#FFFFFF;
	background:url(../images/layout/han-menu-bg-hover.gif) 0px 0px repeat-x;
}
#subMenu {
	position:absolute;
	top:10px;
	/*left:242px;*/
	right:0px;
	z-index:1;
	font-size:12px;
}
#subMenu ul {
	margin:0px;
	padding:0px;
}
#subMenu ul li {
	float:left;
	list-style-type:none;
	background:url(../images/layout/subMenu-bg.gif) 0px 0px no-repeat;
	margin:0px 7px 0px 0px;
	padding:0px 0px 0px 7px;
}
#subMenu ul li.first {
	background-image:none;
	padding-left:0px;
}
#subMenu ul li a {
	color:#575757;
	text-decoration:none;
}
#subMenu ul li a:hover {
	text-decoration:underline;
}
/*NDE SUBMENU SELECTED */
#subMenu ul li.selected a{
	text-decoration:underline;}
#subMenu ul li.selectedfirst {
	background-image:none;
	padding-left:0px;
	text-decoration:underline;
}


/*NDE SUBMENU SELECTED */

#content {
	position:absolute;
	top:-1px;
	left:0px;
	width:821px;
	height:400px;
	background:url(../images/layout/content-bg-base.jpg) 0px 0px no-repeat;
	padding:81px 30px 0px 30px;
	font-size:12px;
	color:#575757;
}
#mainContent {
	width:851px;
	height:420px;
	overflow:auto;
}
#content h1 {
	font-size:14px;
	color:#003a83;
	font-weight:normal;
	background:url(../images/layout/h1-bg.png) left bottom no-repeat;
	padding-bottom:10px;
}
#content h2 {
	font-size:13px;
	color:#575757;
	font-weight:bold;
}
#content p {
	margin-top:6px;
}
#content a {
	font-weight:bold;
}
#leftCol5050 {
	position:relative;
	float:left;
	width:380px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol5050 {
	position:relative;
	float:left;
	width:380px;
	padding-left:20px;
}
#leftCol3366 {
	position:relative;
	float:left;
	width:536px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol3366 {
	position:relative;
	float:left;
	width:243px;
	padding-left:20px;
}
#leftCol4060 {
	position:relative;
	float:left;
	width:304px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol4060 {
	position:relative;
	float:left;
	width:456px;
	padding-left:20px;
}


#leftCol4565 {
	position:relative;
	float:left;
	width:342px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol4565 {
	position:relative;
	float:left;
	width:418px;
	padding-left:20px;
}


#leftCol6633 {
	position:relative;
	float:left;
	width:243px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol6633 {
	position:relative;
	float:left;
	width:536px;
	padding-left:20px;
}
#leftCol6040 {
	position:relative;
	float:left;
	width:456px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol6040 {
	position:relative;
	float:left;
	width:304px;
	padding-left:20px;
}

#leftCol5545 {
	position:relative;
	float:left;
	width:418px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
}
#rightCol5545 {
	position:relative;
	float:left;
	width:342px;
	padding-left:20px;
}

#leftCol303030
{
	position:relative;
	float:left;
	width:240px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;

}
#centerCol303030
{
	position:relative;
	float:left;
	width:240px;
	background:url(../images/layout/col-bg.png) right top no-repeat;
	padding-right:20px;
	padding-left:20px;

}
#rightCol303030
{
	position:relative;
	float:left;
	width:240px;
	padding-right:20px;
	padding-left:20px;

}



#content ul, #content ol {
	margin-left:0;
	padding-left:0;
}
#content ul li {
	list-style-type:none;
	background:url(../images/layout/bullet-ul.gif) 0px 0px no-repeat;
	padding:4px 0px 4px 28px;
	display: inline-block;	
}
#content ul li A {
	/*color:#575757;*/
	text-decoration:none;
	background-color:none;
}
#content ul li A:hover {
	text-decoration:underline;
}
#content ol li {
	list-style-type:none;
	background:url(../images/layout/bullet-ol.png) 0px 0px no-repeat;
	padding:4px 0px 4px 28px;
}
#content ol li A {
	color:#575757;
	text-decoration:none;
}
#content ol li A:hover {
	text-decoration:underline;
}
#menuFooter {
	position:absolute;
	left:5px;
	bottom:-21px;
	color:#FFF;
	font-size:11px;
}
#menuFooter ul {
	margin:0;
	padding:0;
}
#menuFooter ul li {
	margin:0;
	padding:0 7px;
	float:left;
	list-style-type:none;
}
#menuFooter ul li a {
	color:#FFF;
	text-decoration:none;
}
#menuFooter ul li a:hover {
	text-decoration:underline;
}
#illustration {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:363px;
	margin-top:-182px;
}
#dreammachine {
	position:absolute;
	left:0px;
	bottom:-54px;
	width:100px;
	height:20px;
}

/* ISSUE */

/*
#subwrap{
position:absolute;
width: xxx px;
}
*/

/* SCROLL */
#scrollbar {
	float:right;
	position:relative;
	display:none;
	width:15px;
	height:200px;
	z-index:100;
	background:url(images/scroll-bg.gif)
}
.scroller {
	position:absolute;
	top:0;
	width:15px;
	cursor:pointer;
	background-color:#ccc;
	background-image:url(images/scroll-arrows.gif);
	background-position:50% 50%;
	background-repeat:no-repeat
}
.buttonclick {
	background-color:#bbb
}
.HighlightRed
{
 color:red;
 font-size:12px;
 font-weight:bold;
}

