/* beaven CSS */

body {
 background: #fff;
 color: #000;
 margin: 10px 3em 10px 3em;
 padding: 0;
}
body, th, td {
 font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
}
h1, h2, h3, h4 {
 font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif;
 font-weight: bold;
 letter-spacing: -0.018em;
}
h1 { font-size: 19px; margin: .15em 1em 0 0 }
h2 { font-size: 16px }
h3 { font-size: 14px }
hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
address { font-style: normal }
img { border: none }
tt { white-space: pre }

.underline { text-decoration: underline }
ol.loweralpha { list-style-type: lower-alpha }
ol.upperalpha { list-style-type: upper-alpha }
ol.lowerroman { list-style-type: lower-roman }
ol.upperroman { list-style-type: upper-roman }
ol.arabic     { list-style-type: decimal }

/* Link styles */
:link, :visited {
 text-decoration: none;
 color: #b00;
 border-bottom: 1px dotted #bbb;
}
:link:hover, :visited:hover {
 background-color: #eee;
 color: #555;
}
h1 :link, h1 :visited, h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
 color: inherit;
}

/* Heading anchors */
.anchor:link, .anchor:visited {
 border: none;
 color: #d7d7d7;
 font-size: .8em;
 vertical-align: text-top;
}
* > .anchor:link, * > .anchor:visited {
 visibility: hidden;
}
h1:hover .anchor, h2:hover .anchor, h3:hover .anchor,
h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
 visibility: visible;
}

@media screen {
 a.ext-link .icon {
  background: url(img/extlink.gif) left center no-repeat;
  padding-left: 16px;
 }
/* * html a.ext-link .icon { display: inline-block; } */
 * html a.ext-link .icon { display: inline; }
}

/* Forms */
input, textarea, select { margin: 2px }
input, select { vertical-align: middle }
input[type=button], input[type=submit], input[type=reset] {
 background: #eee;
 color: #222;
 border: 1px outset #ccc;
 padding: .1em .5em;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
 background: #ccb;
}
input[type=button][disabled], input[type=submit][disabled],
input[type=reset][disabled] {
 background: #f6f6f6;
 border-style: solid;
 color: #999;
}
input[type=text], input.textwidget, textarea { border: 1px solid #d7d7d7 }
input[type=text], input.textwidget { padding: .25em .5em }
input[type=text]:focus, input.textwidget:focus, textarea:focus {
 border: 1px solid #886;
}
option { border-bottom: 1px dotted #d7d7d7 }
fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
* html fieldset.iefix { width: 98% }
fieldset.iefix p { margin: 0 }
legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
label.disabled { color: #d7d7d7 }
.buttons { margin: .5em .5em .5em 0 }
.buttons form, .buttons form div { display: inline }
.buttons input { margin: 1em .5em .1em 0 }
.inlinebuttons input { 
 font-size: 70%;
 border-width: 1px;
 border-style: dotted;
 margin: 0;
 padding: 0.1em;
 background: none;
}

/* Header */
#header hr { display: none }
#header h1 { margin: 1.5em 0 -1.5em; }
#header img { border: none; margin: 0 0 -2em }
#header :link, #header :visited, #header :link:hover, #header :visited:hover {
 background: transparent;
 color: #555;
 margin-bottom: 2px;
 border: none;
}
#header h1 :link:hover, #header h1 :visited:hover { color: #000 }

/* Quick search */
#search {
 display:none;
 clear: both;
 font-size: 10px;
 height: 2.2em;
 margin: 0 0 1em;
 text-align: right;
}
#search input { font-size: 10px }
#search label { display: none }

/* Site map */
#sitemap {
 clear: both;
 font-size: 10px;
 height: 2.2em;
 margin: 0 .5em 0 1em;
 text-align: right;
 vertical-align: bottom;
}
.sitemap ul {
 font-size: 10px;
 /* list-style: none; */
 margin: 0; text-align: right;
}

/* Navigation */
.nav h2, .nav hr { display: none }
.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
.nav li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 padding: 0 .75em;
 white-space: nowrap;
}
.nav li.last { border-right: none }

/* Meta navigation bar */
#metanav {
 display:none;
 /* visibility: hidden; */
}

/* Main navigation bar */
#mainnav {
 background: #f7f7f7 url(img/navbargrad.png) 0 0;
 border: 1px solid #000;
 font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
 margin: .66em 0 .33em;
 padding: .2em 0;
}
#mainnav li { border-right: none; padding: .25em 0 }
#mainnav :link, #mainnav :visited {
 background: url(img/dots.gif) 0 0 no-repeat;
 border-right: 1px solid #fff;
 border-bottom: none;
 border-left: 1px solid #555;
 color: #000;
 padding: .2em 20px;
}
* html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }
#mainnav :link:hover, #mainnav :visited:hover {
 background-color: #aedbef;
 border-right: 1px solid #ddd;
}
#mainnav .active :link, #mainnav .active :visited {
 background: #333 url(img/navbargrad2.png) 0 0 repeat-x;
 border-top: none;
 border-right: 1px solid #000;
 color: #eee;
 font-weight: bold;
}
#mainnav .active :link:hover, #mainnav .active :visited:hover {
 border-right: 1px solid #000;
}

/* Context-dependent navigation links */
#ctxtnav { height: 1em }
#ctxtnav li ul {
 background: #f7f7f7;
 color: #ccc;
 border: 1px solid;
 padding: 0;
 display: inline;
 margin: 0;
}
#ctxtnav li li { padding: 0; }
#ctxtnav li li :link, #ctxtnav li li :visited { padding: 0 1em }
#ctxtnav li li :link:hover, #ctxtnav li li :visited:hover {
 background: #bba;
 color: #fff;
}

/* Alternate links */
#altnav { clear: both; text-align: center }
#altnav h3 { font-size: 12px; letter-spacing: normal; margin: 0 }
#altnav ul { list-style: none; margin: 0; padding: 0 0 1em }
#altnav li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 font-size: 11px;
 line-height: 16px;
 padding: 0 1em;
 white-space: nowrap;
}
#altnav li.last { border-right: none }
#altnav li :link, #altnav li :visited {
 background-position: 0 -1px;
 background-repeat: no-repeat;
 border: none;
}
#altnav li a.ics { background-image: url(img/ics.png); padding-left: 22px }
#altnav li a.rss { background-image: url(img/xml.png); padding-left: 42px }

/* Footer */
#footer {
  clear: both;
  color: #bbb;
  font-size: 10px;
  border-top: 1px solid;
  height: 31px;
  padding: .25em 0;
}
#footer :link, #footer :visited { color: #bbb; }
#footer hr { display: none }
#footer #tracpowered { border: 0; float: left }
#footer #tracpowered:hover { background: transparent }
#footer p { margin: 0 }
#footer p.left {
  float: left;
  margin-left: 1em;
  padding: 0 1em;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
#footer p.right {
  float: right;
  text-align: right;
}

/* Main content */

#content { margin-top: 1em; padding-bottom: 2em; position: relative }
#leftcol { margin:0ex 15em 50px 10px;
           padding:0px 100px 10px 10px; }         

#rightcol { position:absolute;
 top:5ex;
 right:15px;
 max-width: 30%;
 min-width: 180px; 
 width:16.5em;
 padding:10px;
 background-color:#eee;
 color: black;
 border:1px dashed #999;
} 

.sec_intro { clear: both; text-align: justify;
             margin-left: 10em; margin-right: 10em }
.sec_intro img { float: left; margin: 0em 2em 1em 0 }
.sec_intro dt { margin-top: 0.4em; font-style: italic; font-weight: bold; }

div.book-ser { clear: both; }
dl.book-dsc {}
dl.book-dsc dt { clear: both; margin-top: 0.4em;
                 font-weight: bold; }
dl.book-dsc img {
  float: left; margin: 0em 2em 1em 0;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  border-right: 3px solid #888;
  border-bottom: 3px solid #888;
}

.bgsep { clear: both; 
         background-color: #fff;
         background-image: url(img/horzgrad.png);
         background-repeat: repeat-x; 
         margin: 4em; padding: .4em 2em 1.2em }

.testimonials { margin-left: 10em; margin-right: 10em }
.comment  { clear: both; margin-top: 3em; }
.comment img { float: left; width: 14em; margin: 0 3em 3em 3em }
.comment-sig { font-style: italic; text-align: right }

/* Home/Office */
#archway { float: right; width: 25em; margin: 2em 3em 3em 3em }
#panorama { float: right; margin: 2em 3em 3em 3em }
#credoimg { text-align: center; margin: 2em 3em 3em 3em }
#lounge { margin: 2em 3em 0em 10em }
/* #couch { float: right; width: 25em; margin: 2em 3em 3em 3em } */
#homeschlimg { float: right; margin: 2em 0em 3em 3em }
#homeschlimg2 { float: left; margin: .5em 3em 1em 0em }

/* Faculty */
.fcltybio { clear: both; margin: 4em 14em 0 14em }
.fcltybio img { float: left; margin: 0em 2em 1em 0; }

/* Tutoring */
.progdesc { clear: both; margin: 2em 2em 0 2em }
#tutoring1, #tutoring2, #tutoring3 {
  float: right; margin: 0 3em 0 3em; width: 10em}

#pricing {
 width: 90%;
 margin-left: 3em; margin-top: 0;
 border-collapse: collapse;
}
#pricing, #pricing th, #pricing td {border: 1px solid #ccc;}
#pricing th, #pricing td {padding: .5em 1em }

/* Travel */
.tr_desc { clear: both; margin-top: 3em;
            margin-left: 7em; margin-right: 7em }
.tr_img { margin: 0 2em 1em 2em }
#tr_venice { float: right; margin-right: 0; width: 24em; }
#tr_plaza { float: left; margin-left: 0; width: 24em; }

/* Student Exchange */
.xchgitem  { clear: both; margin-top: 4em; margin-right: 10em }
#niagragrp { float: right; width: 24em; margin: 0 3em 3em 3em }
#towergrp { float: left; width: 28em; margin: 0 3em 3em 3em }
#dcgrp { float: right; width: 20em; margin: 0 3em 3em 3em }

/* Partners */
.partner { margin-top: 1em; padding-top: 1em;
           border-top: 2px solid #eee }
.partner { display: block; clear: both }
.partner div { display: inline; border: 1px solid ; margin: 5px}
.partner_name { width: 15em;}
.partner_dsc { width: 30em }
.partner_contact { width: 17em; }

/* Joan Ellis */
.jellis_prog { margin-left: 5em; margin-right: 5em }
.jellis_prog dt { font-weight: bold; clear: both;
                  margin-top: 1em; padding-top: 1em;
                  border-top: 2px solid #eee }

/* Main page */
.mainpage { padding-left: 18px }
.mainpage h1, .mainpage h2, .mainpage h3 { margin-left: -18px }

.closed:link, a.closed:visited { text-decoration: line-through }

dl.gendesc dt { font-weight: bold }
dl.compact dt { float: left; padding-right: .5em }
dl.compact dd { margin: 0; padding: 0 }

pre.gendesc, pre.literal-block {
 background: #f7f7f7;
 border: 1px solid #d7d7d7;
 margin: 1em 1.75em;
 padding: .25em;
 overflow: auto;
}

blockquote.citation { 
 margin: -0.6em 0;
 border-style: solid; 
 border-width: 0 0 0 2px; 
 padding-left: .5em;
 border-color: #b44; 
}
.citation blockquote.citation { border-color: #4b4; }
.citation .citation blockquote.citation { border-color: #44b; }
.citation .citation .citation blockquote.citation { border-color: #c55; }

@media print {
 #sitemap, #header, #altnav, #footer, #help { display: none }
 .nav, form, .buttons form, form .buttons, form .inlinebuttons { display: none }
 form.printableform { display: block }
}

