/*
dark purple: 51027D
medium purple: A270B4
light purple: F0E6F2

light brown: EBE9DC
*/
body {
   background-color: #EBE9DC;
   padding: 0;
   margin: 0;
}

html,body,table,tr,td,div,p,ul,ol,li,input,select,option,textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #333333;
}

h1 {
   padding: 0px;
   font-size: 18px;
   font-weight: bold;
   color: #51027D;
}

h2 {
   padding: 0px;
   font-size: 16px;
   font-weight: bold;
   color: #51027D;
}

h3 {
   padding: 0px;
   font-size: 14px;
   font-weight: bold;
   color: #51027D;
}

h4 {
   padding: 0px;
   font-size: 12px;
   font-weight: bold;
   color: #51027D;
}

.heading4 {
   padding: 0px;
   font-size: 12px;
   font-weight: bold;
   color: #51027D;
}

a:link,a:visited {
   text-decoration: none;
   color: #51027D;
}

a:hover {
   color: #A270B4;
}

#body {
   width: 800px;
   border: 1px solid #51027D;
}

#content {
   background-color: #ffffff;
   text-align: left;
   width: 778px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
}

#content ul {
   background-color: #ffffff;
   width: 778px;
   float: left;
   display: block;
   margin: 0px;
   padding: 0px;
   clear: both;
}

#content ul li {
   display: block;
   float: left;
   margin: 0px;
   padding-top: 45px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
}

#content ul li.first {
   display: block;
   float: left;
   margin: 0px;
   padding: 0px;
}

#nav_oculus {
   border: 1px solid #51027D;
   position: absolute;
   left: 387px;
   top: 70px;
   width: 70px;
   z-index: 99;
   visibility: hidden;
   background-color: #ffffff;
   padding-left: 6px;
}

#nav_students {
   border: 1px solid #51027D;
   position: absolute;
   left: 474px;
   top: 70px;
   width: 123px;
   z-index: 99;
   visibility: hidden;
   background-color: #ffffff;
   padding-left: 6px;
}

#nav_kim {
   border: 1px solid #51027D;
   position: absolute;
   left: 676px;
   top: 70px;
   width: 110px;
   z-index: 99;
   visibility: hidden;
   background-color: #ffffff;
   padding-left: 6px;
}

.subNav a {
   text-decoration: none;
   font-size: 11px;
   color: #51027D;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin: 0px;
   display: block;
}

.subNav a:hover {
   color: #A270B4;
}

.mediumPurpleBg {
   background-color: #A270B4;
}

.inlineImageLeft {
   float: left;
   margin: 2px 10px 2px 2px;
}

.inlineImageLeftPurple {
   float: left;
   margin: 2px 10px 2px 2px;
   border: 1px solid #51027D;
   background-color: #F0E6F2;
   padding: 10px;
}

.footer {
   font-size: 10px;
   border-top-width: thin;
   border-top-style: solid;
   border-top-color: #51027D;
}

.singleColumn {
   padding: 10px;
   width: 778px;
}

.leftColumn {
   padding: 10px;
   width: 528px;
}

.rightColumn {
   border: 1px solid #51027D;
   background-color: #F0E6F2;
   padding: 10px;
   width: 250px;
}

.homeHeading {
   background-color: #F0E6F2;
   border: 1px solid #51027D;
   padding: 10px;
   width: 768px;
   font-size: 18px;
   font-weight: bold;
   color: #51027D;
}

.homeCaption {
   font-size: 10px;
   text-align: right;
}

.homeLeftColumn {
   background-color: #EBE9DC;
   border: 1px solid #51027D;
   padding: 10px;
   width: 400px;
}

.homeRightColumn {
   padding: 0px;
   width: 358px;
}

.homeRightInner {
   background-color: #F0E6F2;
   border: 1px solid #51027D;
   padding: 10px;
   width: 338px;
}

.homeRightImage {
   
}

.caption {
   font-size: 10px;
}