/* screen.css
   handles layout and basic image swapping and rollovers
   for screen display (desktop browsers) only
   use with 'media="screen"' and '@import' syntax

   Note: IE hacks done using the 'html>body' trick
   */

body {
  margin: 0; padding: 0;
  color: #000;
  background-position: top left;
  background-repeat: repeat-y;
}

#banner {
  position: absolute;
  top: 0; left: 0;
  margin: 0; padding: 0;
  background-position: top left;
  background-repeat: no-repeat;
  height: 55px; width: 100%;
  z-index: 60;
}

#masthead a {
  position: absolute;
  top: 0; left: 0;
  margin: 0; padding: 0;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -1000em;
  height: 55px; width: 250px;
  z-index: 100;
  text-decoration: none;
}

#main {
  position: absolute;
  top: 55px; left: 170px; right: 0; /* bg flows behind 3rd col if exists */
  margin: 0;
  color: #444;
  background-color: #fff;
  background-position: top left;
  background-repeat: repeat-x;
  /* IE hacks */
  padding: 20px 28% 2% 20px; /* flows behind other cols for bgimage */
top: 0px; padding-top: 78px;
  z-index: 0;
}
html>body #main { padding-right: 23%; } /* real value */
#main ul li { padding-top: 4px; }

/* BEGIN persistant nav with lots of IE hacks
   Note: IE hacks done using the 'html>body' trick
 */
#nav-persist {
  position: absolute;
  top: 0; left: 0;
  width: 165px;
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0; padding: 85px 0 10px 5px;
  z-index: 50;
}
#nav-persist ul, #nav-persist ul li { list-style: none; display: inline; margin: 0; padding: 0; }
#nav-persist ul li a {
  display: block;
  margin: 0 0 0 10px; padding: 6px 25px 6px 0px;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  color: #000; background: transparent;
}
#nav-persist ul li a:hover {
  border-bottom: 1px solid #000;
}
html>body #nav-persist ul li a {
  border-bottom: 1px dotted #aaa;
}
/* old lines-between-items version
html>body #nav-persist ul li a {
  display: block;
  margin: 0 0 0 10px; padding: 0 25px 0 3px;
  border: none;
}
html>body #nav-persist ul li + li a {
  margin: 6px 0 0 10px; padding: 6px 25px 0 3px;
  border-top: 1px dotted #aaa;
}
*/
/* END persistant nav */


#search { margin: 12px 0 10px 10px; padding: 0; }
#search a { color: #930; }
#search ul    { padding: 6px 0; }
#search ul li { background-image: none; margin: 0; padding: 3px 0; }
/* for good browsers */
html>body #search { margin-top: 20px; }
html>body #search ul li, html>body #search ul li + li { background-image: none; margin: 0; padding: 3px 0; }
html>body #search input, #search p { vertical-align: bottom;}
html>body #search label input { vertical-align: middle;}

#nav-section {
  position: absolute;
  top: 55px; right: 0;
  width: 20%;
  margin: 30px 0 0 0;
  padding: 10px 0 15px 10px;
  border-left: solid 1px #ccc;
  background-color: #fff; /* IE fix for wrap width problem */
}
#nav-section ul { display: block; margin: 0; padding: 0; }
#nav-section ul li {
  display: block;
  padding: 0;
  margin: 10px 10px;
  /* IE hacks */
  list-style: none;
}
#nav-section a { color: #000; text-decoration: none; }
#nav-section a:hover { text-decoration: underline; }

#related   { margin-top: 30px; }
#related a { color: #666; }

#related-header a {
  display: block;
  height: 21px; width: 140px;
  margin-top: 15px; padding: 0;
  color: #777; background: transparent;
  text-decoration: none;
  border-bottom: 1px dotted #777;
  /*
  font: normal 14px/1.2 Georgia, "Times New Roman", Times, serif;
  */
}
#related-header a:hover { text-decoration: none; }

/* elements hidden from CSSP-enabled browsers */
#navjump, #nav-header, #section-header, .hide { display: none; }

/************** BEGIN top nav **************/
#nav ul, #nav ul li { display: inline; }
#nav ul li a {
  position: absolute; top: 0;
  display: block;
  text-decoration: none;
  margin: 0; padding: 14px 0 8px;
  height: 50px;
  z-index: 70;
  text-align: center;
  /*
  color: inherit; background: transparent;
  */
  font: 11px/1.1 normal Arial, Verdana, Helvetica, "Lucida Grande", Lucida, sans-serif;
}
#nav ul li#nav-dean a       { left: 285px; width: 60px; font-style: italic; }
#nav ul li#nav-about a      { left: 357px; width: 92px; font-style: italic; }
#nav ul li#nav-admissions a { left: 461px; width: 97px; }
#nav ul li#nav-academics  a { left: 570px; width: 116px; }
#nav ul li#nav-students a   { left: 697px; width: 58px; }
/************** END top nav **************/

/* from here on: formatting tweeks */

#footer { border-top: solid 1px #ccc; padding-top: 1em; margin-top: 3em; color: #999; }
a.currentitem, a.sitemenu-currentitem, a.dirmenu-currentitem {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

/* BEGIN topimage formatting for main page classed images */
img.topimage          { margin: 10px; border: solid 1px #333; }
img.topimage-noborder { margin: 10px; border: none; }
h1 + img.topimage, h1 + img.topimage-noborder { margin-top: 0; }
div.topimage               { float: right; margin: 0 0 10px 10px; padding: 0; }
div.topimage[align="left"] { float: left;  margin: 0 10px 0 0; }
div.topimage p   { text-align: center; }
div.topimage img { border: solid 1px #333; }
img.topimage[align="right"],
  img.topimage-noborder[align="right"],
  div.topimage[align="right"] img {
  margin-right: 0;
}
img.topimage[align="left"],
  img.topimage-noborder[align="left"],
  div.topimage[align="left"] img {
  margin-left: 0;
}
/* END topimage formatting */


pre.example {
  margin: 15px; padding: 10px;
  clear: both;
  background: #dee;
  color: inherit;
  border: dashed 1px #666;
}

.fancyborder { /*for Terry Martin Site */
  border-style: groove;
  border-color: #69c;
  border-width: thin;
}

.slideshow img { border: none; }

/* BEGIN OLD autoform formating */
form.autoform, div.autoform { padding: 5px; border: 2px solid #d1caa7; clear: both; }
form.autoform td { border-bottom: 1px dashed #d1caa7; }
form.autoform td { vertical-align: top; margin: 0; padding: 5px; }
form.autoform td.col_1 { width: 30%; }
form.autoform td.col_2 { width: 70%; }
form.autoform td p { font-style: italic; }
p.autoform-comment { font-style: italic; color: #036; background-color: transparent; }
div.autoform p.autoform-comment { margin: 12px; padding: 12px; border: 1px solid #999; }
.error   { color: #930; background: inherit; font-weight: bold; }
/* END OLD autoform formating */

/* BEGIN autoform formating */
form.autoform, div.autoform { padding: 5px; border: 2px solid #d1caa7; clear: both; }
form.autoform td { border-bottom: 1px dashed #d1caa7; }
form.autoform td { vertical-align: top; margin: 0; padding: 5px; }
form.autoform td.col_1 { width: 30%; }
form.autoform td.col_2 { width: 70%; }
form.autoform td p { font-style: italic; }
p.autoform-comment { font-style: italic; color: #036; background-color: transparent; }
div.autoform p.autoform-comment { margin: 12px; padding: 12px; border: 1px solid #999; }
.error   { color: #930; background: inherit; font-weight: bold; }
/* END autoform formating */

/* BEGIN autoform-php5 formating */
form.af2 { border: 2px solid #d1caa7; clear: both; padding: 5px 0; }
div.af2  { border: 2px solid #d1caa7; clear: both; padding: 5px 21px; }
form.af2 p                 { margin: 0 21px .5em; font-style: italic; }
form.af2 div.af2question p { margin: 0 0 .5em; }
form.af2 .af2notice {
  margin: 12px; padding: 12px;
  border: 1px solid #999;
  color: #036; background-color: transparent;
}
form.af2 label, form.af2 fieldset { margin: 0 0 3px; padding: 0; border: none; display: block; }
form.af2 input, form.af2 select, form.af2 textarea, form.af2 .response fieldset {
  display: inline;
  margin: 0 0 5px; padding: 0;
  vertical-align: top;
}

/* basic formatting for sections and questions */
form.af2 div.af2question, form.af2 div.af2section {
  display: block;
  clear: both;
  border: none;
  padding: 5px 0;
  margin: 5px 0;
}
form.af2 div.af2question   { border-top: 1px dashed #d1caa7; margin: 5px 0 5px 21px; }
form.af2 div.af2section    { border-top: 1px solid  #d1caa7; }
form.af2 div.af2section h2, div.af2SectionTitle { padding: 0 21px; }
form.af2 div.af2SectionTitle {
  color: #666; background: transparent;
  font-size: 1.4em; margin: .5em 0;
  font-weight: bold;
}

/* basic positioning for prompts and responses */
form.af2 .prompt, form.af2 .response { margin: 0; padding: 0; }
form.af2 .prompt   { display: block; width: 30%; float: left; clear: left; }
form.af2 .response { display: block; width: 69%; float: right; }

/* tweak nested shorthand elements */
form.af2 fieldset.group label,
  form.af2 fieldset.group fieldset {
    display: inline; float: none;
}
.error   { color: #930; background: inherit; font-weight: bold; }
/* END autoform-php5 formating */

div.floatbox {
  float: right;
  margin: 10px 0 10px 10px; padding: 10px;
  width: 250px;
  border-left:   1px solid #bbb;
  border-top:    1px solid #bbb;
  border-right:  1px solid #887;
  border-bottom: 2px solid #887;
}
#main > div.floatbox {
  /* Commented Backslash Hack hides rule(s) from IE5-Mac \*/
  margin-right: -30px;
  padding: 0 10px;
  /* END IE5-Mac hack */
}

div.newsbox {
  margin: 0 0 10px; padding: 0 8px 8px;
  background: #eee; width: 170px;
  border: 1px solid #ddd;
  text-align: center;
}
div.newsbox h2 { font-weight: bold; color: #900; }
div.newsbox h2 a, div.newsbox h2 a:visited { color: #900; }
div.newsbox img { margin: auto; border: 1px solid #333; }

dl.block dt { font-weight: bold; }
dl.block dd { margin: 0 0 1em; padding: 0; }

.fac-section, .fac-extra { clear: both; }
img.fac-main {
  display: block;
  margin: 5px 10px 10px 0; padding: 0;
  border: 1px solid #333;
}

.col-wrapper { display: block; width: 100%; clear: both; }
.col2left    { display: block; width: 48%; float: left ; clear: left; }
.col2right   { display: block; width: 48%; float: right; }

img.random-level2 {
  display: block; max-width: 18%;
  border: 1px solid #555;
  margin: 5px; padding: 3px;
}

/*
a.rss {
  display: block;
  padding-left: 30px;
  width: auto; height: auto;
  background: transparent url(/images/rss.gif) no-repeat left top;
}
*/