body {
  margin: 0; 
  padding: 0; 
  background: #f2f2f2 url(images/body_bg.gif) repeat-x top;
  text-align: center; 
  font-size: 18px;
  font-family: "Neue Helvetica‎", Garamond, Georgia, "Times New Roman", Times, serif;
  color: #36393c;
}
table, td {
  font-size: 18px;
  font-family: "Neue Helvetica‎", Garamond, Georgia, "Times New Roman", Times, serif;
  color: #36393c;
}
a:link, a:visited {color: #164fa0; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

#breadcrumb {
  font-size: 12px; padding: 0; margin: 10px auto 20px; color: #333; border-bottom: 1px solid #c8c8c8; padding-bottom: 20px; width: 800px;}

#header {padding-top:5px;}
#header, #main, #footer {width: 820px; margin: 0 auto; text-align: left;}
#main #top {
  background: white url(images/main_bg_top.gif) top left repeat-y; 
  margin:0 -25px 0 -25px; 
  height: 160px; margin:0 -25px 0 -25px;
}
#main {background: white url(images/main_bg.gif) top left repeat-y; width:770px; padding:0 25px 0 25px; }
#main #mainfooter {background: url(images/mainfooter_bg.gif) no-repeat bottom; height: 35px; margin:0 -25px 0 -25px; clear: both;}

#main div.column {
  text-align:left; 
  margin-bottom:0; 
  margin-top:14px; 
  position:relative; 
  top:-159px; 
  margin-bottom:-159px;
}
/*\*//*/ *html #main div.column { margin-top:-247px; margin-bottom:0; } /**/
body.ada #main div.column {top:-14px;}
/*\*//*/ *html body.ada #main div.column { margin-top:-115px; margin-bottom:0; } /**/
body.ada #main div.column.bottom {margin-top:6px; }

#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #39363c;}
#main h1 {font-size: 25px; margin:.3em 0 .4em 0; color:#000; }
#main h2 {font-size: 16px; margin:0; color:#000; }
#main h3 {font-size: 14px; margin:0; color:#36393c; }
#main .more {text-align: right;}



#content {float:left; width:520px;}
#content.fullwidth {float:left; width:770px;}

#content h1 {
 margin-bottom: 2px;
}

#sidebar {float:right; width:225px; font-size: 14px; margin:0 -4px 0 0; padding:0; }
*html #sidebar {margin-right: -7px;}
/*\*//*/ *html #sidebar {margin-right: -14px;} /**/
#sidebar h2 {font-size: 16px; margin: 0;}
#sidebar h3 {font-size: 14px; font-weight: normal; margin: 0 0 5px; color: black;}
#sidebar h4 {font-size: 14px; margin: 0;}

#sidebar td {font-size: 14px; margin: 0;}

#sidebar tr:hover { 
 background-color: #f0f3ff;
}


#footer {text-align: center; clear: both; font-size: 14px; padding: 0 0 15px; color: #36393c;}

div.clearer, div.clearer-notie {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
/*\*/ *html div.clearer-notie { clear:none; display:none; margin:0; padding:0; height:0; line-height:1px; font-size:1px; } /**/

#main form {margin: 0;}


#header img {
  display:block;
}
#header img.backpageheader {display:block;}
body.students #header img.backpageheader, body.sessions #header img.backpageheader, body.labs #header img.backpageheader {display:none;} 
body.students #header img.studentsheader, body.sessions #header img.sessionsheader, body.labs #header img.labsheader {display:block;}
body.ada #header img {display:block;}

/* navigation */
#localnav { 
  width:798px; 
  height:28px; 
  font-size:14px; 
  margin:0 -14px 0 -14px; 
  position:relative; 
  top:-159px;
}
#localnav td a { background:#4b8dbb url(images/localnav.gif) repeat-x left top;
	display:block; width:100%; height:1.8em; padding:6px 0 0 0;
	text-align:center; color:#fff; font-size:14px; text-shadow:#333 0 1px 3px; }
#localnav td a:hover { background-color:#326fa3; background-position:left -81px; text-decoration:none; }
#localnav td.active a { background-color:#81afd0; background-position:left -162px; color:#000; text-shadow:none; }
#localnav td.active a:hover { background-color:#81afd0; background-position:left -162px; }

#localnav td#labs, #localnav td#faq { width:100px; }


td { 
 vertical-align: top;
}


blockquote {
  padding: 0 9px 0 20px; 
  margin: 0 0 20px 0; 
  background: url(images/blockquote_left.gif) no-repeat 10px 0;
  font-size: 15px; 
}
blockquote p{
  padding: 3px 20px 5px 0; 
  color: #4d4d4d; 
  font-weight: bold;
}
blockquote p.quote{
  font-size: 18px; 
  font-weight: bold; 
  font-family:  'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
  padding: 10px 0 0 50px; 
  text-indent: -1.3em; 
  color: #76797C;
  background: url(images/blockquote_right.gif) no-repeat right bottom;
}
blockquote p.attribution{
  padding-left: 80px;
  color: #4d4d4d; font-weight: normal;
}


a.external{ 
    background: url(images/external.png) center right no-repeat;
    padding-right: 13px;
}


.yawls {
  table-layout: auto; 
  //width: 220px; 
  background-color: #fff; 
  border-collapse: collapse; 
  padding: 0; 
  margin: 10px 0 20px;
}
.yawls th, .yawls td {
  vertical-align: middle; 
  text-align: center; 
  //white-space: nowrap; 
  padding: 3px; 
  border: 1px solid #d4d4d4; 
  border-collapse: collapse; 
  font-size: 10px;
  font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; 
  color: #676868;
}
.yawls .header {background-color: #e2e6e7;}
.yawls th {font-weight: normal;}
.yawls th.spec {text-align: center;}
.yawls th.delta {font-size: 15px;}
.yawls th.spec h5 {margin: 0; font-size: 10px; font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
.yawls th.spec h6 {margin: 0; color: #ababab; font-size: 10px; font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
.yawls td {font-weight: bold; font-size: 14px; font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
.yawls td.change {background-color: #bdd8fc; color: #2359a3;}


.image_container { 
  float:   left;
  display: inline;
  margin:  0;
  padding: 0px 4px 0px 4px;
}


/* Styles for Popup Window */ 
#popup {
  position:   absolute;
  top:        150px; 
  left:       380px; 
  width:      640px; 
  height:     480px; 
  color:      red; 
  border:     0; 
  z-index:    1; 
  visibility: hidden;  
  margin:     0;
  padding:    0;
}


/* logos table on services page. */
.logos table {
  table-layout: auto; 
  background-color: #fff; 
  border-collapse: collapse; 
  border: 0;
}
.logos th, .logos td {
  vertical-align: middle; 
  text-align: center; 
  white-space: nowrap; 
  padding: 12px 25px 12px 25px;
  border: 1px solid #bdd8f0;
  border-collapse: collapse; 
  font-size: 12px;
  font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; 
  font-weight: bold;                       
  color: #303030;
}

.logos th:hover { 
  background-color: #f0f3ff;
}

#products td {
  vertical-align: top;
}

.productprice {
  color: #464646;
  font-size: 18px;
  font-weight: bold;
}

div.search_hr {
    margin-top: 4px;
    margin-bottom: 8px;
    height: 1px;
    background: #d0d0d0 no-repeat scroll center;
    width: 596px;
}
div.search_hr hr {
    display: none;
}





/* modal and modal arrow */
#modal {
  width: 345px;
  position: fixed;
  top: 100px;
  left: 300px;
  display: none; 
  z-index: 2;
}
#modal_top {
  background-image: url('images/modal_top.png');	
  background-repeat: no-repeat; 
  height: 29px;
}
#modal_middle {
  background-image: url('images/modal_mid.png');	
  background-repeat: repeat-y; 
  padding-left: 25px;
  padding-right: 20px;
}
#modal_bottom {
  background-image: url('images/modal_bot.png');	
  background-repeat: no-repeat; 
  height: 26px;
}


.arrow {
  background-image: url('images/modal_arrows.png');	
  background-repeat: no-repeat;
  height: 60px;
  width: 48px;
  z-index: 3;
  overflow: hidden;
}
.arrow_top_left {
  background-position: 0px -140px;
  margin-left: -32px;
}
.arrow_middle_left {
  background-position: 0px 0px;
  margin-left: -32px;
}
.arrow_bottom_left {
  background-position: 0px -70px;
  margin-left: -32px;
}
.arrow_top_right {
  background-position: -47px -140px;
  margin-left: 329px;
}
.arrow_middle_right {
  background-position: -47px 0px;
  margin-left: 329px;
}
.arrow_bottom_right {
  background-position: -47px -70px;
  margin-left: 329px;
}
#modal_arrow {
  position: fixed;
  display: none; 
  top:  100px;
  left: 300px;
}


#modal_table th, #modal_table td {
  padding: 4px;
}
#modal_table th {
  text-align: right;
  font-weight: normal;
  color: #666666;
  width: 120px;
}
#modal_table td {
  font-weight: bold;
  color: black;
  font-weight: normal;

}


.old_price {
  font-size: 10px; 
  color: #999;
}

hr {
 height: 1px;
 background-color: #ccc;
 color: #ccc;
 border: 0;
 width: 90%;
}

.table_calendar, .table_calendar td, .table_calendar th, .table_calendar tr {
 border-collapse: collapse;
}
.table_calendar th {
 background: #e0e0e0;
}
.table_calendar td, .table_calendar th {
 border: 1px solid #d0d0d0;
}
.table_calendar td:hover {
 background: #f0f0f0; 
}

.editor_note {
 color: #3300FF; 
 font-style: italic; 
}

.yawls tr:hover{
  background: #bdd8fc;
  cursor: pointer;
}

.cnl_cover {
  width: 225;
  height: 285;
}