/* CSS Document */

body	{
		margin: 0;
		padding: 0;
		font: normal 12px/16px arial, verdana sans-serif;
		background: #7A8880 url(../src/bg.jpg) repeat-x;
		color:#333;
		text-align:center;
		}

/* ==================== THE MAIN CONTAINER ========================= */
#container	{
			background-color: #fff;
			width:946px;
			margin:0px auto;
			padding:1px;
			text-align:left;
			}
			


/* ==================== THE MAIN TAGS ========================= */
.clear		{ clear:both; }
		
.floatLeft	{ float:left;}

.floatRight	{ float:right;}

a		{
		text-decoration: none;
		color:#0066CC;
		outline:none;
		}
		
a:hover	{
		text-decoration: underline;
		color:#333333;
		}
		
img		{
		border: 0px;
		}
		
p		{
		line-height: 16px;
		padding: 0px;
		margin: 0px 0px 16px 0px;
		}

hr		{
		color:#cccccc;
		background-color:#E4E4E4;
		height:1px;
		border:none;
		margin:10px 0px 10px 0px;
		}
h1		{
		padding: 0px;
		margin: 0px 0px 16px 0px;
		font-size:16px;
		color: #647C77;
		line-height:20px;
		}
h2		{
		padding:0px;
		margin:0px 0px 4px 0px;
		font-size:16px;
		color: #666666;
		}
h3		{
		padding: 0px;
		margin:0px 0px 3px 0px;
		font-size:16px;
		color: #666666;
		}

h4, h4 a, h4 a:visited	{
		padding: 0px;
		margin:0px 0px 16px 0px;
		font-size:14px;
		line-height:15px;
		color: #647C77;
		}
		
h5		{
		padding: 0px;
		margin:0px 0px 5px 0px;
		font-size:14px;
		line-height:15px;
		color: #666666;
		}
		
		

		
ul		{
		margin:0px;
		padding:0px;
		list-style:none;
		}
		
ol li { background:none;}
		
li		{
		background: url(../src/bullet.gif) no-repeat left 5px;
		padding:0px 0px 10px 12px;
		}
		
.heading  { font-size:14px;
			border-bottom:1px solid #ccc;
			padding-bottom:6px;
			margin:20px 0px 10px 0px;
			font-weight:bold;
			color: #647C77;
		}


/* ==================== HEADER ========================= */
.header {height:95px;}

.serviceMenu 	{
				float:right;
				font-size:11px;
				margin:40px 10px 0px 0px;
				padding:0px;
				text-align:right;
				white-space: nowrap;
				color: #666666;
				}


.serviceMenu a, 
.serviceMenu a:visited 	{
						text-decoration:underline;
						color: #666666;
						padding: 0px 5px 0px 5px;
						}

.serviceMenu a:hover 	{
						color: #666666;
						text-decoration:none;
						}
						
.serviceMenu select	{
					font-size:11px;
					color: #666666;
					}
					
/* ==================== BREADCRUMB PATH ========================= */
.breadcrumb-path	{
					background-color:#DFE5E7;
					margin:1px 0px 8px 0px;
					padding:4px 4px 4px 204px;
					font-size:11px;
					color:#333333;
					}	
.breadcrumb-path a, .breadcrumb-path a:visited { color:#666666; text-decoration:underline;}
.breadcrumb-path a:hover { color:#333; text-decoration:none;}
.breadcrumb-path span { padding:0px 6px 0px 6px}

.breadcrumb-path1	{
					background-color:#DFE5E7;
					margin:1px 0px 1px 0px;
					padding:4px 4px 4px 204px;
					font-size:11px;
					color:#333333;
					}	
.breadcrumb-path1 a, .breadcrumb-path1 a:visited { color:#666666; text-decoration:underline;}
.breadcrumb-path1 a:hover { color:#333; text-decoration:none;}
.breadcrumb-path1 span { padding:0px 6px 0px 6px}



.breadcrumb-path-contact
					{
					background-color:#DFE5E7;
					margin:1px 0px 8px 0px;
					padding:4px 4px 4px 20px;
					font-size:11px;
					color:#333333;
					}
					
.breadcrumb-path-contact a, .breadcrumb-path-contact a:visited { color:#666666; text-decoration:underline;}
.breadcrumb-path-contact a:hover { color:#333; text-decoration:none;}
.breadcrumb-path-contact span { padding:0px 6px 0px 6px}

/* ==================== FOOTER ========================= */
.footer 	{
			clear:both;
			width:950px;
			text-align:left;
			margin:0px auto;
			padding:16px 0px 20px 20px;
			color:#FFFFFF;
			font-size:11px;
			}
			
.footer ul	{
			margin:0px auto;
			padding:0px;
			list-style: none;
			}
			
.footer li	{
			margin:0px;
			padding:0px 8px 0px 0px;
			display:inline;
			background:none;
			}

			
.footer a, .footer a:visited 	{ color:#ffffff;}
.footer a:hover 	{ color:#CCCCCC;} 


/* ==================== FORMS ========================= */
form	{ margin:0px; padding:0px}

fieldset {
	border: none;
	background:#EFF2F3;
	padding:12px;
}

fieldset span {color:#000}

label {
	display: block;
	float: left;
	width: 48%;
	padding: 8px 3px 8px 3px;
	z-index:100;
}

.textArea {
	position: relative;
	display: block;
	width: 99%;
	padding: 8px 0px 8px 4px;
}


.registerForm {
			width:946px;
			background:#EFF2F3;
			}
			
.registerForm fieldset {
	border: none;
	padding:12px;
	background:none;
}

.registerForm label {
	display: block;
	float: left;
	width: 24%;
	padding: 8px 3px 8px 3px;
	z-index:100;
}

input.normal {
	border: 1px solid #7A8880;
	width: 160px;
	padding: 8px;
	font-size:11px;
	background: #fff url(../src/whiteBG.jpg);
}

textarea.normalTextarea	{
	border: 1px solid #7A8880;
	background: #fff;
	width: 356px;
	padding: 8px;
	font-size:11px;
}

input.button {
	padding:4px;
}

/* New tab button*/
.news-tab 
{ /*border-bottom:2px solid #627d7c;*/
	padding-bottom:2px;
	margin-bottom:20px;
	}

.news-tab input {background: #3C5C54 url(../src/tabber_bg_hover.gif) repeat-x; color:#fff; border:none; padding:10px; cursor:pointer; font-size:14px; font-weight:bold;}
/* tabber */

.tabberlive .tabbertabhide {
 display:none; 
}


.tabber { background:none;}

.tabberlive {
 margin-top:30px;
}

ul.tabbernav
{
 margin:0px;
 padding: 10px 0;
 font: normal 12px Verdana, sans-serif;
}

ul.tabbernav li a:link, ul.tabbernav li a:visited {  color: #0066CC; /*background: #3C5C54 url(../src/tabber_bg_hover.gif) repeat-x;*/}

ul.tabbernav li a:hover { color: #0066CC; /*background: #3C5C54 url(../src/tabber_bg_hover.gif) repeat-x; */}

ul.tabbernav li.tabberactive a { font-weight:bold;/*background: #183833 url(../src/tabber_bg.gif) repeat-x;*/ }

ul.tabbernav li.tabberactive a:hover { color: #0066CC; }

ul.tabbernav li
{
 list-style: none;
 margin: 0px;
 display: inline;
 background:none;
 padding:0px;
}



.tabberlive .tabbertab { padding:30px 0 0 0px; /*background: #fff url(../src/tabber_line_bg.gif) repeat-x top left;*/}

.tabberlive .tabbertab h2 { display:none; }
.tabbertab h3 {padding:0; margin:0;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { background:red; }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }

.registrationForm  td { padding:20px 20px 0 0;}

.faq_Q {
	background-color:#F2F5F6;
	display:block;
	padding: 5px 5px 5px 25px;
	cursor:pointer;
	margin-top:1px;
	font-weight:bold;
	font-size:12px;
	text-indent: -15px;
	
}
.faq_A { background-color:#fff;
		display:block;
		padding:5px;
		padding:10px 0px 10px 25px;
		text-align:justify;
}
.faq_A  td { vertical-align:top;}

.faqHead { background-color:#627D7C; font-size:13px; font-weight:bold; padding:10px; color:#fff; margin-top:30px;}
.text-justify {text-align:justify;}

/* economic data table */
.TableTitle  {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-align:left;
	background: #183833 url(../src/tabber_bg.gif) repeat-x;
	color:#FFFFFF;
}
.TableTitle td {padding:10px;}

.TableFootText {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:100;
	text-align:left;
	border-top:1px; border-top-color:#AAAAAA; border-top-style:solid;
}
.TableFirstHeader {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	background-color:#d6d6d6;
}
.TableFirstHeaderRight {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	background-color:#d6d6d6;
}
.TableSecondHeader {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	background-color:#d6d6d6;
}
.TableContent {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	text-align:right;
}
.TableContent td, .TableContentShaded td {padding:8px 0 8px 0}

.TableContentShaded {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	text-align:right;
	background-color:#EFEFEF;
			
}
.TableContentLeft {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	text-align:left;
}
.TableContentShadedLeft {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	text-align:left;
	background-color:#EFEFEF;
}
.ImageTableHeader {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#76923C;
}
.ImageTableContent {
	text-align:center;
	background-color:#EFFFE2;
}

@media print {
	
	.topicMenu, .serviceMenu, img, .breadcrumb-path, .leftMenu, .leftNav, .rightColumn, .footer ul, .breadcrumb-path-contact, fieldset
	{display:none;}
	.header img {position:fixed; top:0px; right:0px; display:block;}
	.contentArea img, .contentAreaWide img {display:block;}
	.contentArea, .contentAreaWide {width:75% !important; height:auto !important; }
	h1 {font-size:34px !important; }
	h1, h2, h3, h4  {color:#000;}
	.footer {border-top:1px solid #ccc; padding-top:10px;}
	.columnOne, .columnTwo { width:75% !important; float:none !important;}

}

