/* FONTS */
@font-face {
font-family:'titillium_bdbold'; 
src:url('fonts/titillium-bold-webfont.eot'); 
src:url('fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'), 
url('fonts/titillium-bold-webfont.woff2') format('woff2'), 
url('fonts/titillium-bold-webfont.woff') format('woff'), 
url('fonts/titillium-bold-webfont.ttf') format('truetype'), 
url('fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg'); 
font-weight:bold; 
font-style:bold; 
}

/* MAIN */
address, blockquote, body, caption, center, dd, dir, div, dl, dt, h1, h2, h3, h4, h5, h6, menu, ol, ul, li, form, table, th, tr, td, p {font-size:100%; font-family:verdana, arial, helvetica, sans-serif} 
body {font-family:verdana, arial, helvetica, sans-serif; margin:0 0 0 1px; letter-spacing:0.03em; color:#111; text-align:center; line-height:1.4em; font-size:70%; background:#bbb} 
p {margin-top:0.5em; margin-bottom:2em}

/* MAIN LAYOUT DIVS */
#warning {display:none}
#header {text-align:left; margin-bottom:20; height:114px; border-radius:5px; padding:40 0 0 0}
#header2 {text-align:left; margin-bottom:20; height:105px; border-radius:5px; padding:20 0 0 0}
#menu {width:800px; margin:0; z-index:10; background:#3f4ca8; height:18px; border-radius:0px}
#main {margin:20 auto; padding:20px; width:800px; background:#3f4ca8 url(pix/background.png) top no-repeat; border-radius:2px; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.5)}
#watermark {float:left; background:url(pix/operahouse.png) right bottom no-repeat}
#page {float:left;background:#ffffff url(pix/pagebg.png) top repeat}
#redbar {background: #ff3300;height:10px;width:240px}
#sidebar {padding:10px;float:left; width:220px; margin-top:-10; margin-bottom:0; z-index:-10; color:#000; font-size:95%; text-shadow:0px 1px rgba(0, 0, 0, 0.1)}
#content {margin:0 0 20 0; padding:20px; padding-bottom: 50; float:right; width:520px; text-align:justify}
#footer {font-weight:bold; font-size:80%; width:800px; margin-top:10px; clear:both; text-align:center; background:#2f3c88;text-shadow:0px 1px rgba(0, 0, 0, 0.6)}
#marginfix {display:none}

/*FOOTER LINKS*/
#footer a:link {color:white}
#footer a:visited {color:white}
#footer a:hover {color:#fa7}

/* HEADINGS */
H2, H3, H4, H5, H6 {font-family:titillium_bdbold; text-align:left; padding:0px; line-height:1em; clear:left; margin:0.5em 0 0.5em 0}
H2 {color:#3f4ca8; font-size:4.8em; margin-top:-80}
H3 {color:#000000; font-size:2.4em}
H4 {color:#3f4ca8; font-size:1.8em}
H5 {color:#e30; font-size:1.6em}
H6 {color:#3f4ca8; font-size:1.4em}

/* LISTS */
ul {margin:0 1.6em 0 1.6em; padding:0px; list-style:square outside url('pix/bullet.png'); clear:left}
li {padding-bottom:0.8em; text-align:left}

/* LINKS */
a img {border:none; outline:none}
a:link {font-weight:bold; color:#3f4ca8; text-decoration:none; border:none; transition:all 0.15s ease-in-out}
a:visited {font-weight:bold; color:#3f4ca8; text-decoration:none; border:none}
a:hover {font-weight:bold; color:#fa7; text-decoration:none; background:#3f4ca8; border:none; transition:all 0.15s ease-in-out}
a:active {font-weight:bold; color:#fa7; text-decoration:none; border:none}

/* FORMS */
.form {margin:40 20 20 0; padding:20px; background:rgba(255, 255, 255, 0.90) url(pix/watermark.png) top no-repeat; text-align:left; width:760px; text-align:justify; border-radius:3px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5); transition:background 0.25s ease-in-out}
.form:hover {background-color:rgba(255, 255, 255, 0.95); transition:background 0.25s ease-in-out}
.form h2{text-align:right}
.jump {font-size:80%; margin:10; padding:10}
.label {width:300px; text-align:left; font-weight:bold}
.label em {font-weight:normal}
.formtext {font-family:verdana, arial, helvetica, sans-serif; font-size:90%; color:#333; letter-spacing:0.03em; border:1px solid #aab; width:400px; padding-left:5px}
.formtext2 {font-family:verdana, arial, helvetica, sans-serif; font-size:90%; color:#333; letter-spacing:0.03em; border:1px solid #aab; width:120px; padding-left:5px}
.formtext3 {font-family:verdana, arial, helvetica, sans-serif; font-size:90%; color:#333; letter-spacing:0.03em; border:1px solid #aab; width:300px; padding-left:5px}

/* DROP DOWN MENUS */
#nav, #nav ul {padding:0; margin:0; list-style:none; line-height:2; text-shadow:0px 1px rgba(0, 0, 0, 0.6)}
#nav a {font-size:80%; display:block; width:88px; text-align:center; text-transform:uppercase}
#nav li {float:left; width:88px; padding-bottom:0}
#nav li ul {position:absolute; background:#3f4ca8; width:88px; left:-999em}
#nav li ul li {border-bottom:1px solid #3f4ca8}
#nav li:hover ul, #nav li.sfhover ul {left:auto; transition:all 0.15s ease-in-out}
#nav a:link {color:#fff; font-weight:bold}
#nav a:visited {color:#fff; font-weight:bold}
#nav a:hover {color:#fa7; font-weight:bold; transition:all 0.15s ease-in-out}

/* CUSTOM CLASSES */
.bottom, .top {text-align:center; font-size:90%}
.overline {border-top:1px solid #dde}
.title {margin:0;font-family:titillium_bdbold; font-size:10em; color:rgba(255, 255, 255, 0.9)}
.title2 {margin:160 0 0 180;font-family:titillium_bdbold; font-size:1.8em; color:rgba(255, 255, 255, 1);line-height:1em}
.spacer {}

/* PICTURES */
.pic {width:250px; height:auto; margin-right:10px; border:0px;border-radius:3px}
.speakerpic {float:left; width:150px; height:auto; border:0px; margin-right:10px; border:1px solid #666; border-radius:3px}

/* ICON CLASSES */
.mail {background:url(pix/mail.png) no-repeat left scroll; padding-left:15px; height:1px}
.mail:hover {background:#3f4ca8 url(pix/mail.png) no-repeat left scroll; padding-left:15px; height:1px}
.doc {background:url(pix/doc.png) no-repeat left scroll; padding-left:15px; height:1px}
.doc:hover {background:#3f4ca8 url(pix/doc.png) no-repeat left scroll; padding-left:15px; height:1px}
.back {text-transform:uppercase; background:url(pix/back.png) no-repeat left scroll; padding-left:10px; height:1px}
.back:hover {text-transform:uppercase; background:#3f4ca8 url(pix/back.png) no-repeat left scroll; padding-left:10px; height:1px}
.up {text-transform:uppercase; background:url(pix/up.png) no-repeat left scroll; padding-left:10px; height:1px}
.up:hover {background:#3f4ca8 url(pix/up.png) no-repeat left scroll; padding-left:10px; height:1px}
.down {text-transform:uppercase; background:url(pix/down.png) no-repeat left scroll; padding-left:18px; height:1px}
.down:hover {background:#3f4ca8 url(pix/down.png) no-repeat left scroll; padding-left:18px; height:1px}
.close {background:url(pix/close.png) no-repeat left scroll; padding-left:15px; height:1px}
.close:hover {background:#3f4ca8 url(pix/close.png) no-repeat left scroll; padding-left:15px; height:1px}
.search {background:#fff url(pix/search.png) no-repeat left scroll; padding-left:16px}
.search:hover {background:#fff url(pix/search.png) no-repeat left scroll; padding-left:16px}

/* TABLES */
td {vertical-align:top}
th {font-weight:bold; background:#eef}
.grey {background:#bbb; color:#666}
.bluetable {font-size:90%; padding:1em; line-height:1.5em; background:#cef; margin-bottom:2em; border-radius:3px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4)}
.whitetable {font-size:90%; padding:1em; line-height:1.5em; background:#fff; margin-bottom:2em; border-radius:3px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4)}

/* BOXES */
.box, .bluebox, .whitebox , .yellowbox {border:1px solid #aaa; padding:10px; margin:0 auto; margin-bottom:2em; border-radius:3px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4)}
.bluebox {background:#cef}
.whitebox {background:#fff}
.yellowbox {background:#ffc}

/* LINES */
hr {border:0; background-color:#fff; color:#fff; height:1px}

/* ABSTRACTS */
.abstractheading, .abstractbody {font-family:arial, helvetica, sans-serif; text-align:justify; margin-top:0.5em; margin-bottom:1em}
.abstractheading {font-size:120%}

/* BUTTONS */
.bigbutton, .bigbutton2, .bigbutton3 {
cursor:pointer; cursor:hand; 
color:#fff; 
font-size:1.2em; 
font-weight:bold; 
margin:10px; 
border:1px solid #666; 
width:200px; 
height:30px; 
background:#fa7; 
text-shadow:0 1px rgba(0, 0, 0, 0.4); 
border-radius:3px; 
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4); 
transition:background 0.15s ease-in-out
}

.bigbutton {background:#fa7 url(pix/fwd.png) no-repeat left scroll; padding-left:28px} 
.bigbutton2 {background:#aaa url(pix/bak.png) no-repeat left scroll; padding-left:28px}
.bigbutton3 {background:#e31 url(pix/stop.png) no-repeat left scroll; padding-left:28px}

.bigbutton:hover {border:1px solid #666; background:#ae6 url(pix/fwd.png) no-repeat left scroll; padding-left:28px}
.bigbutton2:hover {border:1px solid #666; background:#bbb url(pix/bak.png) no-repeat left scroll; padding-left:28px}
.bigbutton3:hover {border:1px solid #666; background:#f42 url(pix/stop.png) no-repeat left scroll; padding-left:28px}

.smallbutton {
cursor:pointer; cursor:hand; 
color:#fff; 
font-size:1em; 
font-weight:bold; 
border:1px solid #666; 
background:#69f; 
margin:1px; 
text-shadow:0 1px rgba(0, 0, 0, 0.4); 
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); 
border-radius:3px; 
transition:background 0.15s ease-in-out
}

.smallbutton:hover {border:1px solid #666; background:#fa7}