/* level 2+ styles for MIT OEIT site  */



/* BANNER */

#divbanner {
  clear: both;
  min-width: 801px;
  height: 105px;
  background-color: #f1b721;
}
/* OEIT logo and background photo */
#divbanner h2 {
  width: 316px;
  height: 53px;
  margin: 0px;
  padding: 27px 242px 25px 53px;
  background-color: #d9d9d9;
  background-image: url(/oeit-projects/newsite/img/connect/bannerbkg.jpg);
  float: left;
}
/* set background photo by section */
body.connect #divbanner h2 {
  background-image: url(/oeit-projects/newsite/img/connect/bannerbkg.jpg);
}
body.explore #divbanner h2 {
  background-image: url(/oeit-projects/newsite/img/explore/bannerbkg.jpg);
}
body.browse #divbanner h2 {
  background-image: url(/oeit-projects/newsite/img/browse/bannerbkg.jpg);
}
body.interact #divbanner h2 {
  background-image: url(/oeit-projects/newsite/img/interact/bannerbkg.jpg);
}
body.learn #divbanner h2 {
  background-image: url(/oeit-projects/newsite/img/learn/bannerbkg.jpg);
}
/* photo at right */
#divbanner #divphoto {
  width: 190px;
  height: 105px;
  margin: 0px;
  float: left;
}



/* BODY */
/* main content area of page */

#divbody {
  clear: both;
  width: 950px;
  padding: 16px 0px 12px 0px;
}
/* default text */
#divbody p, #divbody li, #divbody form {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 135%;
  color: #000000;
  margin-bottom: 16px;
}

/* inner list items */
#divbody li li {
  font-size: 100%;
    margin-bottom: 4px;
	}


/* SECONDARY NAVIGATION */

#divsecondarynav {
  width: 207px;
  margin-top: 39px;
  padding: 0px 22px 0px 31px;
  border-right: 1px solid #f1b721;
  float: left;
}
/* section name */
#divsecondarynav h2 {
  position: relative;
  margin: -9px 0px 20px 22px;
}

#divsecondarynav h3 {
  position: relative; top:15px;
  margin: -9px 0px 20px 22px;
  color: #006090;
  font-weight:lighter;
 
}


/* links */
#divsecondarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divsecondarynav ul li {
  font-size: 0.80em;
  line-height: 120%;
  margin-bottom: 10px;
  padding-left: 24px;
  background-image: url(/oeit-projects/newsite/img/nav2bullet.gif);
  background-position: 15px 5px;
  background-repeat: no-repeat;
}
#divsecondarynav ul li a,
#divsecondarynav ul li a:link,
#divsecondarynav ul li a:visited {
  color: #000000;
  text-decoration: none;
}
#divsecondarynav ul li a:hover {
  color: #00689a;
  text-decoration: none;
}
#divsecondarynav ul li.current a {
  color: #f3562e !important;
  text-decoration: none;
}

p.indent {margin-left: 20px; font-size:9px;}

/* MAIN TEXT COLUMN */

#divtext {
  width: 494px;
  padding-left: 25px;
  float: left;
}
/* breadcrumbs */
#divbreadcrumbs {
  margin-bottom: 36px;
  line-height: 100%;
}
#divbreadcrumbs a,
#divbreadcrumbs a:link,
#divbreadcrumbs a:visited {
  color: #00689a;
  text-decoration: none;
}
#divbreadcrumbs a:hover {
  color: #00689a;
  text-decoration: underline;
}
#divtext h1 {
  font-size: 1.25em;
  font-weight: bold;
  color: #006090;
}
#divtext h2 {
  font-size: 1.00em;
  font-weight: bold;
  color: #006090;
}

#divtext h3 {
  font-size: .90em;
  font-weight: bold;
  color: #006090;
}


#divtext h4 {
  font-size: .75em;
  font-weight: normal;
  color: #000000;
}


#divtext ul {
  margin-left: 0.5em;
  padding-left: 0.5em;
}



/* RELATED LINKS */

#divrelatedlinks {
  width: 130px;
  margin: 78px 0px 0px 20px;
  padding: 0px 0px 24px 12px;
  background-image: url(/oeit-projects/newsite/img/rlinks/bottom.gif);
  background-position: left bottom;
  background-repeat: repeat-y;
  float: left;
}
/* heading */
#divrelatedlinks h2 {
  width: 85px;
  height: 14px;
  padding: 31px 45px 26px 12px;
  margin: 0px 0px 0px -12px;
  line-height: 100%;
  background-image: url(/oeit-projects/newsite/img/rlinks/top.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
/* tighten up text */
#divrelatedlinks p, #divrelatedlinks li {

  font-size: 0.75em;
  font-weight: normal;
  line-height: 135%;
  color: #000000;
  
  margin-bottom: 4px;
}

#divrelatedlinks ul {
  margin-bottom: 0px;
  margin-left: 0.5em;
  padding-left: 0.5em;
}