/****  CSS Stylesheet  *****/
/***********  default font-size:12px, 100% for that, or better is 10px = .67em  ********/
/****  outer divs must float left for dw to view border, better to border inner nested divs  ***/
/*********  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, try width:auto or nest bordered divs *****/
/*****  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, must have same hover width/pad/margin settings, or 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 (must nest borders) *****/
/*****  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  ******/


BODY {
	margin:0 auto;
	padding:0;
	background:#000000; 
	font-size: .67em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #999999; 
	TEXT-ALIGN: left;
}

.headwrap_outer {
	position:absolute;
	top:5px;
	left:2%;
	width:96%;
	display: block; 
	margin: 0 auto;
	padding:0;
	border: #B59A6F 0px solid; 
	TEXT-ALIGN: left;
}

.headwrap_inner {
 	display: block; 
	margin:0px auto; 
	padding:5px;
	/* height:50px; */
	width:auto;
	background-color:#653232;
	BORDER-top: #B59A6F 8px ridge; 
	BORDER-bottom: #B59A6F 8px ridge;
	BORDER-left: #B59A6F 4px ridge;
	BORDER-right: #B59A6F 4px ridge;
	text-align:left;
    color:#ffffff;
	}

.headtoprow_leftouter {
 	DISPLAY: block; 
	margin:0;	
	PADDING: 0px;
	PADDING-BOTTOM:12px; 
	/* HEIGHT: 90px; */
	WIDTH: 100%; 
	BORDER: #fd0408 0px dashed; 
	TEXT-ALIGN: left;
}

.headtoprow_leftinnertop {
	display:block;
	margin:0;
	PADDING: 0px; 
	WIDTH: 100%; 
	HEIGHT: 74px; 
	BORDER: #000000 0px dashed; 
	TEXT-ALIGN: center;
}

.headtoprow_leftinnerbottom {
	display:block;
	margin:0;
	PADDING: 0px; 
	WIDTH: 100%; 
	HEIGHT: 15px; 
	BORDER: #000000 0px dashed; 
	TEXT-ALIGN: center;
}


.left_column_outer {
	display:block;
	MARGIN:0;
	PADDING:0; 
	LEFT: 2%; 
	WIDTH: 22%; 
	POSITION: absolute; 
	TOP: 92px; 
	BACKGROUND: #333333;
	TEXT-ALIGN: center
}

/*****  V3Subjectmenu  *******/

.v3subjectmenu_container {
	display:block;
	BORDER-top: #A5A38C 8px ridge; 
	BORDER-bottom: #A5A38C 8px ridge;
	BORDER-left: #A5A38C 4px ridge;
	BORDER-right: #A5A38C 4px ridge;
	MARGIN: 0px;
	PADDING: 2px 4px;
	width:auto;
}

.v3subject1section, 
.v3subject2section, 
.v3subject3section {
display:block;
margin:0;
padding:18px 0px 0px 0px;
font-weight:bold;
text-align:left;
COLOR: #A5A38C;
}

.link_one:link, .link_one:visited,
.link_two:link, .link_two:visited,
.link_three:link, .link_three:visited,
.link_four:link, .link_four:visited, 
.link_five:link, .link_five:visited,
.link_six:link, .link_six:visited, 
.link_seven:link, .link_seven:visited, 
.link_eight:link, .link_eight:visited {
DISPLAY: block;
margin:4px 0px;
padding:0;
width:auto;
background: #653232;
COLOR: 	#C1B698;
BORDER: #B59A6F 2px outset;
text-align:left;
}


.link_one:hover, .link_one:active, 
.link_two:hover, .link_two:active, 
.link_three:hover, .link_three:active, 
.link_four:hover, .link_four:active, 
.link_five:hover, .link_five:active, 
.link_six:hover, .link_six:active, 
.link_seven:hover, .link_seven:active, 
.link_eight:hover, .link_eight:active {
DISPLAY: block;
margin:4px 0px;
padding:0;
width:auto;


BORDER: #B59A6F 2px outset;
text-align:left;
	background-color:#C1B698;
	text-decoration:none;
	COLOR: #005177;

}


/***  end subject menu  ***/

.content_column_outer {
	POSITION: absolute; 
	display:block;
	margin:0 auto;
	padding:0;
	background:#653232;
	left:25%; 
	WIDTH:50%; 
	TOP: 92px; 
	TEXT-ALIGN: center;	

}

.content_column_outer_store {
	POSITION: absolute; 
	display:block;
	margin:0 auto;
	padding:0;
	background:#653232;
	left:10%; 
	WIDTH:80%; 
	TOP: 92px; 
	TEXT-ALIGN: center;	

}
.content_inner {
 	DISPLAY: block; 
	MARGIN:0 auto; 
	PADDING: 2px 4px;
	BORDER-top: #B59A6F 8px ridge; 
	BORDER-bottom: #B59A6F 8px ridge;
	BORDER-left: #B59A6F 4px ridge;
	BORDER-right: #B59A6F 4px ridge;
	text-align:left;
}

.right_column_outer {
	display:block;
	BACKGROUND: #333333;
	MARGIN:0;
	PADDING: 0; 
	left: 76%; 
	width: 22%; 
	POSITION: absolute; 
	TOP: 92px; 
	TEXT-ALIGN: left;
}

.rightmenu_content {
	display:block;
	BORDER-top: #A5A38C 8px ridge; 
	BORDER-bottom: #A5A38C 8px ridge;
	BORDER-left: #A5A38C 4px ridge;
	BORDER-right: #A5A38C 4px ridge;
	MARGIN: 0px;
	PADDING: 2px 4px; 
}


.footer {
	display:block;
	clear:both;
	MARGIN: 0px;
	PADDING: 0px; 
	BORDER: #B59A6F 0px solid; 
	WIDTH: auto; 
	BACKGROUND-COLOR: #000000;
	text-align: center;
}



H1 {

	PADDING: 0px; 
	FONT-SIZE: 2.0em; 
	MARGIN: 0px; 
	COLOR: #cccccc; 
}

H2 {
	PADDING: 0px; 
 	FONT-SIZE: 1.75em; 
 	MARGIN: 0px; 
	COLOR: #999999; 
}

H3 {
	PADDING: 0px; 
	FONT-SIZE: 1.5em; 
	MARGIN: 0px; 
	COLOR: #B59A6F; 
	BORDER-BOTTOM: #B59A6F 1px dashed;
	}

H4 {
	PADDING: 0px; 
	FONT-SIZE: 1.1em; 
	MARGIN: 0px; 
	COLOR: #A5A38C; 
	BORDER-BOTTOM: #A5A38C 1px dashed;
	}

		
.art_box1  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:auto;
	background:#000000;
	BORDER: #B59A6F 1px inset;
	text-align:center;
	color:#eaeaea;
}

.art_box2  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:85%;
	height:78px;
	background:#005177;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#000000;
	}
	
.art_box3  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:85%;
	height:68px;
	background:#669966;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#000000;
}

.art_box4  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:85%;
	height:58px;
	background:#C1B698;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#000000;
}

.art_box5  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:85%;
	height:48px;
	background:#653232;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#000000;
}
	
.art_box6  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:80%;
	height:38px;
	background:#fdeccc;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#ffffff;
}

.art_box7  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:80%;
	height:28px;
	background:#C92E2C;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#ffffff;
}

.art_box8  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:2px;
	width:75%;
	height:18px;
	background:#ffcc33;
	BORDER: #B59A6F 1px inset;
	text-align:center;
    color:#ffffff;
}


.buttonart_box1  {
 	DISPLAY: block; 
	float:left;
	margin:0 auto; 
 	margin-top:3px;
	margin-left:1px;
	padding:0px;
	width:6px;
	height:6px;
	line-height:.01em;
	font-size:.01em;
	background:#ffcc33;
	BORDER: #B59A6F 1px outset;
	text-align:center;
    color:#ffffff;
}

.buttonart_box2  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:0px;
	width:4px;
	height:4px;
	background:#000000;
	line-height:.01em;
	font-size:.01em;
	BORDER: #B59A6F 1px outset;
	text-align:center;
    color:#ffffff;
}
.buttonart_box3  {
 	DISPLAY: block; 
	margin:0 auto; 
	padding:0px;
	width:auto;
	height:3px;
	background:#ffcc33;
	line-height:.01em;
	font-size:.01em;
	BORDER: #B59A6F 0px outset;
	text-align:center;
    color:#ffffff;
}

a, a:link, a:visited {
	text-decoration:none;
	BORDER-BOTTOM: 1px #C92E2C dashed;
	COLOR: #B59A6F;
}

A:hover, a:active {
	background-color:#C1B698;
	text-decoration:none;
	BORDER-BOTTOM: 1px #C92E2C dashed;
	COLOR: #005177;
}