/* --[ CSS Reset ]------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

/* --[ CSS Style ]------------------------------- */
body {
	padding: 0;
	text-align: center;/* center layout in ie5 and 5.5. */
	background: #D7D1BE;
	font-size: 62.5%;
}
#container {
	width: 960px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fafafa;/* this is the background colour of the right column */
	border: 1px solid #B4AC94;
	text-align:left;
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}
#content {
	border: 1px solid #B4AC94;
	padding: 0;
	background-image: url(../img/content-bg.gif);/*this is the background colour of the left column */
	background-repeat: repeat-y;
	background-position: left top;

}
#nav {
	float:left;
	border-right: 1px solid #B4AC94;
	width:179px;
}
#maintext {
	float: left;
	width:770px;
	border-left:1px solid #B4AC94;
	margin-left:-1px;/* makes border line up with #left border */
}
#header {
	background: #333 url(../img/head-bg.gif);
	height: 100px;
	color: #fff;
}
#header p {
	margin: 0;
	padding: 0 10px;
}
#footer {
	background: #333 url(../img/footer-bg.gif);
	text-align:right;
	height: 64px;
	padding: 4px 15px 0 0;
	color: #fff;
}
img.left { margin: 0.8em 15px 0.5em 0.8em; float: left; clear: left; }
img.right { margin: 0.5em 0 0.5em 15px; float: right; clear: right; }
img.center { display: block; margin: 0 auto 1.5em auto; float: none; clear: both; }
img.frame { padding: 5px; border: 1px solid #aaa; background: #eee; }
.left { margin: 0.8em 15px 0.5em 0.8em; float: left; }

/* --[ Header Style ]------------------------------- */
#logo {
  position: absolute;
  width: 345px;
  height: 65px;
  top: 18px;
  left: 40px;
}
#logo a {
  display: block;
  width: 345px;
  height: 65px;
  background: url(../img/logo.png) no-repeat;
  text-indent: -9999px;
  outline: none;
}

/* --[ Main Content ]------------------------------- */
#maintext h1 {
  font: 2.2em 'trebuchet ms', Verdana,Arial,Helvetica,sans-serif;
  margin: 0.6em 0 0.4em 0.5em;
}
#maintext h2 {
  font-size: 1.4em;
  margin: 0.7em 0 0.4em 0.5em;
}
#maintext h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.7em 0 0.4em 0.5em;
}

#maintext p {
	padding: 5px;
}
#maintext dl {
  padding: 5px 0 0 5px;
  font-size: 0.9em;
}
#maintext dt {
  font-weight: bold;
  font-size: 0.9em;
}
#maintext dd {
  padding-bottom: 6px;
}

/* --[ Navigation ]------------------------------- */
#nav p {
	padding: 5px;
}
#menu li {
	background: url(../img/menu_border.gif) repeat-x bottom;
	padding-bottom:1px;
}

#menu span {
	color: #fff;
	font-size: 167%;
	font-family: georgia, times new roman, times, serif;
	display: block;
	text-shadow: 0 0 0 #3E3A37;
}
#menu li a {
	display: block; 
	text-decoration: none;
	color: #b8b4a5;
	padding: .7em 0 .7em 15px;
	font-size: 85%;
	font-family: 'trebuchet ms', Verdana,Arial,Helvetica,sans-serif;
}
#menu li a:hover {
	background: #272522;
}

/* --[ Footer ]------------------------------- */
#footer p a {
  color: #ffffff;
  text-decoration: none;
 }