/*--------------------------------------------------------------------*/
/*-- Overall Elements                                                 */
/*--------------------------------------------------------------------*/
body
{
  margin:0px;
  font-family:sans-serif;
  font-size:12pt
}

#primary-container
{
  position: relative;
  width:1000px;
  margin-left:auto; margin-right:auto;
  background:#ffcc00;
  border-left:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid black;
}

#primary-top-left
{
  position:absolute; top:0px; left:0px;
}
#primary-top-right
{
  position:absolute; top:0px; right:0px;
}
#primary-bottom-left
{
  position:absolute; bottom:0px; left:0px;
}
#primary-bottom-right
{
  position:absolute; bottom:0px; right:0px;
}


/*--------------------------------------------------------------------*/
/*-- Top Elements                                                     */
/*--------------------------------------------------------------------*/
#top-bar
{
  position:relative;
  height:108px; 
  background:#ffcc00;
}

#side-photo-container
{
  position:absolute; right:0px; top:10px;
  width:202px;
  height:282px;
  background:#ffcc00; 
}

#side-photo
{
  width:180px; height:270px;
  margin-left:auto; margin-right:auto;
  margin-bottom:10px;
  background:#ffffff;
  border:1px solid black;
}

#side-bottom-left
{
  position:absolute; bottom:0px; left:0px;
}

#eccc-logo-container
{
  position:absolute;
  left:10px; top:4px;
  width:192px; height:96px;
}

/*----------------------------------------------------*/
/*-- NAVIGATION BAR                                   */
#navcontainer
{
  position:absolute;
  right:245px;
  bottom:10px;
}

#navcontainer ul
{
  margin:0px;
  float: left;
  width:100%;
  padding-top:1px;
  padding-left:1px;
  padding-bottom:1px;
  font-family: arial, helvetica, sans-serif;
  background-color: #ffffff;
  color: #ffffff;
}

#navcontainer ul li {
  display: inline;
}

#navcontainer ul li a
{
  float: left;
  margin-right:1px;
  padding: 0.2em 1em;
  text-decoration: none;
  background-color: #000000;
  color: #ffffff;
}

#navcontainer ul li a:hover
{
  background-color: #ffbb00;
  color: #000000;
}


/*--------------------------------------------------------------------*/
/*-- Main Elements                                                    */
/*--------------------------------------------------------------------*/

#sidebar-blocker
{
  float:right;
  margin-left:8px;
  margin-top:-8px;
  margin-right:-8px;
  width:192px; height: 182px;
  background:#ffffff;
  border:1px solid black;
}

#main-content
{
  width:964px;
  margin-left:10px; margin-right:10px;
  padding:8px; 
  background:#ffffff;
  text-align:justify;
  border:1px solid black;
}


/*--------------------------------------------------------------------*/
/*-- Bottom Elements                                                  */
/*--------------------------------------------------------------------*/
#bottom-bar
{
  clear:both;
  height:10px;
  background:#ffcc00;
}

#modification-note
{
  position:absolute;
  left:10px; bottom:-15px;
  font-size: 8pt;
}

#footnav
{
  position:absolute;
  right:10px; bottom:-15px;
  font-size:8pt
}

#footnav a
{
  text-decoration: none;
}

a
{
text-decoration: none;
}