*
{
  margin: 0;
  padding: 0;
}
body
{
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #000000;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center; 
  overflow:scroll;
}
#wrapper
{
	position: relative;
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	height: 575px;

}
#header
{
  height: 180px;
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
#header1
{
  height: 180px;
  background-image: url(../images/header1.jpg);
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
#header2
{
  height: 180px;
  background-image: url(../images/header2.jpg);
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
#header3
{
  height: 180px;
  background-image: url(../images/header3.jpg);
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
#main
{
  display: table;
  border-collapse: collapse;
}
#main .inner
{
  display: table-row;
}
#nav
{
  display: table-cell;
  width: 180px;
  background-color: #e7dbcd; 
  
}
#extras
{
  display: table-cell;
  padding-left: 10px;
  width: 180px;
}
#content
{
  display: table-cell;
  width: 380px;
  padding-left: 10px;
}
#contentHome
{
  display: table-cell;
  width: 570px;
  padding-left: 10px;
}
#footer
{
  background-color: #666666;
  color:#ffffff;
  font-size: 80%;
  padding: 0.2em 10px 0.2em 0;
  text-align: right;
}
#footer a:link, #footer a:visited
{
	text-decoration:none;
	color:#ffffff;
}
#footer a:hover
{
	text-decoration:underline;
}
h1
{
  font-size: 150%;
  font-weight: normal;
  padding-bottom: 0.4em;
  color: #5a3811; 
  vertical-align:top;

}
h2
{
  font-size: 120%;
  font-weight: normal;
  padding-bottom: 0.4em;
  color: #5a3811; 
}
p {
  font-size: 80%;
  line-height: 1.6em; 
  padding-bottom: 1em;
} 
#nav ul {
  list-style: none;
  vertical-align:top;
}
#nav li {
  font-size: 80%;
  width: 180px;
  text-transform:uppercase;
  letter-spacing:1px;
  margin:0.25em 0;
}
#nav a:link, #nav a:visited
{
  text-decoration: none;
  color: #fff;
  background-color: #aebf84;
  display: block;
  padding: 0.2em 10px;
}
#nav a.link1
{
	background-color:#aebf84;
}
#nav a.link1:hover
{
	background-color:#99b76a;
}
#nav a.link2
{
	background-color:#bc9acb;
}
#nav a.link2:hover
{
	background-color:#a974b6;
}
#nav a.link3
{
	background-color:#7896c2;
}
#nav a.link3:hover
{
	background-color:#5e7abd;
}
#nav a.link4
{
	background-color:#fa9d41;
}
#nav a.link4:hover
{
	background-color:#fb8531;
}
#nav a.link5
{
	background-color:#fa9cd9;
}
#nav a.link5:hover
{
	background-color:#f762d9;
}
#extras .box
{
  padding: 0 10px 2em 0;
}
#extras .box h4
{
  font-size: 110%;
  font-weight: normal;
}
#extras .box p
{
  font-size: 80%;
}

#paging
{
	width:100%;
	text-align:right;
}
#paging a
{
	color: #0000ff;
}
#paging a:visited
{
	color: #0000ff;
}



ul.hoverbox
{
	cursor: default;
	list-style: none;
}
ul.hoverbox a
{
	cursor: default;
}
ul.hoverbox a .preview
{
	display: none;
}

ul.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -45px;
	left: -60px;
	z-index: 100;
}
ul.hoverbox li.vert a:hover .preview
{
	display: block;
	position: absolute;
	top: -60px;
	left: -45px;
	z-index: 100;
}
ul.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}
ul.hoverbox li.vert img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 100px;
}
ul.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}
ul.hoverbox .preview
{
	border-color: #000;
	width: 240px;
	height: 180px;
	z-index: 100;
}

ul.hoverbox li.vert .preview
{
	border-color: #000;
	width: 180px;
	height: 240px;
	z-index: 100;
}