/*********************************************************
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;}
.center{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;}

/*****************************************
MAIN LAYERS
*****************************************/
#wrapper {width:100%; min-width:980px; }
#headtop {background: url('top_bg.gif') repeat-x top left; color:#DEDEDE; height:202px; padding:0; margin:0; border-bottom:1px solid #000; width:100%}
#headleft {width:220px; margin:0; padding:12px 30px 30px 30px; float:left; text-align:center; height:160px; }
#headright {margin:0 0 0 308px; padding:0 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}


/* Header */

#headtop0 {background:#000; border-top:4px solid #628299; padding:0 10px 0 318px; color:#8D9599; font-size:90%; clear:both; height:32px; line-height:32px}
#headtop1 {height:4px; background:#628299}

#headtop0 .headyearstxt1 {line-height:32px; float:left}
#headtop0 .headyears {float:left; margin:0 0 0 80px; width:150px}


#headtop0 .headyearslist {float:right; display:block}

#headtop0 .headyearslist ul {cursor: pointer; text-transform:lowercase; margin:0; float:left}
#headtop0 .headyearslist li {float: left; position: relative; text-align: left; margin:0; padding:0; display:block; width:50px;}

#headtop0 .headyearslist ul a {display: block; padding:0; margin:0; text-decoration: underline; color:#8D9599; line-height:32px}
#headtop0 .headyearslist ul a:hover {text-decoration:underline; color:#FFF;}

#headtop0 .headyearslist ul .current a, #headtop0 .headyearslist ul .current a:hover {color:#FFF !important; text-decoration:underline; font-weight:bold}



/*****************************************
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: #AAB4B9 !important; margin:0; display:block; width:148px;}
#headright .menu li li a:hover {text-decoration:underline; color:#FFF !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: #FBB929; text-decoration: none; line-height:150%}
#headright .menu a:hover {text-decoration:none;}

#headright .menu .current a {color:#C29427; }
#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.gif') no-repeat top center !important;}


/*****************************************
LEFT CONTENT
*****************************************/
#textleft a {color:#C8A03F}
#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: #5C8199; 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:#F3F7FA url('bullet5.gif') no-repeat right center;}

#textleft .menu li li a {font-weight: normal; font-size:9pt; padding:3px 9px; color: #7C8387 !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:#000; font-weight:normal; font-size: 154%;}
#textleft .sponsors li a {display:block; margin:10px 0}



/*****************************************
MAIN CONTENT
*****************************************/
#textright {line-height:150%}
#textright a{color:#C8A03F}
#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("bullet3.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:#7A8D99; font-weight:normal; font-size: 220%; }
#textright h2 {color:#E6A925; font-weight:normal; font-size: 180%; }
#textright h3 {color:#7A8D99; font-weight:normal; font-size: 160%; }
#textright h4 {color:#7A8D99; font-weight:normal; font-size: 140%; }
#textright h5 {color:#FCBA29; font-weight:normal; font-size: 120%; }

#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 #5C8199; padding:6px 8px 2px 8px; line-height:150%}
.program .datahead {color:#FCBA29; font-family: "Times New Roman", "Garamond", Times, serif; font-size: 190%; font-weight:bold; padding:20px 8px 2px 0; border:0; border-bottom:2px dotted #FCBA29; }
.program .time {color:#7A8D99; 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 #5C8199;}
.program strong {font-weight:bold; }

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

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


/*****************************************
REGISTRATION
*****************************************/


.registration {background:#FAFAF7; padding:30px; margin:10px 0; display:block}
.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}

.nomargin {border:0; margin:0 !important; padding:0 !important}




/* news */

.news a {line-height:170%}