body {
	background: #b8b8b8 url(../images/gold/bg.gif) repeat-y center top;
}

div#container {
	width: 760px;
	background: #333 none;
	border: none;
}

body > div#container {
	width: 760px;
}

	div#container div#container-inner {
		background-color: #fff;
	}

div#topbar a {
	border: none;
	font-weight: normal;
}


/* Navigation */

div#navigation {
	width: 190px;
	background: transparent url(../images/gold/innerbg.jpg) repeat-y left top;
	font: 92% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
	margin: 0 0 10em 0;
}

	div#navigation-inner {
		background: transparent url(../images/gold/menufade.jpg) no-repeat left bottom;
		padding: 0 0 200px 0;
	}

		div#navigation img {
			border: 3px solid #96885f;
			margin: 8px 0 1em 8px;
		}

		div#navigation p {
			margin: 0;
		}

	div#navigation ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

		div#navigation ul li {
			position: relative;
			height: 1px;
			margin: 0 0 1em 0;
		}

		div#navigation ul > li {
			height: auto;
		}

			div#navigation ul li ul li {
				margin-bottom: 0;
			}

			div#navigation ul li a {
				display: block;
				color: #000;
				background: transparent url(../images/gold/currentmenu.jpg) repeat-y right top;
				font-weight: bold;
				text-decoration: none;
				padding: .5em 1em;
				border: none;
			}

			div#navigation ul li a:hover {
				text-decoration: none;
			}

				div#navigation ul li ul li a {
					color: #333;
					background: transparent none;
					font-weight: normal;
					padding: .4em 1em .4em 1em;
					border-bottom: 1px dotted #96885f;
				}

				div#navigation ul li ul li a:hover {
					background: transparent url(../images/gold/submenu.jpg) repeat-y right top;
				}

	div#navigation div.contact {
		color: #666;
		padding: .5em;
		margin: 1em 0 0 0;
	}

		div#navigation div.contact h2 {
			color: #333;
			font-size: 100%;
		}

		div#navigation div.contact h2, div#navigation div.contact p {
			margin: 0 0 .5em 0;
		}

		div#navigation div.contact a {
			color: #666;
		}


/* Footer */

div#footer {
	background: transparent url(../images/footerbg.gif) repeat-x center top;
	font: 92% Verdana, Tahoma, sans-serif;
	padding: 2em 2em 9em 2em;
}

div#footer a {
	color: #aaa;
	border: none;
}

div#footer a:hover {
	color: #fff;
	background-color: transparent;
}

div#footer-links {
	width: 500px;
	float: left;
}

div#footer-links ul {
	clear: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

	div#footer-links ul li {
		float: left;
		margin: 0 .5em;
	}

		div#footer-links ul li a {
			display: block;
			padding: .3em .4em .4em 0;
		}

div#footer-contact {
	float: right;
	text-align: right;
	width: 200px;
}

	div#footer-contact span {
		display: block;
		color: #fff;
		margin: .3em 0 .5em 0;
	}

	div#footer-contact span.name {
		color: #a0b5c6;
		font-weight: bold;
	}

div#closing {
	clear: both;
	color: #aaa;
	font-size: 92%;
	padding-top: 3em;
}

	div#closing div#webmaster {
		margin-bottom: .5em;
	}


/* Content */

dl {
}

	dl dt {
		float: left;
		width: 100px;
		color: #777;
		font: bold 90% "Trebuchet MS", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		padding-bottom: 8px;
	}

	dl dd {
		width: 400px;
		padding: 0 0 8px 0;
		margin: 0 0 0 100px;
	}

hr {
	color: #ccc6be;
	background-color: #ccc6be;
	margin: 3em 0;
}

a, a:link, a:active, a:visited {
	color: #780016;
	font-weight: bold;
}

div#content a:hover {
	background-color: #eee;
	text-decoration: none;
}

div#content ul, div#content ol {
	margin-left: 15px; padding-left: 0;
}

	div#content li {
		margin: 0;
	}

	div#content ul li *, div#content ol li * {
		margin: 0;
	}
	
div#content ul li ul, div#content ol li ol {
	margin-left: 15px; padding-left: 0;
}

	div#content ul li {
		margin: 0;
	}
	
		div# ul li {
		margin: 0;
	}
	
/* Contact Information */

div.contact {
}

	div#content .column div.contact ul {
		list-style: none;
		padding: 0;
		margin-left: 0;
	}

		div#content .column div.contact ul li.title {
			color: #666;
			font: 90% "Trebuchet MS", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
		}

	div#content .column div#content div.contact h3 {
		font-size: 120%;
		margin-bottom: .2em;
	}
	

div#content img.right_image {

	float: right;

	margin: 0 0 15px 15px;

	clear: right;

}

/* Side links */

div.box {
	float: right;
	width: 170px;
	background-color: #f3efea;
	padding: 5px 15px 15px 15px;
	margin: 0 0 1.5em 2em;
}

	div.box img {
	border: 3px solid #907f46;
	clear: none;
	float: left;
        margin: 0;
        padding: 0;
	}

	div#content div.box h2 {
		font-size: 140%;
		text-align: left;
		margin: 10px 0 10px 0;
	}

	div#content div.box ul {
		list-style: none;
		margin: 0 0 10px 0;
	}

	div#content div.box p {
		margin: 0;
	}

        div#content div.box ul li {
	       line-height: 140%;
               padding: 5px 0 5px 15px;
        }

/* 2-column */

div#content .column-first {
	float: left;
	width: 300px;
	height: auto;
        padding: 5px;
	margin: 0 15px 1em 0;
}

div#content .column {
	float: left;
        clear: right;
	width: 160px;
	background-color: #f3efea;
	padding: 15px 10px 15px 15px;
	margin: 0 0 20.5em 0;
}


/*--Column Styles--*/
div#content ul.column {
	width: 500px;
	list-style: none;
	margin: 0 auto; padding: 0;
	background-color: #fff;
}
div#content ul.column li {
	width: 220px;
	height: 420px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}


/*--Thumbnail Styles--*/
div#content ul.column li a img {
	position: relative;
        border: 3px solid #fff;
	z-index: 9999;
}
div#content ul.column li a:hover img{
	z-index: 9999;
        border: 3px solid #ccc;
}


/*--Details Style--*/
div#content ul.column li .contact {
	position: absolute;
	left: -10px; top: -10px;
	padding: 295px 13px 20px;
	width: 180px;
	background: #ddd;
	font-size: 1.2em;
}

ul.column li p {
        padding: 0; 
        margin: 0; 
        font-size: 0.9em;
}

ul.column li p.name {
        font-weight: bold;
}

ul.column li p.title {
        font-weight: bold;
        font-size: 0.7em;
        text-transform: uppercase;
        padding: 0 0 5px 0;
        color: #444;
        line-height: 12px;
}
