/* BASIC LAYOUT */
html { overflow-y: scroll; }

body { padding: 0px 0px 10px 0px; margin: 0px; padding-right: 1px; background: url(../image/exp-background.png) #707070; background-position: center top; background-repeat: repeat-y; font-family: "trebuchet MS", "Times New Roman", Arial; font-size: 10pt; }

#menuFrame, #titleFrame, #contentFrame { width: 800px; margin: auto; padding: 0px; }

#menuFrame { padding-top: 5px; padding-bottom: 5px; background: url('../image/menu.png') repeat-x; }

#titleFrame #titleLogo { margin: 0px 2px 0px 2px; padding: 0px; height: 100px; background: url('../image/logo-1.png') no-repeat; background-position: 0px -14px; padding-left: 280px; padding-right: 7px; }
#titleFrame #titleImage { padding: 0px; margin: 0px; height: 100%; background: url('../image/header/foto0.jpg') no-repeat center; }

#contentFrame #content { background: url('../image/logo-1.png') no-repeat; border-top: 2px ridge; background-position: 2px -115px; margin: 0px 2px 0px 2px; }

/* MENU */
#menuFrame { font-family: Courier; color: white; font-size: 10pt; }

#menuFrame ul { list-style: none; margin: 0px; padding: 0px; }

#menuFrame ul li { display: inline; padding-left: 5px; }
#menuFrame ul li a { text-decoration: none; color: white; padding: 5px; font-weight: bold; }
#menuFrame ul li a:hover { text-decoration: none; color: #ff8229; }

/* CONTENT MENU */
div.contentRight { width: 300px; margin: 0px; padding: 0px; float: right; }
div.contentRight .option { text-align: right; background: #FF8229; margin: 0px; padding: 10px 5px 10px 5px; color: #FFE6D6; font-weight: bold; border-left: 1px solid #D66D22; border-bottom: 1px solid #D66D22; }
div.contentRight .option a { color: #FFE6D6; font-size: 12pt; }
div.contentRight .option:hover { background: #FF8738; }
div.contentRight .option .optionTitle { font-size: 12pt; padding: 0px; margin: 0px; }
div.contentRight .option .optionMessage { font-size: 10pt; padding: 0px 0px 0px 15px; margin: 0px; text-align: justify; }
div.contentRight .option .optionMessage a { color: #FFE6D6; font-size: 10pt; }

div.contentLeft { padding-right: 305px; text-align: justify; padding-left: 3px; }
div.contentCenter { padding-right: 3px; padding-left: 3px; text-align: justify; }

#content h1 { font-size: 12pt; text-decoration: underline; }
#content h2 { font-size: 11pt; }

#content div.agenda { margin: 0px 7px 0px 7px; }
#content div.agenda table.agenda { border-collapse: collapse; width: 100%; margin-bottom: 8px; }
#content div.agenda table.agenda thead th { background-color: #efefef; border: 1px solid #cccccc; }
#content div.agenda table.agenda td { border: 1px solid #cccccc; padding: 5px; vertical-align: top; text-align: justify; }
#content div.agenda table.agenda tbody tr { background-color: #dddddd; }
#content div.agenda table.agenda tbody tr.hover { background-color: #eeeeee; }
#content div.agenda table.agenda p { padding: 0px; margin: 0px; }

#content .topic { padding: 0px; margin: 0px; margin-top: 10px; }
#content .topicTitle { font-weight: bold; text-decoration: underline; padding: 0px 0px 3px 0px; margin: 0px; }
#content .topicMessage { padding: 0px 0px 0px 10px; margin: 0px; }
#content .topicFooter { padding: 0px 0px 0px 10px; margin: 0px; }

#content .abstract { font-size: 9pt; font-style: italic; padding-left: 10px; }

.mroAlbumNav { text-align: center; height: 800px; }
.mroAlbumNav p { text-align: center; }
.mroAlbumNav a { padding: 5px; }

#sponsors { margin-top: 20px; text-align: center; height: 200px; }
#sponsors .fotoalbumSlideshow { text-align: center; }
#sponsors p { text-align: center; padding-top: 15px; }

#footer { color: #FFE6D6; font-size: 9pt; text-align: right; padding: 50px 10px 2px 500px; }
#footer a { color: #FFE6D6; }


