/* screen_ccbdc.css */
/* ccbdc */

@import url(screen_tmp.css);

#ccbdc-org, #ccbdc, .ccbdc {}

h5 { margin: 0 0 0.3em 0; }

#contain { width: 98%; }

#content,
.ccbdc #content {
 margin-left: 0;
 font-family: Georgia, "Times New Roman", serif;
 }

/*
h3 {
 position: relative;
 float: left;
 width: 200px;
 height: 80px;
 z-index: 401;
 }
 */
h3#logo_sect {
 position: absolute;
 top: 100px;
 left: 0;
 width: 200px;
 height: 80px;
 text-align: left;
 z-index: 401;
 }
h3#logo_sect a {
 position: absolute;
 top: 0;
 left: 0px;
 display: block;
 width: 200px;
 height: 80px;
 background: transparent url(../graphics/logo_bdc_graph.gif) 0 0 no-repeat;
 }
h3#logo_sect a:hover { background-position: 0 -80px; }
h3#logo_sect a span { display: none; }

/* #nav_sect {
 position: absolute;
 z-index: 302;
 top: 220px;
 left: 0;
 margin: 0 0 3px 0;
 padding: 0;
 border: none !important;
 width: 180px !important;
 background: transparent url() no-repeat;
 font-weight: bold;
 } */
#nav_sect {
 position: relative;
 float: left;
 clear: none !important;
 margin: 95px 0px 3px 0;
 padding: 0;
 border: none !important;
 width: 180px !important;
 background: transparent url() no-repeat;
 font-weight: bold;
 background: #fff;
 }
#sidebar #nav_sect {
 margin: 0 0 3px 0;
 }
#sidebar_rt {background-color:#fff;}
#nav_sect h4 {
 margin: 0;
 padding: 0;
 }
#nav_sect h4 a {
 display: block;
 margin: 0;
 padding: 0;
 height: 24px;
 background: transparent url(../graphics/h_ccbdc_links.gif) top center no-repeat;
 }
#nav_sect h4 a:hover {
 text-decoration: none;
 background-position: 0 -24px;
 }
#nav_sect h4 a span { display: none; }
#nav_sect ul {
 position: relative;
 list-style: none;
 margin: 0;
 padding: 0 0 23px 0;
 border: none !important;
 width: 100%;
 background: transparent url(../graphics/f_ccbdc_links.gif) bottom center no-repeat;
 }
html>body #nav_sect ul { width: auto !important; }
#nav_sect li {
 position: relative;
 margin: 0;
 padding: 0 3px 0 3px;
 background-color: #eee;
 }
#nav_sect li a {
 position: relative;
 display: block;
 margin: 0;
 padding: 3px 0 0 0;
 border-bottom: 2px solid #999;
 width: 100% !important;
 background: #eee;
 }
html>body #nav_sect li a {
 width: auto !important;
 }
#nav_sect li a:link,
#nav_sect li a:visited { }
#nav_sect li a:hover {
 border-bottom: 2px dashed #ccc;
 background-color: #fff;
 text-decoration: none;
 }

#nav_sect li.cur a:link,
#nav_sect li.cur a:visited {
 color: #ccc;
 background: #999 url(../graphics/icon_arrow_blue.gif) center right no-repeat;
 }
#nav_sect li.cur a:hover { color: #fff; background-color: #ccc;}
#nav_sect li a span { padding: 0 2px; }

#ad_irs {padding:20px; text-align:center;}
#ad_irs a {display:block; margin:0 auto; width:73px; height:88px;}

.question {
 margin: 0.3em 1em 0.3em 1em;
 padding: 6px;
 }
.question h6 { margin: 0; }
.question p { margin: 0; }

#content {
 margin-bottom: 24px;
 margin-left: 200px;
 min-height: 18em;
 }
#content a:link,
#content a:visited {
 border-bottom: 1px solid #36c;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 color: #003399;
 }
#content a:hover,
#content a:active {
 border-bottom: 1px dashed #3a3;
 text-decoration: none;
 color: #336633;
 } 

#content ul.board_member {
 list-style: none;
 } 
#content li.bm_n {
 display: inline;
 }
#content li.bm_title {
 display: inline;
 font-style: italic;
 }
#content li.bm_c {}

#content ul.advisor {
 list-style: none;
 }
#content li.ac_n {
 display: inline;
 }
#content li.ac_title {
 display: inline;
 }
#content li.ac_c {}

#dept_footer {
 margin: 3px;
 padding: 0 3px 3px 3px;
 border-top: 1px solid #ccc;
 text-align: right;
 font-weight: bold;
 }
#dept_footer ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }
#dept_footer li {
 display: inline;
 margin: 0;
 padding: 0 3px 0 3px;
 }
#dept_footer li a { padding: 0 3px 0 3px; }
#dept_footer li a:hover { background-color: #eee; }
 
#content #classes {
 margin: 0.5em 1.5em 0.5em 1.5em;
 padding: 6px;
 border: 2px solid #6666cc;
 background-color: #ccff99;
 }
#content #classes h4 {
 margin: 0;
 padding: 0 0 3px 0;
 border-bottom: 2px solid #6666cc;
 }
#content #classes h5 {
 margin: 1px 0 1px 0;
 padding: 0;
 }
#content #classes h5 a {
 display: block;
 margin: 0;
 padding: 2px;
 }
#content #classes h5 a:hover {
 border: 0;
 background-color: #99cc66;
 } 
#class_schedule {
 position: relative;
 }
#class_schedule dl {
 display: block;
 margin-left: 1em;
 }
#class_schedule dl:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
#class_schedule dl { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html #class_schedule dl { height: 1%; }
#class_schedule dl { display: block; }
/* End Hack */
#class_schedule dt {
 clear: left;
 float: left;
 display: block;
 width: 180px;
 font-size: 120%;
 }
#class_schedule dd {
 position: relative;
 float: left;
 padding: 3px;
 border-top: 1px solid #999;
 width: 350px;
 font-family: Arial, sans-serif;
 }
#class_schedule dd h5 {
 margin: 3px 0 0 0;
 }
#class_schedule dd ul {
 list-style: none;
 margin: 0;
 padding: 3px;
 }
#class_schedule dd p {
 margin: 0 1em 0 0;
 }
#class_schedule fieldset {
 position: relative;
 margin: 3px 0 12px 0;
 padding: 0 0 3px 6px;
 border: 2px solid #ccc;
 }
#class_schedule fieldset legend {
 padding: 0 6px 0 24px;
 border: 2px solid #ccc;
 background-color: #ffc;
 }
#class_schedule fieldset .date {
 float: right;
 margin: 0 0 13px 6px;
 padding: 6px 12px 6px 6px;
 font-size: 83%;
 text-align: center;
 background-color: #ccc;
 }
#class_schedule fieldset .date .day {
 display: block;
 font-size: 24px;
 }
#class_schedule fieldset .speaker {
 position: relative;
 float: left;
 margin: 3px 3px 3px 0;
 padding: 0 6px 3px 6px;
 border-top: 3px solid #999;
 font-size: 83%;
 color: #666;
 }

#class_schedule fieldset h5 {
 margin: 0;
 }
#class_schedule fieldset p {
 margin: 3px;
 font-weight: normal;
 }
#class_schedule fieldset ul {
 clear: both;
 list-style: none;
 margin: 0 3px 0 1.5em;
 padding: 0;
 }

#content .slide { float: left; margin: 3px; padding: 6px; width: 165px; height: 200px; }
#content .slide img { margin: 3px; }
#content .slide p {}

.vevent { position: relative; }
.vevent .dtstart,
.vevent .dtend {
 border-bottom: none;
 }
 
 
#classes_by_date {
 position: relative;
 margin: 0 0 13px 0;
 padding: 2px 3px;
 /* background: #eee; */
 }
#classes_by_date h4 {
 margin: 0 0 3px 0;
 }
#classes_by_date ul {
 position: relative;
 list-style: none;
 margin: 0;
 padding: 0;
 }
#classes_by_date ul li {
 position: relative;
 margin: 2px 0 2px 0;
 }
#classes_by_date .vevent .location { display: none; }

#classes_by_date ul li a.url {
 display: block;
 padding-left: 16px;
 background: transparent url(../graphics/li_item.gif) 0 1px no-repeat;
 }

.classes {
 list-style: none;
 margin: 0 20px;
 padding: 10px 50px 10px 10px;
 border: 1px solid #e5e5e5;
 background: #eee url(../graphics/ccbdc_classes.png) 100% 0 no-repeat;
 }
.classes li { margin: 0 0 0.7em 0; padding: 1px; }

.class {border-bottom:2px solid #ccc;}

#nav_content { float: right; }
 
.sidebar {
  position: relative;
  float: right;
  margin: 0 0 13px 18px;
  padding: 0 6px 6px 6px;
  border: 2px solid #f99;
  border-right: 2px solid #c66;
  border-bottom: 2px solid #c66;
  width: 220px;
  background: #9cf;
  z-index: 300;
  } 
.err { padding: 13px; border: 2px dashed red; background-color: #fee; }
 
 #btn_submit {
  margin: 10px;
  width: 90%;
  height: 40px;
  background: #eee !important;
  font-family: "Courier New", Courier, monospace;
  font-size: 120%;
  font-weight: bold;
  }
 form h4 { margin: 0; clear: none; }
 
 ul.none { list-style: none; margin: 0.3em 0; padding: 0; }
 ul.none li { padding: 2px 0; }
 ul.colors li { padding: 2px; font-weight: bold; color: #0066cc; }
 ul.colors li.x { color: #cc3333; }

.faq {padding:0.3em 0.7em;}
.faq h4 {margin:0.2em 0 0 0;}

/* form elements */
form div.form:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
form div.form { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html form div.form { height: 1%; }
form div.form { display: block; }
/* End Hack */ 
fieldset {
 margin: 1em 0;
 }
label {
 display: block;
 padding: 1em;
 }
label .lbl {
 position: relative;
 float: left;
 padding: 0;
 width: 230px;
 }
.req, .required {}
.req .marker, .required .marker, .req-marker {
 padding: 0 3px;
 border-bottom: 1px dashed red;
 font-size: 83%;
 font-weight: bold;
 text-transform: uppercase;
 color: red;
 }
.opt .marker { display: none; }
.complete { display: none; }

.name_full { font-style: italic; }

.post {}
.post .p_datetime { display: block; float: left; margin: 0 13px 13px 0px; border: none; width: 73px; color: #999; text-align: center; }
.p_datetime .month { display: block; font-size: 95%; }
.p_datetime .day { display: block; font-size: 115%; }
.p_datetime .year { font-size: 95%; }

hr.clear { clear: both; border: 0; width: 0;}

/* standard */
.skip_print { position: relative; }
.skip_print li { position: relative; }