/**
 * @file index.css 
 * @author asura
 *
 * purpose: implement OCC main screen styles 
 */

body {
   height: 100%;
   padding: 0px;
   margin: 0px;
}

.aboutContent {
   width: 570px;
}

.purchaseBox {
   position: fixed;
   margin-left: 574px;
   background-color: #fff;
   width: auto;
}

* html .purchaseBox {
   position:absolute;
}

 #container {
   width:   605px;
   font-family: Verdana, Helvetica;
   text-align: center; 
}
.headcontainer {
   min-height: 2em;
   min-width: 592px;
   margin-left: auto; 
   margin-right: auto; 
   padding-top: 5px;
   font-weight: 600;
   font-size: 16pt;
   color: #116;
   background-color: #d6e7e7; 
}
.footcontainer {
   color: #116;
   background-color: #d6e7e7;
   float: left;
   min-height: 4em;
   width: 604px;
   padding-left: 3px;
   padding-top: 5px;
   text-align: left;
   font-weight: bolder;
   font-size: 11pt;
}
html>body .footcontainer {
   width: 600px;
}
div.toplinks {
   height: 2em;
   margin-top: 0.5em; 
   margin-bottom: 0.8em;   
}

span.toplinks {
  font-size: 1.1em;  
}

.imgPanel, .navPanel {
   float: left;
   height: 295px;
   display: inline;

}

.imgPanel {
   width: 420px;
   background: url("/public/images/av/occ/course1.jpg") no-repeat;
}
.navPanel {
   width: 180px;
   background: url("/public/images/av/occ/course2.jpg") no-repeat;
}

.navPanel form {
   overflow: hidden;
}

.navList {
   margin-top: 30px;
   margin-left: 8px;
}

.navListSpecial {
   margin-top: 70px;
   margin-left: 8px;
}

.sidebarButton {
   padding: 0;
   margin: 0;
   border-width: 3px;
   border-style: outset;
   font: bold 12px Verdana;
   color: #000;
   text-decoration: none;
   width: 140px;
   height: 10%;
   background-color: #d6e7e7; /* #d1d8e6; */
   cursor: pointer;
}


/** end index page styles
 ------------------------*/

.instrpg {
   color: #000;
   background-color: #ececec;
   padding: 5px;
}
.instrlist li {
   padding-bottom: 15px;
}


.submitl {
   border-width: 2px;
   border-style: outset;
   font-weight: bold;
   font-family: Verdana;
   color: #000;
   text-decoration: none;
   width: 150px;
   background-color: #f5edd3;
   cursor: pointer;
}

dd {
   margin-bottom: 1em;
}