* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
}

#body {
  position: relative;
  margin: 0 auto;
  width: 100%; 
  background-color: #ffffff;
}

/***************/
/*** #header ***/
/***************/

#header {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  padding: 10px 10px 10px 0px;
}

#header a{
  text-decoration: none;
  padding: 10px 10px 10px 10px;
}

#header a:link{
  color:#ffffff;
}

#header a:visited{
  color:#ffffff;
}

#header a.hover_red:hover {
  color: #ff0000;
  background-color: #ffffff;
}

#header a.hover_blue:hover {
  color: #0000ff;
  background-color: #ffffff;
}



/***************/
/*** #footer ***/
/***************/

#footer
{
  width: 100%;
  clear: both;
  text-align: center;
  font-size: 80%;
}



/*******************/
/*** #navigation ***/
/*******************/

#navigation {
  float: left;
  width: 200px;
  height: 100%;
  font-size: 80%;
  background-color: #ffffff;
  color: #000000;
  line-height: 200%;
}

#logo img {
    /* set width to 0.5*navigation */
    max-width: 100px;
    height: auto;
    padding: 5px 10px 5px 10px;
}

/* #logo { */
/*   width: 100%; */
/*   font-size:50px; */
/*   letter-spacing:4px; */
/*   font-family:impact; */
/*   text-align: left; */
/*   padding: 0px 10px 0px 10px; */
/*   color: #ef1c21; */
/* } */

#navigation a{
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

#navigation div.nitem{
  text-decoration: none;
  width: 130px;
  padding: 0px 0px 0px 10px;
}

#navigation a:link{
  color:#000000;
}

#navigation a:visited{
  color:#000000;
}

#navigation div.nitem:hover {
  background-color: #ef1c21;
  color: #ffffff;
}

#navigation a:hover {
  background-color: #ef1c21;
  color: #ffffff;
}

#navigation a.hover_red:hover {
  color: #ff0000;
  background-color: #000000;
}

#navigation a.hover_blue:hover {
  color: #0000ff;
  background-color: #000000;
}

#navigation ul {
  padding-left: 30px;
  list-style-type: circle;
}

/*************/
/*** #main ***/
/*************/

#main {
  float: left;
  width: 630px;
  line-height: 130%;
  padding: 0px 0px 0px 10px;
}

#main a:visited,a:link{
  text-decoration: none;
  color: #0000ff;
}

#main a:hover {
  text-decoration: underline;
  color: #ffffff;
  background-color: #ef1c21;
}

#main table{
  border: 0px #ffffff solid;
  border-collapse: collapse;
}

#main td,th {
  border: 0px #ffffff solid;
  border-collapse: collapse;
  font-size: 80%;
  padding: 5px 10px 5px 0px;
}

#main div.edit_bar {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  font-size: 50%;
  text-align: right;
}

#main a.edit{
  text-decoration: none;
  color: #000000;
}

#main h3{
  font-size: 90%;
  padding-left: 5px;
  width: 600px;
  font-weight: bold;
  border-style: none none none none; 
}

#main .article {
  padding: 5px 0px 30px 5px;
  font-size: 80%;
}


#main ul{
  list-style-type: square;
  margin: 10px 10px 30px 30px;
  font-size: 80%;
}

#main ol
{
  list-style-type: decimal;
  margin: 10px 10px 30px 30px;
  font-size: 80%;
}


#main input{
  padding: 5px 5px 5px 5px;
  border:solid 1px #000000;
}

#main textarea{
  border:solid 1px #000000;
}

#main div.imagebox {
    /* border: 1px dashed #0000cc; */
    /* background-color: #eeeeff; */
    width: 450px;
    float: left;
    margin: 5px;
}
#main p.image, p.caption {
    text-align: center;
    margin: 5px;
}
#main p.caption {
    font-size: 80%;
    margin-bottom: 15px;
    /* color: black; */
}
#main img.imagebox {
    width: 440px;
}