/* The order of the a.links is very important!!! */
a:link    {color: #000000}
a:visited {color: #000000}
a:hover   
{
    color: #000000; 
    font-size: 100%; 
    font-weight: bold; 
    background: #E3E1D4
}
a:active  {color: #000000}

h2 
{
  color: #E3E1D4;
}

h3 
{
  color: #E3E1D4;
}

/* Properties that both side lists have in common */
div.link-list {
        width:10.2em;
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}

/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:0em;
        padding-right:0em;
        background-color:#ADA69C;
        border-color: red red red red;
}

/* and then we put each list in its place */
#list1 {
        left:0;
}
#list2 {
        right:0;
}

body
{
  background-color:#E3E1D4;
  font-family: tahoma, sans-serif, Helvetica, Verdana, Arial, Times New Roman;
}




/*globalnav*/

#globalnav {
	position:static;
	float:left;
	width:100%;
	padding:0 0 1.75em 0;
	margin:0;
	list-style:none;
	line-height:1em;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
	width:150;
}

#globalnav A {
	display:block;
	color:black;
	text-decoration:none;
	font-weight:bold;
	background:#E3E1D4;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#bbb;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}