* { margin: 0; padding: 0; }

body { font-family:  "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000; }

h1, h2, h3, h4, h5, h6 { font-size: 1.2em; color: #2ba12d;}

h1 { text-align: right; font-size: 2.2em; }

h2 {  text-indent: -0.4em; margin-left: 2em;}

h3, h4, h5 {  font-weight: bold; padding-bottom: 0.8em;}
p {; }
#wrapper { width: 90%; _width: 900px; min-width: 900px; max-width: 1200px; border: double 9px #f9e49f; margin: 3%; margin-top: 10px; padding: 3px; }
#wrapper2 { width: 99.3%; _width: 880px; min-width: 878px; border: solid 3px #f9e49f; margin: auto; }

#header { height: auto; }
#header > img { float: left; padding: 0 20px 0 20px; _padding: 10px;  }

#ani  { margin: 1.5% 1% 0 0;  width: 98.5%;   height: 200px; background: url(../images/mainanipic.jpg) right no-repeat; overflow: hidden; }
#ani img { padding-bottom: 10px;  background: #fff; }
  #nav { margin: 10px 1% 10px 1%; text-align: center; background: #000; color: #f9e49f; clear: both; width: 97.5%; }
#nav ul { padding: 8px; font-size: 0.7em;}
#nav li { display: inline; padding:0 10px 0 10px; margin: 10px 0 10px 0; border-right: 1px solid #fff; font-weight: bold; }
#nav li a  {color: #fff; text-decoration: none; }
#nav li a:hover  {color: #f5d667; text-decoration: none; }


.outer { margin: 8px; margin-left: 10px; width: 97.4%; }
.spacer { height: 6px; }

.inner { margin: 0 0 0 6px; height:100%; width: 99.4%;}

.leftpic { width: 230px; 
			 height:425px; 
			 border: 1px #999 solid;  
			 background: url(../images/milkmontage.jpg) right top no-repeat; 
			 color: #f9e49f; 
			 font-weight: bold; 
			 font-size: 13px; 
			 vertical-align: top;}

.leftpic ul { width: 100%;}
.leftpic li { background: url(../images/blacktint.png); padding: 4px; border-bottom: 1px #999 solid; } 
.leftpic li a  {color: #fff; text-decoration: none; }
.leftpic li a:hover  {color: #f5d667; text-decoration: none; }

.meat { border: 1px #999 solid; background: #fcf1cf; }
.meat > * {  padding: 8px 10px 0 10px; }
.meat p { font-size: 1em; line-height: 1.4em; display: none;}

.green { border: 1px #999 solid; background: #dae8cc;}
.green > * {  padding: 8px 15px 0 0; }
.green p, .green h3 { margin: 0.5em 1.5em 0em 1.5em; }
.green a  {color: #888; text-decoration: none; }

#footer { border-top: 4px #f9e49f solid; margin-top: 12px; padding: 15px 8px 10px 0; width: 99.2%; text-align: left;}
#footer ul { float: left; width: 90%; color: #999; margin-left: 15px;}
#footer li { display: inline; margin-left: 0.8em;  font-size: 0.8em; }
#footer li a  {color: #888; text-decoration: none; }

.clear { clear: both; }
.pad { padding-top: 10px; width: 100%; }
.pad30 {  padding-top: 30px;  width: 100%; }
.black {  color: #222; }