/****** MAIN LAYERS ******/

html {font:80%/150% "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; height: 100%;}
html, body {width:100%;	height:100%; margin:0; padding:0}
}



/* sticky footer */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
	margin:0 auto;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 
	

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******** LAYOUTS ********/


#wrapper {width:960px; margin:0 auto; padding-bottom:20px}
#header  {width:100%;}
#main    {width:100%; }
#footer  {width:960px;  }

#headertop {clear:both}
#headercen {clear:both}
#headerbot {clear:both}

#headerleft  {width:240px; float:left; position:relative;}
#headerright {width:720px; float:left; position:relative;}

.page {margin:0 0 40px 0}




/* header left */
#headerleft .logo {display:block; margin:4px 0 0 0; overflow:hidden}


/* header top menu */
#headertop .menu {margin:0; padding:0; display:block; overflow:hidden; position:relative; float:right }
#headertop .menu li {margin:0 0 0 4px; padding:0; float:left; background:none; display:block; overflow:hidden; position:relative; width:115px;}
#headertop .menu li a {color:#999; display:block; line-height: 1.5em; width:83px; padding: 0px 16px 0 16px; text-decoration:underline; margin: 0; }
#headertop .menu li a:hover {text-decoration:none; color:#000; }

#headertop .menu .current a {text-decoration:none; color:#000; }
#headertop .menu .current a:hover {text-decoration:none; color:#000; }



/* header right menu */
#headerright .menu {margin:0; padding:0; float:right; margin:16px 0 0 0; display:block; width:720px}
#headerright .menu li {margin:0; padding:0; float:left; background:none; overflow:hidden; position:relative; width:240px}
#headerright .menu li a {color:#555; display:block; line-height: 1.5em; width: 210px; height:20px; padding: 11px 10px 9px 20px; text-decoration:underline; margin: 0; background:url('menu1.gif') no-repeat left top; overflow:hidden; cursor:pointer; margin:0;  line-height:120%;}
#headerright .menu li a:hover {text-decoration:none; color:#222; background:url('menu2.gif') no-repeat left top}

#headerright .menu ul {margin:2px 0; padding:0; clear:both; display:block; overflow:hidden;}


#headerright .menu .current a {text-decoration:none; color:#DA2927; background:none}
#headerright .menu .current a:hover {text-decoration:none; color:#DA2927; background:none}
/*
#headerright .menu .current a { background:url('menu3.gif') no-repeat left top}
#headerright .menu .current a:hover { background:url('menu3.gif') no-repeat left top}
*/


/* header bottom */

#headerbot {display:none}
.index #headerbot {display:block}

#headerbot {padding:6px 0 0 16px;margin-left:240px; font-size:1.8em;  letter-spacing:-1px}




/* footer */

#footer .footer {overflow:hidden; padding:0 0 40px 0}
#footer .column {display:block; padding:20px; width:200px; float:left; color:#807666}

#footer .r2 {display:none}





/* rounded - colored */

.roundcolor .rc {padding:0; position:relative; }

.roundcolor .r1, .roundcolor .r1a, .roundcolor .r2, .roundcolor .r2a {height:16px;  padding:0; line-height:1%; font-size:1px; display:block} 
.roundcolor .r1, .roundcolor .r1a, .roundcolor .r2, .roundcolor .r2a {background-repeat: no-repeat; background-position: left top;} 
.roundcolor .r1, .roundcolor .r2 {margin:0 0 0 0; }

.roundcolor .r1a, .roundcolor .r2a {margin:0 0 0 0; width:16px; float:right;}
.roundcolor .rc  {background-position: right bottom; background-repeat: no-repeat;}

.roundcolor .r1 {background-image: url('r1tl.png');}
.roundcolor .r1a {background-image: url('r1tr.png'); }
.roundcolor .r2 {background-image: url('r1bl.png'); }
.roundcolor .r2a {background-image: url('r1br.png');}




/* rounded - bordered */
.roundborder {border:1px dashed #cccac6; position:relative; z-index:0; margin:0; padding:0; height:100%; display:block;}

.roundborder .r1, .roundborder .r1a, .roundborder .r2, .roundborder .r2a {display:block; clear:both; font-size:1px; height:8px;  position:relative; background:url('rounded0.gif') no-repeat; z-index:100; }
.roundborder .r1, .roundborder .r2 {width:100%; right:-1px;}
.roundborder .r1a, .roundborder .r2a {width:8px; left:-2px; }

.roundborder .r1 {background-position:100% 0; top:-1px;}
.roundborder .r1a {background-position:0 -16px;}
.roundborder .r2 {background-position:100% -8px; bottom:-1px;}
.roundborder .r2a {background-position:0 -24px;}

.roundborder .rc {background-repeat:no-repeat; background-position: left bottom; margin:6px -1px 0 -1px; padding: 0; z-index:2; position:relative;}



#headertop .roundborder {width:712px;  float:right; margin:-1px 4px 24px 4px;}
#headertop .roundborder .r1 {display:none}


.events .roundborder  {margin:0 0 16px 0; width:712px;  float:right}
.events .roundborder .rc  {padding:16px 24px}
.events .item  {clear:both; overflow:hidden}
.events .item .logo {float:left; margin:48px 24px 24px 24px}




.partners .roundborder  {margin:0 0 16px 0; width:712px;  float:right}
.partners .roundborder .rc  {padding:16px 24px}
.partners .item  {clear:both; overflow:hidden}
.partners .item .logo {float:left; margin:48px 24px 24px 24px}


#main .index {padding-bottom:40px}
#main .index .roundborder .r1 {}
#main .index .roundborder  {margin:0 0 16px 0; width:712px;  float:right}
#main .index .roundborder .rc  {padding:8px 16px}
#main .index .item  {clear:both; overflow:hidden}
#main .index .item .date {float:left; margin:16px 16px 0 100px; font-size:150%; font-style: italic; color:#8BA2B0}





/* ���� */
#tabs {clear:both; display:block; overflow:hidden; position:relative; }
#tabs .tabs-main li {float:left; margin:0; padding:0; background:none; width:240px; cursor:pointer}

#tabs .tabs-main li a {display:block; line-height: 1.5em; width: 206px; height: 90px; padding: 0 10px 0 24px; text-decoration:none; color: #CCC; font-size:0.9em; line-height:120%}
#tabs .tabs-main li a:hover {color: #CCC; }

#tabs .tabs-main .current {color: #000; }
#tabs .tabs-main .current:hover {color: #000; }

#tabs .tabs-main li a strong {color: #FFF; display: block; font-size:1.7em; padding: 36px 0 5px 0; }
/*deleted: text-transform: lowercase*/
#tabs .tabs-main li a:hover strong {color: #FFF; }

#tabs .tabs-main .current strong {color: #da2727; }
#tabs .tabs-main .current:hover strong {color: #da2727; }

#tabs .tabs-main li a {background:url('tab2.gif') no-repeat left top;}
#tabs .tabs-main li a:hover {background:url('tab3.gif') no-repeat left top;}

#tabs .tabs-main .current  {background:url('tab1.gif') no-repeat left top; color:#000}
#tabs .tabs-main .current:hover {background:url('tab1.gif') no-repeat left top; color:#000}

#tabs-content {padding:20px 20px 20px 20px; clear: both; background: #fff; position:relative; overflow:auto;}
#tabs-content li {display:block; clear:both; cursor:auto}

#tabs-content ol li {margin: 0.15em 0 0.15em 2em; padding: 0 0 .1em 0;}
#tabs-content ul li {margin: 0.1em 0 0.1em 2em; padding: 0 0 .1em 1.5em; list-style-type: none; list-style-image: none; background: transparent url('bullet.gif') no-repeat 0 6px;}






/******** ����� �������� *********/


/* body and etc... */
body, td, input, textarea, select, p, li {line-height:150%;}


p {margin: 0.6em 0 1.2em; padding: 0; line-height:150%}

hr {margin: 0; padding: 0; border: none; height: 1px; background: #5294c1;}

dl {margin: 0.5em 0 1em 1.5em;}
dl dt {}
dl dd {margin: 0 0 .5em 1.5em;}

img, a img {border: none;}

table {margin: 1em 0; width: 100%;}

.breadcrumb {font-size:90%}

/* form elements */
input {font:95%/110% Arial, Tahoma, Verdana, sans-serif; color: #494949;}


/* headers */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}

h1 {font-size: 220%; line-height:120%; margin:2em 0 1em 20px; color:#566E7D; letter-spacing:-1px}
h2 {font-size: 170%; line-height:120%;}
h3 {font-size: 150%; line-height:120%;}
h4 {font-size: 140%; line-height:130%;}
h5 {font-size: 130%; line-height:140%;}
h6 {font-size: 120%; line-height:130%; font-weight:bold}


/* links */
a {text-decoration:underline}
a:link, a:visited {color: #027AC6; text-decoration: underline;}
a:hover {color: #0062A0; text-decoration: none;}
a:active, a.active {color: #5895be;}



/* lists */
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }

ul {margin: 0.5em 0 1em 0; padding: 0;}
ol {margin: 0.75em 0 1.25em 0; padding: 0;}

ol li {margin: 0.15em 0 0.15em 2em; padding: 0 0 .1em 0;}
ul li {margin: 0.1em 0 0.1em 2em; padding: 0 0 .1em 1.5em; list-style-type: none; list-style-image: none; background: transparent url('bullet.gif') no-repeat 0 6px;}









/* footer scroll */
div.scrollable {position:relative; overflow:hidden; width: 960px; height:180px; float:left; margin:0; padding:0; clear:both}
.scrollmain1 h3, .scrollmain2 h3 {margin:4px 0 20px 20px; padding:0; float:left; width:120px}
.scrollmain1 a, .scrollmain2 a   {margin:10px 0 0 20px; padding:0; float:left; width:130px; text-decoration:underline}

.scrollmain1, .scrollmain2, .scrollthumb1, .scrollthumb2 {position:relative}

.thumbs {position:absolute; width:20000em; clear:both; z-index:100; margin:0; padding:0;}
.thumbs div {float:left; width:200px; height:100px; padding:20px 20px 20px 20px; background:url('logos1.gif') no-repeat top left; margin:0;}
.thumbs div a {display:block; cursor:pointer; line-height:120%; font-size:95%; color:#777; text-decoration:none; }
.thumbs div a .scrollimg {display:block; text-align:center; height:110px}
.thumbs div.hover {background:url('logos2.gif') no-repeat top left; }
.thumbs div.hover a {text-decoration:none; color:#000}
.thumbs div.active {cursor:default;}

.scrollmain1 {clear:both; line-height:100%; top:0; left:0;}
.scrollmain2 {clear:both; line-height:100%; top:0; left:0;}

.scrollthumb1 {clear:both; line-height:100%; top:0; left:0;}
.scrollthumb2 {clear:both; line-height:100%; top:0; left:0;}

a.disabled {visibility:hidden !important;}

a.prev1, a.next1, a.prev2, a.next2 {z-index:1000; position:relative; overflow:hidden; display:block; width:30px; height:30px; cursor:pointer; background-repeat:no-repeat; background-position:0 -30px; margin:0; padding:0; float:left}
a.prev1:hover, a.next1:hover, a.prev2:hover, a.next2:hover {background-position:0 0;}

a.prev1, a.prev2 {background-image:url('left.gif');}
a.next1, a.next2 {background-image:url('right.gif');}


a.prev1 {top:100px; left:-710px}
a.prev2 {top:100px; left:-710px}

a.next1 {top:100px; left:200px}
a.next2 {top:100px; left:200px}



.navi1 {height:18px; margin: 5px 0 0 16px; display:block; float:left; width:400px}
.navi1 a {width:18px; height:18px; float:left; margin:3px; background:url('navigation.gif') 0 0 no-repeat; cursor:pointer;	}
.navi1 a:hover {background-position:0 -18px;}
.navi1 a.active {background-position:0 -36px;} 

.navi2 {height:18px; margin: 5px 0 0 16px; display:block; float:left; width:400px}
.navi2 a {width:18px; height:18px; float:left; margin:3px; background:url('navigation.gif') 0 0 no-repeat; cursor:pointer;	}
.navi2 a:hover {background-position:0 -18px;}
.navi2 a.active {background-position:0 -36px; } 




/* registration */
.round4 {width:720px; margin:40px 0}
.round4 .rc {padding:0px 40px}

.registration {margin:0}
.registration td {padding:6px 10px; border-top:1px dashed #CCCAC6; border-bottom:1px dashed #CCCAC6; border-collapse:collapse}

.registration .last td {border:0}
.registration .first td {border:0}

.registration input {width:95%}
.registration textarea {width:95%}
.registration select {width:95%}

.registration .regtext {font-weight:bold; text-align:right !important}
.registration td .star {color:#DA2927}
.registration td .submit {background: url('input.gif') no-repeat left top; padding:0 30px; height:40px; line-height:40px; border:0; margin:20px 0 0 0 ;color:#FFF; font-weight:bold; width:137px; cursor:pointer; font-size:120%; text-align:center}
.alert {color:#DA2927}

#type2 {margin:4px 0 0 0}
#infosource2 {margin:4px 0 0 0}


.round5 { margin:40px 0}
.round5 .rc {padding:4px 20px; clear:both; position:relative; }
.round5 .registration {margin:20px 0 0 0; width:auto}
.round5 .registmain {width:680px; float:left; margin:0 0 0 20px}
.round5 .registration td {padding:6px 10px;}
.round5 .registration  .radio {width:auto; margin:0 4px}

.round5 .registration .regtext {width:50%; font-weight:bold;}
.round5 .registration .regtext2 {text-align:left !important}
.round5 .gift {clear:left; display:block; float:left;}
.round5 .gift img {display:block; width:220px; clear:both}