/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/


/* Header Section */
/*
#header {
	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;  
	height: 3em;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#header a:link, a:visited
{
    color: #9900cc;
}
*/
/* Navigation */
/*
#navigation {
	width: 200px;
	top: 5em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
*/
/* Main Content */
/*
#content 
{
	margin-top:1em;
	margin-left: 16em;
	margin-right: 2em;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}

*/
/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
    background-color: white;
    color: black;
    font-weight: bold;
}

.AlternatingRowStyle
{
    /* background-color: #00ccff; */
    background-color:Silver;
}

.RowStyle
{
}
.SelectedRowStyle
{
    background-color: Yellow; 
}
.ExpensivePriceEmphasis 
{
   font-weight: bold; font-style: italic; 
}
.LowUnitsInStockEmphasis
{
    color:Red;
}
.AffordablePriceEmphasis
{
    background-color:Yellow;
}
.FooterStyle 
{
     background-color: #a33;
     color: White; 
     text-align: right; 
}
/*  Added from Schieble Halaska  */

/* Overall Page */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color:Black;
	margin-top:6px;
	margin-left: auto;
    margin-right: auto;
	width:800px;

}

a:link {
	color:#666666;
	text-decoration:none;
	}
	
a:visited {
	color:#666666;
	text-decoration:none;
	}	

a:hover {
	color:#ff0000;
	text-decoration:none;
	}	

a:active {
	color:#ff0000;
	text-decoration:none;
	}
		
#top {
	position:relative;
	top:0px;
	left:0px;
	width: 800px;
	height: 120px;
	margin-left: auto;
    margin-right: auto;
	padding: 0px;
	background-image:url(images/top_bk.jpg);
}	

	.logo {
		position:absolute;
		left:10px;
		top:15px;
		width:217px;
		height:72px;
	}	

	#main_nav {
		position:absolute;
		left:280px;
		top:5px;
		width:504px;
		height:24px;
		background-image:url(file:///C:\Documents and Settings\mhsysjcs10\My Documents\Visual Studio 2005\WebSites\ResourceDirectory\images\nav_back.jpg);
		background-repeat:no-repeat;
	}	
			#main_nav ul {
				display: inline;
				font-size: 11px;
				font-family:Arial, Helvetica, sans-serif;
				color:#ffffff;
				list-style: none;
				padding: 0px;
				margin-top: 0px;
				height:22px;
			}
			#main_nav li {
				float: left;
				height:22px;
			}
				
			#main_nav li a {
				font-weight: normal;
				display: block;
				color: #fff;
				text-decoration: none;
				padding: 2px 15px 0 15px;
				height:22px;
			}
				
			#main_nav li a:hover {
				font-weight: normal;
				display: block;
				color:#fff;
				text-decoration: none;
				background-color:#000000;
				padding: 2px 15px 0 15px;
				height:22px;
			}





#navcontainer ul
{
		padding-left: 0;
		margin-left: 0;
		color: White;
		float: left;
		width:504px;
		height:24px;
		background-image:url(images/nav_back.jpg);
		background-repeat:no-repeat;
		font-family: arial, helvetica, sans-serif;
		z-index:1;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
				
		font-weight: normal;
				display: block;
				color: #fff;
				text-decoration: none;
				padding: 2px 15px 0 15px;
				height:22px;
				float: left;
				z-index:2;
}

#navcontainer ul li a:hover
{
		font-weight: normal;
				display: block;
				color:#fff;
				text-decoration: none;
				background-color:#000000;
				padding: 2px 15px 0 15px;
				height:22px;
				z-index:3;
}

	.banner {
		position:absolute;
		left:234px;
		top:38px;
		width:550px;
		height:45px;
	}	

	.search {
		position:absolute;
		left:234px;
		top:90px;
		width:200px;
		height:24px;
	}
	.login {
		position:absolute;
		left:585px;
		top:90px;
		width:190px;
		height:24px;
		text-align:right;
	}
#center {
	position:relative;
	top:0px;
	left:0px;
	width: 800px;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	background-repeat:repeat-y;
	background-image:url(images/main_backx.jpg);
}
	#subnav {
		position:absolute;
		left:0px;
		top:0px;
		width: 175px;
		margin-left: auto;
		margin-right: auto;
	}	
	
		.subnav_top {
			position:relative;
			line-height:1px;
			left:0px;
			top:0px;
			width:175px;
			height:17px;
			background-image:url(images/subnav_top.jpg);
		}	
		.subnav_mid {
			position:relative;
			left:0px;
			top:0px;
			width:165px;
			height:100%;
			background-repeat:repeat-y;
			background-image:url(images/subnav_mid.jpg);
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 22px;
			color:#666666;
		}
				.padding_l10 {
					position:relative;
					width:150px;
					height:20px;
					background-repeat:repeat-y;
					background-image:url(images/subnav_mid.jpg);
					font-family:Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight:bold;
					line-height: 18px;
					color:#666666;
					padding-left:10px;
					padding-right:100%;
					padding-top:5px;
					padding-bottom:4px;
					
				}
				
				.subnav_mid_header {
					width:175px;
					height:23px;
					left:0px;
					background-image:url(images/subnav_mid.jpg);
					padding-left:10px;
					padding-right:100%;
					padding-top:5px;
					padding-bottom:4px;

				}
				
				.subnav_mid a {
					background-image:url(images/subnav_mid.jpg);
					width:175px;
					height:23px;
					color:#666666;
					text-decoration:none;
					padding-left:10px;
					padding-right:100%;
					padding-top:5px;
					padding-bottom:4px;
				}
				.subnav_mid a:hover {
					background-image:url(images/subnav_rollover.jpg);
					width:175px;
					height:23px;
					color:#ffffff;
					text-decoration:none;
					padding-left:10px;
					padding-right:100%;
					padding-top:5px;
					padding-bottom:4px;
				}
				.subnav_mid a:active {
					background-image:url(images/subnav_rollover.jpg);
					width:175px;
					height:23px;
					color:#ffffff;
					text-decoration:none;
					padding-left:10px;
					padding-right:100%;
					padding-top:5px;
					padding-bottom:4px;
				}
		.subnav_btm {
			position:relative;
			left:0px;
			width:175px;
			height:15px;
			background-image:url(images/subnav_btm.jpg);
			background-repeat:no-repeat;
		}
			
	#main {
		position:absolute;
		left:175px;
		top:0px;
		width: 175px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
		.content {
			position:absolute;
			left:0px;
			top:0px;
			width:625px;
			background-repeat:repeat-y;
			background-image:url(images/main_back.jpg);
		}
		.content_btm {
			position:relative;
			left:0px;
			top:0px;
			width:625px;
			height:50px;
			background-image:url(images/main_btm.jpg);
			background-repeat:no-repeat;
			background-color:#FFFFFF;
			color:#FFFFFF;
			font-size:9px;
			text-align:center;
			padding-top:26px;
			line-height:26px;
		}		
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
h5 {
	font: 110% Arial, Helvetica, Georgia, "Times New Roman", Times, serif; font-weight:bold;
}
p
{
    position:fixed
}

p.hlt1
{
    position:absolute;
    left:410px;
    top:0px
}
p.hlt2
{
    position:absolute;
    top:0px;
    left:460px;
}
p.hlt3
{
    position:absolute;
    top:0px;
    left:550px;
    text-align:center;
}
p.hlt4
{
    position:absolute;
    top:0px;
    left:650px;
}
p.hlm1
{
    position:absolute;
    left:300px;
    top:20px
}
p.hlm2
{
    position:absolute;
    top:20px;
    left:400px;
}
p.hlm3
{
    position:absolute;
    top:20px;
    left:500px;
    text-align:center;
}
p.hlm4
{
    position:absolute;
    top:20px;
    left:600px;
}