/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/
html {
  overflow-x: hidden;
}

body {
   font-family: "Times New Roman", Times, serif;
   font-size: 10pt;
   background-color: #8C8C8C;
   color: #333333;
   margin-top: 10px;
}

/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
img { border: none; }

img.float-right {
  float: right;
  padding-left: 18px;
  margin-right: 34px;
  margin-top: 4px;
}

img.img_wide {
  margin: 0 0 8px 14px;
}

a { 
  outline: none; 
  color: #333333;
}

a:hover {
  color: #ffffff;
  background-color: #962E34;
  text-decoration: none;
}

a.more {
  color: #962E34;
  text-decoration: none;
}

a.more:hover {
  color: #fff;
}

#print_logo {
  display: none;
}

span.button {
  border: 1px Solid ThreeDShadow;
  background-color: #962E34;
  text-align: center;
  padding: 4px 10px;
}

span.button a {
  display: inline;
  font-size: 12px;
  font-family: Arial;
  text-decoration: none;
  color: #FFFFFF;
}

span.button a:hover {
  background-color: #962E34;
  text-decoration: none;
  font-weight: bold;
}

h3.nopadding { margin: 0 0 0 14px; padding: 0; }

.burgundy {
  color: #962E34;
}

.larger {
  font-weight: bold;
  font-size: 12px;
}

/*-------------------------------------
CENTER CONTENT GENERALS
-------------------------------------*/
#content_center h2, h3 {
  margin: 26px 54px 12px 14px;
  font-family: Arial;
  font-size: 14px;
  color: #962E34;
  border-bottom: 2px solid #C0C0C0;
}

#content_center h3 {
  font-size: 13px;
  margin-bottom: 4px;
  border-bottom: none;
}

#content_center h4 {
  font-size: 13px;
  margin: 14px 34px 4px 14px;
}

#content_center p {
  padding: 0 34px 0 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 18px 0; 
}

#content_center ul {
  list-style: url('/images/bullet.gif') outside circle;
}

#content_center li {
  padding: 0 34px 0 8px;
  line-height: 20px;
}

#content_center li.normal {
  line-height: 16px;
  padding-bottom: 6px;
}

#content_center ul.extraspacing li {
  line-height: 25px;
}

/*-------------------------------------------------
LAYOUT
-------------------------------------------------*/
#container {
  margin: 0 auto;
  width: 802px;     /* extra 2px accomodates 1px border */
}

#content, #splash_content {
  background-color: #FFFFFF;
  width: 800px;
  height: 372px;
}

#content {
  height: 418px;
}

#content .column, #splash_content .column {
  position: relative;
  float: left;
}

#splash_content_left { height: 372px; width: 160px; }
#slideshow { position: relative; width: 100px; height: 100px; }
#slideshow div { position: absolute; left: 0; top: 0; }

#content_center {
  width: 480px;
  left: 160px;      /* width of lc */
  height: 418px;
  background-image: url(/images/scroll_back.gif);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

#content_center_scrollable {
  overflow: auto;
  overflow-x: hidden;
  height: 348px;
  margin-right: 11px;
  position: relative;
}

#content_left {
  width: 160px;
  left: -480px;     /* width of center */
}

#content_right {
  width: 160px;
}

#header, #content, #footer, #splash_content {
  border: 1px solid #FFFFFF;
}

#hcIcon { width: 160px; }

/*-------------------------------------------------
HEADER
-------------------------------------------------*/
#header { 
  height: 85px;
  background-color: #FFFFFF;
}

#header a:hover { background: #FFFFFF; }


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
#footer {
  clear: both;
  background-image: url('../images/footer.gif');
  height: 59px;
  line-height: 13px;
}

#footer, #copyright {
  font-family: Arial;
  font-size: 10px;
}

#footer p a {
  text-decoration: none;
}

#footer div.footer_links {
  text-align: center;
  color: #333333;
  margin: 7px 0 0 0;
}

#footer div.footer_contact {
  text-align: left;
  color: #DCDDDE;
  margin: 16px 0 0 36px;
}

#footer div.footer_contact a {
  color: #DCDDDE;
}

#copyright {
  margin: 0 auto;
  width: 802px;
}

#copyright p {
  text-align: center;
  color: #333333;
  margin: 0;
  padding-top: 2px;
}

/*-------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------*/
#content_right .teaser_nav {
  margin-top: 2px;
  padding: 13px 0 0 26px;
  background-color: #8C8C8C;
  height: 310px;
  width: 134px;
}

#content_right .teaser_nav img { margin-top: 18px; }

#extranet {
  height: 50px;
  width: 160px;
  background-image: url('../images/parent_extranet.gif');
  background-repeat: no-repeat;
}

#extranet p {
  margin: 0; padding: 10px 0 0 48px;
}

#extranet p a, #extranet p a:hover {
  color: #FFFFFF;
  font: bold 11px Arial;
  text-decoration: none;
}

#extranet p a:hover {
  background: none;
}

.sub_nav {
  font: bold 11px Arial;
  margin-top: 2px;
}

.sub_nav a {
  display: block;
  height: 16px;
  padding-top: 3px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

.sub_nav a:hover {
  background-color: #B2B2B2;
  color: #962E34;
  margin-left: -16px;
  padding-left: 16px;
}

#sub_menu_items {
  margin: 0; 
  padding: 14px 0 6px 0;
  background-color: #8C8C8C;
  list-style: none;
  width: 160px;
  height: 125px;
  min-height: 125px;
}

html>body #sub_menu_items { height: auto; }

#sub_menu_items li {
  margin-left: 16px;
  margin-bottom: 6px;
}

#sub_menu_items li.current {
  background-color: #B2B2B2;
  padding-left: 16px;
  margin-left: 0px;
  width: 144px;
}

#sub_menu_items li.current a {
  color: #962E34;
}

/*-------------------------------------------------
MENU
-------------------------------------------------*/
#menu {
  float: left;
  margin-top: 2px;
}

#dropmenudiv {
  position: absolute;
  border: 1px solid ThreeDShadow;
  font: normal 11px Arial;
  line-height: 18px;
  z-index: 5;
}

#dropmenudiv a {
  width: 100%;
  display: block;
  text-indent: 10px;
  color: #FFFFFF;
  padding: 1px 0;
  text-decoration: none;
}

#dropmenudiv a:hover{
  color: #962E34;
  background-color: #B2B2B2;
}

/*-------------------------------------------------
MENU MODULES
-------------------------------------------------*/
.filler, .filler_longmenu, .filler_reallylongmenu {
  width: 160px;
  position: relative; top: 2px;
  height: 141px;
}

.filler_longmenu {  height: 116px; }
.filler_reallylongmenu { height: 90px; }

.filler_right {
  width: 160px;
  position: absolute; top: 374px; left: 0px;
  height: 44px;
}

.academics { background-color: #006699; }
.about { background-color: #42526C; }
.emotional { background-color: #006666; }
.student { background-color: #003333; }
.campus { background-color: #962E34; }
.admissions { background-color: #660000; }
.faqs { background-color: #6A8455; }
.contact { background-color: #003366; }
.discussion { background-color: #003366; }
.parents {background-color: #962E34; }

/*-------------------------------------------------
SPLASH PAGE
-------------------------------------------------*/
#splash_content_center {
  width: 369px;
  left: 271px;               /* width of lc */
  padding-top: 46px;         /* shifts Welcome down */
  background-image: url('../images/parent_arc_hm.gif');
  background-repeat: no-repeat;
  background-position: top right;
}

#splash_content_center_new { width: 640px; }
#splash_content_center_new p { margin: 0; padding: 4px 12px; }

#splash_content_left {
  width: 271px;
  left: -369px;             /* width of center */
}

.welcome { 
  font-size: 18px; 
  font-weight: bold; 
  color: #962E34
}

#splash_content_center p {
  padding: 0 34px;
  line-height: 18px;
  font-weight: 500;
  margin: 0 0 18px 0; 
}

/*-------------------------------------------------
ACADEMICS HOME PAGE
-------------------------------------------------*/
ul#learning_opportunities { 
  margin-top: 0px;
}

ul#learning_opportunities li {
  line-height: 28px;
}

/*-------------------------------------------------
ACADEMICS COURSE LISTINGS
-------------------------------------------------*/
ul#course-listings-left, ul#course-listings-right {
  margin: 0; padding: 0;
  margin-left: 48px;
}

ul#course-listings-left h3, ul#course-listings-right h3 { 
  margin: 0; 
  padding: 0; 
  padding-bottom: 8px; 
}

ul#course-listings-left li, ul#course-listings-right li {
  margin: 0; padding: 0;
  padding-bottom: 2px;
}

ul#course-listings-left li ul, ul#course-listings-right li ul {
  list-style: url() outside disc;
  margin: 0; padding: 0;
  margin-left: 22px;
}

ul#course-listings-left li ul li, ul#course-listings-right li ul li {
  font-weight: normal;
  color: #333;
}

/*-------------------------------------------------
ADMISSIONS FEES
-------------------------------------------------*/
#fees {
  margin: 0 45px 0 14px;
}

#fees dl {
  width: 95%;
  height: 18px;
  margin: 0 0 1em;
  background: url('../images/dot.gif') repeat-x 0 1.2em
}

#fees dt {
  float: left;
  height: 18px;
  background: #FFFFFF;
  padding-right: 3px;
}

#fees dd {
  float: right;
  height: 18px;
  background: #FFFFFF;
  padding-left: 3px;
}

.asterisk {
  font-size: 0.9em;
}

/*-------------------------------------------------
FAQS
-------------------------------------------------*/
.faq { 
  font-size: 1em;
  color: #333333;
  text-decoration: none;
}

.faq_answer {
  display: none;
  margin: 6px 0 18px 32px;
  width: 85%
}

p.center {
  text-align: center;
}

.bullet-spacer {
  margin: 10px 0;
}

/*-------------------------------------------------
STUDENT QUESTIONNAIRE
-------------------------------------------------*/
#questionnaire li {
  margin-bottom: 12px;
}

.choices {
  clear: both;
  margin-top: 10px;
}

.choices input {
  margin-left: 12px;
}

/*-------------------------------------------------
TESTIMONIALS
-------------------------------------------------*/
div#content_center_scrollable p.testimonial {
  font-size: 16px;
  font-weight: bold;
  color: #828282;
  margin: 12px 34px 0 14px; padding: 0;
  line-height: 20px;
  font-family: Arial;
}

div#content_center_scrollable p.quotee {
  margin: 8px 36px 28px 214px; padding: 0;
  font-size: 11px;
  font-family: Arial;
  color: #8C8C8C;
}

p.spacer {  
  background-image: url(/images/bullet_divider.gif);
  background-repeat: no-repeat;
  background-position: 70px 0;
}


/*-------------------------------------------------
STAFF AND FACULTY BIOS
-------------------------------------------------*/
div#content_center_scrollable p.staff {
  margin: 8px 0 4px 12px;
}

a.biolink {
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  color: #962E34;
}

a.biolink:hover { color: #fff; }

div.bio {
  display: none;
}

/*-------------------------------------------------
DAILY SCHEDULE
-------------------------------------------------*/
table#schedule {
  margin-left: 14px;
  border-collapse: collapse;
  width: 410px;
}

table#schedule h3 { margin: 0; color: #fff; }
table#schedule td { border: 1px solid #fff; padding: 4px;}
table#schedule td.time { text-align: center; width: 70px; }
table#schedule td.timeperiod { background-color: #962E34; }
table#schedule td.event { background-color: #d2d2d2; color: #962E34; }

/*-------------------------------------------------
STUDENT PROFILE
-------------------------------------------------*/
table.student_profile {
  margin: 0 34px 18px 14px;
  border-collapse: collapse;
}

table.student_profile td {
  width: 50%;
  border: 1px solid #CCC;
  padding: 4px;
}

div#content_center ul.nopadding { margin: 0 0 0 24px; padding: 0; }

/*--------------------------------------------------
CONTACT
--------------------------------------------------*/
.contact-info {
  margin: 0; padding: 0;
  text-align: center;
  color: white;
  font-weight: normal;
  margin-bottom: 4px;
}

.contact-info a {
  font-weight: normal;
  font-size: 9px;
  display: inline;
}

.contact-info a:hover {
  background-color: #8C8C8C;
  color: #FFF;
  text-decoration: underline;
}

.contact-info .bullet-image {
  margin: 8px 0;
}