/* STYLES COPIED FROM EOT */
/* for any image replacements; just apply padding-top and height for the image replaced element. */
.ir {
	background:url(/!images/blank.gif);
	height/**/:/**/0!important;
	overflow: hidden;
	display: block;
	padding:0; margin:0;
	position:relative;
	z-index:1;
}

/* for any navigation elements */
.nav, .nav ul, .nav dd {
	list-style: none;
	margin: 0; padding: 0;
}

.nav dd {position:relative; z-index:1;}

/* for accessibility elements */
.acc, .nav dt {
	overflow: hidden;
	display: block;
	height: 0; width: 0;
	visibility: hidden;
	position: absolute;
}

#mainnav
{
    width: 758px;
    height: 49px;
    margin: 0;
    padding: 0;
    background: url(/!images/sdc_ccs_nav_hover.gif) left top no-repeat;
}


/* ORIGINAL STYLES MOVED FROM layout.css */
/*.nav
{
    width: 758px;
    height: 49px;
    margin: 0;
    padding: 0;
    background: url(/!images/sdc_ccs_nav_hover.gif) left top no-repeat;
}

.nav dd
{
    margin: 0;
    padding: 0;
    background: url(/!images/sdc_ccs_nav_static.gif) left top no-repeat;
    float: left;
}

.nav a.ir
{
    display: block;
    padding-top: 49px;
    height: 0;
    overflow: hidden;
    width: 100%;
}

dd#mn_home { width: 190px; background-position: -1px 0;}
dd#mn_showcase { width: 190px; background-position: -191px 0; }
dd#mn_classes { width: 190px; background-position: -381px 0; }
dd#mn_gallery { width: 188px; background-position: -571px 0; }
*/

/* =Main Nav
********************************/

#mainnav dd {float:left;}

#mainnav a.ir
{
	background:url(/!images/sdc_ccs_nav_static.gif) no-repeat;
	padding-top:49px;
}

/* Hover state is set on #mainnav in LAYOUT and Interior sections */

#mainnav #mn_home a.ir { width: 190px; background-position: -0px 0;}
#mainnav #mn_showcase a.ir { width: 190px; background-position: -190px 0; }
#mainnav #mn_classes a.ir { width: 190px; background-position: -380px 0; }
#mainnav #mn_gallery a.ir { width: 188px; background-position: -570px 0; }

#mainnav a.ir:hover{background:transparent none;}

/* =Dropdowns
********************************/
.nav ul
{
	float:left;
	z-index:2;
	position:absolute;
	border: 1px solid #2F4D83;	
	border-top:none;
	padding:0;
	background:none #EDE0D0;
	display:none;
	opacity: 1.0;
	filter: alpha(opacity:100);
	z-index:10;
}

#mainnav ul {top:49px;} /* Height of #mainnav */

.nav ul li 
{ 
	float:none;
	padding:0; margin:0;
}

.nav ul a
{	
	display:inline-block;
	display:block;
	padding:.5em 1em;
	background:#EDE0D0;
	border-top:none;
	border-bottom:none;
	
	font-size:9pt;
	color:#8A3636;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
	/* The below block mimics min-width/min-height in IE6,
	   IE7 renders min-width/min-height correctly.
	   Uses IE6's imperfect understanding of !important. */
	/*width: auto !important;
	width: 12em;	 
	min-width: 12em;*/
	
	width:14em;
}

.nav ul li a.alt {background:#ffffff;}

.nav ul li.last {}
.nav ul li.last a {}

/* .active and .menu (below) rely on Aris.js and aris.menu.js */
.nav dd.active {z-index:10;} 

.nav dd.active ul.menu { display:block; }

.nav #mn_9 ul.menu { right:0;}

.nav dd.active ul.menu a:hover 
{ 
    /*Used to giv a hover state to individual items in the dropdown. */
	text-decoration:underline; 
	/*background-color:#a62645; 
	color:#ffffff;	*/
}