html, body {
  margin:8px;
  margin-top:0;
  padding:0px;
  background:white;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 76%;/*like cssplay*/
  font-size: 80%;/*like cssplay*/
  ffont-size: 90%;/*like cssplay*/
  text-align:center;

}

#wrapper {width:750px; margin:0 auto; text-align:left; background:white;}

/* The header and footer */
#head {display:block;
hheight:150px;
background:white;
color:#fff;
padding:0px;
margin:1.5em .5em 1.5em 0;
font-size:font-size:.9em;}

#footer {

clear:both;
display:block;
hheight:20px;
bbackground:#99CC66;

text-align:left;
padding:.2em 0 .2em 0;
font-size:1.1em;
color:#606060;
margin-top:2em;
margin-left:0;
line-height:1.4em
}

#footer .foot a:hover{
  background:white;
  text-decoration:underline;
}


.right{
  float:right;
}


.foot p{
bborder-top-color: #99CC66;
bborder-top-style: solid;
bborder-top-width: 1px;
    bpadding:.5em;
    bmargin:0 0em 0 0em;
    bbackground:red;
    bwidth:70%;
}

a:selected, a:visited{

text-decoration:underline;
    color:#669933;
}

/* layout the framework - from CSS play */
#container {position:relative; display:block; background:white; border-left:180px solid white; border-right:210px solid white;}
#inner {display:block; margin-left:-180px; margin-right:-210px; padding:5px; padding-left:0}
#left {float:left; position:relative; width:180px; left:0px;}
#right {float:right; position:relative; width:200px; right:0px;}
#center {margin-left:180px; margin-right:210px; position:relative; display:block; height:1%;background:white}
.clear {clear:both;}

/* 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{
  bborder-right-color: #669900;
  bborder-right-color: #99CC66;
  bborder-right-style: solid;
  bborder-right-width: 1px;

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

}


#left h2{
  font-size:1.2em;

  color: #B7DB93;
  color:#003300;
  padding:.3em 0em .3em 0em;
  bbackground-color: #669933;
  margin:0;
  border-top-color: #BFBFBF;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #BFBFBF;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-transform: uppercase;
}





#left ul {
  margin: 0;
  padding:1em 1em 1em .5em;
  padding:0;
  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{
  margin:0;
  padding:.3em 0 .3em 0;
  border-bottom-color: #BFBFBF;
  border-bottom-style: solid;
  border-bottom-width: 1px;

}



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

#left_menu{
  height:1%;
}


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

#left a:hover {
  ffont-weight:bolder;
  color:black;
  ppadding-left:2em;

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

  mmargin:.1em 0 .1em 0;
  mmargin-left:.3;
  hheight:auto;

}

#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 2em 0 2em;
  padding:0;
  line-height: 1.5em;
  font-size: 1.3em;
}


#content h2{
  line-height: 1.4em;
  font-size: 1.6em;
  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 p{

  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:80%;
    color:gray;
}

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

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

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


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




#right div.block{
    bbackground:blue;
    margin:0em 0 2em 0em;
    padding:.2em 0 1em 0;
    mmargin:0em;
    bborder-bottom-width: 1px;
  bborder-bottom-style: solid;
  bborder-bottom-color: #99CC66;
  bborder-top-width: 0px;
  bborder-top-style: solid;
  bborder-top-color: #99CC66;
  height:1%;/*fix peekaboo bug*/
}




#right  h3{
  font-size:1.0em;
  margin:0em 0 0 0;
  padding:0;
  padding-bottom:.2em;
  color: #669933;

  bborder-top-width: 1px;
  bborder-top-style: solid;
  bborder-top-color: #99CC66;

  bborder-bottom-width: 1px;
  bborder-bottom-style: solid;
  bborder-bottom-color: #99CC66;
  bbackground:red;
}


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

#right img{
margin:0;
  padding:0;
wwidth:180px;
  wheight:120px;
  mmax-width: 180px;
  mmax-height: 120px;
  border:1px solid #DADADA;
  margin-bottom:2px;

}

#right p{
    margin-top:.5em;
}



#right a, #right a:visited, #right a:selected{
  padding-top:1em;
  text-decoration:underline;
  color:#669933;
}

#right a:hover{

  text-decoration:none;
}

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

#right li{
  margin-left:0em;
  padding:0;
}




#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;

}