/* 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:#FFFFFF;
           
scrollbar-3dlight-color:#000000;

           scrollbar-arrow-color:#F0E68C;
           scrollbar-base-color:#F0E68C;
           scrollbar-track-color:#000000;
           scrollbar-darkshadow-color:#FAFAD2;
           scrollbar-face-color:#000000;
           scrollbar-highlight-color:#F0E68C;
           scrollbar-shadow-color:#F0E68C}


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: #3481B9;
text-decoration: none;
font-weight: bold;
}

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

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

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: #FFFFFF;
	font-weight: normal;
	background-image:  url('cell2.jpg'); /* */
}

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

.navlist a:hover {
	border: 1px solid #FFFFCE;
	background-color: #CEB565;
	background-image:  url('http://www.dragons-gate.com/images/cell1.jpg'); color: #FFFFFF;

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

/* classes for middle left hand navigation area */

.httop {
background-image: url('images/hottopic.jpg');
color: #A88426;
font-size: 100%;
font-weight: bold;
text-align: center; letter-spacing: 1;
height: 20px;
border: 1px solid #A88426;
}

.htmiddle {
color: #A88426;
font-size: 90%;
padding: 10px;
border-right: 1px solid #A88426;
border-bottom: 1px solid #A88426;
border-left: 1px solid #A88426;
}

.tiny {
font-size: 80%;
font-weight: normal;
}

/* classes for main text area */

.main {
background-color: #000000;
color: #E8E8E8;
vertical-align: top;
text-align: left;
padding: 20px 5px 20px 20px;
width: 750px;
}

.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: 750px;
height: 40px;
font-size: 70%;
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;
}


.pullquote 
{width: 145px;
background:white;
color:black;
float: right;
border:1px solid gold;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}

/* 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: #371C00; background-color: #CCCC66; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; }

.mainColumn {
width: 100%;
padding: 10px; }

.highlight {  font-style: italic; font-weight: bolder; color: #3333FF}
.alert {  color: #CC3300; font-weight: bold}
.whyBG, .leftblock1 { background-color: #222222; border:#A7A58C; }
.whyBG, .leftblock2 {background-image: url(http://www.dragons-gate.com/images/pilebooks1.jpg); background-repeat: repeat;background-color: #222222; border:#A7A58C; }
.whyBG, .dimBG { background-color: #CEB565; 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; }

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

a.dimBG  { color: #0033CC; }
.dimBG a:link { color: #0033CC; }
.dimBG a:active { color: #0033CC; }
.dimBG a:visited { color: #0033CC; }
.dimBG 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; }

.normXS2 { font-size: 10px; color: #001144; }
.normS2  { font-size: 8pt;  color: #001144; }
.normM2  { font-size: 10pt; color: #001144; }
.normL2  { font-size: 12pt; color: #001144; }
.normXL2 { font-size: 14pt; color: #001144; }

.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; }

.paleBG {  background-color: #EDEDDC}
.paleBG a         { color: #0033CC; }
.paleBG a:link { color: #0033CC; }
.paleBG a:visited { color: #0033CC; }
.paleBG a:hover   { color: #000000; }

.invBG           { background-color: #000000; }       
.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; }



acronym {
	border-bottom: 1px dotted rgb(59%,80%,85%);
	cursor: help;
}