/*_______________________________________________________________  structure  */
html, body {height: 100%;}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
}
div#gradient-wrapper {
  position: relative;
  width: 100%;
  min-height: 101%; /* force the vertical scrollbar to prevent jittery animations */
  height: auto !important; /* min-height hack for IE */
  height: 101%; /* min-height hack for IE */
  background-image: url(../img/gradient.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}
div#wrapper {
  position: relative;
  margin: 0 auto;
  width: 900px;
  padding-bottom: 132px; /* distance from viewport top to top of front box */
  min-height: 500px; /* in case the browser window is really short */
  height: auto !important; /* min-height hack for IE */
  height: 500px; /* min-height hack for IE */
}

/*________________________________________________________________  stacking  */
div#main {z-index: 4;}
div.front {z-index: 2;}

/*___________________________________________________________________  boxes  */
div.box {position: absolute;}
div.front {
  position: relative; /* needed to stretch the wrapper to correct height */
  padding-bottom: 30px; /* give a little padding on the bottom of frontmost box */
}
div.content {padding-bottom: 8px;}
div.middle, div.content {position: relative;}
div.top, div.bot {margin: 0 0 0 7px; height: 7px; line-height: 0px;}
div.top-left, div.bot-left {
  position: relative;
  height: 7px;
  width: 7px;
  left: -7px;

  /* for IE6 */
  line-height: 7px;
  overflow: hidden;
}
div#logo {position: absolute; top: 38px; left: 3px; width: 177px; height: 114px;}
div#login {position: absolute; top: 60px; left: 612px; width: 285px; text-align: right; color: #918E85;}
div#login span {color: #004251;}
div#main div.middle {background-color: #ffffff;}

div#main {top: 132px; left: 50px; width: 800px;}
div#main div.middle {height: 405px;}
div#news {top: 296px; left: 21px; width: 173px;}
div#news div.middle {height: 110px;}
div#admissions {top: 176px; left: 29px; width: 215px;}
div#admissions div.middle {height: 94px;}
div#friends {top: 99px; left: 461px; width: 185px;}
div#friends div.middle {height: 65px;}
div#gallery {top: 432px; left: 35px; width: 176px;}
div#gallery div.middle {height: 122px;}
div#help {top: 411px; left: 739px; width: 126px;}
div#help div.middle {height: 105px;}
div#faculty {top: 260px; left: 702px; width: 179px;}
div#faculty div.middle {height: 125px;}
div#programs {top: 117px; left: 659px; width: 161px;}
div#programs div.middle {height: 61px;}
div#about {top: 108px; left: 275px; width: 173px;}
div#about div.middle {height: 81px;}
div#main div.top {background-image: url(../img/main/box.png); background-position:top right;}
div#main div.top-left {background-image: url(../img/main/box.png); background-position:top left;}
div#main div.bot {background-image: url(../img/main/box.png); background-position:bottom right;}
div#main div.bot-left {background-image: url(../img/main/box.png); background-position:0px -7px;}
div#news div.top {background-image: url(../img/news/box.png); background-position:top right;}
div#news div.top-left {background-image: url(../img/news/box.png); background-position:top left;}
div#news div.bot {background-image: url(../img/news/box.png); background-position:bottom right;}
div#news div.bot-left {background-image: url(../img/news/box.png); background-position:0px -7px;}
div#admissions div.top {background-image: url(../img/admissions/box.png); background-position:top right;}
div#admissions div.top-left {background-image: url(../img/admissions/box.png); background-position:top left;}
div#admissions div.bot {background-image: url(../img/admissions/box.png); background-position:bottom right;}
div#admissions div.bot-left {background-image: url(../img/admissions/box.png); background-position:0px -7px;}
div#friends div.top {background-image: url(../img/friends/box.png); background-position:top right;}
div#friends div.top-left {background-image: url(../img/friends/box.png); background-position:top left;}
div#friends div.bot {background-image: url(../img/friends/box.png); background-position:bottom right;}
div#friends div.bot-left {background-image: url(../img/friends/box.png); background-position:0px -7px;}
div#gallery div.top {background-image: url(../img/gallery/box.png); background-position:top right;}
div#gallery div.top-left {background-image: url(../img/gallery/box.png); background-position:top left;}
div#gallery div.bot {background-image: url(../img/gallery/box.png); background-position:bottom right;}
div#gallery div.bot-left {background-image: url(../img/gallery/box.png); background-position:0px -7px;}
div#help div.top {background-image: url(../img/help/box.png); background-position:top right;}
div#help div.top-left {background-image: url(../img/help/box.png); background-position:top left;}
div#help div.bot {background-image: url(../img/help/box.png); background-position:bottom right;}
div#help div.bot-left {background-image: url(../img/help/box.png); background-position:0px -7px;}
div#faculty div.top {background-image: url(../img/faculty/box.png); background-position:top right;}
div#faculty div.top-left {background-image: url(../img/faculty/box.png); background-position:top left;}
div#faculty div.bot {background-image: url(../img/faculty/box.png); background-position:bottom right;}
div#faculty div.bot-left {background-image: url(../img/faculty/box.png); background-position:0px -7px;}
div#programs div.top {background-image: url(../img/programs/box.png); background-position:top right;}
div#programs div.top-left {background-image: url(../img/programs/box.png); background-position:top left;}
div#programs div.bot {background-image: url(../img/programs/box.png); background-position:bottom right;}
div#programs div.bot-left {background-image: url(../img/programs/box.png); background-position:0px -7px;}
div#about div.top {background-image: url(../img/about/box.png); background-position:top right;}
div#about div.top-left {background-image: url(../img/about/box.png); background-position:top left;}
div#about div.bot {background-image: url(../img/about/box.png); background-position:bottom right;}
div#about div.bot-left {background-image: url(../img/about/box.png); background-position:0px -7px;}

div.white div.bot {background-image: url(../img/main/box.png) !important;}
div.white div.bot-left {background-image: url(../img/main/box.png) !important;}

/*__________________________________________________________________  labels  */
img.label {position: absolute; cursor: pointer;}
img#admissions-label {top: 181px; left: 15px;}
img#news-label {top: 301px; left: 7px;}
img#gallery-label {top: 437px; left: 21px;}
img#help-label {top: 417px; left: 869px;}
img#faculty-label {top: 266px; left: 885px;}
img#programs-label {top: 104px; left: 665px;}
img#friends-label {top: 86px; left: 467px;}
img#about-label {top: 95px; left: 281px;}

/*____________________________________________________________________  text  */
p, h1, h2, h3, h4, h5, h6 {margin: 0 15px 18px;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 14px;}
.sup {font-size: 9px; vertical-align: super;}
.sub {font-size: 9px; vertical-align: sub;}
.invisible {visibility: hidden;}
.pointer {cursor: pointer;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.bold {font-weight: bold;}
.spaced {font-size: 11px; letter-spacing: .1em;}
.blue {color: #004251;}
.pink {color: #ff7777;}
.green {color: #5c7212;}
.grey {color: #444444;}
.lightgrey {color: #918E85;}

/*___________________________________________________________________  links  */
a:link, a:visited {font-weight: bold; cursor: pointer; color: #004251; text-decoration: none;}
a:link:hover, a:visited:hover {text-decoration: underline;}
div.content div.sidebar a {text-decoration: none;}
a.small:link, a.small:visited {font-size: 10px; font-weight: bold; color: #918E85;}

/*_____________________________________________________________________  img  */
img {border: none; display: block;}

/*___________________________________________________________________  lists  */
ul, ol, dl {margin-bottom: 18px;}
ul, ol {margin-left: 30px; margin-right: 15px;}
dl {margin-left: 15px; margin-right: 15px;}
ul li, ol li {margin-left: 20px;}
ul ul, ul ol, ol ul, ol ol {margin-bottom: 0;}
ul.blocklist ul, ul.blocklist ol, ol.blocklist ul, ol.blocklist ol {margin-bottom: 18px;}
ul ul li, ul ol li, ol ul li, ol ol li {margin-left: 0;}
ul li {list-style-image: url(../img/bullets/green_x_bullet.gif);}
ul ul li {list-style-image: url(../img/bullets/green_arrow_bullet.gif);}
ol li {list-style-type: decimal;}
ol ol li {list-style-type: lower-alpha;}
ul li p, ol li p {margin-left: 0; margin-right: 0;}

/*________________________________________________________________  .content  */
div.content {width: 100%;}
div.content div.header {line-height: 69px; height: 69px; margin-bottom: 15px;}
div.content div.column, div.content div.sidebar {
  display: inline; /* fix IE6 double margin float bug */
  float: left;
}

/*________________________________________________________________  .sidebar  */
div.content div.sidebar {padding: 15px 15px 7px 20px; width: 174px;}
div.content div.sidebar div {padding: 5px 10px; font-size: 10px; font-weight: bold; line-height: 12px;}
div.content div.sidebar div.sidebar-header {padding: 15px 0 5px 10px;}
div.content div.sidebar div.sidebar-link a {color: #918E85;}
div.content div.sidebar div.sidebar-link a:hover {text-decoration:underline;}
div.content div.sidebar div.selected {background-color: #f9e479;}
div.content div.sidebar div.selected a {color: #004251;}
div.content div.sidebar div.selected a:hover {text-decoration:none;}
div.sidebar h2 {margin:0;}

/*_________________________________________________________________  .column  */
div.content div.column {padding-top: 15px;}
/* layout1: 3-column layout with skinny right column and sidebar */
div.content .layout1-column1 {width: 382px;}
div.content .layout1-column2 {width: 194px;}
/* layout2: 3-column even layout with sidebar */
div.content .layout2-column1 {width: 288px;}
div.content .layout2-column2 {width: 288px;}
/* layout3: 2-column layout with sidebar */
div.content .layout3-column1 {width: 576px;}
/* layout4: 1-column layout */
div.content .layout4-column1 {margin-left: 15px; width: 770px;}
/* layout5: 2-column layout with fat left column */
div.content .layout5-column1 {margin-left: 15px; width: 487px;}
div.content .layout5-column2 {width: 283px;}

/*_______________________________________________________  floats & callouts  */
div.callout-right {float: right;}
div.callout-left {float: left;}
div.callout-right, div.callout-left {
  display: inline; /* fix for IE6 double margin bug */
  width: 175px;
  padding-top: 10px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  background-color: #d1e0e5;
  border: 1px solid #c0d2d8;
}
div.callout-right p, div.callout-left p {margin-bottom: 0; padding-bottom: 10px;}

/*__________________________________________________________________  tables  */
table {background-color: #ffffff;}
table tr th {font-weight: bold;}
table tr.alt {background-color: #eeeeff;}
table tr.error td {font-weight: bold; color: #ff7777;}

/* .inline-table */
table.inline-table {margin: 0 auto 18px;}
table.inline-table th {background-color: #d1e0e5;}
table.inline-table th, table.inline-table td {padding: 5px 8px;}

/* .review-table */
table.review-table {width: 550px; margin: 0 auto 15px;}
table.review-table th, table.review-table td {padding: 3px;}

/* .pdf-table */
table.pdf-table {margin: 0 15px 15px;}
table.pdf-table td {font-size: 10px; vertical-align: top;}
table.pdf-table td img {padding-top: 3px;}

/* #hanging-table */
table#hanging-table {width: 546px;}
table#hanging-table td ul {margin-left: 15px; margin-bottom: 0;}
table#hanging-table td img {margin: 0 auto;}

/* #portfolio-table (portfolio review) */
table#portfolio-table td img {margin: 10px auto;}

/*___________________________________________________________________  forms  */
form {margin: 0 auto; width: 540px;}
form.narrow {width: 300px;}
form table {padding: 0; width: 100%;}
form table th, form table td {text-align: left; vertical-align: middle;}
form table th {padding: 10px; font-size: 14px;}
form table td {padding: 3px 10px;}
form table td.buttons, form table td.progress {vertical-align: top;}
form table td.buttons {padding-top: 15px; text-align: right;}
form table td.progress {padding-top: 15px;}
form span.required, form span.error {color: #ff7777;}
input.textinput, textarea {padding: 3px; background-color: #eeeeee; border: 1px solid #dddddd;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

/* .upload_top, .upload_bot */
form table tr.upload_top td {padding-top: 10px;}
form table tr.upload_bot td {padding-bottom: 10px;}

/*____________________________________________________________________  misc  */
div.divider-dashed {margin: 0 15px 18px; height: 1px; line-height: 1px; background-image: url(../img/dividers/divider_dashed.png); background-repeat: repeat-x;}

p.contact-info span {display: block;}
span.contact-name {font-weight: bold; color: #5c7212;}
span.contact-title, span.contact-address, span.contact-phone, span.contact-link {line-height: 14px; font-size: 10px;}
span.contact-title, span.contact-address, span.contact-phone {text-transform: uppercase; color: #918E85;}

.note {background-color: #d1e0e5; border: 1px solid #c0d2d8;}
.note span {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: .1em;
  color: #5c7212;
}
p.note {margin-left: 15px; margin-right: 15px; padding: 6px 15px;}
ul li p.note, ol li p.note {margin-left: 0; margin-right: 0;}
table p.note {margin: 15px 0 0;}

.footnote {}
span.footnote-marker {font-size: 9px; vertical-align: super; color: #ff7777; font-weight: bold;}

dl.qa dt {color: #004251; font-weight: bold; margin-bottom: 6px;}
div.column dl.qa dd p {margin-left: 0; margin-right: 0;}

p.expand-trigger {
  padding: 6px 0;
  background: #d1e0e5 url(../img/expand-closed.png) no-repeat 6px center;
  border: 1px solid #c0d2d8;
  cursor: pointer;
}
p.expand-trigger img {margin-left: 25px;}
p.expand-trigger-expanded {background-image: url(../img/expand-open.png);}
div.expand-target {
  display: none;
  margin: -18px 15px 18px;
  padding-top: 18px;
  border: 1px dashed #c0d2d8;
  border-top-width: 0;
  background-color: #ffffff;
}

.download img {display: inline; vertical-align: middle; margin-right: 5px;}

div.gallery_item {height: 175px; width: 175px; float: left; margin-left: 15px; font-size: 11px; line-height: 1.2em; color: #004251;}
div.gallery_thumb {margin-bottom: 10px;}
div.gallery_title {font-style: italic;}
div.gallery_author {font-weight: bold;}