/* CSS Document */

/* The basics */
body, a, a:link, a:hover, a:active, a:visited, table, tr, td, p, div, img, span, form, select, input, textarea {
		font-size: 12px; color: #000000; line-height: 18px; font-family: Arial,Verdana,Helvetica; text-decoration: none; 
		border-width: 0px; border-collapse: collapse; padding: 0px; margin: 0px;
}

body {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top center;
	scrolling: no;
	scrollbar-face-color: #360000;
	scrollbar-highlight-color: #360000;
	scrollbar-3dlight-color: #360000;
	scrollbar-shadow-color:	#360000;
	scrollbar-darkshadow-color: #360000;
	scrollbar-track-color: #1E0000;
	scrollbar-arrow-color: #630100;
}/* The body background & scrollbar properties, the background is fixed so it only repeats horizontal, it doesn't matter how long your page is going to be the bottom stays black*/

td {vertical-align: top;} /* makes you don't have to put 'valign="top"' to every single td */
td.exception {vertical-align: middle;}
hr {color: #1C314C; height: 1px;}
/* end The basics */

/* Text styles */
b {color: #F5C26A; font-weight: bold;}/* bold text*/
h1 {color: #FFA719; font-weight: bold; font-size: 13px; line-height: 8px; }/* the yellow headings*/ 
h2 {}/* empty for use*/
h3 {}/* empty for use*/ 
h4 {color: #FFA719; font-weight: bold; font-size: 18px; line-height: 18px; }/* heroes item*/  
h5 {font-size: 9px; line-height: 12px;}/* textstyle for captions*/ 
h6 {font-size: 8px; color: #004E83; line-height: 12px;}/* textstyle used for the footer*/
a, a:link, a:visited {color: #FFA719; font-weight: bold; text-decoration: none;}/* link*/
a:hover {color: #CC0033; font-weight: bold; text-decoration: none;}/* link rollover*/
/* styles for forms*/
input.formstyle {border-right: #7A95AA 1px solid; border-left: #1A293C 1px solid; border-top: #1A293C 1px solid; border-bottom: #7A95AA 1px solid; color: #F5D7A3; background-color: #22354E; height: 20px;}
input.bttnformstyle {cursor:pointer; font-weight: bold; font-size: 11px; border-right: #1A293C 1px solid; border-left: #7A95AA  1px solid; border-top: #7A95AA 1px solid; border-bottom: #1A293C 1px solid; color: #FFA719; background-color: #22354E; height: 20px;}
select.formstyle {border-right: #7A95AA 1px solid; border-left: #1A293C 1px solid; border-top: #1A293C 1px solid; border-bottom: #7A95AA 1px solid; color: #F5D7A3; background-color: #22354E; height: 20px;}
/* end Text styles */

/* Layout styles */
div.main {position:absolute; height: 100%; width: 840; left: 50%; margin-left: -420px; border: 0px; margin-top: 0px; z-index:1;}/* Sets the main content to the center of the site without any frames or tables */
div.character {position:absolute; height: 100%; width: 680; margin-left: 21px; border: 0px; margin-top: 0px; z-index:2;}/* position for the iframes with character & profession content */
td.content {background-repeat: no-repeat; }/* fixed background for the <td> behind the layout table */
table.reditem {border:3px; border-style: double; border-color: #87123C; border-collapse: separate;}/* styles for the items on the homepage */
td.reditem {padding: 5px 5px 5px 5px;}/* styles for the items on the homepage */
table.yellowitem {border:3px; border-style: double; border-color: #8B5B13; border-collapse: separate;}/* styles for the items on the homepage */
td.yellowitem {padding: 5px 5px 5px 5px;}/* styles for the items on the homepage */
/* Layout styles */

/* style for the gallery */
body.iframe {
	padding: 0;
	margin: 0;
	background-color: transparent;
	scrolling: no;
	scrollbar-face-color: #00365B;
	scrollbar-highlight-color: #00365B;
	scrollbar-3dlight-color: #00365B;
	scrollbar-shadow-color:	#00365B;
	scrollbar-darkshadow-color: #00365B;
	scrollbar-track-color: #004879;
	scrollbar-arrow-color: #005FA0;
}