html {
	font-size:100.01%;
	height: 100%;
}

body {
  background-image: url(../images/index/bkg_2.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-color:#2b1405;
  margin: 0;
  min-width: 1024px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:20px;
  color: #d9bf8f;
  height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -182px; /* the bottom margin is the negative value of the footer's height, in this case footer plus the shadow */
}

/* text styles */

.joinstyle {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:20px;
  color: #2b1405;
}

.style1 {
  font-size: 14px;
}

.style2 {
  font-size: 14px;
  font-weight:bold;
  line-height:20px;
  color: #d9bf8f;
}

.style3 {
  font-size: 16px;
  font-weight:bold;
  line-height:20px;
  color: #d9bf8f;
}

.style4 {
  font-size: 20px;
  font-weight:bold;
  line-height:20px;
  color: #d9bf8f;
}

/* end text styles */

/*img { border:none; }*/
h1,h2,h3,h4,h5,ul,p { margin:0; }
ol { padding:0;	margin:0; }
ol li { list-style:none;}
a { text-decoration:none;color:#d2d0b8;}

a:focus { outline:none; }
a:link { color: #d2d0b8; }
a:visited {	color: #d2d0b8; }
a:hover { color: #d2e2f0; text-decoration:underline; }
a:active {
	color: #d2e2f0;
}

/* header */

.header-bkg {
	background-image: url(../images/header/bkg_header.jpg);
	background-repeat: repeat;
	background-color:#d9bf8f;
	position: relative;
	z-index: 1000;
}

.header {
	height: 205px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

/* logo */

.logo {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 20px;
	background: url(../images/header/logo.png) no-repeat;
	width: 711px;
	height: 205px;
}

.logo a {
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.bot-logo {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 20px;
	background: url(../images/menu/logo.jpg) no-repeat;
	width: 194px;
	height: 37px;
}

.bot-logo a {
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* social sites */

.friend-title {
	margin: 0;
	position: absolute;
	top: 73px;
	left: 795px;
    overflow: hidden;
	text-indent: -9999px;
	background: url(../images/header/friend_title.gif) no-repeat;
	width: 162px;
	height: 30px;
}

.facebook2 a{
	margin: 0;
	position: absolute;
	top: 104px;
	left: 795px;
	width: 59px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header/facebook.png) no-repeat;
}

.myspace2 a{
	margin: 0;
	position: absolute;
	top: 104px;
	left: 858px;
	width: 59px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header/twitter.png) no-repeat;
}

.twitter a{
	margin: 0;
	position: absolute;
	top: 104px;
	left: 920px;
	width: 59px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header/youtube.png) no-repeat;
}

.facebook a{
	margin: 0;
	position: absolute;
	top: 104px;
	left: 795px;
	width: 162px;
	height: 38px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header/btn_facebook.gif) no-repeat;
	background-image: url(../images/header/btn_facebook.gif);
}

.facebook a:hover {
	background-position: 0% -38px;
}

.myspace a{
	margin: 0;
	position: absolute;
	top: 143px;
	left: 795px;
	width: 162px;
	height: 38px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header/btn_myspace.gif) no-repeat;
}

.myspace a:hover {
	background-position: 0% -38px;
}

/* menu */

.menu-left {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/menu/left.jpg) no-repeat;
	width: 20px;
	height: 37px;
}

.menu-right {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 1002px;
	background: url(../images/menu/right.jpg) no-repeat;
	width: 22px;
	height: 37px;
}

.menu-blank-bar {
    margin: 0;
	position: absolute;
	top: 0px;
	left: 214px;
	background:url(../images/menu/bar.jpg) no-repeat;
	width: 789px;
	height: 37px;
}

.menu-bkg {
    background-image: url(../images/menu/end.gif);
	background-repeat: repeat-x;
	position: relative;
	z-index: 1000;
}

.menu-bar {
	height: 37px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.menu-bottom-shadow {
	height: 32px;
	background: url(../images/menu/bkg-menu-shadow.png) repeat-x;
	width: 100%;
}

/* menu navigation */
#menu {
	position: absolute;
	left:214px;
	top: 0px;
	z-index:9999;
}

#menu li {
	float: left;
	position: relative;
}
#menu ol li {
	border-bottom:1px solid #061c34;
	float:none;
}

#menu li:hover ol,
#menu li.hover ol{ display:block;}

#menu ol { /* drop-down blocks position, width, color */
	display:none;
	position:absolute;
	top:37px;
	z-index:10000;
	left:0;
	background:#d4e3f1;
	width:250px;
}

#menu a { /* main buttons */
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height:37px;
	padding:0 0px;
	background-position: 50% 0 !important;
}

#menu ol a {
	text-indent:0;
	background:none !important; /* drop-down blocks main background */
	height:37px !important; /* drop-down blocks attributes */
	color:#3d5875; 
	text-transform:uppercase; /* drop-down text attributes */
	text-align:center;
	font:16px/34px bold Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3d5875; 
}

#menu ol a:hover{
	color:#d4e3f1;
	text-decoration:none;
	background:url(../images/menu/sub_menu-1_bar.jpg) !important; /* drop-down blocks hover background*/
}

#menu li:hover a,
#menu li.hover a {background-position: 50% -37px !important;}

/* sub-menu navigation */

#menu ol ol {
    position: absolute;
	top: 0px;
	left: 250px;
	background:#7c8967;
	width: 175px;
}

#menu ol ol li a {
	text-indent:0;
	background:none !important; /* drop-down blocks main background */
	height:37px !important; /* drop-down blocks attributes */
	color:#3d5875; 
	text-transform:uppercase; /* drop-down text attributes */
	text-align:center;
	font:16px/34px bold Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#e4f0d2; 
}

#menu ol ol li a:hover{
	color:#000;
	text-decoration:none;
	background:url(../images/menu/sub_menu-2_bar.jpg) !important; /* drop-down blocks hover background*/
}

/* sub-menu visibility */

#menu li:hover ol ol, #menu li:hover ol ol ol{
	display: none;
}

#menu li:hover ol, #menu ol li:hover ol, #menu ol ol li:hover ol{
	display: block;
}

/*menu buttons*/
#menu a.menu-btn1 {
	width: 95px;
	background: url(../images/menu/btn1.jpg) no-repeat;
}
#menu a.menu-btn2 {
	width: 134px;
	background: url(../images/menu/btn2.jpg) no-repeat;
}
#menu a.menu-btn3 {
	width: 250px;
	background: url(../images/menu/btn3.jpg) no-repeat;
}
#menu a.menu-btn4 {
	width: 87px;
	background: url(../images/menu/btn4.jpg) no-repeat;
}
#menu a.menu-btn5 {
	width: 103px;
	background: url(../images/menu/btn5.jpg) no-repeat;
}
#menu a.menu-btn6 {
	width: 120px;
	background: url(../images/menu/btn6.jpg) no-repeat;
}

/* form style */

option.brown {
	background-color:#907650;
	color:#e1c897;
}

input.field {
	background:#907650;
	color:#e1c897;
	border: 1px solid; 
	border-color: #000;
}

input {
	background:#907650;
	color:#e1c897;
	border: 1px solid; 
	border-color: #000;
}

textarea {
	background:#907650;
	color:#e1c897;
	border: 1px solid; 
	border-color: #000;
}

input.btn { 
	  color:#2b1405; 
	  font: 84%;
	  font-weight:bold;
	  background-color:#ccc8ad; 
	  border: 1px solid; 
	  border-color: #000;	   
}

input.btn:hover { 
	  color:#d4e3f1; 
	  font: 84%;
	  font-weight:bold;
	  background:url(../images/menu/sub_menu-1_bar.jpg);
	  background-position:center;
	  border: 1px solid; 
	  border-color: #000;	   
}

/* main content */

.main-table {
	background:none;
}

.main-holder {
	background: none;
	position: relative;
	z-index: 1000;
}

.main {
	height: auto;
	width: 985px;
	margin: 0 auto;
	position: relative;
}

.column1-table {
	width:625px;
	background-image:url(../images/index/bkg_column1.png);
	background-repeat:repeat;
	border-color:#907650;
	border-style:solid;
	border-width:2px;
	text-align: left;
}

.column2-table {
	width:310px;
	background:none;
	border:none;
}

.column3-table {
	background-image:url(../images/index/bkg_column1.png);
	background-repeat:repeat;
	border-color:#907650;
	border-style:solid;
	border-width:2px;
}

#header-table {
	background:url(../images/index/bkg_column1_header.png);
	border-style:solid;
	border-color:#907650;
	border-width:1px;
}

.text-header {
	font-size: 32px;
	font-weight: bold;
	letter-spacing:1px;
	color:#d9bf8f;
}

#text-table {
	background:none;
	border:none;
}

/* footer */

.footer-bkg {
	background-image: url(../images/footer/bkg_footer.jpg);
	background-repeat: repeat;
	background-color:#000;
	position: relative;
	z-index: 1000;
}

.push {
	height: 130px; /* push must be the same height as .footer */
}

.footer {
	height: 150px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
	font-size: 12px;
}

.footer-shadow {
	height: 32px;
	background: url(../images/footer/bkg-footer-shadow.png) repeat-x;
	width: 100%;
}