/* CSS Document */
body, td { font: 9pt Arial, Helvetica, "sans-serif"; }
.bluetext { font: 9pt Arial, Helvetica, "sans-serif"; color:#24408f; }
.acctlink { font: 10pt Arial, Helvetica, "sans-serif"; 
	text-decoration:underline;
	color: #24408f;
}
.link { font: 9pt Arial, Helvetica, "sans-serif"; 
	text-decoration:underline;
	color: #24408f;
}
.biglink { font: 12pt Arial, Helvetica, "sans-serif"; 
	text-decoration:underline;
	color: #24408f;
}
.title { font: 12pt Arial, Helvetica, "sans-serif"; 
	font-weight: bold;
	color: #990000;
}
.bluetitle { font: 12pt Arial, Helvetica, "sans-serif"; 
	font-weight: bold;
	color: #24408f;
}
.blacktitle { font: 12pt Arial, Helvetica, "sans-serif"; 
	font-weight: bold;
}
.searchtitle { font: 14pt Arial, Helvetica, "sans-serif"; 
	font-weight: bold; 
	font-style:italic;
	color: #990000;
}
.subitemtitle { font: 10pt Arial, Helvetica, "sans-serif"; 
	font-weight: bold;
	color: #990000;
}
.subitemDiv {
	border: 1px solid #888;
	width:180px;
	height:80px;
	padding:5px;
}
.rotateDiv {
	width:400px;
	height:175px;
}
.fauxlink { color: #00f; text-decoration:underline; cursor:pointer;}
.rotatorControl { cursor:pointer;}
.graylink{ color:#999; text-decoration:underline;}
.formOptional { font: 9pt Arial, Helvetica, "sans-serif"; 
	color: #999;
}
.formRequired { font: 9pt Arial, Helvetica, "sans-serif"; 
	color: #990000;
}
 .formButton
{
	font:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #000;
	background: #ddd;
	border: 2px solid #990000;
}
.nav { 
	background:#990000;
	font:bold 11pt Arial, Helvetica, "sans-serif";
	color:#fff;
	padding-left:10px;
}
.scrollarea {
	overflow:auto;
	border:1px solid #990000;
	padding:5px;
	scrollbar-arrow-color: #d69999;
	scrollbar-3dlight-color: #d69999;
	scrollbar-face-color: #900;
	scrollbar-highlight-color: #d69999;
	scrollbar-shadow-color: #000;
	scrollbar-track-color: #d69999;
}
.catalogsearch {
	width: 190px;
	border: 1px solid #d69999;
}
img {display: block}

/* begin dropdown menu code */
	.menu { position:relative; z-index:100;}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {padding:0;margin:0;list-style-type:none;}
	/*.menu ul ul {width:149px;}*/
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {float:left;position:relative;}
	/* style the links for the top level */
	.menu a, .menu a:visited {display:block;font-size:11pt;font-weight: bold; text-decoration:none; color:#fff;border:1px solid #990000; border-width:1px 0 1px 1px; background:#990000; line-height:29px;}
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {background:#d69999; color:#990000; font:bold 9pt Arial, Helvetica, "sans-serif";height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
	
	/* style the top level hover */
	.menu a:hover,.menu ul ul a:hover{color:#fff; background:#990001;}
	
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }
/* end dropdown menu code */

/*horizontal navigation styles */
	#nav {
		position: relative;
		top: 0px;
		height: 10px;
		/*width: 880px;*/
		padding-left:0px;
		margin:0;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0; 
	}

	#nav a {
		text-decoration: none;
	/*	border-bottom: 4px solid;*/
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 25px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 26px;
		left: 0;
		padding-top: 2px;
		background: #edd9d9;
		height: 20px;
		width: 880px;
		padding-left: 5px;
	}

	#nav li.on ul {
		background: #edd9d9;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #edd9d9;
	}

	#nav li a {
		color: #d69999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		display: block;
		/*width: 100px;*/
		padding: 0; 
	}

	#nav li.on a {
		color: #990000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #d69999;
		width: auto;
		margin-right: 2px;
	}

/*for ie - the specificity is necessary*/
	#nav li.on:hover ul a, #nav li.over ul li a { 
		background: #edd9d9;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #00f;
	}

	/*subnav formatting*/
	
	#nav li.off ul a, #nav li.on ul a {
		display: block;
		background: #edd9d9;
		color: #00f;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		text-decoration:underline;
		height:18px;
	}		
	
	#nav li.on ul a {
		background: #edd9d9;
	}
	
	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liHome a, #liAbout a, #liAdult a, #liTeen a, #liKids a, #liResearch a, #liNews a, #liSite a {
		display: block;
		position: relative;
		height: 26px;
		background: url(../images/nav.png) no-repeat; /*contains all hover states*/
	}
	
	/*first, put the initial states in place*/
	
	#liHome a {
		background-position: 0 0;
	}
	
	#liAbout a {
		background-position: -50px 0;
	}
	
	#liAdult a {
		background-position: -130px 0;
	}
	
	#liTeen a {
		background-position: -190px 0;
	}
	
	#liKids a {
		background-position: -240px 0;
	}
	#liResearch a {
		background-position: -280px 0;
	}
	#liNews a {
		background-position: -360px 0;
	}
	#liSite a {
		background-position: -410px 0;
	}
	
	/*hover states*/
	
	#liHome a:hover, #liHome:hover a, #liHome.over a,#liHome.on a {
		background-position: 0 -26px;
	}
	
	#liAbout a:hover, #liAbout:hover a, #liAbout.over a,#liAbout.on a {
		background-position: -50px -26px;
	}
	
	#liAdult a:hover, #liAdult:hover a, #liAdult.over a,#liAdult.on a {
		background-position: -130px -26px;
	}
	
	#liTeen a:hover, #liTeen:hover a, #liTeen.over a,#liTeen.on a {
		background-position: -190px -26px;
	}
	
	#liKids a:hover, #liKids:hover a, #liKids.over a,#liKids.on a {
		background-position: -240px -26px;
	}
	#liResearch a:hover, #liResearch:hover a, #liResearch.over a,#liResearch.on a {
		background-position: -280px -26px;
	}
	
	#liNews a:hover, #liNews:hover a, #liNews.over a,#liNews.on a {
		background-position: -360px -26px;
	}
	
	#liSite a:hover, #liSite:hover a, #liSite.over a,#liSite.on a {
		background-position: -410px -26px;
	}