/* CSS Document */

html, body {
    height: 100%;
}

body {
    background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center; /* horizontal centering for IE Win quirks */
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #A67C52;
}

img {
    border: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Page Centering */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#distance { 
    width: 1px;
	height: 50%;
	background-color: transparent;
	margin-bottom: -290px; /* half of container's height */
	float: left;
}

#container {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: center;
	height: 580px;
	width: 800px;
	clear: left;
	background-color: transparent;
}

#distance_gallery { 
    width: 1px;
	height: 50%;
	background-color: transparent;
	margin-bottom: -300px; /* half of container's height */
	float: left;
}

#container_gallery {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: center;
	height: 600px;
	width: 800px;
	clear: left;
	background-color: transparent;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Page Layout */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#column_left {
	width: 54px;
	height: 580px;
	background-color: transparent;
	background-image: url(../images/column_left.gif);
	float: left;
}

#column_center {
	width: 692px;
	height: 580px;
	background-color: transparent;
	float: left;
}

#column_right {
	width: 54px;
	height: 580px;
	background-color: transparent;
	background-image: url(../images/column_right.gif);
	float: right;
}

#center_top {
	width: 692px;
	height: 147px;
	background-color: transparent;
	background-image: url(../images/center_top.gif);
}

#center_buttons {
	width: 502px;
	height: 30px;
	padding-left: 190px;
	text-align: left;
	background-color: #003300;
	background-image: url(../images/center_buttons_left.gif);
	background-repeat: no-repeat;
}

#center_body {
	width: 692px;
	height: 262px;
	text-align: center;
	padding: 60px 0px 40px 0px;
	background-color: transparent;
	background-image: url(../images/center_body.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#center_content {
	width: 692px;
	height: 262px;
	text-align: left;
	background-color: transparent;
}

#center_bottom {
	width: 692px;
	height: 41px;
	background-color: transparent;
	background-image: url(../images/center_bottom.gif);
	background-repeat: repeat-x;
	background-position: top left;
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: normal;
	color: #A67C52;
}

#gallery_middle {
	width: 800px;
	height: 580px;
	background-color: #000000;
	text-align: center;
}

#gallery_bottom {
	width: 800px;
	height: 20px;
	background-color: #000000;
	text-align: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Text Styles */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #CC0000;
}

h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}

h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #A67C52;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Link Styles */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a:link, a:visited {
    text-decoration: none;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #CC0000;
    line-height: 18px;
	font-weight: bold;
}

a:hover {
    text-decoration: none;
    color: #999999;
}

a:active { }

/* - - - - - - - - - - - - - - - */

a.linkstyle1:link, a.linkstyle1:visited {
    text-decoration: none;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 18px;
	font-weight: bold;
}

a.linkstyle1:hover {
    text-decoration: none;
    color: #990000;
}

a.linkstyle1:active { }

/* - - - - - - - - - - - - - - - */

a.linkstyle2:link, a.linkstyle2:visited {
    text-decoration: none;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    line-height: 18px;
	font-weight: normal;
}

a.linkstyle2:hover {
    text-decoration: none;
    color: #999999;
}

a.linkstyle2:active { }

/* - - - - - - - - - - - - - - - */

a.linkstyle3:link, a.linkstyle3:visited {
    text-decoration: none;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #A67C52;
    line-height: 41px;
	font-weight: normal;
}

a.linkstyle3:hover {
    text-decoration: none;
    color: #FF0000;
}

a.linkstyle3:active { }
