 @import "user.css";
 
 html, body, .wrapper {
	height		: 100%;
	font-family	: Arial;
	font-size	: 14px;
	margin		: 0;
	padding		: 0;
	background	: black;
	text-align	: center;
}

p {
	line-height	: 16px;
}

img {
	border	: none;
	padding	: 0;
	margin	: 0;
	display : block;
}

a {
	color			: #D8C47C;
	text-decoration : none;
	border			: none;
	padding			: 0;
	margin			: 0;
}

* {
	margin	: 0px auto;
	padding	: 0;
}

.wrapper {
	margin			: 0 auto;
	text-align		: left;
	vertical-align	: middle;
}

.site {
    display 	: table;
	position 	: relative;
	background 	: url('imgs/BG.jpg') no-repeat;
}
.ieFix {
	width:800px;
	height:600px;
}

.logo {
	width 		: 385px;
	height 		: 64px;
	background	: url('imgs/logo.png');
	position	: relative;
	float 		: left;
	top 		: 14px;
	left 		: 125px;
	cursor		: pointer;
}
.logoText {
	font-family : "Times New Roman";
	font-size 	: 16px;
	font-weight	: bold;
	color 		: #DAEFFB;
	display		: block;
	position	: relative;
	top			: 60px;
	left		: -5px;
	white-space	: nowrap;
}

.body {
	width 		: 100%;
	position 	: relative;
	top			: 60px;
	left 		: 80px;
}

.menu {
	height		: 32px;
	position	: relative;
	top			: 60px;
	clear 		: left;
	z-index		: 2;
}
.menu div{
	line-height:32px;
	margin-left:25%;
}
.menu ul{
	list-style-type: none;
}
.menu li{
	margin		: 0;
	padding		: 0;
	float		: left;
}

.menuNorm li {
	font-family 	: "Times New Roman";
	font-size 		: 16px;
	font-weight		: bold;
	color 			: black;
  	white-space		: pre;
  	cursor			: pointer;
	background		: url('imgs/tanTrans.png');
}
.menuNorm li:hover {
	color 			: #DFCBBF;
	background		: url('imgs/blackTrans.png');
}

.menuCurrent li {
	font-family 	: "Times New Roman";
	font-size 		: 16px;
	font-weight		: bold;
	color 			: #DFCBBF;
  	text-decoration	: none;
  	white-space		: pre;
  	background		: url('imgs/blackTrans.png');
}

.sepBG li{
	background		: url('imgs/tanTrans.png');
}

.content {
	width 		: 615px;
	height 		: 360px;
	font-family : "Verdana", Arial;
	font-weight	: bold;
	font-size	: 12px;
	color 		: #E4E3CE;
	text-indent	: 1.5em;
	padding		: 20px;
	background	: url('imgs/blackTrans.png');
	position	: relative;
	top 		: 60px;
}

/* Forms ****************************************/

.formBody {
	width 		: 390px;
	font-family : "Verdana", Arial;
	font-weight	: bold;
	font-size	: 12px;
	color 		: #E4E3CE;
	padding		: 20px;
	background	: url('imgs/blackTrans.png');
	position	: relative;
	clear		: left;
}

form {
	position : relative;
}

form legend {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

form label {
	font-weight: bold;
}

form fieldset {
	border 			: solid white thin;
	padding-left	: 20px;
	padding-bottom	: 10px;
}

form div {margin-top: 10px;}

.formBody ul{
	list-style-type : none;
	font-size		: 16px;
	width			: 200px;
}
.formBody li a{
	padding			: 5px;
	margin-bottom	: 5px;
	display 		: block;
}
.formBody li a:hover{background: olive;}

.options {
	font-weight: bold;
	color : navy;
}

.login div{
	position : relative;
	float:right;
	right: 15px;
}

/* Gallery **************************************/

.galRow {
	width			: 100%;
	margin-bottom	: 10px;
	display			: table;
}

.galSep {
	width	: 5px;
	height	: 150px;
	float	: left;
}

.galThumb {
	width	: 200px;
	height 	: 150px;
	float	: left;
}

.galThumb img {
    display		: block;
	margin		: auto;
    border		: solid black 1px;
}
.galThumb a:hover img{
	border : solid white 1px;
}

.gallery {
	position 	: relative;
	z-index		: 1;
	top			: -20px;
}

.galNav {
	height		: 20px;
	text-indent	: 0;
	font-size	: 14px;
	font-family	: Verdana;
	line-height	: 20px;
	color		: #938475;
	display		: block;
	position	: relative;
	z-index 	: 0;
	top			: 170px;
	
}
.galNav.prevOn {
	padding-left	: 15px;
	background		: url('imgs/prevOn.png') no-repeat 0px 2px;
	float			: left;
}
.galNav.prevOff {
	color 			: #44382F;
	padding-left	: 15px;
	background		: url('imgs/prevOff.png') no-repeat 0px 2px;
	float			: left;
}
.galNav.nextOn {
	padding-right	: 15px;
	background		: url('imgs/nextOn.png') no-repeat right;
	position		: relative;
	float			: left;
	margin-left		: 500px;
}
.galNav.nextOff {
	color 			: #44382F;
	padding-right	: 15px;
	background		: url('imgs/nextOff.png') no-repeat right;
	position		: relative;
	float			: left;
	margin-left		: 500px;
}
.galNav.nextOn:hover, .galNav.prevOn:hover {
	cursor : pointer;
} 

/************************************************/

.contact {
	width		: 100%;
	margin-top	: 100px;
	text-indent	: 0px;
	font-size	: 18px;
	position 	: relative;
	text-align	: center;
}
.contact div {
	font-family	: 'Courier New';
	width		: 325px;
	display		: block; 
	margin		: auto; 
	text-align	: left;
	position	: relative;
	left		: -5px;
}
.contactBody {
	border 		: solid thin gray;
	padding 	: 20px;
}
.contact h3 {
	font-family : Arial;
	color 		: #D5DEE3;
	font-size	: 22px;
	text-align	: center;
}

.contact a:hover{
	text-decoration : underline;
}

/**************************************************/

.success {
	font-size	: 12px;
	font-weight	: bold;
	color		: #486C28;
	border		: #83CF36 solid;
	margin-top	: 5px;
	padding		: 5px;
	background	: #DDFF97;
	display		: block;
}
.error {
	width		: 335px;
	font-size	: 12px;
	font-weight	: bold;
	color		: #800040;
	border		: #CA0000 solid;
	margin-top	: 5px;
	padding		: 5px;
	background	: #FFC4C4;
	display		: block;
	float		: left;
}
.error a {
	color : blue;
}

/* Edit ****************************************/

.edit input[type=submit] {
	color			: #D8C47C;
	width : 120px;
	font-weight		: bold;
	font-size		: 10px;
	padding			: 5px;
	margin-top		: 5px;
	margin-right	: 5px;
	margin-bottom	: 5px;
	border			: solid #D8C47C;
	background		: #333333;
	position		: relative;
	float			: right;
	cursor			: pointer;
}
.edit.home {
	display		: table-cell;
	text-indent	: 0px;
}

.edit.contact {
	margin-top: -20px;
}
.edit.contact input[type=text] {
	font-size		: 20px;
	margin-bottom	: 20px;
}

.edit.control {
	width		: 34px;
	background 	: url('imgs/blackTrans.png');
	z-index		: 4;
	position	: relative;
	top			: 5px;
	left		: 80px;
}

.edit.control a:hover img{
	border: solid 1px #FFFF80;
}

.edit.image {
	z-index		: 3;
	margin-top	: -68px;
}