html, body { height:100%; padding:0; margin:0px; font-family:Verdana, Arial, Helvetica; background:#333 url('../images/bgd.jpg'); overflow:auto; }
div#body_div { height:100%; width:1000px; position:relative; overflow:hidden; margin:auto; /* makes it possibe to make the page 1000px wide and centered */ }
/* div#body_div { background:url('../images/bgd.jpg') no-repeat bottom right; } */

/* main page elements that take the place of frames */
div#header_div    { position:absolute; left:0;     right:0; top:0;                          width:auto;  height:122px; overflow:hidden; background:url('../images/background.jpg')  no-repeat; }
div#link_div        { z-index:2; position:absolute; left:0;              top:122px; bottom:0; width:215px; height:auto;  overflow:auto;   background:url('../images/background3.jpg') no-repeat; }
div#link2_div      { z-index:2; position:absolute; left:0;              top:622px; bottom:0; width:215px; height:auto;                   background:url('../images/background4.jpg') repeat-y; }
div#content_div  { position:absolute; left:215px; right:0px; top:120px; bottom:0; width:auto;  height:auto;  overflow:auto; padding-right:5px; background-color:#FFFFFF; }

/* search form and results page */
form#search { position:absolute; right:3px; bottom:43px; }
form#search input { color:#F00; font-weight:bold; background-color:#000; }
form#search input.txt { }
form#search input.sub { }

div#searchResults { }
div#searchResults a { }
div#searchResults p { }

div#searchPages { border-top:solid 1px #F00; margin-top:15px; padding-top:10px; }
div#searchPages ul { line-height:20px; list-style:none; margin:5px 0 0 0; padding:0; }
div#searchPages ul li { display:inline; margin:0 15px 0 0; }


/* clicking the Milo logo in the top-left corner of the site returns you to the home page */
a#home_a  { position:absolute; left:0; top:0; bottom:0; width:200px; }


/* print link in the top-right corner of each page */
a#print_a { position:absolute; right:3px; bottom:10px; text-decoration:none; color:#F00; font-weight:bold; font-size:.9em; }
a#print_a img { border:none; height:20px; margin-bottom:-5px; }
a#print_a:hover { }


/* main links on the left side of the site */
div#link_div { overflow:visible; }
ul#link_ul { list-style:none; margin:20px 0 0 5px; width:150px; padding:0; z-index:1; text-align:right; }
ul#link_ul ul { display:none; text-align:left; }
ul#link_ul ul.displayed { position:absolute; display:block; left:140px; width:210px; margin:-27px 0 0 15px; list-style:none; padding:0; background-color:#000; }
ul#link_ul ul li a { background:url('/images/menu_back.jpg') repeat-y; }
ul#link_ul ul.displayed ul { left:195px; }

ul#link_ul li { padding:0; font-size:16px; }
ul#link_ul li a { padding:5px 20px 5px 5px; color:#FFF; display:block; white-space:nowrap; overflow:hidden; text-decoration:none; font-weight:bold; font-family:Verdana, Arial; font-size:.8em; cursor:pointer; }
ul#link_ul li li a { padding:5px; }
ul#link_ul li a.current { color:#F00; cursor:pointer; background:#000 url('/images/menu_over.jpg') repeat-y; }
ul#link_ul ul li a span { float:right; width:15px; height:15px; background:url('/images/whitearrow.png') no-repeat; }
ul#link_ul li a.current span { background:url('../images/redarrow.png') no-repeat; }
 
/* enabling this will make the menu system work even if javascript isn't working
ul#link_ul ul.expanded { position:static; display:block; width:180px; margin:0 0 0 20px; padding:0; }
ul#link_ul ul.expanded li a { background:none; }
*/

/* the footer at the bottom of the content page */
div#footer { text-align:center; margin:20px 40px 0 0; position:relative; clear:both; }
div#footer ul    { margin:5px 0 0 0; padding:0; list-style:none; }
div#footer ul li  { margin:0 10px; display:inline; }

div#footerNav { border-top:solid 1px #F00; margin-top:5px; padding-top:5px; position:relative; }
div#footerNav a { font-family:Arial, Helvetica, "Sans serif"; }
div#footerNav a#prev_a { position:absolute; left:0; top:15px; }
div#footerNav a#next_a { position:absolute; right:0; top:15px; }
div#footerNav img { border:none; }

div#contactBottom_div { font-size:12px; margin:5px 0 2px 0; font-family:Arial, Helvetica, "Sans serif"; }
div#contactBottom_div h4 { margin:0; font-size:13px; font-weight:bold; }
div#contactBottom_div div.address { }
div#contactBottom_div div.phone { }
div#contactBottom_div div.email a { }


/* popup windows for alumni/photos and contact/staff */
div.winBackground { background-color:#DDD; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; opacity:.5; filter:alpha(opacity=50); }
div.winForeground { background-color:#FFF; position:absolute; top:120px; left:200px; right:50px; bottom:50px; padding:5px 20px 20px 20px; z-index:3; overflow:scroll; text-align:center; }
/*
div.winForeground img { width:90%; }
div.winForeground img { float:right; margin:0 0 10px 10px; }
*/
div.winForeground div.nav { position:relative; margin-bottom:30px; text-align:center; }
div.winForeground  a.prev_a { position:absolute; left:5px; top:5px; }
div.winForeground  a.next_a { position:absolute; right:5px; top:5px; }
div.winForeground  a.close_a {  }