body{
margin:0;
padding:0;
height:100%;
border: none;
font-family: Verdana;
font-size: 12px;
background-color: #000;
scrollbar-face-color: #666666;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #333333; 
scrollbar-arrow-color: black;
}

a:hover {color:yellow; text-decoration: none; font-family: Verdana;}
a:link, a:visited {color: lightcyan; text-decoration:none; font-family: Verdana;}

form{
margin:0;
padding:0;
border: none;
}

form button { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #164BA0; 
    background-color: #FFFFFF; 
    border: 1px solid #41BDE8; 
} 

b{font-size: 110%;}
em{color: red;}
hr{
color: #000000;
background-color: #000000;
}

.hiding{
color: lightblue;
font-style: italic;
}

.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid #888888;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 5px;
text-decoration: none;
border: 1px solid #888888;
color: #666666;
background-color: #333333;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: red;
background-color: #330000;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: red;
background-color: #333333;
}

.tile{
color: black;
padding: 0px;
background-color: white;
width: 100px;
height: 100px;
}

.numbers{
color: white;
padding: 2px;
font-size: 9px;
text-align: center;
background-color: #000000;
margin-right: 8px;
margin-left: 8px;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}

.title{
font-weight: bold;
color: #eeeeee;
padding: 5px;
background: #000000 url(/images/gradbg2.jpg) top center repeat-x;
border-top: 2px solid lightblue;
}

.symbol{
color:#eeeeee;
font-family: webdings;
font-size: 50px;
}

.paint{
color: #666666;
font-weight: bold;
font-size: 10px;
text-decoration: italics;
}
.paint2{
color: lightblue;
font-size: 10px;
font-style: italic;
}

.skull{
height: 337px;
}

.text{
padding: 5px;
background: #000000;
color: #cccccc;
border-bottom: 2px solid #666666;
}
.text A:link {text-decoration: none; color: lightblue; font-family: Verdana; font-weight: bold; }
.text A:visited {text-decoration: none; color: lightblue; font-family: Verdana; font-weight: bold; 
}

.room{
font-size: 12px;
color: #ffffff;
padding: 8px;
background: #000000 url(/images/gradbg2.jpg) top center repeat-x;
border-top: 2px solid lightblue;
}

.jerks{
font-size: 11px;
color: #000000;
padding: 5px;
background-color: #eeeeee;
border: 2px solid #666666;
}
.jerks A:link {text-decoration: none; color: #666666; font-family: Verdana; font-weight: bold; }
.jerks A:visited {text-decoration: none; color: #999999; font-family: Verdana; font-weight: bold; 

}

.friend a:link {text-decoration: none; color: #8fbc8f}
.friend a:visited {text-decoration: none; color: #2e8b57}

.enemy a:link {text-decoration: none; color: #ff4500}
.enemy a:visited {text-decoration: none; color: #b22222}

.guildfriend a:link {text-decoration: none; color: #00ced1}
.guildfriend a:visited {text-decoration: none; color: #5f9ea0}

.guildenemy a:link {text-decoration: none; color: #ff7f50}
.guildenemy a:visited {text-decoration: none; color: #cd6839}

.guildlink a:link {text-decoration: none; color: yellow}
.guildlink a:visited {text-decoration: none; color: gold}

.actions{
color: #333333;
padding: 5px;
background-color: #777777;
}

.edit{
color: red;
}

.inv {
color: #ffffff;
font-size: 10px;
}

.stats{
color: #ffffff;
padding: 5px;
font-size: 10px;
background-color: #333333;
border-left: 2px solid #555555;
}

#topsection{
background: #000000 url(/images/hrlogonew4.jpg) no-repeat center left;
height: 70px;
padding: 0px;
color: #ffa07a;
font-size: 11px;
}

#top2{
background: #000000;
border-bottom: 2px solid #666666;
border-top: 1px solid #555555;
padding: 4px;
text-align: center;
font-size: 10px;
color: #eeeeee;
}

.buttons{
color: white;
font-size: 10px;
padding: 0px;
}

#toptable {
vertical-align: middle;
padding: 0px;
height:100%;
border: none;
}

#topsection h1{
margin: 0;
}

#contentwrapper{
float: left;
width: 100%;
background: #444444 url(/images/horizontal.gif);
border-bottom: 2px solid black;
}

.bumper{
text-align: center;
padding: 4px;
background: #333333;
border-bottom: 2px solid black;
}

#contentcolumn{
margin: 0 300px 0 0; /*Margins for content column. Should be "0 right-column-width 0 
left-column-width*/
padding: 10px;
}

#contentcolumn2{
margin: 0 0 0 0; /*Margins for content column. Should be "0 right-column-width 0 
left-column-width*/
padding: 10px;
}

#leftcolumn{
float: left;
width: 25%; /*Width of left column in percentage*/
margin-left: -100%;
background: #555555;
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column in pixels*/
margin-left: -300px; /*Set margin to -(RightColumnWidth)*/
background:  #555555;
color: #eeeeee;
}

#footer{
clear: left;
width: 100%;
background: #444444;
color: #eeeeee;
text-align: center;
font-size: 10px;
padding: 4px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.indexblock{
margin-bottom: 10px;
background: #000000;
border-top: 1px solid #888888;
padding: 8px;
font-size: 11px;
}

.didja{
background: #333333;
color: #eeeeee;
width:100%;
border-bottom: 1px solid #000000;
font-face: verdana;
font-size: 12px;
border-bottom: #000000;
}



/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px;
color: #FFFFFF;
background-color: #444444;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #000000;
color: #eeeeee;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;
background: #444444;
overflow: hidden;
border-bottom: 2px solid #333333;
border-top: 1px solid #666666;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
color: white;
background: #444444;
}

.mattblackmenu a:visited{
color: white;
}

.mattblackmenu a:hover{
background: #888888; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: #555555; /*background of tab with "selected" class assigned to its LI */
}