/* sets the main body properties */
BODY {
background-image: url(http://www.dragons-gate.com/images/background.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed 

font-family : Verdana, Arial, sans-serif;
font-size : 80%;
margin: 0px 0px 0px 0px;
background-color: #000000;
color:#DDDDDD;

	scrollbar-face-color: #4D0000;
	scrollbar-highlight-color: #7B0200;
	scrollbar-shadow-color: #2F0100;
	scrollbar-3dlight-color: #740202;
	scrollbar-arrow-color:  #C2C5BA;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #2F0100;
}


P, TD, LI, UL, Table {
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
}

HR {
color: #A88426;
height: 1px;
width: 100%;
}

/* this sets an image to the left or to the right on a page */

.imageleft {
margin: 0px 10px 0px 0px;
float: left;
}

.imageright {
margin: 0px 0px 0px 10px;
float: right;
}

/* this group sets the normal link colors */

A:LINK {
color: #FFFFCE;
text-decoration: none;
font-weight: bold;
}

A:VISITED {
color: #990000;
text-decoration: none;
font-weight: bold;
}

A:HOVER {
color: #CCCC66;
text-decoration: underline overline;
font-weight: bold;
}

A:ACTIVE {
color: #FFFFFF;
text-decoration: underline overline;
font-weight: bold;
}


/* Heading special effects */

H1 {
font-size: 16px;
font-weight: bold;
text-align: left;
letter-spacing: 3;
color: #CEB565;
}

h2 {
text-align: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 2;
color: #A88426;
padding: 1px;
border-bottom: 1px dotted #A88426;
}

h3, {
font-size : 14px;
font-weight : bold;
color : #A88426;
}

h4, h5 {
font-size : 14px;
font-weight : bold;
color : #A88426;
}

h6 {
font-size : 14px;
font-weight : bold;
color : #000000;
width: 100%;
border-bottom: 1px solid #000000;
}

/* special classes */

.date {
background-color: #CEB565;
color: #000000;
font-weight: bold;
height: 35px;
text-align: left;
width: 260px;
border: 1px solid #CEB565;
}

.top {
background-color: #CEB565;
color: #000000;
font-weight: bold;
word-spacing: 3px;
text-align: right;
vertical-align: center;
height: 40px;
padding-right: 10px;
border: 1px solid #CEB565;
}

.top a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.top a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.top a:hover {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}

.top a:active {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}


.photos {
background-color: #CEB565;
color: #DDDDDD;
text-align: center;
height: 20px;
padding: 10px 0px 10px 0px;
border: 1px solid #000000;
}

/* classes for left side navigation and button rollover */

.side {
background-color: #000000;
color: #CEB565;
font-size: 85%;
width: 180px;
vertical-align: top;
text-align: left;
padding: 20px 0px 20px 0px;
}

.navlist {
	position: relative;
	width: 180px;
	padding: 0px 10px 0px 10px;
	}
	
.navlist ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
.navlist li {
	margin: 0 0 5px 0;
}

.navlist a {
	/*/*/display: block;
	padding: 2px 0px 2px 25px;
	border: 1px solid #777777;
	width: 160px;
	background-color: #FFFFCE;
	color: #000000;
	font-weight: normal;
	background-image:  url('images/button1.jpg'); /* */
}

.navlist a:link, .navlist a:visited {
	color: #000000;
	font-weight: normal;
	/*/*/color: #000000;
	text-decoration: none; /* */
}

.navlist a:hover {
	border: 1px solid #000000;
	background-color: #CEB565;
	background-image:  url('images/button2.jpg');
	color: #000000;

}
.current a:link, .current a:visited, .current a:hover {
	/*/*/border: 1px solid #FFFFFF;
	background-color: #CEB565;
	background-image:  url('images/button2.jpg');
	font-weight: normal;
	color: #000000; /* */
}

/* classes for main text area */

.main {
background-image: url(http://www.dragons-gate.com/images/background.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed 

background-color: #000000;
color: #FFFFCE;
vertical-align: top;
text-align: justify;
padding: 20px 5px 20px 20px;
width: 800px;
}

.main1 {
background-color: #D5D1BB;
color: #000000;
text-align: justify;
vertical-align: top;
padding: 15px;
border: 1px solid #857B45;
margin: 5px 0px 5px 0px;
}

/* copyright area */

.copyright {
background-color: #CEB565;
color: #000000;
width: 800px;
height: 40px;
font-size: 60%;
font-weight: bold;
text-align: center;
padding: 10px 0px 10px 0px;
border: 1px solid #000000;
}

.copyright a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.copyright a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

.copyright a:hover {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}

.copyright a:active {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}




/* form buttons */

.form {
background-color: #CEB565;
background-image: url('images/button2.jpg');
color: #000000;
font-weight: bold;
padding: 2px 15x 2px 15px;
border: 1px solid #000000;
}

/* hottopic  area */

.hottopic {
font-family: Verdana, Helvetica, sans-serif;
background-color: #FFFFFF;
color: #CEB565;
font-size: 85%;
vertical-align: top;
text-align: left;
width: 160px;
margin: 0px 0px 0px 20px;
padding: 5px;
float: right;
border: 1px dotted #D22D11;
}

.hottopic2 {
font-family: Verdana, Helvetica, sans-serif;
background-color: #FFFFFF;
color: #CEB565;
line-height: 14px;
font-size: 90%;
vertical-align: top;
text-align: left;
padding: 5px;
border: 1px dotted #D22D11;
}


/* COMBAT STYLESHEET */

.titlebar { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bolder; color: #371C00; background-color: #FFFBEC; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; }

.spells { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bolder; color: #4D0000; background-color: #CEB565; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; }


.whyBG, .leftblock1 { background-color: #222222; border:#A7A58C; }

a.leftblock1  { color: #0033CC; }
.leftblock1 a:link { color: #0033CC; }
.leftblock1 a:active { color: #0033CC; }
.leftblock1 a:visited { color: #0033CC; }
.leftblock1 a:hover   { color: #000000; }

.normXS1 { font-size: 10px; color: #333333; }
.norm1  { font-size: 10pt; color: #333333; }
.normL1  { font-size: 12pt; color: #333333; }
.normXL1 { font-size: 14pt; color: #333333; }

.leftblockXS1 { font-size: 10px; color: #CEB565; }
.leftblockS1  { font-size: 8pt;  color: #CEB565; }
.leftblockM1  { font-size: 10pt; color: #CEB565; }
.leftblockL1  { font-size: 12pt; color: #CEB565; }
.leftblockXL1 { font-size: 14pt; color: #CEB565; }

.invXS3 { font-size: 10px; color: #FFFF99; }
.invS3  { font-size: 8pt;  color: #FFFF99; }
.invM3  { font-size: 10pt; color: #FFFF99; }
.invL3  { font-size: 12pt; color: #FFFF99; }
.invXL3 { font-size: 14pt; color: #FFFF99; }

.invBG           { background-color: #2F1F11; }       
.invBG a         { color: #FFFFCC; }
.invBG a:visited { color: #FFFFCC; }
.invBG a:hover   { color: #FFFFDD; }
.invBG sup       { color: #FFFFFF; }

.lefttextnew, .lefttext, .invXS1 { font-size: 10px; color: #CCCC99; }
.invS1  { font-size: 8pt;  color: #CCCC99; }
.invM1  { font-size: 10pt; color: #CCCC99; }
.invL1  { font-size: 12pt; color: #CCCC99; }
.invXL1 { font-size: 14pt; color: #CCCC99; }
.lefttext a, .lefttext a:visited, .lefttext a:hover  { color: #FFFFCC; }