/* ---------- RESETS ---------- */
html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p ,
blockquote , pre , abbr , acronym , address , big , cite , code , del , dfn , em , font ,
img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u ,
i , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table ,
caption , tbody , tfoot , thead , tr , th , td { border:0; outline:0; font-size:100%; vertical-align:baseline; margin:0; padding:0;  }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* ---------- MAIN STRUCTURAL BLOCKS ---------- */
body { background: #3b6985 url(../images/body_bg.gif) top left repeat-x; line-height: 1em; font: 1em "Lucida Grande", Arial, Verdana, sans-serif; color:#1A1A1A;  }
#wrapper { width: 840px; margin: 40px auto 0px auto; padding: 0px; background: url(../images/wrapper_bg.gif) top left repeat-y; min-height: 400px;}
#sidearea { width: 240px; float: left; background: url(../images/sidearea_bg.gif) top left no-repeat; min-height: 80px; }
#mainarea { width: 600px; float: right; background: url(../images/mainarea_bg.gif) top left no-repeat; min-height: 25px; }
#header {}
#footer { width: 840px; margin: 0px auto 25px auto; padding: 0px; min-height: 35px; background: url(../images/footer_bg.gif) top left no-repeat; }
#copyright { padding-top: 60px; }
#copyright p { text-align: center; color: #FFFFFF; font: .7em "Lucida Grande", Arial, Verdana, sans-serif; line-height: 1.5em;}
#copyright a { text-decoration: none; color: #FFFFFF; }
#copyright a:hover { color: #fecb09; }
.ofnote { text-align: center; color: #CC0000; }

h1 { font-size: 24px; color: #CC0000; margin: 25px 0px 5px 0px; }
h2 { font-size: 18px; color: #81613b; margin: 30px 0px 0px 0px; }
h3 { font-size: 14px; color: #000000; margin: 0px 0px 25px 0px; }
h4 { font-size: 18px; color: #000000; margin: 50px 0px 5px 0px; text-align: center; }
h5 { font-size: 16px; color: #3b6985; margin: 25px 0px 10px 10px; text-align: left; text-transform: uppercase; border-bottom: 1px dotted #3b6985;}

#topnav {}
ul#sidenav { margin-left: 10px; margin-bottom: 25px; margin-top: 20px;  list-style-type: none; font: .75em Arial, Helvetica, sans-serif; }
ul#sidenav li { line-height: 20px; padding: 10px 0px 10px 30px; color: #1A1A1A; border-bottom: 1px dotted #7d654b;}
ul#sidenav li:hover { background-color: #B99E7B; }
ul#sidenav li a { font-weight: bold; color: #1A1A1A; text-shadow: #B99E7B 1px 1px 2px; text-decoration: none; padding-left: 10px; }
ul#sidenav li a:hover { color:#1A1A1A; }
ul#sidenav a.activetab { color: #000000; }
ul#sidenav li#atb { background-color: #FFFFFF; color: #FFFFFF; border-bottom: 1px solid #7d654b;}
ul#tweetnav li#ata { background-color: #FFFFFF; color: #FFFFFF; border-bottom: 1px solid #7d654b;}
.homico { background: url(../images/home_tiny.png) no-repeat 5px 7px; padding-left: 30px; }
.conico { background: url(../images/phone_tiny.png) no-repeat 5px 7px; padding-left: 30px; }
.volico { background: url(../images/vol_tiny.png) no-repeat 5px 7px; padding-left: 30px; }
.tktico { background: url(../images/ticket_tiny.png) no-repeat 5px 7px; padding-left: 30px; }
.spnico { background: url(../images/sponsor_tiny.png) no-repeat 5px 7px; padding-left: 30px; }
.rstico { background: url(../images/rest_tiny.png) no-repeat 5px 5px; padding-left: 30px; }
.cciico { background: url(../images/cc_tiny.png) no-repeat 5px 7px; padding-left: 30px; }
.prsico { background: url(../images/press_tiny.png) no-repeat 5px 5px; padding-left: 30px; }
.gstico { background: url(../images/guest_tiny.png) no-repeat 5px 5px; padding-left: 30px; }
.phoico { background: url(../images/camera.png) no-repeat 5px 5px; padding-left: 30px; }



#logo { background: url(../images/logo2.gif) top center no-repeat; min-height: 108px; margin-top: 50px; padding-top: 125px;  }
#sidecontent { margin: 10px; }
#sidecontent p { font: .75em Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 15px 0px; }
#sidecontent a { color: #CC0000; border-bottom: 1px dotted #CC0000; text-decoration: none; }
#sidecontent a:hover { border-bottom: 1px solid #CC0000; }

#maincontent { margin: 20px 40px 20px 20px; }
#maincontent p { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 15px 0px; }
#maincontent td { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 15px 0px; padding: 5px; vertical-align: top; }
#maincontent a { color: #CC0000; border-bottom: 1px dotted #CC0000; text-decoration: none; }
#maincontent a:hover { border-bottom: 1px solid #CC0000; }
#maincontent a.borderless { border: none; }
#maincontent ul { margin: 25px 0px 25px 10px; font: .75em Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 15px 0px; padding: 5px; vertical-align: top; }
#maincontent ul li { list-style-type: none; background: url(../images/bullet.png) no-repeat 0px 3px; padding-left: 20px; margin-bottom: 7px; }
#gallery a { border: none; }
#gallery a:hover { border: none; }
#gallery a img:hover { background-color: #ced9e0; }

/* ---------- Images and Alignments ---------- */
.zerom { padding: 0px; margin: 0px 0px 15px 0px; }
.presenter { margin: 30px 0px 25px 0px; padding-bottom: 5px; border-bottom: 1px dotted #81613b; text-align: center; }
.headerimg { border: 1px solid #CCCCCC; padding: 10px; background-color: #F7F3F7; }
.alignleft {}
.alignright {}
.aligncenter { text-align: center; }
.caption { font-size: .7em; width: 220px; margin-top: 5px; }
.thumb { padding: 5px; background-color: #F7F3F7; border: 1px solid #CCCCCC; margin: 0px 5px 5px 0px; }
.thumbleft { float: left; padding: 5px; background-color: #F7F3F7; border: 1px solid #CCCCCC; margin: 0px 5px 5px 0px; }
.thumbright { float: right; padding: 5px; background-color: #F7F3F7; border: 1px solid #CCCCCC; margin: 20px 0px 10px 10px; }

/* ---------- Form Elements ---------- */
form { margin: 0px; padding: 0px; }
input, textarea, select { background: #FFFDF2; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;  }
input, textarea, select { padding: 4px; margin: 0px 0px 0px 5px; color: #333; }
form div {  margin: 0px 0px 0px 10px; padding: 0px; padding-top: 0.4em; padding-bottom: 0.2em; }
form div label { float: left; width: 75px; font-size: 0.8em; margin-top: 3px; text-align: left; padding-right: 5px;}
.short { width: 50px; text-align: left; }
.medium { width: 160px; text-align: left; }
.long { width: 300px; text-align: left; }
.frmbuttons { position: relative; top: 10px; right: 10px; float: right; width: 115px; }
button { border: 1px solid #CCCCCC; padding: 3px;}
button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
button.positive { color:#529214; background: #FFFFFF url(../images/tick.gif) no-repeat 8px 3px; margin-bottom: 10px; width: 35px;}
button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
button.continue { color:#529214; background: #FFFFFF url(../images/tick.gif) no-repeat 8px 3px; margin-bottom: 10px; width: 100px; }
button.continue:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
button.negative { color:#d12f19; background: #FFFFFF url(../images/cross.gif) no-repeat 8px 3px; margin-bottom: 10px; width: 100px; }
button.negative:hover { background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }

/* ---------- SideTweet Elements ---------- */
ul#tweetnav { margin-left: 10px; margin-bottom: 10px; list-style-type: none; font: .75em Arial, Helvetica, sans-serif; }
ul#tweetnav li { background: url(../images/twitter_bg.jpg) no-repeat 5px 7px; padding-left: 30px; line-height: 20px; padding: 10px 0px 10px 30px; border-bottom: 1px solid #7d654b;}
ul#tweetnav li a { font-weight: bold; color: #1A1A1A; text-shadow: #B99E7B 1px 1px 2px; text-decoration: none; padding-left: 10px; }
ul#tweetnav a.activetab { color: #000000; }
ul#tweetnav li#atb { background-color: #FFFFFF; color: #FFFFFF; border-bottom: 1px solid #7d654b;}
#sidetweet ul li a { font-weight: normal; text-decoration: none; color: #FFFFFF; }
#sidetweet ul.tweetList { margin: 0px 15px 0px 15px; }
#sidetweet ul.tweetList li { background: url(../images/discussion_ico.gif) no-repeat 0px 6px; font: .75em Arial, Helvetica, sans-serif; line-height: 1.4em; list-style-type: none; line-height: 16px; padding: 4px 0px 10px 20px;}