@charset "utf-8";
@import url("reset-style.css");
/* CSS Document */

/* initialize items */
html {  overflow-y:scroll; }
body { font-size: 12px; color: #222222; text-align: center; }
h1, h2, h3, h4, table { padding: 2px 10px 4px 10px; line-height: 1.3em; }
h1 { font-size: 30px; }
h2 { font-size: 22px; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 12px; font-weight: bold; }
p { padding: 2px 10px 6px 10px; }
p { line-height: 1.7em; }
ul { padding: 2px 10px 4px 20px; }
ul li { padding: 0px 15px 8px 15px; /*font-size: 12px;*/ list-style: none; background: url(../images/list-bullet.gif) 0 3px no-repeat; }
a, a:visited, a:active { padding: 2px 0 4px 0;  color: #1D4A98; }
a:hover { color:#555555; }

.clearfix { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

fieldset { margin: 5px 8px; padding: 5px; border-top: 1px solid #E3E3E3; }
legend { padding: 3px; font-size: 14px; font-weight: 900; }
fieldset div { display: block; margin: .5em; }
fieldset div input, fieldset div textarea, fieldset div select { width: 200px; padding: 2px; border: 1px solid #CBCBCB; }
label { float: left; padding:2px 10px; width: 100px; }
input:focus, textarea:focus { background-color: #E3E3E3; }
fieldset div .form-button { float:left; margin: 0 3px; width: 75px; font-weight:bold; text-align:left; }
fieldset div .form-button input { padding: 0; width: 75px; height: 25px; font-weight: bold; text-align: center; border: none; background: url(../images/bg-submit.jpg) 0 50% no-repeat; }

.required { color: #CC0000; font-weight:bold; padding-left: 20px; }

.compact-form { width:800px; padding:0; margin: 0; }
fieldset.compact-form { margin: 5px 8px; padding: 5px; }
.compact-form div, .compact-form label, .compact-form input { font-size:10px; }
.compact-form label { width: 150px;  } 
.compact-form input { width: 250px; height: 15px; }
.compact-form textarea { width: 250px; }

.compact-form.notifyme { width:500px; background:#FFFFFF; border: 1px solid #CCCCCC; }
.compact-form.notifyme input { height: 20px; }

.form-column { float: left; width: 150px; }
.form-column label { padding: 2px; width: .5em; }
.form-column input { float:left; width:125px; }

.form-row { float: left; width: 650px; }
.form-row label { padding: 2px; width: .5em; }
.form-row input { padding: 0; margin: .4em; }
.form-row div, .form-row input { float:left; width:150px; }

.form-radio { float: left; width: 200px;}
.form-radio label{ float:left; width: auto; }
.form-radio input { float: left; border: none; margin: 0 5px 0 0 ; width: 15px; }


table { width: 750px; font-size: .9em; border-collapse: collapse; }
thead th { padding:3px 5px; height:25px; color:#1D4A98; text-align:left; text-transform:uppercase; font-weight: bold; border-right: 1px solid #FFF; background: url(../images/bg-table-cell.jpg) bottom left repeat-x; }
tfoot th { padding: 5px; margin-top:6px; color:#1D4A98; text-align:left; text-transform:uppercase; font-size: .9em; font-weight: bold; }
tbody tr { border-bottom: 1px dotted #CBCBCB; border-right: 1px solid #FFF;}
tbody td { padding: 4px 4px; text-align:left; }
tbody td a, tbody th a { display:block; color:#1D4A98; text-decoration:none;  }
tbody td a:hover, tbody th a:hover { color:#555555; }
a.register { display: block; padding: 5px 0 0 30px; width: 50px; height: 20px; font-size: 10px; font-weight: bolder; text-transform: uppercase; color: #222222; text-decoration:none; background: url(../images/btn-register.gif) 0 50% no-repeat; }

/* Layout */
#wrapper { margin: 0 auto; width: 1000px; background-color:#FFFFFF; text-align: left;  }

#navbar-top { padding-top: 10px;  height:25px;text-align:right; }
#logo { height:75px; text-align:left; }
#container { float: left; }

/* index page containers */
#left-col { float:left; width:640px;}
#right-col { float:left; width: 345px; background:url(../images/bg-index-sidebar.jpg) top right no-repeat;}

#item01 { width: 640px; height:200px; } /* flash intro container on index page*/
#item02 { width: 640px; height: 140px; } /* index page heading container */
#item03 { width: 640px; height: 150px; } /* channel-box rollovers container*/

/* index page channel-box(cbx) selection buttons/links */
.channel-box { float: left; padding-right: 10px; width: 150px; height: 150px; color: #555555; }
.channel-box p {  padding: 15px 12px 0 0; font-size:13px;text-align:center; }
a.cbx-link { display: block; padding:0 0 0 23px; margin:0 0 0 5px; color: #555555; font-size: 22px; text-decoration: none; background:url(../images/arrow_off.gif) left no-repeat; }
a.cbx-link:visited { color: #222222; background: url(../images/arrow_on.gif) left no-repeat; }
a.cbx-link:hover { color: #222222; background: url(../images/arrow_over.gif) left no-repeat; }
a.cbx-link:active { color: #222222; background: url(../images/arrow_on.gif) left no-repeat; }

#defaultText { display: block; margin:0 5px 0 60px; width:285px; height:470px; background:url(../images/bg-index-sidebar-off.jpg) 20px 45px  no-repeat; }
#attendText { display: none; margin:0 5px 0 60px; width:285px; height:470px; background:url(../images/bg-attend-over.jpg) 20px 45px no-repeat; }
#sponsorText { display: none; margin:0 5px 0 60px;  width:285px; height:470px;background:url(../images/bg-sponsor-over.jpg) 20px 45px no-repeat; }
#speakText { display: none; margin:0 5px 0 60px;width:285px; height:470px;  background:url(../images/bg-speaker-over.jpg) 20px 45px no-repeat; }
#partnerText { display: none; margin:0 5px 0 60px;  width:285px; height:470px; background:url(../images/bg-partner-over.jpg) 20px 45px no-repeat; }
.sidebarTextDiv { color: #222222; }
.sidebarTextDiv h4 { padding:20px 15px 8px 15px; font-size:12px; font-weight: bold; text-transform:uppercase;background:url(../images/rule.gif) bottom no-repeat; }
.sidebarTextDiv h2 {  padding:20px 15px 0px 15px; margin-top: 225px; font-size: 36px; color: #1D4A98; font-weight: normal; text-transform:lowercase; background:url(../images/rule.gif) top no-repeat; }
.sidebarTextDiv p { padding: 6px 15px; font-size:11px; }

/* general template containers */
#outer-wrap { float: left; width: 995px; background: #FFFFFF url(../images/bg-leftnav.jpg) bottom left no-repeat; }
#main-wrap { float: left; width: 735px; margin-right: -160px;}
#main-wrap.two-col { width: 995px; }
#main-wrap.two-col #content { width: 823px; }
#content { float: right; padding:0 0 0 10px; margin: 0; width: 563px;}

#extra { float: right; width: 260px;}
.extra-heading { position: relative; top: -1.1em; }
.extra-heading h4 { padding-bottom: 10px; text-transform: uppercase; }

#info-wrapper { float: left; padding: 10px 0 12px 10px; width:525px; background: #FFFFFF url(../images/bg-info-wrapper.jpg) bottom left no-repeat; }
.bullet-box { float: left; padding: 5px 5px 5px 8px; width: 45%;background:none;}
.box-divider-left { margin-bottom: -3px; background:url(../images/bg-info-divider.jpg) bottom left no-repeat; }
.bullet-box h4 { text-transform: uppercase; font-weight:bold; color:#1D4A98; }
.bullet-box ul { font-size: 10px; line-height:1.5em; }
.bullet-box p { padding: 2px; margin: 0; font-size: 12px; line-height:2em; }
.bullet-box li { padding-left: 12px; }
.bullet-contact { clear:both; padding-left: 0px; font-size: 10px; line-height:1.5em; }

/* Custom Events page */

#info-3col-bullets { float: left; width:525px; }
.column-box { float:left; width: 33% }
.column-box ul { padding-left: 0px;  }
.column-box ul li { list-style: none; background: none; line-height:.9em; padding-left: 10px; color: #1D4A98; }

#content.custom-events h4 { text-transform: uppercase; color: #1D4A98; }
#info-2col-container { float: left; width: 525px; margin-bottom: 20px; }
.column-box-2 { float: left; width: 45%; padding-left: 10px; }

/* scroll-box(sbx) and repetitive items listed within it */
#scroll-box {  width: 255px; border: 3px solid #E3E3E3; }
#scroll-box img { padding: 5px 5px 3px 10px; }
#scroll-box.wide { float: left; margin:0 0 10px 10px; width: 655px; }
#scroll-box.wide table { width: 639px; }
#scroll-box.wide .sbx-item { width: 625px; background: #FFFFFF url(../images/bg-upcoming-links.jpg) bottom left repeat-x; }
#scroll-box.wide .sbx-item-info { width: 440px; }
#scroll-box.display-heading-none { float: none; position: relative; top: 1em; }


.sbx-item { float: left; padding:5px 3px 5px 5px; font-size:10px; line-height: 1.1em; width: 220px; border-bottom: 1px dotted #222222; }
.sbx-item img { float: left; }
.sbx-item a { float: left; /*font-size:10px;*/ }
.sbx-item-info { display:block; float: left; /**/padding: 2px 0 4px 10px; width:150px; font-size: 12px; white-space:normal; }
.sbx-item-info h4 { font-size: 10px; font-weight:bold; color:#333333;}
.sbx-item-info h4, .sbx-item-info p { float: left; padding: 2px 0 4px 0; font-size: 11px; color: #555555; line-height: 1.1em; }
.sbx-item h4 a, .sbx-item h3 a { text-decoration: none; }
.sbx-item-info .summary { padding: 3px 0 5px 0; }
.sbx-item-info .uid {float: left; padding: 3px 0 5px 0; font-size: 11px; line-height: 1.3em; }
.sbx-item-info .description { display: block; float: left; padding: 3px 0 5px 0; font-size: 11px; line-height: 1.3em;  }
.sbx-item span.date { float: left; display: block; width: 125px;  }
.sbx-item span.location { float: left; display: block;  margin-right: -125px; width: 300px; }
.sbx-date-group { float: left; padding: 3px 0 5px 0; }
/*.sbx-date-group p { padding-left: 10px; }*/
.sbx-desc-group { float: left; padding-top: 10px 0 4px 0; width:440px; }
/*.sbx-desc-group p { padding-left: 10px; }
.sbx-desc-group a { padding-left: 10px; }*/
.sbx-more { float: left; padding: 40px 0px 3px 0; width:55px; background: url(../images/bg-btn-07.gif) top left no-repeat; }
.sbx-more a { display: block; padding-bottom: 5px; font-size: 10px; font-weight: bold; text-transform:uppercase;  text-decoration: underline; }


/* framed content for button boxes/links for conferences.html */

#content-framed { clear: both; padding: 0; margin: 0 0 15px 0; width: 550px; height: 385px; background: #FFFFFF url(../images/bg-upcoming.jpg) top left no-repeat; }
#content-framed.wide { width: 690px; background: #FFFFFF url(../images/bg-events-frame-wide.jpg) top left no-repeat; }
ul.upcoming-events-links { clear: both; display: block; padding: 0; margin: 0 10px 0px 10px; height: 100px; }
ul.upcoming-events-links li { float: left; display: block; padding: 0 0 0 2px; width: 130px; height: 110px; font-size:12px; font-weight: bold; background: #fff url(../images/bg-upcoming-links2.jpg) bottom left repeat-x; }
ul.upcoming-events-links li.first { background: #fff url(../images/bg-upcoming-links.jpg) bottom left repeat-x; }
ul.upcoming-events-links li a, ul.upcoming-events-links li a:visited, ul.upcoming-events-links li a:active { float: left; display: block; width: 110px; height: 90px; padding: 15px 5px 5px 15px; color: #222222; line-height: 1.25em; }
ul.upcoming-events-links li a:hover { color: #1D4A98; text-decoration:underline; }

.display-heading { position: relative; top: 1em; }/* Used for content-framed/scroll-box that need a heading included */
.display-heading h4 { float: left; padding: 3px; margin: 10px; width: 95%;  color: #FFFFFF; text-transform:uppercase; background: #1D4A98; }
.display-heading h4 a.show-all { float: right; font-size:10px; font-weight:bold; padding: 0 3px 0 0; color: #1D4A98; background-color: #E3E3E3; border: 1px solid #FFFFFF; text-decoration: none; }
.display-heading h4 a:hover.show-all { background-color: #CCCCCC; }
.display-heading h4.notifyme { width:100%; margin: 0; }
/* tools for printing,forwarding */
ul#user-tools li { float: left; display: inline; background: none; }
ul#user-tools li a, ul#user-tools li a:visited, ul#user-tools li a:active { float: left; padding: 10px 0 0 30px; height: 20px; font-size: 10px; font-weight: bolder; text-transform: uppercase; color: #222222; text-decoration:none; }
ul#user-tools li a:hover { color: #1D4A98; text-decoration:underline; }
ul#user-tools li#uts-print {width: 50px; background: url(../images/btn-print.jpg) 12px 6px no-repeat; }
ul#user-tools li.uts-forward a {width: 50px; background: url(../images/btn-forward.jpg) 0% 50% no-repeat; }
ul#user-tools li.uts-mailing a { display:inline-block; background: url(../images/btn-register.gif) 0 50% no-repeat; }
/* top level navigation */
ul#navbar-top-list { padding: 0; }
ul#navbar-top-list li { display: inline; padding: 0; color: #cccccc; background: url(../images/bg-link-divider.gif) bottom right no-repeat;  }
ul#navbar-top-list a, ul#navbar-top-list a:visited { padding: 5px 10px 2px 10px; font-size: 12px; color: #1D4A98; text-decoration: none; border-top: 6px solid #ffffff; }
ul#navbar-top-list a:hover { border-top: 6px solid #1D4A98; }
ul#navbar-top-list a:active { font-weight: bold; border-top: 6px solid #1D4A98; }
ul#navbar-top-list li.pod-icon { background: none;  }
ul#navbar-top-list li.pod-icon a { padding-left: 25px; background: url(../images/icon_podcast_feed.gif) 5px 3px no-repeat; }
/*ul#navbar-top-list li a.pod-icon, ul#navbar-top-list li a.pod-icon:active {padding: 5px 10px 2px 23px; background: url(../images/icon_podcast_feed.gif) 0 7px no-repeat;  }*/

/* left hand navigation */
#left-nav { float: left; position: relative; width: 158px;}
ul#left-nav-list { padding: 0 0 0 3px; }
ul#left-nav-list li { padding: 5px 3px 6px 0px; font-size: 10px; background: none; }
ul#left-nav-list li a, ul#left-nav-list li a:visited, ul#left-nav-list li a:active { display: inline-block; padding: 0 0 0 12px; color: #555555; text-decoration:none; background: url(../images/leftnav-arrow.gif) no-repeat 0 50%; }
ul#left-nav-list li a:hover { color: #222222; background: url(../images/leftnav-arrow-on.gif) no-repeat 0 50%;}

/* right colomn */
.extras-top { width: 260px; height: 12px; background:url(../images/bg-right-col-top.gif) top left no-repeat; }
.extras-middle { background:url(../images/bg-right-col-middle.gif) top left repeat-y; }
.extras-bottom { width: 260px; height: 15px; background:url(../images/bg-right-col-bottom.gif) top left no-repeat; }


/* footer */
#footer { clear: both; height: 75px; text-align:center; background: url(../images/rule.gif) top repeat-x; }
#footer .copy { padding: 8px 0 0 0; font-size: .9em; color: #555555; }
ul#footer-nav { padding: 8px 0 0 0; }
ul#footer-nav li { background: url(../images/bg-link-divider-footer.gif) 0 50% no-repeat; }
ul#footer-nav li.first { background: none; }
ul#footer-nav li, ul#footer-nav a, ul#footer-nav a:visited, ul#footer-nav a:active { display: inline; padding: 5px 3px; font-size: .9em; text-decoration:none; } /* removed original color: #CCCCCC per john and sasha */
ul#footer-nav a:hover { color: #222222; }


/* presentation */

#content h1 { padding-left: 15px; }
.head-content { padding: 0px 15px 8px 185px; }
.head-01 { padding-top: 58px; }
.subhead-01 { font-size:15px; }