body 			{ 
				font-family: verdana, arial; font-size: 6pt; color: black;
				background-image: url("http://www.rageofwar.net/images/background.jpg"); 
				background-repeat: repeat-x; background-position: left top;
				margin: 8px 10px 10px;
				}

b.bold { font-family: tahoma; font-size: 8pt; }
b { font-family: tahoma; color: black; font-size: 9pt; }
strong { font-family: tahoma; color: black; font-size: 9pt; }
b.title { font-family: tahoma; color: white; font-size: 9pt; font-variant: small-caps; }

h1 { font-family: tahoma; font-size: 8pt; color: gray;  }
td { font-family: verdana, arial; font-size: small; color: black; padding: 2px; margin-left: 4px; }
.light { font-family: arial; font-size: small; color: gray; }
#footer {text-align: center; veartical-align: bottom; width: 100%; position: relative;}				
p { font-family: verdana, arial; font-size: small; text-align: justify; color: black }
b { font-size: small }				
img { border: 0px }

hr {color: gray; width: 90% }
ul.image 		{ list-style-image: url("http://www.rageofwar.net/images/earrow.gif"); 
				font-family: sans-serif; font-size: small; text-align: left; line-height: 1.25
				}

ul.square 	{ list-style: square; 
				font-family: verdana, arial; font-size: small; color: white; 
				text-align: left; line-height: 1.25 
				}
				
table.nav { background: brown; text-align: left; color: black; width: 400px }

a:link { font-family: tahoma; font-size: small; color: blue; text-decoration: none }
a:active { font-family: tahoma; font-size: small; color: blue; text-decoration: none }
a:visited { font-family: tahoma; font-size: small; color: darkblue; text-decoration: none }
a:hover { font-family: tahoma; font-size: small; color: black; text-decoration: underline }

a.yellow:link { font-family: tahoma; font-size: small; color: #eaedc2; text-decoration: none }
a.yellow:active { font-family: tahoma; font-size: small; color: #eaedc2; text-decoration: none }
a.yellow:visited { font-family: tahoma; font-size: small; color: #eaedc2; text-decoration: none }
a.yellow:hover { font-family: tahoma; font-size: small; color: white; text-decoration: underline }

.copy { color: Black; font-size: 11px; line-height: 14px; font-family: arial, helvetica, sans-serif }

.arrowlistmenu{
width: 176px; 
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px arial;
color: white;
background: black url(http://www.rageofwar.net/images/titlebar.png) repeat-x center left;
margin-bottom: small; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://www.rageofwar.net/images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited { color: #A70303; }

.arrowlistmenu ul li a:hover { color: #00c0ff; background-color: #000000; }