body { background: #3f3b6e; background-image: url("/resources/images/site/zos-home-bg.jpg");
       background-repeat: no-repeat; background-attachment: fixed; background-position: top center;
       margin: 0px; padding: 0px; scrollbar-base-color: #A6D5D9; }
table { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; }
tr { margin: 0px; padding: 0px; border: 0px; }
td { text-align: center; margin: 0px; padding: 0px; border: 0px; }
ul {}
li {}
a { text-decoration: none; color: #AAACD8; }
a:hover { color: #FFFFFF };
br { margin: 0px; padding: 0px; clear: both; }
hr { width: 85%; border: none 0; border-top: 1px solid #000; border-bottom: 1px solid #ccc;
     height: 2px; text-align: center; margin: 0px auto 0px auto;
}

.avatar { z-index: 0; position: absolute; top: 0px; right: 10px; width: 420px; height: 420px; }

.title { z-index: 3; position: absolute; top: 15px; left: 20px; width: 620px; height: 80px; }

.title img{
  border: 0;
}

.main { 
  z-index: 1; position: relative; margin: 0px auto; padding: 0px; width: 1002px; height: auto;
  top: 203px; overflow: none;
}

.navigation {
  z-index: 3; position: absolute; top: 0px; text-align: center; margin: 0px auto; width:1002px; height:17px; background:black; padding-left:5px;
}

.navigation img {
  border: 0;
}

.menubuttons div {
  float: left; margin-left: 4px;
}

.linkbuttons img {
  float: right; margin-right: 4px;
}

#members {
  width: 93px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/Members.png');
}

a:hover #members {
  background-image: url('/resources/images/menubuttons/HiMembers.png');
}

#zos_code {
  width: 92px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/ZoSCode.png');
}

a:hover #zos_code {
  background-image: url('/resources/images/menubuttons/HiZoSCode.png');
}

#alliance {
  width: 94px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/Alliance.png');
}

a:hover #alliance{
  background-image: url('/resources/images/menubuttons/HiAlliance.png');
}

#accolades {
  width: 110px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/Accolades.png');
}

a:hover #accolades {
  background-image: url('/resources/images/menubuttons/HiAccolades.png');
}

#images {
  width: 77px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/Images.png');
}

a:hover #images {
  background-image: url('/resources/images/menubuttons/HiImages.png');
}

#forums {
  width: 74px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/Forum.png');
}

a:hover #forums {
  background-image: url('/resources/images/menubuttons/HiForum.png');
}

#home {
  width: 65px;
  height: 17px;
  background-image: url('/resources/images/menubuttons/Home.png');
}

a:hover #home {
  background-image: url('/resources/images/menubuttons/HiHome.png');
}

.footer {
  z-index: 1; position: relative; top: 10px; left: 0px; margin: 0px auto; width: 100%; text-align: center;
}


/* Member table */

.table_header th {
	font-size: 24px;
	color: #CCCCCC;
}

.member_table .right_column {color: #FFCC00}

.member_table td {
  text-align: left;
  margin: 0px;
  padding: 0px; 
  border: 0px; 
}

/* .member_table td.right_column:before {
  content: "[";
}

.member_table td.right_column:after {
  content: "]";
} */

.leader {color: #FFFFFF}

.officer {color: #33cc00}



.text1 {
  z-index: 3; position: absolute; top: 57px; left: 0px; width: 1000px; height: auto; 
  float: left; text-align: left; line-height: 15px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/site/background_1.png', sizingMethod='scale');
}
html>body .text1 { background-image:url('/resources/images/site/background_1.png'); }


.text1 .h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: #A6F5F9; font-weight: bold;
  display: inline; margin: 0px 0px 0px 5px;
}

.text1 .p {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: none;
  display: inline; margin: 0px 0px 0px 5px; border: 1px solid #AAAAAA; padding: 2px; width: 100%; height: auto;
  float: left; margin: 5px 0px 0px 0px;
}

.text1 .h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #F5CADF; font-weight: bold;
  font-style: italic; text-decoration: underline; width: auto; float: left; margin: 5px 0px 0px 0px;
  display: inline;
}

.text2 {
  z-index: 2; position: absolute; top: 76px; left: 0px; width: 600px; height: auto;
  float: left; text-align: left; line-height: 15px; margin: 0px; padding: 0px 0px 0px 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/site/background_1.png', sizingMethod='scale');
}
html>body .text2 { background-image:url('/resources/images/site/background_1.png'); }

.text2 .h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: #A6F5F9; font-weight: bold;
  display: inline; margin: 0px 0px 0px 5px;
}

.text2 .h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #F5CADF; font-weight: bold;
  font-style: italic; text-decoration: underline; width: 200px; float: left; margin: 5px 0px 0px 0px;
  display: inline;
}

.text2 .h3 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #F5CADF; font-weight: bold;
  font-style: italic; text-decoration: underline; width: auto; float: left; margin: 5px 0px 0px 0px;
  display: inline;
}

.text2 .p {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: none;
  display: inline; border: 1px solid #AAAAAA; padding: 2px; width: 100%; height: auto;
  float: left; margin: 5px 0px 0px 0px;
}

.text2 .li {
  display: inline; 
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: none;
  width: 100%; float: left; margin: 5px 0px 0px 5px;
}
  
.text3 {
  z-index: 3; position: absolute; top: 76px; right: 0px; width: 395px; height: 225px; 
  float: right; text-align: left; line-height: 15px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/site/background_1.png', sizingMethod='scale');
}
html>body .text3 { background-image:url('/resources/images/site/background_1.png'); }

.text3 .p {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #FFF8F9; font-weight: bold;
  display: inline; margin: 3px; font-style: italic;
}

.text4 {
  z-index: 3; position: absolute; top: 306px; right: 0px; width: 395px; height: auto;
  float: right; text-align: left; line-height: 15px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/site/background_1.png', sizingMethod='scale');
}
html>body .text4 { background-image:url('/resources/images/site/background_1.png'); }

.text4 .h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #A6F5F9; font-weight: bold;
  display: inline;
}

.text4 .h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #FFF8F9; font-weight: bold;
  display: inline; margin: 0px 0px 0px 5px;
}

.thumbnail {
  z-index: 4; float: left; width: 160px; height: 120px; border: 1px solid  #99BBBF; margin: 5px 5px 5px 13px; 
  text-align: center; background-repeat: no-repeat; background-position: center center;
}

.caption {
  z-index: 4; float: left; width: 350px; height: auto; 
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: none;
  font-style: italic; margin: 5px 0px 0px 0px; display: inline;
}

.pdivr {
  position: relative; top: 8px; left: 8px; width: 380px; text-align: justify;
}

.pdivl {
  position: relative; top: 8px; left: 8px; width: 97%; text-align: left;
}

.pdivm {
  position: relative; top: 8px; left: 8px; width: 98%; text-align: left;
}

.centertext {
  text-align: center;
}

.footer p {
  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; color: #6F6869; font-weight: none;
  display: inline;
}

.thumbnail a img {
  border: 0px; text-decoration: none;
}

.h1 img {
  border: 0px; text-decoration: none;
}

.mainimg {
  z-index: 4; float: left; width: auto; height: auto; border: 1px solid  #99BBBF; margin: 8px; 
  text-align: center; background-repeat: no-repeat; background-position: center center;
}