html, body {
  margin:8px;
  margin-top:0;
  padding:0px;
  background:white;
  font-family:verdana;
  ffont-size:12px;
  ffont-size: 1.9em;
  font-size: 76%;/*like cssplay*/
  font-size: 80%;/*like cssplay*/
  ffont-size: 67%; /*seems to */
}
/* The header and footer */
#head {display:block; hheight:150px; background:white; color:#fff; text-align:center; padding:0px;margin-bottom:2em;font-size:font-size:.9em;}

.foot {
display:block;
hheight:20px;
bbackground:#99CC66; color:#fff;
text-align:center;
padding:.2em 0 .2em 0;
font-size:font-size:.8em;
color:#669900;
margin-top:2em;
}

.foot p{
border-top-color: #99CC66;
border-top-style: solid;
border-top-width: 1px;
    padding:.5em;
    margin:0 0em 0 0em;
    bbackground:red;
    width:70%;
}

.clear {clear:both;}

a:selected, a:visited{
text-decoration:underline;
    color:#669933;
}

/*Peekaboo Hacks*/
/*Not used yet!*/
/*\*/
*html div.list{height:1%;}
/**/

/* This bit does all the work */
#container {position:relative; display:block; background:white; border-left:180px solid white; border-right:200px solid white;}
#inner {display:block; margin-left:-180px; margin-right:-200px; padding:5px; padding-left:0}
#left {float:left; position:relative; width:180px; left:0px;}
#right {float:right; position:relative; width:190px; right:0px;}
#center {margin-left:180px; margin-right:200px; position:relative; display:block; height:1%;}


/* Just to extend each column */
#inner a:visited, a {color:#000; text-decoration:none; cursor:default;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#inner a:active span, #inner a:focus span {display:block;}

a:visited, a {text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none; cursor:pointer;}

em {font-weight:bold;}



#left{
  border-right-color: #669900;
  border-right-color: #99CC66;
  border-right-style: solid;
  border-right-width: 1px;

  bborder-bottom-color: #99CC66;
  bborder-bottom-style: solid;
  bborder-bottom-width: 1px;
  bbackground:green;
  padding:0;
  margin:0;
  bbackground: red;
  mmargin-right:1em;
  mmargin-left:2em;
  width:160px;

}


#left h2{
  font-size:1.6em;
  color: #99CC66;
  color: #B7DB93;
  padding:.3em 0em .3em 1em;
  background-color: #669933;
  margin:0;
}





#left ul {
  margin: 0;
  padding:1em 1em 1em .5em;
  mmargin-bottom:5em;
  text-indent:0em;
  line-height:1em;
  text-decoration:none;
  llist-style-position:outside;
  list-style-type:none;
  font-size:1.2em;
  wwidth:120px;
}

#left li{
  mmargin:0;
  padding:.2em;
  padding-bottom:.5em;
  margin-bottom:0em;
  line-height:.5em;
  bbackground:green;

}

#left a:hover {
  ffont-weight:bold;
  color:#004A00;
  ppadding-left:2em;

  background-color: #B8B8B8;
  background-color:#BAEB8D;
  bborder-left-color: #669933;
  bborder-left-style: solid;
  bborder-left-width: 3px;

  ppadding-left:.3em;
  mmargin-left:.3;
  height:auto;

}

#left #left_menu a.selected {
  color:#66B320;
}

#left_menu{
  height:1%;
}


#left a, #left a:visited{
  margin:0;
  padding:.1em;
  text-decoration:none;
  display:block;
  padding-left:0.5em;
  mpadding-left:.6em;
  mmargin-left:.0em;
  wwidth:120px;
  font-weight:bold;
  color:#003300;
  bbackground:red;
  line-height:1.2em;
  /*background: white;*/
}

#left_menu a.admin, #left_menu a:visited.admin, #left_menu a:hover.admin{
  bbackground-color:red;
  margin:0;
  padding:0;
  border-left-width: 0px;
}


#content{
  margin:0em 0 0 0;
  padding:0;
}


#content h2{
  line-height: 1.4em;
  font-size: 1.3em;
  margin:0 0 .2em 0;
  padding:0;
}

#content h3{
  line-height: 1.4em;
  font-size: 1.1em;
  margin:0 0 .2em 0;
  padding:0;
}

#content h4{
  line-height: 1.2em;
  font-size: 1.1em;
  margin:0 0 1em 0;
  padding:0;
}

#content p{
  line-height: 1.4em;
  font-size: 1.1em;
  margin-top:0;
  margin-bottom:1em;
}

#content a, #content a:visited, #content a:selected{
    text-decoration:underline;
    color:#669933;
}

#content a:hover {text-decoration:none}

#content span.meta{
    font-size:90%;
    color:gray;
}

#content img{
  margin-left:1em;
  margin-bottom:1em;
}

#content .summary{
  margin-bottom:0;
  bbackground:red;
}

#content .more{
  font-size:smaller;
}


#content ul{
  margin:0 0 1em 0;
  padding:0 0 1em 1.5em;
  font-size:1.1em;
}






/*START THE RIGHT SIDE*/


#right div.block{
    bbackground:blue;
    margin:0em 0 1em 1em;
    padding:0em 0 0em 0;
    mmargin:0em;
    bborder-bottom: 1px solid #BCDD9B;
    height:1%;/*fix peekaboo bug*/
    font-size:1em;
}




#right  h3{/*for Publications, booklets*/
  font-size:1.0em;
  margin:0em 0 0 0;
  padding:.3em;
  padding-left:0;
  color: #669933;
  color:#669900;
  color:#003300;
  border-top:1px solid #BCDD9B;
  border-bottom:1px solid #BCDD9B;
  bbackground-color: #BCDD9B
}

#right h4{
  font-size:1.0em;
  margin:1em 0 0 0;
  bbackground:green;
  color: #669933;
  color:#003300
  }



#right #docs img.docicon{
  width:auto;
  height:auto;
  mmax-width: 180px;
  mmax-height: 120px;
}

#right #images img{
  width:180px;
  height:120px;
  mmax-width: 180px;
  mmax-height: 120px;
}

#right img{
padding-top:.5em;
padding-bottom:.5em;
  wwidth:180px;
  wheight:120px;
  mmax-width: 180px;
  mmax-height: 120px;
}

#right p{
    margin-top:0em;
    margin:0;
    padding:0;
    margin-bottom:.5em;
    bbackground:pink;
}

#right p b{
    margin-top:1em;/*Not really sure where this needed*/
    mmargin:0;
    mpadding:0;
    ffont-style: italic;
}



#right a, #right a:visited, #right a:selected{
  ppadding-top:1em;
  margin:0;
  padding:0;
  bbackground:orange;
  text-decoration:none;
  color:#669900;
  /*
  background-image: url(C:/Program Files/Apache Group/Apache/htdocs/mhs/css/rbullet.gif);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left:1em;
  */
  display:block;

}

#right a:hover{
  text-decoration:underline;
  color:#669900;
  color:#003300;
}

#right a:visited{
  color:#99CC66;
  color:#CC9933;



}



#right ul{
  margin:0em;
  padding:0em;
  padding-left:1.5em; /*meyerweb suggest leave li 0 and adjust the ul*/
  margin-bottom:.5em;
}

#right li{
  margin-left:0em;
  padding:0;
  list-style-image: url(css/bullet.gif)
}




#admin h1{
  font-size:1.8em;
  color: #669933;
  padding:0 0 0 1em;
}

#admin h2{
  ccolor:black;
  font-size:1.4em;
}

#admin table{
  width: 100%;
  padding:1em;
}

#admin th{
  background:#669933;
  text-align:left;
}

#admin label{
clear:left;
display: block;
	float: left;
  width:200px;
  font-weight:bold;
  text-align:right;

}

#assets p{
  margin:0;
  padding:0;
}