/* ----- BEGIN HEADER ----- */
  
#topleft { 
position: absolute; 
z-index: 5;
width: 184px;
height: 165px;
top: 0px;
left: 0px;
background: url("images/top_left.gif") no-repeat;
}

#topright1 { 
z-index: 5;
width: 76px;
height: 100px;
background: url("images/top_right_1.gif") no-repeat;
}

#topright2 {  
z-index: 5;
width: 76px;
height: 33px;
background: url("images/top_right_2.gif") no-repeat;
}
 
#strip {
background: url("images/strip.gif") repeat-x;  
} 
  
#toplinks {
position: absolute;
top: 109px;
left: 157px;
z-index: 6;
font: bold 12px verdana;
color: white;
}

#toplinks a:link, #toplinks a:visited, #toprightlinks a:link, #toprightlinks a:visited {
color: #ffffff;
text-decoration: none;
}
  
#toplinks a:hover, #toprightlinks a:hover {
color: #ffffff;
text-decoration: underline;  
}

#topad {
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
}

#contentcolumn {
padding: 3px 18px 0px 18px;
}

.noscript {
font: bold 12px verdana;
background-color: #706D68;
border: 1px solid white;
padding: 2px;
text-align: center;
}
  
/* ----- END HEADER ----- */


/* ----- BEGIN BODY ----- */
 
#wrapper {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
background: url("images/left_bar.gif") repeat-y;
color: #EEEEEE;
width:100%;
}

#main {
margin: 0px;
padding: 0px;
}

#content {
position: relative; 
vertical-align: top;
font-family: arial, helvetica, sans-serif;
}
  
#bottom {
height: auto;
margin-top: 50px;
}
 
#footer {
margin: 0px 195px 0px 147px;
padding: 0px 0px 10px;
text-align: center;
font: 11px verdana;
}

#lb {
float: left;
background: url("images/left_bottom.gif") no-repeat;
width: 147px;
height: 85px;
}

th.header {    
    text-decoration: underline;
    font-weight: bold; 
    cursor: pointer;
}
  
/* ----- END BODY ----- */  


/* --- BEGIN UPDATES --- */

.updates {
padding: 2px;
background-color: #706D68;
border: 1px solid black;
}

.updates ul {
margin: 0px;
padding: 3px;
}

.updates li {
font: 12px arial;
list-style-type: none;
line-height: 100%;
margin: 0px;
padding: 2px 0px 5px 3px;
border-bottom: 1px dashed #54524F;
}

.updates .title {
font: small-caps bold 15px arial ;
line-height: 100%;
}

/* --- END UPDATES --- */


/* --- BEGIN TIMES --- */

.times {
width: 92%;
margin: 6px auto 0px;
padding: 2px;
background-color: #706D68;
border: 1px solid black;
}

.times .heading {
border-bottom: 1px dashed #54524F;
text-align: left;
padding: 0px 0px 2px 0px;
}

.times h1 {
font: small-caps bold 15px arial;
display: inline;
}

.times h2 {
font: 12px arial;
font-weight: bold;
display: inline;
}

.times p {
font: 13px arial;
line-height: 120%;
margin: 0px;
padding: 2px;
}

.article table {
margin: 8px auto;
text-align: center;
font: 14px arial, helvetica, sans-serif;
border: 2px solid gray;
}

.article p {
line-height: 120%;
margin: 0px;
padding: 8px 0px;
text-align : justify;
font: 15px 'trebuchet ms', helvetica, sans-serif;
}

.article h1 {
font: bold 23px 'trebuchet ms', helvetica, sans-serif;
}

.article h2 {
font: italic 16px 'trebuchet ms', helvetica, sans-serif;
}

.article .body {
background: url('images/times_bg.jpg') repeat-y;
}

/* --- END TIMES --- */

/* --- BEGIN EVENTS --- */

.events {
margin: 6px auto 0px;
padding: 2px;
background-color: #706D68;
border: 1px solid black;
}

.events h1{
display: inline;
padding: 0px 3px 0px 3px;
margin: 0px;
font: small-caps bold 15px arial;
border-bottom: 1px dashed #54524F;
}

.events .links {
float: right;
border-left: 1px dashed #54524F;
padding: 0px 0px 0px 4px;
margin: 2px 0px 0px 0px;
}

.events p{
display: inline;
margin: 0px;
padding: 0px 5px 0px 5px;
font: 12px arial;
}

/* --- END EVENTS --- */


/* ---- BEGIN THEMES ---- */ 

#themes {
position: absolute;
top: 110px;
right: 94px;
z-index: 4;
margin: 0px;
padding: 0px;
width: 132px;
height: 13px;
}

#themething {
position: absolute;
top: 109px;
right: 243px;
z-index: 5;
height: 13px;
font: 12px verdana;
color: white;
}

/* ----- END THEMES ----- */
  
  
/* ----- BEGIN NAV ----- */
  
#navigation {
width: 120px;
margin: 25px 0px 0px 11px;
font: 11px verdana;
line-height: 100%;
}
  
#navigation h1 {
text-align: center;
font: bold 12px verdana;
padding: 10px 0px 3px 0px;
margin: 0px;
border-bottom: 1px solid;
}
  
#navigation ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
  
#navigation li {
font: 11px verdana;
line-height: 100%;
padding-top: 2px;
margin-left: 8px;
}
  
#navigation li.subheading {
padding: 6px 0px 1px 0px;
font-weight: bold;
margin-left: 0px;
}
    
#navigation a:link, #navigation a:visited {
color: #EEEEEE;
text-decoration: none;
}

#navigation a:hover {
color: #EBB92A; 
text-decoration: underline;
}
 
/* ----- END NAV ----- */  
  
  
/* ----- BEGIN RIGHT ----- */
  
#rightside {
width: 160px;
padding: 0px;
margin-left: 0px;
padding-top: 4px;
}

#search {
position: relative;
width: 156px;  
margin: 4px auto;
background-color: #706D68;
border: 1px solid #181818;
}

#search p {
font: bold 11px verdana;
text-align: center;
padding: 1px 1px 3px 1px;
margin: 0px;
}
  
.bar {
position: relative;
width: 162px;
height: 26px;
background: url("images/bar.gif") no-repeat;
}
  
.bar p {
font: bold 15px verdana;
text-align: center;  
margin: 4px;
padding: 4px 0px 0px;
}

.barbottom {
position: relative;
width: 162px;
height: 13px;
background: url("images/bar_bottom.gif") no-repeat;
}

.graybox {
width: 160px;
padding: 0px;
display: block;
background-color: #6F6D67;
border: 1px solid #181818;
}

.graybox p {
font: 12px verdana;
text-align: center;
padding: 4px;
margin: 0px;
}

.graybox img {
border: 0px;
margin: 2px auto;
display: block;
}
/* ----- END RIGHT ----- */


/* --- BEGIN SEARCH --- */

#search {
position: relative;
width: 156px;  
padding: 2px;
background-color: #706D68;
border: 1px solid #181818;
margin: 0px auto 4px;
}

#search table {
margin: 4px 1px;
}

#search form {
padding: 0px;
margin: 0px;
}

#q {
padding: 0px;
margin: 0px;
width: 108px;
} 

#sa {
padding: 0px;
margin: 0px 0px 0px 4px;
}

/* --- END SEARCH --- */

/* ----- BEGIN NEWS ----- */

.news_title {
margin: 10px auto 0px;
width: 95%;
}

.news_subtitle {
display: block;
margin: 1px auto 5px;
font: 13px arial, helvetica, sans-serif;
width: 91%;
height: 20px;
background-color: #6F6D67;
}

.news_author {
text-align: left;
width: 400px;
}

.news_date {
text-align: right;
width: 75%;
}

.newsleft {
width: 26px;
height: 25px;
background: url("images/news_bar_1.gif") no-repeat;
}

.newsright {
width: 13px;
height: 25px;
background: url("images/news_bar_3.gif") no-repeat;
}

.newsmiddle {
text-align: left;
background: url("images/news_bar_2.gif") repeat-x;
}

.news_article {
width: 91%;
margin: 0px auto;
display: block;
}

.news_strip {
display: block;
margin: 30px auto 0px;
border: 1px solid black;
padding: 4px;
background-color: #6F6D67;
font: 13px arial, helvetica, sans-serif;
width: 91%;
text-align: center;
}

/* ----- END NEWS ----- */

/* ----- BEGIN CONTENT ----- */
  
h1 {
font: bold 30px arial, helvetica, sans-serif;
text-align: center;
padding: 3px;
margin: 0px;
}

h2 {
font: 15px arial, helvetica, sans-serif;
text-align: center;
padding: 0px;
margin: 0px;
}

.guide h3, .staff h3 {
font: bold 20px arial, helvetica, sans-serif;
padding: 21px 0px 0px 0px;
margin: 0px;
}

.staff h3 {
text-align: center;
}

h4 {
font: bold 16px arial, helvetica, sans-serif;
padding: 10px 0px 2px 0px;
margin: 0px;
}

h5 .keyguide {
font: bold 11px arial, helvetica, sans-serif;
padding: 10px 0px 2px 0px;
margin: 0px;
}

h6 {
font: bold 11px arial, helvetica, sans-serif;
padding: 12px 0px 18px 0px;
margin: 0px;
}

p {
font: 14px arial, helvetica, sans-serif;
line-height: 120%;
margin: 0px;
padding: 8px 0px;
text-align: justify;
}

a:link, a:visited {
color: white;
text-decoration: underline;
}

ul, ol {
text-align: left;
margin: 0;
padding: 6px 0;
}

li {
font: 15px arial, helvetica, sans-serif;
line-height: 120%;
margin: 0px 0px 0px 35px;
}

.guide img {
display: block;
margin: 8px auto;
}

.guide table, .map table, .calc table {
margin: 7px auto;
text-align: center;
font: 14px arial, helvetica, sans-serif;
}

.guide table img {
margin: 0px auto;
display: block;
}

.members {
background-color: #5D5B5B;
}

.black {
background-color: #000000;
}

.pic {
background-color: #494034;
}

.guide #guidelinks {
font: 15px arial, helvetica, sans-serif;
line-height: 120%;
margin: 0px;
padding: 10px 0px;
text-align: left;
float: left;
}

.guide #relatedlinks {
font: 15px arial, helvetica, sans-serif;
line-height: 120%;
margin: 0px;
padding: 10px 0px;
text-align: right;
}

.staff table {
margin: 10px auto;
text-align: left;
font: 15px arial, helvetica, sans-serif;
line-height: 120%;
}

.staff table .header {
font-variant: small-caps;
}

.staff table .header a:link, .staff table .header a:visited {
text-decoration: none;
}

/* ----- END CONTENT ----- */

/* ----- POLL ----- */

.poll {
margin: 5px auto;
padding: 0px;
width: 98%;
font:  10px verdana;
text-align: left;
}

.poll h1 {
font:  bold 11px verdana;
text-align: center;
padding: 0px 1px 2px 1px;
margin: 0px 0px 2px 0px;
border-bottom: 1px white solid;
}

.poll form {
margin: 0px 0px;
padding: 0px;
}

.poll input {
padding: 0px;
margin: 0px;
}

.poll .button {
margin: 0px auto;
padding: 0px;
width: 66px;
}

.poll .bottom{
margin: 2px auto 2px;
padding: 0px;
display: block;
text-align: center;
}

.poll .result{
height: 14px;
background: url("images/poll.gif") repeat-x;
}

/* ----- END POLL ----- */


/* ----- BEGIN CALC ----- */

.calc img {
margin: 1px auto;
}

.calc h1 {
font: bold 25px arial, helvetica, sans-serif;
text-align: center;
padding: 2px;
margin: 0px;
}

.calc h2 {
font: 14px arial, helvetica, sans-serif;
text-align: center;
padding: 0px;
margin: 3px auto 6px;
}

.calc h3 {
font: bold 15px arial, helvetica, sans-serif;
padding: 0px;
margin: 0px;
}

.calc table {
text-align: center;
font: 14px arial, helvetica, sans-serif;
color: #ffffff;
}

.calc form {
margin: 0px;
padding: 0px;
}

.calc input {
display: block;
margin: 4px auto;
}

.calc .choose {
width: 170px;
margin: 5px auto;
padding: 0px;
display: block;
}

.calc .radio {
display: inline;
margin: 0px 6px;
padding: 0px;
}

.calc .fighting {
width: 140px;
}

.calc .playerexp {
width: 50px;
margin: 5px;
padding: 0px;
}

.calc .nextlevel {
display: block;
padding: 0px;
margin: 4px auto 12px;
}

.calc li {
padding: 3px;
}

/* ----- END CALC ----- */


/* ----- BEGIN MAP ----- */

.map h3 {
font: bold 18px arial, helvetica, sans-serif;
padding: 0px;
margin: 0px;
}

.map img.map{
padding: 10px 0px;
display: block;
margin: 0px auto;
}

.map img {
display: inline;
padding: 0px;
margin: 0px;
}

.map input {
margin: 7px auto 2px;
display: block;
}

/* ----- END MAP ----- */ 


/* ----- BEGIN DB ----- */

.database p {
font: 15px arial, helvetica, sans-serif;
line-height: 100%;
margin: 0px;
padding: 9px 0px;
text-align: justify;
}

.database big {
font-size: 20px;
}

#database_credit, #database_credit a:link, #database_credit a:visited {
margin-top: -5px;
text-align: center;
font: 9px verdana;
color: #777777;
text-decoration: none;
}

#database_credit a:hover {
color: #CCCCCC; 
text-decoration: none;
}

/* ----- END DB ----- */

/* ----- BEGIN QUEST REQ/SUGG ---- */

#quest_req a:link, #quest_req a:visited {
text-decoration: none;
}

#quest_req a:hover {
text-decoration: underline;
}

/* ----- END QUEST REQ/SUGG ---- */

/* ----- BEGIN SMITH TABLES ---- */

.smith_table h2 {
font-size: 16px;
font-weight: bold;
text-align: center;
color: white;
border: 1px white solid;
padding: 2px;
width: 168px;
display: block;
margin: 2px auto;
background-color: #8A6B3D;
}

.smith_table img {
padding-top: 1px;
padding-bottom: 1px;
}

/* ----- END SMITH TABLES ---- */

/* ----- BEGIN OTHER GUIDES ---- */

.listing {
display: block;
margin: 0px auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
line-height: 100%;
}

.listing div{
width: 180px;
display: block;
text-align: center;
border: 2px #c8c8c8 solid;
padding: 4px;
margin: 7px
}

.listing table{
margin: 0px auto 4px;
text-align: center;
padding: 0px;
}

.listing img {
border: 0px;
margin-top: auto;
margin-bottom: auto;
padding: 0px;
float: left;
}

.listing .text{
display: block;
margin: 0px auto;
padding: 5px 0px 5px;
font: bold 17px arial, helvetica, sans-serif;
}

.listing a:link, .listing a:visited {
text-decoration: underline;
color: white;
}

.listing a:hover {
color: #D6D6D6;
}

/* ---- END OTHER GUIDES ---- */

.eventname {
font: bold 20px arial, helvetica, sans-serif;
padding: 0px;
margin: 0px;
}   

.clanname {
font: bold 28px arial, helvetica, sans-serif;
}

.waterbirth {
width: 97%;
height: 450px;
overflow: auto;
border: 5px outset white;
}

.waterbirth img{
display: block;
margin: 0 auto;
}


/* ---- START TABLE SORT ---- */
.table-sortable, th.header {
background: url("images/sort_unsorted.gif") no-repeat;
background-position: left;
padding-left: 14px;
cursor: pointer;
}

.table-sorted-asc, th.headerSortUp {
background: url("images/sort_ascending.gif") no-repeat;
background-position: left;
}

.table-sorted-desc, th.headerSortDown { 
background: url("images/sort_descending.gif") no-repeat;
background-position: left;
}
/* ---- END TABLE SORT ---- */

/* ---- START BOOK DISPLAY ---- */
#divSizer {
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
}

.bookpage {
 vertical-align: top;
 font-family: Georgia, "Times New Roman";
 font-size: 14px;
 color: #330000;
 text-align: left;
}
/* ---- END BOOK DISPLAY ---- */
