* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808183;
	background: #fff url(/img/bg_body.jpg) top center repeat-x;
}

a 			{ color: #36b0f1; text-decoration: underline;  }
a:hover 	{ text-decoration: none; }

.clear { clear: both; } 
.none { display: none; }
.hidden { visibility: hidden; }

/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#background 	{ width: 100%; background:  url(/img/bg_background.jpg) center top no-repeat; }
#wrap 			{ width: 980px; margin: 0 auto; position: relative; background: url(/img/bg_background.jpg) center top no-repeat; text-align: left; }
	body#homepage #background,
	body#homepage #rap 			{ background: url(/img/bg_hp_background.jpg) center top no-repeat; }

/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 128px; width: 100%; position: relative; }

/* ---------------------------------------------------------- */
/* --------------------------- logo ------------------------- */
/* ---------------------------------------------------------- */
a#logo 			{ display: block; width: 253px; height: 58px; padding-top: 10px; overflow: hidden; color: #efc843; text-decoration: none; text-transform: uppercase; font-size: 24px; position: absolute; top: 29px; left: 0px; }
a#logo strong 	{ color: #7a8dac; font-weight: normal; }
a#logo span 	{ display: block; width: 253px; height: 68px; background-image: url(/img/logo.jpg); position: absolute; top: 0; left: 0; }

/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
ul#navigation 			{ list-style: none; font-size: 11px; font-weight: bold; position: absolute; top: 58px; left: 335px; }
ul#navigation li 		{ display: inline; padding-right: 18px; }
ul#navigation a 		{ color: #7a8ca8; text-decoration: none; }
ul#navigation a:hover,
ul#navigation a.active 	{ color: #7a8ca8; text-decoration: underline; }

/* ---------------------------------------------------------- */
/* ---------------------------- lang ------------------------ */
/* ---------------------------------------------------------- */
a#lang					{ font-size: 11px; position: absolute; top: 58px; right: 38px; color: #7a8ca8; text-decoration: none; }
a#lang:hover			{ color: #7a8ca8; text-decoration: underline; }

/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 980px; font-size: 11px;  }
	p#copyright { float: left; width: auto; padding-left: 30px; }
	p#webdesign { float: right; width: auto; padding-right: 38px; }

/* ----------------------------------------------------- */
/* ------------------>>> sponsors <<<------------------- */
/* ----------------------------------------------------- */
		.stripViewer .panelContainer .panel ul { text-align: left; }
		
		.sponsors { height: 106px; width: 100%; padding: 30px 0 0; margin-bottom: 16px; position: relative; background: #e7e7e8 url(/img/bg_sponsors.jpg); }

		/* These 2 lines specify style applied while slider is loading */
		.csw { width: 800px; height: 70px; margin: auto; overflow: scroll}
		.csw .loading { margin: 10px 0 100px; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative; z-index: 1;
			overflow: hidden; 
			margin: auto;
			width: 800px; height: 70px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float: left;
			height: 100%;
			position: relative; z-index: 2;
			width: 800px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { }
		
		.stripNav { display: none; }
		.stripNavL, .stripNavR { text-indent: -9000em; display: block; width: 7px; height: 13px; position: absolute; top: 60px; text-align: center; z-index: 1000; }
		.stripNavL { left: 30px; }
		.stripNavR { right: 32px; }
			.stripNavL a, .stripNavR a { display: block; width: 7px; height: 13px;text-align: center; overflow: hidden; background-position: top; }
			.stripNavL a:hover, .stripNavR a:hover { background-position: bottom; }
			.stripNavL a { background-image: url(/img/slider_left.gif); }
			.stripNavR a { background-image: url(/img/slider_right.gif); }

	.sponsors img  		{ margin-right: 52px; }
	.sponsors img.last  { margin-right: 0; }
	.sponsors a img  	{ border: none; }

/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { text-align: left; min-height: 412px; }
	
	#left { float: left; width: 607px; padding: 4px 0 24px; }
		#left .padding { padding: 0 24px 0 16px; }
	#right { float: right; width: 373px; padding: 1px 0 24px;   }


h1 { color: #7a8dac; font-size: 18px; font-weight: normal; margin-bottom: 14px; }
h2 { color: #505050; font-size: 14px; font-weight: bold; margin-bottom: 14px; }
h3 { color: #505050; font-size: 11px; font-weight: bold; margin-bottom: 4px; }
p { line-height: 1.4em; margin-bottom: 24px; text-align: justify; }
	p.success { text-align: center; font-weight: bold; color: #39b44a; }
	p.error { text-align: center; font-weight: bold; color: #ed1c24; }

h1 a { color: #efc843; }

img { border-style: none; }

/* table */
h2.h2_border 	{ display: block; width: 551x; padding: 9px 0 9px 16px; color: #7a8dac; border-bottom: 1px solid #e9ecee; margin-bottom: 0; background: #d2d4d5; }
.tab_head	 	{ width: 567px; height: 5px; background: url(/img/h2_border.gif); }

table 				{ width: 100%; border-collapse: collapse; font-size: 11px; }
table tr td 		{ background: #edf0f1; padding: 10px 10px; }
table tr.head td 	{ background: #dde0e2; font-weight: bold; }

.tab_foot		{ display: block; width: 567px; height: 5px; background: url(/img/tab_foot.gif); margin-bottom: 24px; }

/* button */
a.button 		{ display: block; width: 119px; height: 48px; line-height: 48px; padding-left: 40px; overflow: hidden; background-image: url(/img/a_button.gif); background-position: top; color: #4d4949; text-decoration: none; }
a.button:hover 	{ background-position: bottom; }

/* list */
ul.list 	{ list-style: none; padding-left: 3px; margin-bottom: 24px; }
ul.list li 	{ padding-left: 12px; margin-bottom: 8px; background: url(/img/list_arrow.gif) 0px 5px no-repeat; }

/* ---------------------------------------------------------- */
/* -------------------------- form -------------------------- */
/* ---------------------------------------------------------- */
fieldset 		{ border-style: none; }

label 					{ display: block; float: left; width: 105px; padding-top: 12px; }
label.label_inline 		{ display: inline; float: none; width: auto; padding-left: 4px; }

input.text, textarea	{ width: 187px; padding: 8px 8px; margin: 7px 0; border: none; background-color: transparent; background-position: left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808183; }
input.text				{ height: 15px; background-image: url(/img/input_text.gif); }
textarea				{ height: 104px; background-image: url(/img/textarea.gif); }
input.hover, textarea.hover, input.focus, textarea.focus { background-position: left bottom; }

input.checkbox		{ margin: 7px 0; vertical-align: middle; }

input.button 		{ width: 108px; height: 31px; margin-left: 195px; border: none; background: url(/img/input_button.gif); color: #fff; font-size: 12px; text-align: center; }
input.button:hover 	{ background: url(/img/input_button.gif) bottom; cursor: pointer; }

select		{ width: 203px; margin: 7px 0; }

.toggle_box { display: none; width: 100%; padding: 1px 0; overflow: hidden; }
#box_file 	{ padding: 3px 0 18px 105px; width: 203px; margin-bottom: 0; }

/* ---------------------------------------------------------- */
/* ------------------------ homepage ------------------------ */
/* ---------------------------------------------------------- */
#hp 					{ width: 980px; height: 430px; background: url(/img/bg_hp_content.jpg); position: relative; }

/* cnt */
#hp .cnt 				{ width: 325px; height: 335px; overflow: hidden; position: absolute; top: 50px; left: 235px; color: #79797b; }
	#hp .cnt h1 		{ display: block; width: 294px; height: 23px; overflow: hidden; position: relative; font-size: 20px; }
	#hp .cnt h1 span 	{ display: block; width: 294px; height: 23px; background: url(/img/hp_cnt_h1.jpg); position: absolute; top: 0; left: 0; }
	#hp .cnt a			{ color: #8092af; }
	#hp .cnt a.button 	{ float: right; color: #4d4949; }

/* video */
#hp #video 				{ width: 315px; height: 220px; overflow: hidden; position: absolute; top: 35px; left: 640px; }

/* info */
#hp .info 				{ width: 245px; height: 70px; overflow: hidden; position: absolute; top: 315px; left: 625px; color: #c2c9d7; font-size: 11px; }
	#hp .info h2 		{ display: block; width: 217px; height: 18px; overflow: hidden; position: relative; margin-bottom: 8px; color: #e4e7ee; }
	#hp .info h2 span 	{ display: block; width: 217px; height: 18px; background: url(/img/hp_info_h2.jpg); position: absolute; top: 0; left: 0; }

/* ---------------------------------------------------------- */
/* --------------------------- url -------------------------- */
/* ---------------------------------------------------------- */
ul#url			{ width: 550px; height: 65px; padding: 100px 0 0 57px; background: url(/img/bg_url.jpg); position: relative; list-style: none; }
ul#url a 		{ color: #c6e6fc; text-decoration: none; }
ul#url a:hover 	{ color: #fff; }
ul#url li		{ display: inline; padding: 0 9px 0 14px; background: url(/img/url_arrow.gif) left no-repeat; }

ul#url li.home	 		{ display: block; width: 32px; height: 32px; background: url(/img/url_home_li.gif) 11px 13px no-repeat; overflow: hidden; padding: 0; position: absolute; top: 90px; left: 15px; }
ul#url li.home a	 	{ display: block; width: 32px; height: 32px; background: url(/img/url_home_a.gif) 11px 13px no-repeat; }
ul#url li.home a:hover	{ background: none; }
ul#url li.home a span	{ visibility: hidden; }

/* ---------------------------------------------------------- */
/* ----------------------- gallery -------------------------- */
/* ---------------------------------------------------------- */
a.g_img { overflow: hidden; display: table; position: static; width: 130px; height: 94px; float: left; background-image: url(/img/g_img.gif); background-position: left top; margin: 0 8px 8px 0; text-decoration: none; }
	a.g_img:hover { background-position: left 94px; cursor: pointer; }
.middle { display: table-cell; vertical-align: middle; position: static; width: 130px; text-align: center; } /* for explorer only*/
.inner { position: static;} 

/* ---------------------------------------------------------- */
/* ------------------------- video -------------------------- */
/* ---------------------------------------------------------- */
#right #video		{ width: 373px; height: 299px; overflow: hidden; background: url(/img/bg_video.jpg); position: relative; }
#right #video .cnt	{ width: 315px; height: 220px; position: absolute; top: 34px; left: 36px; }

/* ---------------------------------------------------------- */
/* -------------------------- news -------------------------- */
/* ---------------------------------------------------------- */
#news 			{ padding: 0 22px; color: #79797b; }
#news .item 	{ position: relative; padding-bottom: 24px; }
#news h2		{ color: #7a8dac; font-size: 18px; font-weight: normal; margin-bottom: 18px; }
#news h3		{ width: 250px; font-size: 12px; margin-bottom: 5px; }
#news span.date	{ font-size: 11px; color: #c2bbb9; position: absolute; top: 0; right: 0; }
#news p			{ margin-bottom: 0; }