/****  CSS Stylesheet  *****/
/***********  default font-size:12px, use 100% for that  ********/
/*****  90%=11px, 80% in forms, 85% otherwise roughs 10 to 10.5px, a minimum  *****/
/******  NOTEs: DW wont view all docs properly, try browsers first, before modification  *******/
/****  divs must float left for dw to view border, most pages must be 100% wide to view proper ********/
/*********  to center page is confusing, when float left is necessary  ************/
/**** trick for "center with float left" is float left 100% wide w/body margin sides 5% or more *****/
/**** Above not a 100% fix for dw view, borders still flakey *****/
/*****  another trick to keep position going, is only float what needs floating  *********/
/*****  try add or remove <br> in end of empty divs, or remove float, make dw view properly *******/
/*****  NOTE: The <strong> tag &/or no clear float at base, made link repeat at base of page  *****/
/**** The trick hack to stop hover jumpy links, is to put every section into a div, classed seperate  ****/
/******  any div that has a specified margin/pad can't have links without containers  *****/
/******  another hack, is to classify all links, so that they don't margin/pad jumpy  *****/
/*****  the divs containing links can't have set width and margin/pad alterations, or theyll be jumpy  *******/
/**** Hack: Removed width to stop jumpy hover-links, setting pad-margin made it width:auto  *****/
/****  Jumpy Links also stopped by not using % of padding/margin in that particular div  ****/
/****  Stop dreamweaver view mode (doublewide blowout), was to only float inner divs (nest problem)  ****/
/****  Deleting all unnecessary div borders resolved doublewide dw blowout  *****/
/*****  divs out of order, caused absolute columns to vanish  ******/
/***  absolute positioning, use left (never right dimension) fixes layering problem ******/
/**** bodycontainer floated left caused doublewide blowout  ******/


/* CSS Document */

body {
	background-image:  url("../media/triplecrown2.jpg");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#eaeaea;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;

}

.lefttop_column {
	position: absolute;
	top: 0%; 
	left: 1%; 	
	margin:0;
	padding: 0;  
	width: 20%; 
	height:90px;
	border-bottom: 1px solid #FFCC33; 
	text-align: center;
	color:#000000;
	display:block;
	}


.leftlower_column { 
	display:block;
	BORDER: #006600 0px solid; 
	PADDING: 0px; 
	LEFT: 1%; 
	WIDTH: 20%; 
	POSITION: absolute; 
	TOP: 114px; 
	TEXT-ALIGN: center
}



.leftmenu_content {
	BORDER-TOP: #999999 1px dashed;
	MARGIN: 0px;
	PADDING: 10px 4px; 
	height:460px;
}

.button_box {
	MARGIN: 3px 0px;
	PADDING:0px; 
	PADDING: 1px 0px; 
	BACKGROUND: url("../media/menua.jpg") repeat center center; 
	BORDER: #999999 1px solid; 
}

.menu_item, .menu_item:link, .menu_item:active {
	PADDING: 0px; 
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
 	MARGIN: 0px; 
	COLOR: #990000; 
	BORDER-BOTTOM: #c91312 1px dashed; 
	TEXT-DECORATION: none
}

.menu_item:hover {
		WIDTH: 100%;
		COLOR: #c91312; 
	text-decoration:none;
		BORDER-BOTTOM: #000000 1px dashed;
	BACKGROUND-COLOR: #cccccc;
}


.mid_column {
	position:absolute;
	top:0%;
	left:22%;
	width:56%;
	display:block;
	padding:0;
	margin:0;
	background: #FFFFFF url("../media/sidebevbar.jpg") repeat-y center top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	TEXT-ALIGN: center;
		display:block;
	}


.mid_toplogo {
	clear:both;
	width:96%;
	padding:0;
	height:110px;
	background: transparent url("../media/logored160w75h-itdk.gif") no-repeat center center;
	BORDER: 0px #cccccc dashed;
	margin:3px 0px;
}

.mid_coinfo {
	clear:both;
	width:96%;
	padding:0;
	border:0px solid #cccccc;
	margin:2px 0px;
}

.mid_content {
	clear:both;
	width:96%;
	padding:0px 5px;
	background-color:#ffffff;
	border:1px solid #999999;
	height:425px;
	margin:5px 0px;
	text-align:left;
}
.mid_footcontent {
	clear:both;
	width:100%;
	padding:2px 0px;
	background-color:#dddddd;
	border:1px solid #cccccc;
	margin:0;
	margin:5px 0px;
	text-align:center;
	}

.mid_footlogo {
	width:100%;
	margin:0;
	background: #990000 url("../media/crownbutton.jpg") repeat-x center top;
	height:20px;
	border: 1px solid #000000;
}
/****  Right Menu  ************/


.righttop_column {
	position: absolute;
	top: 0%; 
	left: 79%; 	
	margin:0;
	padding: 0;  
	width: 20%; 
	height:90px;
	border-bottom: 1px solid #FFCC33; 
	text-align: center;
	color:#000000;
	display:block;
	}

.rightlower_column {
	margin:0;
	BORDER-right: #ffcc33 0px dashed; 
	PADDING: 0px; 
	left: 79%; 
	WIDTH: 20%; 
	POSITION: absolute; 
	TOP: 114px; 
	TEXT-ALIGN: left;
	display:block;
	}


.rightmenu_content {
	BORDER-TOP: #999999 1px dashed;
	BORDER-left: #999999 0px dashed;
	MARGIN: 0px;
	PADDING: 10px 4px; 
	HEIGHT: 460px
}


/****   end right   *****/

A {
	text-decoration:none;
	BORDER-BOTTOM: 1px #c91312 dashed;
	COLOR: #990000;
	}

A:hover {
	background-color:#cccccc;
	text-decoration:none;
	BORDER-BOTTOM: 1px #000000 dashed;
	COLOR: #c91312;
}

	

h1 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#996666;
}

h2 {
	margin:0;
	padding:0;
	font-size:18px;
	color:#996666;
}
h3 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#000000;
}