body{
background: url(../img/bg8-2.jpg);
font-family: verdana;
font-size: 10pt;
color: black;
margin: 0;
}

div#container{
width: 900px;
background: #FFFAF6;
/*height: 600px;*/
/*to center this div I do the following steps*/
position: absolute;
left: 50%;
margin-left: -450px;
/*note the margin-left is half the width of this div*/
}

div#toplinks{
text-align: right;
padding-top: 1ex;
padding-bottom: 1ex;
margin-right: 15px;
}


a{
text-decoration: none;
}

div#toplinks a{
color: gray;
font-size: 9pt;
}


div#navigation{
text-align: center;
background: #F3F5EA;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
padding-top: 0ex;
padding-left: 0ex;
padding-right: 0ex;
padding-bottom: 0ex;
}

div#contents{
height: 400px;
border: solid 1px #e0e0e0;
padding-top: 20px;
}

/*div#left{
float: left;
width: 180px;
margin-left: 10px;
border: solid 1px blue;
}*/



div#left{
float: left;
width: 180;
margin-left: 10px;
}

width:180	px;

text-align: center;
}

a{
text-decoration: none;
font-family: verdana;
font-size: 8pt;
color: gray;
}

a.nav, a.nav:link, a.nav:visited {
display:block; 
width: 180px; 
height: 30px;
background: #F5E6E0F;
border: solid 1px white;
text-align: center;
margin-top: 1em;
vertical-align: middle;
padding-top: 1.4ex;
}

a.nav:hover{
background: gray;
color: beige;
}

a{
text-decoration: none;
font-family: verdana;
font-size: 8pt;
color: gray;
}

a.nav, a.nav:link, a.nav:visited {
display:block; 
width: 180px; 
height: 30px;
background: #F5E6E0;
border: solid 1px white;
text-align: center;
margin-top: 1em;
vertical-align: middle;
padding-top: 1.4ex;
}

a.nav:hover{
background: gray;
color: beige;
}




















div#right{
float: right;
width: 690px;
margin-right: 10px;
border: solid 1px green;
}

div#center{
background: url(../img/cookie6.jpg);
width: 460px;
float: left;
border: solid 1px orange;
}

div#farright{
float: right;
width: 210px;
background: gray;
}

/*h styles below*/

h1{
background-repeat: none;
color: #6D5458;
font-style: Boopee;
font-size: 16pt;
margin-left: 1ex;
font-family: Lucida Console, Monaco, monospace;

}

h2{
color: black;
font-size: 12pt;
font-family: Lucida Console, Monaco, monospace;
margin-bottom: -1em;
text-align: left;
}


div#footer{
background: #fdf7e1;
text-align: center;
color: #a38c41;
padding-top: 1ex;
padding-bottom: 1ex;
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
}

p{
text-align: justify;
}

img.inlineimg{
float: left;
margin-right: 1em;
border: solid 1px #306960;
}

div#navigation ul {
margin-top: 0.6ex;
margin-bottom: 0.6ex;
margin-left: 0;
}

div#navigation ul li{
list-style-type:none;
display: inline;
}

 
div#navigation a{
color: #D7DFD7;
padding: 0 1em;
border-right: solid 1px #e0e0e0;
}

/* to change mouseover effect you can change the colors below here*/

div#navigation a:hover{
background: #ECE6EE;
color: #9AABB0;
padding: 1ex 1em;
border-right: solid 1px #e0e0e0;
}

div#navigation a.last{
color: #e0e0e0;
padding: 0 1em;
border-right: none;
}