/* CSS Document */

/*** Superfish ESSENTIAL STYLES ***/
#horiz_menu, ul.sf-menu {background-image:none; background-color:#333; 
width:846px;min-height:30px; height:30px; font-size:1.1em;
border-bottom: 2px solid #FFF;}

ul.sf-menu li {min-height:30px; font-weight:bold;}

ul.sf-menu li#heading, ul.sf-menu li#heading a:hover, 
ul.sf-menu li#heading a:visited {background-color:#000; color:#c00;} 
li#heading {font-size:1.2em; height:30px;}
li#heading a {line-height:10px;}
/* ul.sf-menu li#heading:hover {padding-right:10x;} */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0 0 0 55px;
	list-style:		none;
	z-index:1000;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-transform:uppercase;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background: #333 url(http://www.ncsu.edu/_assets/images/layout_assets/head_topnav_div.gif) no-repeat right center;
}

	.sf-menu li.last {background-image:none;}

.sf-menu li li {
	background:		#4b4b4b;width: 325px;
}
.sf-menu li li li {
	background:		#5d5d5d;
}

.sf-menu li:hover, .sf-menu li.sfHover {
	background: #4b4b4b url(http://www.ncsu.edu/_assets/images/layout_assets/head_topnav_div.gif) no-repeat right center;
	outline:		0;
}
	.sf-menu li:hover.last, .sf-menu li.sfHover.last {background-image:none;}

.sf-menu li li:hover, .sf-menu li li.sfHover {
	background:		#363634;
	outline:		0;
}

 
.sf-menu li li a {text-transform:none; }
.sf-menu li.nav_about ul li { margin-left: -260px;}
.sf-menu li.nav_community ul li { margin-left: -226px;}
.sf-menu li.nav_alumni ul li { margin-left: -253px;}

/*** arrows **/
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { 
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/* background:	url('code/images/shadow.png') no-repeat bottom right; */
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

ul.children {width:150px;}
ul.sf-menu li {padding-left:10px; padding-right:10px;}

#tabs {
	max-height: 416px;
	/*overflow:hidden;
	float: left;*/
	width: 901px;
	background: #000;

	padding-top: 32px;

	font-family:Verdana, Helvetica, Arial, sans-serif;
}

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=10); }


/* Interaction Cues ----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons ----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals ----------------------------------*/

/* Overlays */

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog ----------------------------------*/

/* Tabs ----------------------------------*/
.ui-tabs { padding: 0; margin:0; zoom: 1;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:0; display: block; border-width: 0; background: none; max-height: 416px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/**************************/

.ui-widget-content .ui-state-active a{ background:#EEE;}
 
#content {position: relative; background: none;}
 
/*** player ****/
#tabs .slides {height: 416px; width:901px; background: #000;margin:0; padding:0; min-height: 416px;}

    #tabs #tabs-1 {background:transparent url(../images/home/forensics-institute.jpg) no-repeat 0 0; min-height: 416px;}
    #tabs #tabs-2 {background:transparent url(../images/home/new-dye.jpg) no-repeat 0 0; min-height: 416px;}
    #tabs #tabs-3 {background:transparent url(../images/home/cotton-couture.jpg) no-repeat 0 0; min-height: 416px;}
    #tabs #tabs-4 {background:transparent url(../images/home/mannequin-men.jpg) no-repeat 0 0; min-height: 416px;}
    #tabs #tabs-5 {background:transparent url(../images/home/textile-leadership-series.jpg) no-repeat 0 0; min-height: 416px;}
    
	
	
#tabs .teaser_copy {color: #FFF; width:230px; height: 355px;
line-height: 1.6em; position: relative; left: 620px;top: 31px; z-index: 5;padding-left: 20px;}

#tabs .black_opacity {
width:250px;
height: 355px;
position: absolute;
left: 620px;
top: 63px;
background: #000;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;

}
#tabs .teaser_copy h3 {font-size: 2.7em; font-weight: normal; line-height: 1.15em;
width: 190px;padding: 20px 0 3px 0; font-family:Arial, Helvetica, sans-serif;}

#tabs .teaser_copy p {font-size: 1.1em; padding: 7px 10px 10px 0;}
#tabs .teaser_copy p.teaser_links {padding-top: 3px;}
#tabs .teaser_copy p.teaser_links a{color:#FFF;}
#tabs .teaser_copy p.teaser_links a:hover{text-decoration: none;}

/*********** thumbs ****************/

.navPanel {
	width: 250px;
	position: absolute; 
	top: 365px;
	right: 20px;
	background: transparent;
	z-index: 6;
	list-style: none; 
	padding: 0; 
	margin: 0;  
	height: 27px;
	display:none; 
} 
/* tab container managed by jquery */

.navPanel li {
 position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0 6px; }
.navPanel li a { float: left; text-decoration: none; 
/*padding:3px 9px;*/
padding:2px 9px 3px 9px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em; color:#FFF;background: #666;
border: solid 1px #333;}

.navPanel li a:hover {background: #333;}

/**************************/

.ui-widget-content .ui-state-active a{ background: #FFF;color: #333;}
.ui-widget-content .ui-state-active a:hover { background: #FFF;}

#more_arrow {position: absolute; top: 185px;right: 22px;z-index: 7;}

#copy {padding:0;margin:0;width: 901px;background: #FFF; min-height: 285px; }
#copy #column1, #copy #column2, #copy #column3 {float: left; width: 300px; border-right: 1px solid #CCC;margin: 15px 0;}
#copy #column2 {width: 365px;min-height: 245px;}


#column2 ul {position: relative; top: 7px;width: 330px;padding:0; margin:0 0 0 15px;}
#column2 ul li {color: #383838; font-weight: bold;}
#column2 ul li {margin-bottom:-2px;background: none;}
#column2 ul li a {
	color: #C00; 
	font-weight: normal;
	text-decoration: underline;
	display: block; 
	position: relative;
	margin-left: 75px;
	top: -13px;
}
#column2 ul li a:hover {text-decoration: none;}



	#copy #column3 {width: 230px;border: none;padding-left:2px;}
	#home #copy h4 {color: #333;font-size:1.15em;font-weight:bold;padding:7px 10px 5px 15px;margin:0 0 5px; text-transform:uppercase;background: url(../layout/bullet_nav.gif) no-repeat 4px 12px;font-family: Arial, Helvetica, sans-serif;}

	#home #column2 h4 {padding-left: 24px;background: url(../layout/bullet_nav.gif) no-repeat 13px 12px;}
	
	#home #column3 h4 {padding-left: 35px;background: url(../layout/bullet_nav.gif) no-repeat 23px 12px;}

#home #copy h5 {color: #333;font-size:1em;padding:10px 0 5px 0;margin:0;font-weight: bold;}

#copy img.thumb_copy {
	float: left;
	padding: 0;
	margin: 0 9px 5px 0;
	position: relative;
	border: 1px solid black;
}

#copy .promo_link {
	float: right;
	padding:0 10px 0 0; 
	margin:-10px 5px 20px 0;	
	position: relative; 
	background:url(../layout/bullet_single_red.gif) no-repeat right 6px;
}

#column2 .promo_link {margin:10px 35px 20px 0;}

#copy #promo_spot2 h5 {padding-top:0}

#copy .read_more a { text-decoration: underline; color: #666;}
#copy .read_more a:hover { text-decoration: none; color: #c00;}

#copy .right_divider {clear:both;}
#copy hr.right_line {margin-top: 15px;width: 205px;}
#copy .brite {width: 250px;margin-left:18px;}
#column3 #intranet {padding:0 0 1px 35px;margin:0;width: 160px;}
#column3 #textiles_logo {height: 65px; width:185px; background:#CCC url(../layout/textiles_logo.gif) no-repeat 0 0;margin: 20px 0 0 30px;}