/*********************************************************
HTML Elements
*********************************************************/
html {margin: 0; padding: 0;}
body {font: normal 9pt Verdana,Tahoma,Arial,Helvetica,sans-serif; background: url('top_bg.gif') repeat-x top right;}

html, body {margin:0; padding:0; width:100%; height:100%; color:#666}

input {line-height: 1;}
img {border: none;}
li {margin-bottom: 0.3em;}
form {margin: 0;}

p {line-height:170%;}
blockquote {line-height:150%;}
.fig {text-align:center;}



a {text-decoration:underline; outline: none;}
a:hover {text-decoration:none;}
a img {border:0}

/* Fix IE. Hide from IE Mac \*/
* html ul li {height: 1%; }
* html ul li a {height: 1%; }
/* End */

strong {font-weight:bold}

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

form, table {position:relative;}

sup, sub {
  vertical-align: middle;
  position: relative;
  font-size: 75%;
}
sup { bottom: 0.5em; }
sub { top: 0.5em; }

/*****************************************
MAIN LAYERS
*****************************************/
#wrapper {width:100%; min-width:980px; }
#headtop {background: url('Untitled-1.jpg') repeat-x top left; color:#FFFFFF; height:220px; padding:0; margin:0; border-bottom:1px solid #000; width:100%}
#headleft {width:220px; margin:0; padding:30px; float:left; text-align:center; height:160px; }
#headright {margin:0 0 0 308px; padding:18px 0 0 0; height:202px; }

#textmain {width:100%; background:#FFF; clear:both; margin:20px 0; padding:0;}

#textleft {width:280px; margin:0; padding:0; float:left; }
#textleft2 {margin:0; padding:20px 20px 20px 54px; position:relative; overflow:hidden}
#textright {margin:0 0 0 318px; padding:0;}
#textright2 {margin:0; padding:20px 60px 20px 0; position:relative; left:0}




/*****************************************
TOP MENU
*****************************************/
#headright .menu {width:672px; font:9pt tahoma, arial, verdana, sans-serif; cursor: pointer; text-transform:lowercase; margin:0;}

#headright .menu ul {list-style: none; margin:0; padding:0;  height:202px}
* html #headright .menu {margin-left: -3px;}

/*базовая тема для всех подпунктов меню*/
#headright .menu li li a {font-weight: normal; font-size:8pt; padding:5px 10px; color: #669900 !important; margin:0; display:block; width:148px;}
#headright .menu li li a:hover {text-decoration:underline; /*color:#FFF !important*/}
#headright .menu li li a:visited {text-decoration:underline; color:#999966 !important}


/*блок меню*/
#headright .menu li {float: left; position: relative; text-align: left; margin:0; padding:0; display:block; width:168px; height:202px}

/*заголовки нетекущих колонок меню*/
#headright .menu a {display: block; padding:10px 4px 10px 10px; margin:0; font-size:11pt; font-weight: bold; color: #669900; /*text-decoration: none;*/ line-height:150%}
/*#headright .menu a:hover {text-decoration:none;}*/

/*заголовок текущей колонки меню*/
#headright .menu .current a {color:#669900; }
#headright .menu .current2 a, #headright .menu .current2 a:hover {/*color:#FCEDCA !important;*/ text-decoration:underline}

/*подсветка колонки при наведении мыши*/
/*#headright .menu li:hover {background: url('menu_bg2.gif') no-repeat top center;}*/


#headright .menu li ul {font-weight: normal; display:block; width:168px; height:auto !important}
#headright .menu li li {padding:0; border:0; margin:0; background:none !important; height:auto !important}

#headright .menu li.current {background: url('menu_bg.gif') no-repeat top center;}
/*#headright .menu li.current:hover {background: url('menu_bg.png') no-repeat top center !important;}*/


/*****************************************
LEFT CONTENT
*****************************************/
#textleft a {color:#669900}
#textleft .languages {margin:0 0 20px 6px}


#textleft .menu {font:9pt tahoma, arial, verdana, sans-serif; cursor: pointer; text-transform:lowercase; margin:0; padding:0}

#textleft .menu ul {list-style: none; margin:0; padding:0; border:0}
#textleft .menu li { text-align: left; display:block; margin:0; padding:0;}
#textleft .menu a {display: block; padding:6px 0 6px 6px; margin:8px 0; font-size:11pt; font-weight: bold; color: #669900; text-decoration: underline; line-height:150%}
/*#textleft .menu a:hover {text-decoration:underline;}*/

#textleft .menu .current {}
#textleft .menu .current a {color:#C8A040; }
#textleft .menu .current2 a, #textleft .menu .current2 a:hover {/*color:#3D5666*/ /*!important; text-decoration:none;*/ background:#d3d3e0 url('bullet5.gif') no-repeat right center;}

#textleft .menu li li a {font-weight: normal; font-size:9pt; padding:3px 9px; color: #669900 !important; margin:0}
/*#textleft .menu li li a:hover {text-decoration:underline; color:#434E54 !important}*/

#textleft .menu li ul {display: block; font-weight: normal; margin:0 !important; padding:0 !important}
#textleft .menu li li {padding:0; display: block; border:0; margin:0 ; background:none !important}



/*************************************************************************
LEFT SPONSOR'S COLUMN
**************************************************************************/

#textleft .sponsors {margin:60px 0 20px 6px; padding:0; display:block}
#textleft .sponsors img {}
#textleft .sponsors ul {margin:0; padding:0}
#textleft .sponsors li {border-top:1px dotted #D3DFE6; padding:20px 0 0 0; margin:0}
#textleft .sponsors li strong {color:#666666; font-weight:normal; font-size: 154%;}
#textleft .sponsors li a {display:block; margin:10px 0}



/*****************************************
MAIN CONTENT
*****************************************/
#textright {line-height:150%}
#textright a{color:#669900}
#textright a.visited{color:#999966}

#textright li {line-height:150%; margin:6px 0}
#textright ul { list-style-type:disc}
#textright ol { list-style-type:decimal}

#textright ul, #textright ol {margin:6px 0 6px 34px; padding:0 !important}
#textright ul li {list-style:none; background: url("bullet4.gif") no-repeat 0 8px; margin:0 !important; padding:2px 2px 2px 24px}

#textright p {}
#textright hr {border:0; border-top:1px dotted #7A8D99; height:1px; margin:0; padding:0; background:none}


#textright h1, #textright h2, #textright h3, #textright h4, #textright h5 {font-family: "Times New Roman", "Garamond", Times, serif; line-height:130%; margin:40px 0 10px 0; padding:0}
#textright h1 {margin:0 0 10px 0 !important}
#textright h1 {color:#669900; font-weight:normal; font-size: 220%; }
#textright h2 {color:#669900; font-weight:normal; font-size: 180%; }
#textright h3 {color:#669900; font-weight:normal; font-size: 160%; }
#textright h4 {color:#669900; font-weight:normal; font-size: 140%; }
#textright h5 {color:#669900; font-weight:normal; font-size: 120%; }

#textright .tolya {color:#669900; font-weight:normal; font-size: 80%; }
#textright img {margin:8px; }

#textright .speaker {margin:30px 0 10px 0; overflow: hidden; display:block; line-height:170%; font-weight:bold}


/*****************************************
PROGRAM
*****************************************/
.program {margin:0; padding:0; border:0}
.program td {border:0; border-bottom:1px dashed #669900; padding:6px 8px 2px 8px; line-height:150%}
.program .datahead {color:#000000; font-family: "Times New Roman", "Garamond", Times, serif; font-size: 150%; font-weight:bold; padding:20px 8px 2px 0; border:0; border-bottom:2px dotted #3F3F87; }
.program .time {color:#000000; font: bold 13pt/150% "Times New Roman", "Garamond", Times, serif; font-style:italic; padding:6px 18px 2px 0; text-align:right !important}
.program td.right {border-left:1px dashed #669900;  }
.program strong {font-weight:bold; }

.program ul {margin:8px 0 8px 18px !important; padding:0 !important;  border-top:1px dotted #669900;}
.program ul li {list-style:none; background: url("bullet4.gif") no-repeat 0 5px !important; margin:0 !important; padding:2px 2px 2px 20px !important; color:#9696ae; font-size:8pt; clear:right; border-bottom:1px dotted #B8D3E6;}
.program .right li {color:#9696ae;}

.program .presentation {float:right; margin:-8px 2px 2px 2px; padding:0;}
.program .presentation img {border:0; margin:0; padding:0}

.program .tolya {color:#669900; font-weight:normal; font-size: 80%; }
/*****************************************
REGISTRATION
*****************************************/


.registration {background:#FAFAF7; padding:30px; margin:10px 0; display:block; float:none}
.registration table {margin:0; padding:0;  border-top:1px dotted #B2AC96;}
.registration td {border-bottom:1px dotted #B2AC96; padding:4px 8px 4px 8px; vertical-align:top}
.registration .large {width:100%}
.registration .small {width:70%}
.registration .alert {color:#E6A925}
.registration .submit {background:#F5B018; padding:8px 16px; border:0; font-size:10pt; font-weight:bold; color:#FFF; cursor:pointer }
.registration .submit:hover {background:#FCBA29}
.registration strong {white-space:nowrap}

.regclose {color: red; font-size:120%; text-align:center;}
.regclose a {color: red !important}
ul.alert {margin-top:60px !important; color:#FF0000 !important; display:block}




/*****************************************
INDEX STUFF
*****************************************/
.indexkey div {display:block; margin:6px 0; padding:0; height:155px !important; clear:right}
.indexkey img {float:left;}
.indexkey p { margin-left:10px}

.indexkey2 {margin-top:40px}
.indexkey2 .signature {text-align:right;}
.indexkey2 img {margin:10px; float:left; display:block;}


/*****************************************
HACKERS
*****************************************/
.idiot {margin:0; padding:20px; background:#EAF1F5; width:400px; line-height:200%}
.idiot strong {width:100px; display:block; float:left}
.idiot em {font-style:italic}
.children {display:block; margin:-330px 0 0 310px;}


/*****************************************
PHOTOALBUM
*****************************************/
.photoalbum {font-size:8pt; line-height:100%}
.photoalbum a {margin:0; padding:0}
.photoalbum a img {padding:6px; background:#FFF; border:2px solid #FFF}
.photoalbum a:hover img {border:2px solid #E6EFF5; background:#E6EFF5}
.photoalbum a:visited img {padding:6px; background:#E6EFF5; border:2px solid #FCBA29}