body
 {
margin: 12;
padding: 6;
text-align: left;
font: 95% arial, tahoma, "Trebuchet MS", verdana, sans-serif;
}

#container 
{
width: 100%;
\width:100%;
w\idth:99%;
}
<!-- border: 0px solid #eee;
margin-left: auto;
margin-right: auto;
padding: 5;
line-height: 1.5em;
} -->

#banner 
{
width:100%;
height: auto;
padding: 0;
margin-bottom: 6px;
background: #fff;
color: #333
}

		/* TOP NAVIGATION */
#navlist 
{
width: 100%;
padding: 4px 5px 5px 0;
margin: 0 0 20px 0;
text-align: left;
letter-spacing: 3px;
color: #fff;
background: #476042;
}
#navlist li 
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a 
{
padding: 5px .75em;
margin: 0;
color: #fff;
background: #476042;
text-decoration: none;
}
#navlist li a:link 
{ color: #fff;
background: #476042;
}
#navlist li a:visited {
color: #fff;
background: #476042;
}
#navlist li a:hover 
{
color: #000;
background: #6A9662;
}
#navlist li a#current 
{
color: #fff;
background:#6A9662;
}

		/* LEFT MENU */
.menu ul li 
{
line-height: 1.8em;
margin: 0 10px 0 0;
padding: 0;
list-style-type: square;
color: #6A9662;
background: inherit;
}
.menu ul li a 
{
color: #F17C0B;
background: inherit;
}
.menu ul li a:hover 
{
color: #6A9662;
background: inherit;
}

		/* MAIN CONTENT */
#content 
{

#content-a 
{
float:left;
text-align:left;
padding: 0 20px 0 20px;
border-leftt: 1px dashed #333;
color: #555;
background-color: #fff;
}
#content-b 
{
float:center;
text-align:center;
padding: 0 20px 0 20px;
border-right: 1px dashed #333;
color: #555;
background-color: #fff;
}
}
		/* ARTICLES */
.intro1 {
float:left;
width: 45%;
margin: 3px 0 5px 0;
padding: 5px;
text-align:left;
}
.intro2 {
float: left;
width: 45%;
margin: 3px 0 5px 20px;
padding: 5px;
}
#intro3 {
float:left;
width: 90%;
margin: 6px 0 5px 0;
padding: 5px;
}

		/* LEFT SIDEBAR */
#sidebar-a {
float: left;
width: 18%;
\width:19%;
w\idth:18%;
display:inline;
text-align:left;
margin-right: 2%;
padding: 0 5px 0 5px;
color: #333;
background-color: #FAF8E9;
}


		/* RIGHT SIDEBAR */
#sidebar-b 
{
float: right;
width: 18%;
\width:19%;
w\idth:18%;
margin-left:2%;
display:inline;
text-align:left;
padding: 0 5px 15px 5px;
color: #333;
background-color:#FAF8E9;
}

		/* LEFT OF 2 COLUMNS */
#sidebar-x {
float: left;
width: 45%;
\width:46%;
w\idth:45%;
display:inline;
text-align:left;
margin-right: 2%;
padding: 0 5px 0 5px;
color: #333;
background-color: #FAF8E9;
}


		/* RIGHT OF 2 COLUMNS */
#sidebar-y 
{
float: right;
width: 45%;
\width:46%;
w\idth:45%;
margin-left:2%;
display:inline;
text-align:left;
padding: 0 5px 15px 5px;
color: #333;
background-color:#FAF8E9;
}

		/* LEFT OF 4 COLUMNS */
#sidebar-f {
float: left;
width: 20%;
\width:21%;
w\idth:20%;
display:inline;
text-align:left;
margin-left:5%;
margin-right: 2%;
padding: 0 5px 0 5px;
color: #333;
background-color: #FFFFFF;
}


		/* RIGHT OF 4 COLUMNS */
#sidebar-h 
{
float: left;
width: 20%;
\width:21%;
w\idth:20%;
margin-left:2%;
display:inline;
text-align:left;
padding: 0 5px 15px 5px;
color: #333;
background-color:#FFFFFF;
}
		/* LEFT OF 4 COLUMNS */
#sidebar-g {
float: left;
width: 20%;
\width:21%;
w\idth:20%;
display:inline;
text-align:left;
margin-right: 2%;
padding: 0 5px 0 5px;
color: #333;
background-color: #FFFFFF;
}


		/* RIGHT OF 4 COLUMNS */
#sidebar-i 
{
float: left;
width: 20%;
\width:21%;
w\idth:20%;
margin-left:2%;
display:inline;
text-align:left;
padding: 0 5px 15px 5px;
color: #333;
background-color:#FFFFFF;
}



		/*IMAGE GALLERY*/

div.imgbox 
{
position:relative;
width:99%;
\width:99%:
w\idth:98%;
border:0;
height:auto;
float: center;
}

#images.img0 
{
width:12.5%;
height;auto;
float:left;
}

#images .img2 
{
  text-align:center;
  width:40%;
  }
  
 #images .img2 img 
{
  width: 90%;
  } 
div.img
{
  position:relative;
  margin-left:2%;
  border: 1px solid #0000ff;
  height: auto;
  width: 50%;
  float: left;
  text-align: left;
}

div.img2
{
  position:relative;
  margin-left: 2%;
  border: 0;
  height: auto;
  width: auto;
  float: left;
  text-align: left;
}

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {
border: 1px solid #0000ff;
}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}


		/* FOOTER */
#footer 
{
clear: both;
padding: 5px;
margin: 0;
background-color: #476042;
color: #fff;
}
#footer a 
{
text-decoration: none;
color: #fff;
background-color:#476042;
}
#footer  a:hover
 {
text-decoration: none;
color: #FE3F22;
background-color:#476042;
}

		/* LINKS */
a 
{
text-decoration: none;
color: #F17C0B;
background-color: #fff;
}
a:hover 
{
text-decoration:underline;
color: #666;
background-color:#fff;
}
a img 
{
border: 0px none;
}

		/* IMAGE PROPERTIES */
.border 
{
padding: 6px;
margin: 6px;
border: 1px solid #476042;
}
.imgleft 
{
float: left;
border: 5px solid #90b905;
margin: 5px 10px 10px 15px;
padding: 5px;
}

		/* HEADING PROPERTIES */
h1 
{
font: 90% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;
font-weight: bold;
width: 100%;
font-size: 300%;
letter-spacing: 5px;
color:#6A9662;
background: #fff;
}
h2 
{
font-size: 130%;
text-transform: uppercase;
letter-spacing: 10px;
color:#476042;
background: #fff;
}
h3 
{
padding: 5px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #6A9662;
}
h4 {
padding: 5px;
font-size: 90%;
color:#6A9662;
background: #fff;
}

h6 
{
font-size: 10px;
color:#476042;
}