/* home page styles for Mapping Controversies site  */


/* GENERAL */

body {
  background-image: url(/img/home/pagebkg.png);
}



/* PAGE AREA */

#divpagearea {
  background-image: url(/img/home/innerbkg.png);
}



/* DECORATIVE PHOTOS */

#divphoto1 {
  position: absolute;
  left: 117px;
  top: 57px;
  width: 64px;
  height: 58px;
  z-index: 1;
  background-image: url(/img/home/photo1a.jpg);
}
#divphoto2 {
  position: absolute;
  left: 404px;
  top: 46px;
  width: 91px;
  height: 107px;
  z-index: 1;
  background-image: url(/img/home/photo1b.jpg);
}
#divphoto3 {
  position: absolute;
  left: 495px;
  top: 90px;
  width: 93px;
  height: 64px;
  z-index: 1;
  background-image: url(/img/home/photo1c.jpg);
}
#divphoto4 {
  position: absolute;
  left: 583px;
  top: 155px;
  width: 89px;
  height: 64px;
  z-index: 1;
  background-image: url(/img/home/photo1d.jpg);
}



/* COLOR BAR */

#divcolorbar {
  position: absolute;
  left: 404px;
  top: 155px;
  width: 203px;
  height: 6px;
  z-index: 2;
}



/* TITLE */

#divtitle {
  position: absolute;
  left: 60px;
  top: 147px;
  width: 291px;
  height: 27px;
  z-index: 5;
}
#divtitle h1 {
  margin: 0px;
  line-height: 100%;
}


/* MASSACHUSETTS INSTITUTE OF TECHNOLOGY | MACOSPOL */

#divmit {
  position: absolute;
  left: 183px;
  top: 14px;
  width: 300px;
  height: 13px;
  z-index: 5;
}
#divmit p {
  margin: 0px;
  line-height: 100%;
}



/* PRIMARY NAVIGATION */

#divprimarynav {
  position: absolute;
  left: 29px;
  top: 311px;
  width: 170px;
  z-index: 10;
}
#divprimarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divprimarynav ul li {
  display: block;
  float: left;
  width: 170px;

  font-size: 0.75em;
  line-height: 100%;

}
#divprimarynav ul li a {
  display: block;
  padding-left: 20px;
  padding-bottom: 6px;
  width: 150px;
  background-image: url(/img/nav/bkg_plus.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
/* background hover images */
#divprimarynav ul li#nav_controversies a:hover {
  background-image: url(/img/nav/controversies_ro.gif);
}
#divprimarynav ul li#nav_resources a:hover {
  background-image: url(/img/nav/resources_ro.gif);
}
#divprimarynav ul li#nav_about a:hover {
  background-image: url(/img/nav/about_ro.gif);
}
#divprimarynav ul li#nav_tools a:hover {
  background-image: url(/img/nav/tools_ro.gif);
}
#divprimarynav ul li#nav_competition a:hover {
  background-image: url(/img/nav/competition_ro.gif);
}
#divprimarynav ul li#nav_boiteamalice a:hover {
  background-image: url(/img/nav/boiteamalice_ro.gif);
}
/* satellite box for each nav item  */
#divprimarynav ul li a span.starbox {
  position: absolute;
  width: 14px;
  height: 13px;
}
#divprimarynav ul li a:hover span.starbox {
  background-image: none !important;
}
#divprimarynav ul li#nav_controversies a span.starbox {
  left: 88px;
  top: -102px;
  background-image: url(/img/home/cross_purple.gif);
  background-color: #5f435a;
}
#divprimarynav ul li#nav_resources a span.starbox {
  left: 21px;
  top: -67px;
  background-image: url(/img/home/cross_green.gif);
  background-color: #97b734;
}
#divprimarynav ul li#nav_about a span.starbox {
  left: -29px;
  top: -225px;
  background-image: url(/img/home/cross_orange.gif);
  background-color: #ff8400;
}
#divprimarynav ul li#nav_tools a span.starbox {
  left: 152px;
  top: -71px;
  background-image: url(/img/home/cross_turquoise.gif);
  background-color: #2e6366;
}
#divprimarynav ul li#nav_competition a span.starbox {
  left: 327px;
  top: -132px;
  background-image: url(/img/home/cross_blue.gif);
  background-color: #2682bc;
}
#divprimarynav ul li#nav_boiteamalice a span.starbox {
  left: 153px;
  top: -244px;
  background-image: url(/img/home/cross_pink.gif);
  background-color: #da0958;
}



/* CONTACT LINK */

p#divcontact {
  position: absolute;
  left: 670px;
  top: 307px;
  width: 127px;
  z-index: 5;

  font-size: 0.75em;
  line-height: 150%;
  color: #513737;
}
p#divcontact a {
  padding-left: 15px;
  background-image: url(/img/nav/bkg_plus_magenta.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  white-space: nowrap;
}



/* TEXT AREAS */

#divtext {
}
/* text styles */
#divtext h2 {
  font-size: 1.0em;
  font-weight: bold;
  color: #513737;
  margin-bottom: 0px;
}
#divtext p {
  font-size: 0.75em;
  line-height: 150%;
  color: #513737;
}
#divtext a.pluslink {
  padding-left: 20px;
  background-image: url(/img/openbox.gif);
  background-repeat: no-repeat;
  white-space: nowrap;
}


/* left column */
#divleftcolumn {
  position: absolute;
  left: 183px;
  top: 307px;
  width: 246px;
  z-index: 1;
}
/* left column text */
#divlefttext {
  min-height: 184px;
	padding-bottom: 30px;
}
/* logos */
#logolist {
  margin: 0px;
  padding-left: 5px;
  list-style: none;
  width: 100px;
}
#logolist li {
  display: block;
  float: left;
  width: 100px;
  margin-bottom: 12px;
}
#logolist li a {
  width: 100px;
}

/* right column */
#divrightcolumn {
  position: absolute;
  left: 448px;
  top: 269px;
  width: 212px;
  z-index: 1;
}
/* right column heading */
#divrightheading {
  min-height: 38px;
}
/* right column text */
#divrighttext {
}