/**
* Undo standard HTML
*/
a img { border: 0; border-style:none;}
form, p, div, span, body, html, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table { border-spacing: 0; }
:focus {-moz-outline-style: none;}

/**
* Standard HTML tag
*/
html
{
	height: 100%;
}
body
{
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	height: 100%;
}

a
{
	color:#2f667f;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
input,
textarea,
select
{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset
{
	margin:0;
	padding:0;
	border:none;
}

.clear
{
	clear: both;
	height: 0px;
	overflow: hidden;
}

/**
* Website Structure
*/
#messageBox
{
	position: fixed;
	top: -45px;
	left: 0;
	width: 100%;
	background: url(../image/dmenu.bg.hover.png);
	_background: none;
	_background-color: #eaeaea;
	border-bottom: 1px solid #000;
	font-size: 24px;
	z-index: 500;
	height: 28px;
	overflow: hidden;
	padding: 8px 0;
}
	#messageBox .wrapper
	{
		margin: 0 auto;
		width: 1000px;
	}
		#messageBox .wrapper .icon
		{
			float: left;
			margin: 0 6px;
		}
#page{
	position: relative;
	width:1008px;
	margin:15px auto 0;
	background:url(../image/page-bg.gif) repeat-y;
}
#page .top{background:url(../image/page-top.gif) no-repeat;}
#page .bottom{
	background:url(../image/page-bottom.gif) no-repeat 0 100%;
	width:1000px;
	padding:1px 7px 8px 1px;
}
.header{
	width:100%;
	margin-bottom:19px;
}
.header .logo{
	float:left;
	width:289px;
	height:80px;
	overflow:hidden;
	margin:24px 0 0 19px;
	display:inline;
}
.header h1 a{
	display:block;
	height:100%;
}
.feedback
{
	text-align:right;
	float:right;
	padding:57px 28px 0 0;
}
.feedback div
{
	padding: 0 0 6px 0;
}
.feedback a
{
	text-decoration:none;
	font-size:12px;
	color:#2f667f;
}
.feedback a:hover{text-decoration:underline;}

#loginBox
{
	position: relative;
	z-index: 200;
}
	#loginBox span.popup
	{
		position: absolute;
		top: 15px;
		right: 3px;
		display: none;
		width: 250px;
		border: 1px solid #e2e9ed;
		text-align: left;
		background: url(../image/dmenu.bg.png);
		_background: none;
		_background-color: #FFFFFF;
		padding: 5px;
		z-index: 200;
		font-size: 12px;
		color: #2f667f;
	}
	#loginBox .buttons
	{
		text-align: right;
	}
	#loginBox.active a
	{
		background: #2f667f;
		color: #fff;
	}
		#loginBox.active span.popup a
		{
			color: #2f667f;
			background: none;
		}
	#loginBox.active span.popup
	{
		display: block;
	}
		#loginBox.active span.popup form label
		{
			float: left;
			width: 80px;
			padding: 5px 0;
			font-weight: bold;
		}
		#loginBox.active span.popup form input.text
		{
			border: 1px solid #c0c0c0;
			padding: 3px 7px;
			margin: 0;
			width: 150px;
		}
	#loginBox span.popup .message
	{
		color: #ff6666;
		margin: 6px 0 12px 0;
		display: block;
	}

#footer{
	list-style:none;
	margin:0 auto;
	padding:7px 0 15px 19px;
	width:989px;
	overflow:hidden;
}
#footer li{
	float:left;
	margin-right:12px;
}
#footer li img{display:block;}


#navigation
{
	list-style-type: none;
	list-style:none;
	margin:0 0 16px 0;
	padding:0;
	width:1000px;
	height:35px;
	z-index: 13;
}
	#navigation .elem
	{
		font-size:16px;
		text-align: center;
		font-weight:bold;
		z-index: 13;
		background:#2f657f;
	}
	#navigation .elem .con
	{
		position: relative;
		padding: 0 15px 0 15px;
		margin: 0;
		z-index: 150;
		height:35px;
	}
		#navigation .elem a
		{
			text-decoration:none;
			color:#fff;
			line-height:35px;
			text-align: center;
		}
		#navigation .elem a:hover
		{
			text-decoration:underline;
		}
	
		#navigation .elem ul
		{
			list-style-type: none;
			position: absolute;
			top: 35px;
			left: 0px;
			margin: 0; 
			padding: 0;
			border: 1px solid #e2e9ed;
			overflow: hidden;
			background: none;
			display: none;
			z-index: 150;
		}
			#navigation .elem ul li
			{
				margin: 0; 
				padding: 0;
				z-index: 150;
			}
				#navigation .elem ul li div
				{
					padding: 0 2px 0 2px;
					background: url(../image/dmenu.bg.png);
					_background: none;
					_background-color: #FFFFFF;
				}
				#navigation .elem ul li div.hover
				{
					background: url(../image/dmenu.bg.hover.png);
					_background: none;
					_background-color: #eaeaea;
				}
				#navigation .elem ul li div span
				{
					text-align: left;
					display: block;
					padding: 9px 13px 10px 13px;
					border-bottom: 1px solid #d9d9d9;
				}
				#navigation .elem ul li div span.last
				{
					border-bottom: none;
				}
					#navigation .elem ul li div span a
					{
						top: 0px;
						position: relative;
						color: #2f667f;
						font-size:12px;
						line-height:12px;
						margin: 0; 
						text-transform:uppercase;
						background: none;
					}
					#navigation .elem ul li div span a:hover
					{
						text-decoration:none;
					}
					

/*
.safari #navigation li a{padding:0 21px;}
.ff-mac #navigation li a{padding:0 21px;}
*/

/*
HOME
*/
#page .main-image
{
	width:100%;
	position:relative;
}
	#page .main-image img
	{
		display:block;
	}
	#page .main-image .slideshow 
	{
		position: relative;
		width: 1000px;
		height: 546px;
		z-index: 7;
		overflow: hidden;
	}
		#page .main-image .slideshow  div 
		{
			position:absolute;
			top:0px;
			left:0px;
			z-index: 8;
		}
		#page .main-image .slideshow div.last-active 
		{
			z-index: 9;
		}
		#page .main-image .slideshow  div.active 
		{
			z-index: 10;
		}
		#page .main-image .overlay 
		{
			position:absolute;
			bottom:0px;
			right:0px;
			z-index: 11;
		}

	#page .main-image .box-over
	{
		width:280px;
		height:297px;
		position:absolute;
		bottom:19px;
		right:16px;
		z-index: 12;
	}
		#page .main-image .box-holder
		{
			background: url(../image/box-over.png) no-repeat;
			width: 240px;
			height: 251px;
			padding:18px 26px 28px 14px;
		}
		#page .main-image .box-holder .box-content
		{
			overflow: hidden;
			width: 240px;
			height: 251px;
		}
		#page .main-image .box-over .box-holder .box-content h3
		{
			font-size:24px;
			font-weight:bold;
			margin:0;
			color:#2f657f;
			position:relative;
		}
		#page .main-image .box-over .box-holder .box-content p
		{
			font-size:12px;
			font-weight:normal;
			margin:5px 0 10px 0;
			color:#2f657f;
			font-family:Georgia, serif;
			line-height:14px;
			position:relative;
		}
		.win #page .main-image .box-over .box-holder .box-content p
		{
			font-size:11px;
		}

/*
CONTENT
*/
.main-content{
	width:898px;
	padding:31px 0 100px 100px;
}
	.main-holder
	{
		width:100%;
		overflow:hidden;
		padding-top:3px;
	}
	.content
	{
		float:left;
		width:581px;
		overflow:hidden;
		font-size:12px;
		font-weight:normal;
		color:#2f657f;
		font-family:Georgia, serif;
		line-height:14px;
	}
	.win .content
	{
		font-size:11px;
	}
		.content .question
		{
			padding:9px 25px 0 18px;
			background:#f3f3f3;
			border:1px solid #ededed;
			margin: 0 0 16px 0;
		}
	.column
	{
		width:223px;
		float:left;
		margin-left:23px;
	}
	.main-content h2
	{
		padding-left:18px;
		color:#2f667f;
		font-size:24px;
		font-weight:bold;
		margin:0 0 7px;
		text-transform:uppercase;
	}
	.main-content .main-box
	{
		width:549px;
		padding-left:18px;
		font:12px/14px Georgia, serif;
		color:#2f657f;
	}
	.win .main-content .main-box
	{
		font-size:11px;
	}
		.main-content .main-box ul
		{
			margin:0;
			list-style:none;
			padding:0 0 0 0;
			font:12px/14px Georgia, serif;
			color:#2f667f;
		}
		.win .main-content .main-box ul
		{
			font-size: 11px;
		}
		.main-content .main-box ul li
		{
			padding-left:11px;
			background:url(../image/main-content-ul-bg.gif) no-repeat 0 5px;
			margin-bottom:14px;
		}
		.main-content h3
		{
			margin:0 0 17px;
			font-size:16px;
			font-weight:bold;
			color:#2f667f;
			text-transform:uppercase;
			font-family: Arial, Helvetica, sans-serif;
		}
		.main-content .main-box .content-text,
		.main-content .main-box .content-image,
		.main-content .main-box .content-file,
		.main-content .main-box .content-feedback
		{
			padding: 0 0 26px 0;
		}
		.main-content .main-box .content-image .content-image-text
		{
			padding: 5px 0 0 0;
			font:11px/13px Arial, "Times New Roman", Times, serif;
		}

/*.main-content .content .question .about*/
		
.content h3
{
	margin-bottom:6px;
	
}
.main-content h4
{
	margin:20px 0 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#2f667f;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.main-content h4 a
{
	padding-right:12px;
	background:url(../image/main-arrow-closed.gif) no-repeat 100% 4px;
}
.main-content h4 a.open
{
	background:url(../image/main-arrow.gif) no-repeat 100% 5px;
}
.step-box h4
{
	font-size:16px;
	margin:0 0 16px 0;
}


.main-content .content .question .questionschema div.container,
.main-content .content .question .about div.container
{
	display: none;
}
.questionschema .container h4
{
	line-height: 20px;
}
/*FEEDBACK FORM*/
.feedback-form{
	padding-left:11px;
}
.feedback-form-holder{
	width:100%;
	overflow:hidden;
	margin-bottom:4px;
}
.feedback-column{
	float:left;
	width:71px;
}
.feedback-content{
	width:342px;
	float:left;
}
.feedback-form label{
	font:12px/14px Georgia, "Times New Roman", Times, serif;
	color:#2f667f;
	display:block;
	padding-top:5px;
}
.win .feedback-form label
{
	font-size: 11px;
}
.feedback-form input{
	width:190px;
	display:block;
	padding:3px 0 2px 8px;
	border:1px solid #acc2cc;
	font:12px/14px Georgia, "Times New Roman", Times, serif;
	color:#2f667f;
}
.feedback-form textarea{
	width:332px;
	display:block;
	padding:3px 0 2px 8px;
	font:12px/14px Georgia, "Times New Roman", Times, serif;
	border:1px solid #acc2cc;
	height:111px;
	color:#2f667f;
}
.submit-holder{
	width:100%;
	overflow:hidden;
	padding-top:5px;
}
.submit-holder a{
	text-decoration:none;
	float:right;
	font-size:12px;
	font-weight:bold;
	background:#f1f1f1;
	border:1px solid #eaeaea;
	width:73px;
	line-height:23px;
	text-align:center;
	color:#2f657f;
}
.submit-holder a:hover{text-decoration:underline;}


.step-box{padding-top:30px;}
.step-box p{margin-bottom:10px;}
.step-list{
	font-family: Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0 0 50px;
	padding:0;
	width:540px;
	overflow:hidden;
}
.step-list li{
	float:left;
	margin-left:2px;
	display:inline;
	line-height:0px;
}
.step-list li.step-name{
	width:209px;
	margin-left:0px;
	line-height:19px;
	padding-left:7px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:#8d8d8d;
}
.ff-mac .step-list li.step-name,
.safari .step-list li.step-name
{
	padding-top: 1px;
	height: 18px;
	overflow: hidden;
}
.step-list li div.over
{
	height: 19px;
}
.step-list li div.under
{
	height: 12px;
}
.step-list.answer li, .step-list.answer li a{background:#2f657f;}
.step-list li a:hover, .step-list li a.active{
	color:#8d8d8d;
	background:#fff;
	text-decoration:none;
}

/**/
.open-close
{
	list-style:none;
	margin:0;
	padding:0;
}
.open-close li
{
	font-size:12px;
	font-weight:bold;
	background:#f3f3f3;
	color: #A2A2A2;
	border:1px solid #ededed;
	padding:5px 20px 4px 16px;
	margin-bottom:5px;
}



.open-close li .container
{
	color:#2F657F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:20px;
	line-height:12px;
}

.win .open-close li .container
{
	font-size:11px;
}
.open-close li .container div
{
	padding-top:10px;
}
.open-close li a.print{
	padding-right:15px;
	background:url(../image/print-icon.gif) no-repeat 100% 1px;
}
.open-close li a.export {
	display: inline-block;
	position: relative;
}
.open-close li a.export .icon {
	position: absolute;
	top: -2px;
	right: -20px;
	display: none;
}
.open-close li a.exporting .icon {
	display: inline;
}
.open-close li a.arrow
{
	padding-right:12px;
	background:url(../image/main-arrow-closed.gif) no-repeat 100% 4px;
}
.open-close li a.open
{
	background:url(../image/main-arrow.gif) no-repeat 100% 5px;
}


.color-bar {
	height: 3px;
	width: 100%;
	overflow: hidden;
	background: #000;
	margin: 0 0 1px;
}