/*------ reset the stuff --------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

.clearfix:after,
form .fi_bdy:after,
form .input_long input:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    
 .clear{clear:both; display:block; font-size:1px; margin:0px; line-height:0px; height:0px}   
 
.lowtech,
#mnav h2, 
.subnav h2 { position:absolute;right:9999em;left:auto; }    



body {
	background: #fff url(../i/bg_home.gif) repeat-x 0px -140px;
	text-align: center;
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size: 75%;
	line-height: 150%;
	padding-bottom: 20px;
	color: #5a5a5a
	}


body#home {
	background: #fff url(../i/bg_home.gif) repeat-x top;
	}	
	
/*------ standard elements --------------------*/	
a:link{color:#0072bc; text-decoration:none}
a:visited{color:#0072bc; text-decoration:none}
a:hover{color:#5a5a5a; text-decoration:none}
a:active{color:#0072bc; text-decoration:none}

.float-left {float: left}
.float-right {float: right}

input, select, textarea {
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 105%;
	}	
	
.container {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	}	
	
#two-col .pgmain ul li {
	background:  url(../i/content.png) no-repeat;
	background-position: -2920px 3px;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 10px 10px;
	}	
	
/*------ table --------------------*/	
.pgmain table {
	font-size: 13px;
	width: 100%;
	margin-bottom: 20px;
	}

.text_right {text-align: right}
.text_left {text-align: left}

td {
	border-bottom: 1px solid #e9e9e9
	}

th {
		background: url(../i/content.png) no-repeat -1950px -60px;
		padding: 11px 10px 12px 10px;
		font-weight: bold;
	}


td {
		padding: 8px 10px 8px 10px;	
	}	
	
tr.odd {
	background: #fafafa;
	}	

tr:hover {
	background: #F6F6F6;
	}	

/*------ headers --------------------*/
h1 {
	font-size:150%;
	line-height: 220%;
	width: 385px;
	color: #0072bc;
	}

#two-col h1 {
	margin-bottom: 10px;
	}

#two-col h2 {
	color: #0072bc;
		font-size:130%;
	line-height: 200%;
	margin-bottom: 15px;
	}
	
.subtitle {
	width: 385px;
	font-size: 18px;
	line-height: 16px;
	}

/*------ main navigation --------------------*/
#mnav {
	position: absolute;
	top: 84px;
	left: 0px;
	width: 960px;
	height: 42px;
	}
	
	#mnav ul {
    position: relative;
    height: 42px; 
    width: 961px;
    padding: 0px; 
    margin: 0px 0px 0px 0px;
}

.english #mnav ul {
		background: url(../i/mnav/menu_sprite-en.png) no-repeat right -42px;
		}

#mnav ul li {
        float: left;
        list-style: none;
}


#mnav ul li a{display:block; text-indent:-3000px; height:42px; width:136px; background:url("../i/mnav/menu_sprite_1.png") no-repeat; }

.english #mnav ul li a{display:block; text-indent:-3000px; height:40px; width:136px; background:url("../i/mnav/menu_sprite-en.png") no-repeat; }

#mnav ul li.c1 a{background-position: 0px -42px; width:140px; }
#mnav ul li.c1 a:hover{background-position:0px 0px}
#mnav ul li.current_page.c1 a,
#mnav ul li.current_page_ancestor.c1 a{background-position:0px -84px}

#mnav ul li.c2 a{background-position:-140px -42px; }
#mnav ul li.c2 a:hover{background-position:-140px 0px}
#mnav ul li.current_page.c2 a,
#mnav ul li.current_page_ancestor.c2 a{background-position:-140px -84px}

#mnav ul li.c3 a{background-position:-276px -42px; }
#mnav ul li.c3 a:hover{background-position:-276px 0px}
#mnav ul li.current_page.c3 a,
#mnav ul li.current_page_ancestor.c3 a{background-position:-276px -84px}

#mnav ul li.c4 a{background-position:-412px -42px}
#mnav ul li.c4 a:hover{background-position:-412px 0px}
#mnav ul li.current_page.c4 a,
#mnav ul li.current_page_ancestor.c4 a{background-position:-412px -84px}

#mnav ul li.c5 a{background-position:-548px -42px}
#mnav ul li.c5 a:hover{background-position:-548px 0px}
#mnav ul li.current_page.c5 a,
#mnav ul li.current_page_ancestor.c5 a{background-position:-548px -84px}

#mnav ul li.c6 a{background-position:-684px -42px}
#mnav ul li.c6 a:hover{background-position:-684px 0px}
#mnav ul li.current_page.c6 a,
#mnav ul li.current_page_ancestor.c6 a{background-position:-684px -84px}

#mnav ul li.c7 a{width:141px; background-position:-820px -42px}
#mnav ul li.c7 a:hover{background-position:-820px 0px}
#mnav ul li.current_page.c7 a,
#mnav ul li.current_page_ancestor.c7 a{background-position:-820px -84px}

/*------ sub navigation --------------------*/

.subnav li a{display:block}

.subnav ul.level1 {margin: 10px 0px;}

.subnav ul.level1 li{
	width:212px;
	}

.subnav ul.level1 li a:link, 
.subnav ul.level1 li a:visited, 
.subnav ul.level1 li a:hover, 
.subnav ul.level1 li a:active{
	background: url(../i/subnav.png) no-repeat -94px 44px;
 color: #737373;
	height:33px; 
	width:235px;
	padding:12px 0px 0px 12px;
	margin:0px 0px 0px 0px; 
	}

.subnav ul.level1 li a:hover{
	color:#0072bc
	}

.subnav ul.level1 li.current_page a, 
.subnav ul.level1 li.current_page_ancestor a{
	background: url(../i/subnav.png) no-repeat -100px -40px;
	height: 25px;
	padding: 8px 0px 0px 12px;
	color:#0072bc; 
	margin: -1px 0px 0px 0px;
	}
	
.subnav ul.level1 li.current_page a:hover{

	}

/*level2*/

.subnav ul.level1 li.current_page ul.level2 li a:link, 
.subnav ul.level1 li.current_page ul.level2 li a:visited, 
.subnav ul.level1 li.current_page ul.level2 li a:hover, 
.subnav ul.level1 li.current_page ul.level2 li a:active{
	background: url(../i/subnav.png) no-repeat -92px -91px;
 color: #737373;
	height:20px; 
	width:215px;
	padding:5px 0px 5px 21px;
	margin:0px 0px 0px 5px; 
	font-size: 95%;
	}

 
.subnav ul.level1 li.current_page_ancestor ul.level2 li a{
	background: url(../i/subnav.png) no-repeat -92px -91px;
 color: #737373;
	height:20px; 
	width:215px;
	padding:5px 0px 5px 21px;
	margin:0px 0px 0px 5px; 
	font-size: 95%;
	}


.subnav ul.level1 li.current_page ul.level2 li a:hover{
	color:#0072bc
	}
	

.subnav ul.level1 li.current_page_ancestor ul.level2,
.subnav ul.level1 li.current_page ul.level2 {
	background: url(../i/subnav.png) right bottom;
	width:221px;
	}	

/*------ main header content --------------------*/
.brand {
	margin-top: 13px;
	}	
	
/*------ banner --------------------*/
.promo {
			position: relative;
			padding-left: 0px;
			margin-top: 0px;
			height: 96px;
	}
	
#two-col .promo{
margin-top: 72px
	}	
	
#two-col .promo_title {font-size:150%;line-height: 300%;width: 385px;}
#two-col img.imgbanner {position: absolute;bottom:0px;right:-37px;}



	/*Slider large banner*/

	.slider{}	
	.slider ul, .slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.slider li{  
		width:987px;
		height:240px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		position:absolute;
		left:0px;
		top:122px;
		}	
	#nextBtn{ 
		left:750px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:90px;
		height:280px;
		background: url("../i/promo/arrow_left.png") no-repeat left;
		text-indent: -30000px;
		overflow: hidden;
		outline: 0;
		margin-left: 10px;
		}	
		
	#nextBtn a{ 
 	width:200px;
		background: url("../i/promo/arrow_right.png") no-repeat right;
		margin-left: 0px;
		}	

/*------ main page content --------------------*/
.pgmain {
		margin-top: 5px;
		margin-bottom: 20px;
		}

.pgmain p, .pgmain ul {margin-bottom: 20px;}

.pgmain .promo {
		height: 104px;
		}	

.pgmain .promo p{margin-bottom: 0px;}			

	#home .pgmain {
		margin-top: 69px;
		margin-bottom: 20px;
		}
		
	#home .pgmain .promo {
		height: 239px;
		margin-bottom: 20px;
		}	

	.pgmain ul {
		color: #2d2d2d;
		}


/*images*/
	.float-right img {
		border: 1px solid #e9e9e9;
		padding: 7px;
		margin: 0px 0px 10px 10px;
		}
			
		
.image-gallery img{
		border: 1px solid #e9e9e9;
		padding: 7px;	
		margin: 0px 10px 10px 10px;
}

		.float-right img:hover,
		.image-gallery img:hover{
		background: #F0F0F0;
		}


.image-gallery div {
float:left; 
text-align:center;
}

.image-gallery div p{margin-bottom:0px;}

/*second column*/
* html #two-col .pgmain {display:inline}
#two-col .pgmain, .extra1 {float: left}

#two-col .pgmain {
	width: 725px;
	margin-left: 235px;
	}

.extra1 {
	background: url(../i/subnav.png) no-repeat 165px 0px;
	min-height: 457px;
 width: 235px;
	margin-left: -965px;
	}


/*------ grid 3 --------------------*/

.grid-three {margin-bottom: 20px;}

	.grid-three .box {
		float: left;
		width: 300px;
		margin-right: 20px;
		
		}
		
	.grid-three .box.last {margin-right:0px}	
	
	
/*------ grid 2 --------------------*/	
	.grid-two .box {
		float: left;
		width: 450px;
		margin-right: 20px;
		}
		
	.grid-two .box.last {margin-right:0px}	

/*------ featured --------------------*/
.featured h2 {
	background: url(../i/btn.png) no-repeat 270px 3px;
	font-size: 150%;
	line-height: 150%;
	margin-bottom: 15px;
	}	
	
/*------ newslist --------------------*/
#home .newslist {
	background: url(../i/content.png) no-repeat;
	padding-top:20px;
	}	
	
#home .newslist h2 {
	font-size: 16px;
	font-size: 145%;
	margin-bottom: 15px;
	}

#home .newslist h2 a:link{	color:#363636}
#home .newslist h2 a:visited{	color:#363636}
#home .newslist h2 a:hover{	text-decoration:underline}
#home .newslist h2 a:active{	color:#363636}

	
#home .newslist img {
	float: right;
	padding: 5px;
	border: 1px solid #e9e9e9;
	margin: 0px 0px 10px 5px;
	}

#home .newslist a.btn_read	{float: right; clear: both;}

#home .newslist .box {
	border-right:1px solid #e9e9e9;
	padding-right: 15px;
	}

#home .newslist .box.last {
	border-right:0;
	}

/*------ buttons... --------------------*/

a.btn_read {
	background: url(../i/btn.png) no-repeat;
	background-position: -50px 0px;
	width: 75px;
	height: 22px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	color: #363636;
	}
	


/*file type icons*/
.pdf_icon, .doc_icon, .docx_icon, .xls_icon, .potx_icon, .pptx_icon, .xltx_icon, .ppt_icon, .igx_icon, .rtf_icon, txt_icon{background:url("../i/icn/file_type.png") no-repeat; padding:0px 0px 0px 20px}

.xls_icon, 
.xltx_icon{background-position:0px 0px}

.pdf_icon{background-position:0px -60px}

.doc_icon, 
.docx_icon{background-position:0px -30px}

.pptx_icon, 
.ppt_icon,
.potx_icon{background-position:0px -90px}

.txt_icon, 
.rtf_icon,
.igx_icon{background-position:0px -120px}	

.zip_icon {background-position:0px -150px}	
		
/*------ support navigation --------------------*/
.snav {
	position: absolute;
	top: 19px;
	right:219px;
	}
	
.snav ul li {
	background: url(../i/snav-search.png) no-repeat left -50px;
	display: block;
	float: left;
	padding-left: 10px;
	margin-left: 5px;
	font-size: 11px;
	}	
	
.snav ul li.first {background:none}	
	
.snav ul li a {color:#5a5a5a}	
.snav ul li a:hover {text-decoration: underline}	

/*------ search --------------------*/
#search {
	position: absolute;	
	top: 15px;
	right: -10px;
	}

#search p {
	margin: 0px;
	padding:0px;
	}	
	
#search input {
	float: left;
	display: block;
	}	
	
#search input.searchStr {
	background: url(../i/snav-search.png) no-repeat;
	height: 22px;
	width: 162px;
	border: 0px;
	padding:5px 0px 0px 10px;
	margin: 0px;
	}	
	
#search input.ff_btn {
	background: url(../i/snav-search.png) no-repeat -172px 0px;
	border: 0px;
	height: 27px;
	width: 28px;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	padding:0px;
	margin: 0px 10px 0px 0px;
	cursor: pointer;	
	}		
	
/*------we got forms ------------------*/
fieldset {
			background: url(../i/form/fieldset.gif) repeat-x;
			background-position: 0px 5px;
			margin-bottom: 20px;
	}


fieldset fieldset, 
fieldset.fi_chk {background:none}
	
	fieldset legend {
		font-size:200%;
		line-height: 120%;
		display: block;
		}
		
fieldset legend.sIFR-flash		{margin-bottom: 30px;display: block}


form label {
	color: #333;
	display: block;
	font-weight: bold;
	margin-bottom: 6px;
	}


form em {
	font-size: 90%;
	color: #838383;
	font-style: italic;
	display: block;
	}

.fi_txt,
.fi_sel {
	position: relative;
	display: block;
	float: left;
	margin: 0px 30px 10px 0px;
	width: 345px;
	}
	
.fi_txt.last,
.fi_sel.last {
	margin-right: 0px;
	}	
	
.fi_txt input,
.fi_sel select {
	background: url(../i/form/input_bg.gif) repeat-x top;
	border: 1px solid #E9E9E9;
	padding: 5px;
	width: 335px;
	}
	
.fi_sel select option{
	padding: 0px 2px;
	}	

.fi_bdy {clear: both;}

.fi_bdy textarea {
		border: 3px solid #E9E9E9;
		width: 335px;
		padding: 5px;
	}



.input_long {display: block;float: none; clear: both;}

.input_long input, 
.input_long.fi_bdy textarea{width: 710px;float: none}
.input_long.fi_bdy textarea{height: 180px}


.input_small input{width: 150px}


/*fieldset checkboxes*/
#two-col .pgmain fieldset.fi_chk ul li {background: none;}
	


/*------ Breadcrumbs --------------------*/
	.breadcrumbs ul,
	.breadcrumbs ul li {
	list-style-type: none;
	float:left;
	display: inline;
} 


.breadcrumbs ul li a:link {
	text-decoration: none;
}


.breadcrumbs{
	position: absolute;
	top:0px;
	left: 0px;
	width:761px; 
	height:22px; 
	padding-left:10px; 
	padding:10px 0px 0px 10px; 
	color:#5a5a5a; 
	
	}

.breadcrumbs strong{float:left; font-size:92%; margin-right:4px; font-weight:normal}
.breadcrumbs ul li{font-size:92%; }
.breadcrumbs ul li a{padding-right:3px; }

/*------ directorynav --------------------*/
.directorynav {
		background: #EDEDED url(../i/content.png) no-repeat -970px 0px;
		padding: 50px 0px 0px 0px;
		position: relative;
		margin-bottom: 15px;
		}
		
.directorynav .wrap{
	float: left;
	width: 140px;
	margin-right: 0px;
	padding: 0px 10px 20px 10px;
	}	
	
.directorynav .wrap a:link {
		color:#5a5a5a;
		font-size: 92%;
}

.directorynav .wrap a:hover{
text-decoration: underline;
}

.directorynav_cap {
		background:url(../i/content.png) no-repeat -1950px 0px;
		height: 3px;
		clear: both;
}

/*------ footer content --------------------*/
.footer {
	text-align: left;
	font-size: 92%;
	}	
	
.footer strong {color:#000; font-weight:normal}		
.footer strong,
.footer span {margin-right: 20px}

.footer span {color: #5a5a5a}

/*------ thickbox --------------------*/

/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../i/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}