/* Home page css */

/****************
 General Elements
 ****************/
div#main-content {
  background-image: url(/ejaf_images/bg_underprimary_on_white.jpg);
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

.worldMapFlashObject {
  width: 415px;
}

.worldMapKey {
  left: 450px;
  position: absolute;
  top: 10px;
}

/***************
 Hidden elements
 ***************/
div#cell_3 .thumbimage p,
div#cell_4 .thumbimage p,
div#cell_5 .thumbimage p,
div#cell_6 .thumbimage p,
div#cell_8 .thumbimage p,
div#content-footer,
div#content-header {
  display: none !important;
}

/*************
 Content Areas
 *************/
div.contentArea {
  left: 0px;
  height: 200px;
  position: absolute;
  top: 0px;
  width: 200px;
}

#cell_1 {
  height: 490px;
  left: 13px;
  width: 387px;
}

#cell_1 div.component {
  padding-left: 0px;
}

#cell_1 div.document,
#cell_1 div.file,
#cell_1 div.quote {
  margin-right: 13px;
}

#cell_2 {
  background-image: url(/ejaf_images/bg_vertical_map_key_2.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  color: #ffffff;
  height: 300px;
  left: 400px;
  margin: 0px;
  padding: 0px;
  width: 600px;
}

#cell_2 embed,
#cell_2 object,
#cell_2 #static-world-map {
  left: 6px;
  position: absolute;
  top: 4px;
}

#cell_2 #static-world-links {
  left: 0px;
  position: absolute;
  top: 168px;
  width: 450px;
}

#cell_2 #static-world-links a,
#cell_2 #static-world-links a:visited {
  color: #483318;
  font-size: 12px;
  line-height: 17px;
}

#cell_2 #static-world-links a:hover {
  color: #9a7e56;
}

#cell_2 #static-world-links ul {
  float: left;
  width: 100px;
}

#cell_3 {
  height: 100px;
  left: 400px;
  overflow: visible;
  top: 300px;
  z-index: 2;
}

#cell_4 {
  height: 100px;
  left: 600px;
  overflow: visible;
  top: 300px;
  z-index: 2;
}

#cell_5 {
  height: 100px;
  left: 800px;
  overflow: visible;
  top: 300px;
  z-index: 2;
}

#cell_6 {
  height: 100px;
  left: 400px;
  overflow: visible;
  top: 400px;
  z-index: 2;
}

#cell_7 {
  height: 100px;
  left: 600px;
  top: 400px;
  z-index: 1;
}

#cell_8 {
  height: 100px;
  left: 800px;
  overflow: visible;
  top: 400px;
  z-index: 2;
}

#sponsor_images {
  height: 90px;
  left: 600px;
  top: 500px;
  width: 400px;
}
/*************
 Theme buttons
 *************/
#cell_3 img.ThumbImage,
#cell_4 img.ThumbImage,
#cell_5 img.ThumbImage,
#cell_6 img.ThumbImage,
#cell_8 img.ThumbImage {
  height: 100px;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 200px;
}

#cell_3 .imageParent,
#cell_4 .imageParent,
#cell_5 .imageParent,
#cell_6 .imageParent,
#cell_8 .imageParent {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  height: 100px;
  position: relative;
  width: 200px;
}

#cell_3 a.imageParent:hover,
#cell_4 a.imageParent:hover,
#cell_5 a.imageParent:hover,
#cell_6 a.imageParent:hover,
#cell_8 a.imageParent:hover {
  background-position: -200px;
}

#cell_3 a.imageParent:hover .ThumbImage,
#cell_4 a.imageParent:hover .ThumbImage,
#cell_5 a.imageParent:hover .ThumbImage,
#cell_6 a.imageParent:hover .ThumbImage,
#cell_8 a.imageParent:hover .ThumbImage {
  visibility: visible;
}

#cell_3 .thumbimage,
#cell_4 .thumbimage,
#cell_5 .thumbimage,
#cell_6 .thumbimage,
#cell_8 .thumbimage {
  text-align: left;
}

#cell_3 .thumbimage .imageParent {
  background-image: url(/ejaf_images/bg_themebutton_1.jpg);
}

#cell_3 .thumbimage .ThumbImage {
  left: 200px;
  top: 100px;
}

#cell_4 .thumbimage .imageParent {
  background-image: url(/ejaf_images/bg_themebutton_2.jpg);
}

#cell_4 .thumbimage .ThumbImage {
  left: 0px;
  top: 100px;
}

#cell_5 .thumbimage .imageParent {
  background-image: url(/ejaf_images/bg_themebutton_3.jpg);
}

#cell_5 .thumbimage .ThumbImage {
  left: -200px;
  top: 100px;
}

#cell_6 .thumbimage .imageParent {
  background-image: url(/ejaf_images/bg_themebutton_4.jpg);
}

#cell_6 .thumbimage .ThumbImage {
  left: 200px;
  top: 0px;
}

#cell_8 .thumbimage .imageParent {
  background-image: url(/ejaf_images/bg_themebutton_5.jpg);
}

#cell_8 .thumbimage .ThumbImage {
  left: -200px;
  top: 0px;
}


#page.editFrame #cell_3 .imageParent,
#page.editFrame #cell_4 .imageParent,
#page.editFrame #cell_5 .imageParent,
#page.editFrame #cell_6 .imageParent,
#page.editFrame #cell_8 .imageParent {
  background-position: 0px 0px;
}

#page.editFrame #cell_3 img.ThumbImage,
#page.editFrame #cell_4 img.ThumbImage,
#page.editFrame #cell_5 img.ThumbImage,
#page.editFrame #cell_6 img.ThumbImage,
#page.editFrame #cell_8 img.ThumbImage {
  left: 0px;
  padding-top: 100px;
  position: relative;
  top: 0px;
  visibility: visible;
}