body {
  font-family: Verdana;
  font-size: 12px;
  color: #474a4f;
}

#container {
  position: relative;
  width: 950px;
  margin: 0 auto;
  /*background: yellow;*/
}

#container b {
  color: #23408d;
}

#container a {
  color: #23408d;
  text-decoration: none;
  font-weight: bold;
  outline: none;
}

#container a:hover {
  text-decoration: underline;
}

#top {
  position: relative;
  height: 144px;
  background: url('../images/layout/top.png') no-repeat;
}

#top a span, #top span {
  display: none;
}

#home_button {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 20px;
  left: 10px;
}

#head_link_email {
  position: absolute;
  width: 140px;
  height: 16px;
  left: 615px;
  top: 45px;
}

#searchForm {
  position: absolute;
  width: 190px;
  height: 26px;
  top: 40px;
  right: 0px;
  margin: 0;
  padding: 0;
}

#search {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 150px;
  border: 0;
}

#searchbutton {
  position: absolute;
  right: 0px;
  top: 3px;
  background: none;
  border: 0;
  cursor: pointer;
  height: 22px;
  width: 22px;
}

#button4 {
  position: relative;
  width: 73px;
  height: 20px;
  background: url('../images/layout/button.gif') no-repeat;
  border: 0;
  top: 1px;
  cursor: pointer
}


/*  ***  *************************************************************   ***  */

#banner {
  position: relative;
  height: 292px;
  background: url('../images/layout/banner_bg.jpg') no-repeat;
}

#findoutmore {
  position: absolute;
  top: 145px;
  left: 52px;
  width: 475px;
  font-family: Arial;
}

#findoutmore p {
  margin: 0 0 6px 0;
  padding: 0;
  font-family: Helvetica, Arial, Verdana;
  color: #23408d;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

#fom_left {
  position: relative;
  float: left;
  width: 215px;
}

#fom_right {
  position: relative;
  float: right;
  width: 250px;
  font-size: 11px;
  color: #75777b;
}

.formA, .formB, .formC, .formD, .formE {
  width: 200px;
  border: 1px solid #a2a4a7;
  margin: 0 0 12px 0;
  padding: 3px 5px;
  font-size: 11px;
  color: #75777b;
  font-family: Arial;
}

.formB {
  width: 235px;
  height: 30px;
  margin-bottom: 2px;
}

.formC {
  width: 230px;
  margin: 0 0 8px 0;
}

.formD {
  width: 173px;
}

/* added by kuni */
.formE {
  width: 285px;
  margin: 0 0 8px 0;
}

#body_l, #video, #tabs {
  position: relative;
  float: left;
  height: 389px;
  width: 314px;
  margin-top: 10px;
}

#body_l p {
  width: 145px;
  margin: 20px 0 0 25px;
  padding: 0;
  line-height: 14px;
}

#body_l a {
  position: absolute;
  top: 240px;
  width: 314px;
  height: 149px;
  background: url('../images/layout/cpr_bg.png') no-repeat;
}

#video, #tabs {
  margin-left: 4px;
  background: url('../images/layout/video.gif') no-repeat;
}

#videop {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 120px;
  left: 75px;
  display: none;
}

#tabs {
  width: 314px;
  height: 301px;
  color: #8e8f91;
  background: url('../images/layout/tabs_jobs.gif') no-repeat;
}

#tabs p {
  margin: 0;
  padding: 0 0 15px 0;
}

#tabs h1 span, #tabs a span {
  display: none;
}

#tabs #tab1link, #tabs #tab2link,  #tabs #tab3link {
  position: absolute;
  width: 102px;
  height: 24px;
  top: 0;
  left: 1px;
}

#tabs #tab2link {
  left: 106px;
}

#tabs #tab3link {
  left: 212px;
}

#tabs strong {
  color: #474a4e;
}

#tabs_content {
  margin: 88px 0 0 31px;
  height: 290px;
  overflow: auto;
}

#footer {
  margin: 0;
  padding: 25px 0 35px 0;
  color: #a2a4a7;
  clear: both;
  text-align: center;
}

#footer a {
  color: #a2a4a7;
}

#footer a:hover {
  color: #919498;
}

#playVideo {
  position: absolute;
  top: -230px;
  left: -110px;
  width: 540px;
  height: 350px;
  background: url('../images/layout/transparent.png');
}

#closeVideo {
  position: absolute;
  right: 10px;
  top: 3px;
  font-weight: bold;
  font-size: 11px;
}

#closeVideo a {
  color: #fff;
}

/*  ***  ********************    sub pages      ****************   ***  */

#subtop {
  width: 950px;
  height: 9px;
  background: url('../images/layout/sub_top.jpg') no-repeat;
}

#subbottom {
  width: 950px;
  height: 8px;
  background: url('../images/layout/sub_bottom.jpg') no-repeat;
}

#subbody {
  position: relative;
  width: 950px;
  padding: 45px 0 35px 55px;
  background: url('../images/layout/sub_bg.jpg') repeat-y;
}

#subbody h1 {
  position: relative;
  color: #919295;
  font-size: 25px;
  min-height: 32px;
  font-family: Arial;
  margin: 0 0 5px 0;
  padding: 0px;
  background: url('../images/layout/h1_bg.jpg') no-repeat;
  visibility: visible;
}

#subbody h2 {
  color: #21409a;
  font-size: 14px;
  padding: 35px 0 10px 0;
  margin: 0;
}

#rci_6 h2 {
  padding: 10px 0px 5px 0;
}

/*  ***     accordion for javascript                     ***  */
.accordion_toggle {
  display: block;
  padding: 0;
  outline: none;
  cursor: pointer;
  margin: 0;
}

.accordion_content {
  overflow: hidden;
  padding-left: 10px;
}
/*  ***     accordion for javascript                     ***  */

#coursemenu {
  margin-bottom: 10px;
}

#coursemenu a {
  color: #474a4f;
  font-weight: normal;
  text-decoration: none;
}

#coursemenu a:hover {
  color: #282a2c;
}

#coursemenu a.current, #coursemenu .current {
  color: #21409a;
  font-weight: bold;
}

#subbody_l {
  position: relative;
  width: 520px;
  line-height: 19px;
}

#subbody_l p {
  margin: 0 0 15px 0;
  padding: 0;
}

#subbody_l ul, #subbody_l ol {
  margin-top: 0;
}

#subbody_p {
  position: absolute;
  top: 200px;
  right: 0;
  width: 335px;
}

#subbody_p span {
  display: none;
}

#moreinfo {
  width: 278px;
  height: 283px;
  background: url('../images/layout/more_info.gif') no-repeat;
}

#moreinfo p {
  padding: 80px 25px 0 25px;
  margin: 0;
}

#button1 {
  position: absolute;
  right: 1px;
  top: 98px;
}

#button2 {
  position: absolute;
  right: 30px;
  top: 208px;
}

#morebox {
  position: relative;
  color: #75777b;
  font-size: 10px;
  top: 40px;
  left: 13px;
}

#flash_promo {
  position: relative;
  top: 50px;
  left: 0;
  background: url('../images/layout/flash_promo.gif') no-repeat;
}


/*  ***  ********************    student pages      ****************   ***  */

/*
#students span {
  display: none;
}
*/

#title_banner {
  width: 923px;
  height: 47px;
  background: url('../images/layout/student_banner.jpg') no-repeat;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  padding: 17px 0 0 27px;
}


/*  ***     New Students    ***  */

#admission_check_list {
  position: relative;
  width: 300px;
  height: 533px;
  background: url('../images/layout/box_a.gif') no-repeat;
  top: 7px;
  padding: 9px 0 0 27px;
  color: #76787b;
}

#admission_check_list b {
  text-transform: uppercase;
}

#admission_check_list p {
  margin: 0;
  padding: 30px 0 15px 0;
}

#admission_check_list ul {
  width: 300px;
  margin: 0;
  padding: 0 0 20px 0;
  list-style-type: none;
}

#admission_check_list ul li {
  background: url('../images/layout/bullet.gif') no-repeat;
  min-height: 20px;
  margin: 15px 25px 20px 0;
  font-size: 13px;
  padding-left: 30px;
}

#phlebotomy_box {
  position: absolute;
  width: 305px;
  height: 297px;
  background: url('../images/layout/box_c.gif') no-repeat;
  top: 450px;
  left: 337px;
  padding: 5px 5px 5px 17px;
  color: #76787b;
}

#phlebotomy_box ul {
  margin: 0;
  padding: 0 0 5px 15px;
  line-height: 20px;
}

#phlebotomy_box p {
  margin: 0;
  padding: 15px 0;
}

#flick_box {
  position: absolute;
  width: 327px;
  height: 228px;
  top: 215px;
  left: 337px;
}

#more_box {
  position: absolute;
  width: 278px;
  top: 215px;
  right: 0;
}

#cpr_box {
  position: absolute;
  top: 505px;
  right: 0;
}

#advanced_box {
  position: absolute;
  right: 0;
  top: 603px;
  width: 278px;
  height: 154px;
  background: url('../images/layout/box_d.jpg') no-repeat;
  color: #76787b;
  font-size: 11px;
}

#advanced_box p {
  margin: 0;
  padding: 10px 10px 0 18px;
}


/*  ***    Enrolled Students    ***  */

#widget_phlebotomy, #class_schedule_box {
  position: relative;
  width: 331px;
  height: 403px;
  background: url('../images/layout/class_schedule.gif') no-repeat;
  top: 7px;
  padding: 9px 0 0 27px;
  color: #76787b;
}

#widget_phlebotomy {
  width: 278px;
  height: 444px;
  background: url('../images/layout/widget_phlebotomy.gif') no-repeat;
  margin: 10px 0 15px 0;
}

#class_schedule_box b, #widget_phlebotomy b {
  text-transform: uppercase;
}

#widget_phlebotomy p, #class_schedule_box p {
  margin: 0;
  padding: 20px 50px 0 0;
  line-height: 17px;
}

#class_schedule_box p {
  padding: 0px 50px 15px 0;
}

#class_schedule_box h3 {
  color: #23408d;
  font-size: 13px;
  padding: 0;
  margin: 25px 0 4px 0;
}

#student_login {
  position: absolute;
  width: 327px;
  height: 247px;
  background: url('../images/layout/student_login_bg.gif') no-repeat;
  top: 215px;
  left: 338px;
  padding: 9px 0 0 27px;
  color: #76787b;
  font-size: 10px;
}

#student_login b {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  margin-left: 8px;
}

#student_login p {
  position: absolute;
  top: 170px;
  left: 36px;
  margin: 0;
  width: 260px;
}

/*  ***   *********   login form   *********    ***  */
#untxt {
  position: absolute;
  top: 58px;
  left: 36px;
}

#pwtxt {
  position: absolute;
  top: 88px;
  left: 36px;
}

#un {
  position: absolute;
  top: 55px;
  left: 105px;
}

#pw {
  position: absolute;
  top: 85px;
  left: 105px;
}

#button3 {
  position: absolute;
  left: 105px;
  top: 125px;
}
/*  ***   -----------------------------------   ***  */

#wiki_box {
  position: absolute;
  width: 179px;
  height: 116px;
  background: url('../images/layout/wiki.gif') no-repeat;
  top: 472px;
  left: 338px;
  font-size: 12px;
  color: #636466;
  font-weight: bold;
  padding: 30px 0 0 148px;
}

#wiki_box p {
  margin: 0;
  padding: 0 0 12px 0;
}

#wikilink {
  position: absolute;
  width: 327px;
  height: 146px;
  top: 473px;
  left: 338px;
  background: transparent;
}

#flick_box2 {
  position: absolute;
  top: 215px;
  right: 0px;
  width: 277px;
  height: 247px;
  background: url('../images/layout/flash_promo2.jpg') no-repeat;
}

#flick_box2 a {
  position: absolute;
  width: 277px;
  height: 247px;
}

#flick_box2 span {
  display: none;
}

#questions_box {
  position: absolute;
  width: 168px;
  height: 129px;
  background: url('../images/layout/questions.jpg') no-repeat;
  top: 472px;
  right: 0px;
  color: #76787b;
  padding: 17px 0 0 110px;
  font-weight: bold;
}

#questions_box p {
  padding: 0;
  margin: 0 0 20px 0;
}

#back {
  position: absolute;
  top: -45px;
}


/************   ERROR FIELD FOR CONTACT FORM          *******************     */

#error {
  position: relative;
  width: 300px;
  margin: 15px 0 25px 100px;
  padding: 0;
}

#error legend {
  font-size: 12px;
  color: red;
  font-weight: bold;
}

#error fieldset {
  color: gray;
  padding: 5px 10px;
  border: 0
}


/********** ADDED BY KUNI FOR NEW SITE ********* */

#banner2 {
  position: relative;
  height: 292px;
  width: 632px;
  background: url('../images/layout/banner_bg2.jpg') no-repeat;
}

#fom_right2 {
  position: relative;
  float: right;
  width: 250px;
  font-size: 11px;
  color: #000000;
}

#mainclassbox0 {
  position: absolute;
  width: 314px;
  top: 686px;
  left: 0;
}

#mainclassbox1 {
  position: absolute;
  width: 314px;
  top: 144px;
  right: 0;
}

#mainclassbox2 {
  position: absolute;
  width: 314px;
  top: 244px;
  right: 0;
}

#mainclassbox3 {
  position: absolute;
  width: 314px;
  top: 344px;
  right: 0;
}

#button4 {
  position: absolute;
  right: 30px;
  top: 230px;
}

#studentlinkmenu {
  position: absolute;
  top: 168px;
  right: 25px;
  font-family: Arial;
  font-size: 16px;
}

#newstudentinquiry_box {
  position: absolute;
  width: 327px;
  height: 307px;
  top: 215px;
  left: 337px;
}

#newstudentflick_box {
  position: absolute;
  width: 327px;
  height: 228px;
  top: 535px;
  left: 337px;
}

#newstudentclassbox1 {
  position: absolute;
  width: 278px;
  top: 215px;
  right: 0;
}

#newstudentclassbox2 {
  position: absolute;
  width: 278px;
  top: 312px;
  right: 0;
}

#newstudentclassbox3 {
  position: absolute;
  width: 278px;
  top: 409px;
  right: 0;
}

#newstudentclassbox4 {
  position: absolute;
  width: 278px;
  top: 506px;
  right: 0;
}

#moreinfo_lg {
  width: 327px;
  height: 307px;
  background: url('../images/layout/more_info_lg.gif') no-repeat;
}

#checklist ul {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}

#checklist ul li {
  background: url('../images/layout/bullet.gif') no-repeat;
  min-height: 20px;
  margin: 10px 10px 15px 10px;
  font-size: 13px;
  padding-left: 38px;
}

#regbox {
  width: 278px;
  height: 283px;
  background: url('../images/layout/regbox.gif') no-repeat;
}

#regbox p {
  padding: 5px 25px 10px 25px;
  margin: 0;
}

table.certmatrix td {
 border: solid 1px;
 font-family: verdana,tahoma,arial,helvetica;
 font-size: 10px;
 text-align: center;
}

tr.matrixheader td {
 width: 170px;
 background: #bbb;
}

tr.matrixrow1 td {
 background: #eee;
}

tr.matrixrow2 td {
 background: #e5e5e5;
}

hr { color: #eee; width: 80% }
