/* Type CSS rules here and they will be applied
to pages from 'www.nsi.edu'
immediately as long as you keep this window open. */

/**** Style sheets whose contents could be loaded were ****/
/**** imported instead.  Rule order may be incorrect   ****/
/**** as a result. ****/
@import "chrome://firebug/content/outlines.css";

/**** LINK-tag style sheet stylesheet.php?templateid=6 ****/

/* CSS Document */

body {
    	margin: 0;
    	font-family: Verdana;
    	font-size: 11px;
    	line-height: 14px;
	color: #FFFFFF;
	text-align: left;
	background-color: #2E4A5B;
	padding: 0;}

a:link, a:visited, a:active {
	font-family: Verdana;
	font-size: 11px;
	color: #E38109;
	text-decoration: underline;}

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

a.nav:link, a.nav:visited, a.nav:active, #breadcrumbs a, #header a {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;}

a.nav:hover {
	color: #FFFFFF;
	text-decoration: none;}

a.small:link, a.small:visited, a.small:active, #side_nav ul a {
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;}

#side_nav ul a:hover {
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: underline;}

html body #side_nav a.current {
        color: #E38109;}

.searchHighlight { background-color:#000000; }

.font_10px_white {
	font-size: 10px;
	font-family: Verdana;
	color: #FFFFFF;}

.font_10px_orange {
	font-size: 10px;
	font-family: Verdana;
	color: #E38109;}

.font_11px_orange {
	font-size: 11px;
	font-family: Arial;
	color: #E38109;}

.font_11px_white {
	font-size: 11px;
	font-family: Verdana;
	color: #FFFFFF;}

.font_11px_white {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;}

.font_20px_hdr {
	font-family: Arial;
	font-size: 20px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: normal;}

.font_14px_hdr {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;}

.font_test {
        font-size:25px;}

ul {
	line-height: 13px;}

a img {
	border: 0}

.symbol {
	font-family:Symbol, serif;
	mso-font-charset:2;}


/************ GLOBAL CSS *****************/
#page {
	width: 100%;
	text-align: left;}

#wrapper {
	height: auto;
	width: 800px;
	margin: 0 auto 0 auto;}

#header {
	width: 800px;
	height: 81px;
	margin: 0;
	background-color: #000000;}

#header img {
	float: left;}

#content_hdr_img {
	width: 800px;
	height: 143px;
	padding: 0;
	margin: 0;}

#below_header {
	width: 800px;
	height: 21px;
	margin: 0;
	background-color: #183847;
	padding: 0;}

#content_content {
	width: 800px;
	overflow: hidden;
min-height:530px;
	margin-top: 0;
	background-color: #325063;}

body.perf #content_content {padding-bottom:30px;}

#breadcrumbs {
	width: 600px;
	height: 30px;
	padding: 10px 0px 0px 165px;
	margin: 0;}

#side_nav {
	width: 141px;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;}

#side_nav li { }

#side_nav ul {
	list-style-image: url('uploads/images/raquo.gif') !important;
	list-style-image: url('uploads/images/raquo_taller.gif');}

#side_nav li ul {
	list-style-image: url('uploads/images/raquo.gif') !important;
	padding-left: 0px;
	margin-left: 0px; margin-top: 5px; 
}
/* 	list-style-image: url('uploads/images/raquo_taller.gif'); */

html body #side_nav ul ul ul li {
	list-style: bullet;
	list-style-type: bullet;
	list-style-image: none;
	margin: 7px 0 0 7px; line-height: 15px;}

#content_wrapper {
	width: 460px;
	height: auto;
	margin: 0 0 0 22px;
	padding: 0;
	float: left;}

#content_context {
	width: 460px;
	height: auto;
	margin: 0;
	padding: 0 0 15px 0}

.secondary_top {
	width: 460px;
	height: 13px;
	background-image: url('uploads/images/secondary_top.jpg');
	background-repeat: no-repeat;
	background-color: #466172;
	margin: 0;
	padding: 0;}

.secondary_middle {
	width: 435px;
	display:table;
	margin: 0;
	padding: 2px 10px 0 15px !important;
	padding: 2px 10px 7px 15px;
	background-color: #466172;}

.box_content {
	width: 194px;
	height: auto;
	float: left;
	margin: 0 10px 10px 0}

.secondary_bottom {
	width: 460px;
	height: 13px;
	background-image: url('uploads/images/secondary_bottom.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;}

#performing_arts {
        width:225px;
        margin-top:15px;
        float:left;
}

#performing_arts_right {
        width:225px;
        margin-top:15px;
        margin-left:10px;
        float:left;
}

#performing_arts_top {
        width:225px;
        height:9px;
        display:table;
        background-image: url('uploads/images/performing_arts_top.jpg');
        background-repeat: no-repeat;
        margin:0;
        padding:0;}

#performing_arts_middle {
        width:205px;
        margin:0;
        padding:0 10px 30px 10px;
        background-color: #466172;}

#performing_arts_bottom {
        width:225px;
        height:9px;
        background-image: url('uploads/images/performing_arts_bottom.jpg');
        background-repeat: no-repeat;
        margin:0;
        padding:0;
}


.Auditorium_Reserved{
	color: #f00;
}

.Auditorium_Hold{
	color: #f90;
}

.Performing_Arts{
	color: #f00;
}


#upcomingEvents {
        width:205px;
height:auto;
}

#content_wrapper_arts {
	width: 460px;
	height: auto;
	margin: 0 0 0 22px;
	padding: 0;
	float: left;}

#side_wrapper {
	width: 152px;
	height: auto;
	margin: 0 8px 0 0 !important;
	margin: 0 10px 0 0;
	padding: 0;
	float: right;}

#small_search_box {
	width: 141px;
	height: 34px;
	background-image: url('uploads/images/small_search_box_bg.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 0 0 11px;}

#small_search_box #searching {
	width:100px; margin: 0 0 4px 0} 

#small_search_box #buttonSearch {
	position:relative; top:2px !important; top:1px}

.side_latest_and_news {
	width: 152px;
	overflow: hidden;
	padding: 0;
	margin: 15px 0 0 0 !important;
	margin: 8px 0 0 0;}

.side_latest_and_news .top {
	width: 152px;
	height: 10px;
	background-image: url('uploads/images/secondary_side_top.jpg');
	background-repeat: no-repeat;
	background-color: #25404F;
	margin: 0;
	padding: 0;}

.side_latest_and_news .middle {
	width: 140px;
	overflow: hidden;
	margin: 0;
	padding: 5px 0 0 12px;
	background-color: #25404F;}

.side_latest_and_news .middle img {
	padding-right: 10px;}

.side_latest_and_news .bottom {
	width: 152px;
	height: 10px;
	background-image: url('uploads/images/secondary_side_bottom.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;}

#footer {
	width: 800px;
	height: 39px;
	margin: 0;
	padding: 0;
	background-color: #325063;}

/***************************************/
/************ HOMEPAGE CSS *****************/
#intro_img {
	width: 800px;
	height: 241px;	
	margin: 0;
	padding: 0;}

#content {
	width: 800px;
	height: 360px !important;
	margin-top: 0;
	padding: 0;
	background-color: #325063;}

#content_left {
	width: 538px;
	height: 315px;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;}

#content_right {
	width: 250px;
	height: 315px;
	float: right;
	margin: 0;
	padding: 0;}

#institute_overview {
	width: 527px;
	overflow: hidden;
	background-color: #466172;
	margin: 10px 0 12px 8px !important;
	margin: 10px 0 0 8px;
	padding: 0;}

#institute_overview_top {
	width: 527px;
	height: 8px;
	background-color: #466172;
	margin: 0;
	padding: 0;
	background-image: url('uploads/images/institute_overview_top.jpg');
	background-repeat: no-repeat;}

#institute_overview_middle {
	width: 527px;
	overflow: auto;
	background-color: #466172;
	margin: 0;
	padding: 10px 0 0 0 !important;
	padding: 0;}

#institute_overview_text {
	width: 500px;
	height: auto;
	float: left;
	padding: 1px 0 8px 15px !important;
	padding: 5px 0 8px 15px;}

#institute_overview_robot {
	width: 132px;
	height: 126px;
	float: right;
	padding: 8px 5px 0 0}

#institute_overview_bottom {
	width: 527px;
	height: 8px;
	margin: 0;
	padding: 0;
	background-image: url('uploads/images/institute_overview_bottom.jpg');
	background-repeat: no-repeat;
	background-color: #325063;}

#a_day_at_institute {
	width: 248px;
	height: 130px;
	background-color: #466172;
	float: left;
	padding: 0;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 4px;}

#a_day_at_institute_top {
	width: 268px;
	height: 8px;
	background-color: #466172;
	background-image: url('uploads/images/a_day_at_institute_top.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;}

#a_day_at_institute_middle {
	width: 248px;
	height: auto;
	background-color: #466172;
	margin: 0;
	padding: 1px 0 0 20px;}

#a_day_at_institute_bottom {
	width: 268px;
	height: 8px;
	background-color: #325063;
	background-image: url('uploads/images/a_day_at_institute_bottom.gif');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;}

#inside_the_institute {
	width: 250px;
	height: 149px;
	float: right;
	margin: 0 2px 0 0;}

#inside_the_institute_top {
	width: 250px;
	height: 8px;
	background-color: #466172;
	background-image: url('uploads/images/inside_the_institute_top.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0}

#inside_the_institute_middle {
	width: 250px;
	overflow: auto;
	background-color: #466172;
	margin: 0;
	padding: 0}

#inside_the_institute_bottom {
	width: 250px;
	height: 8px;
	background-color: #325063;
	background-image: url('uploads/images/inside_the_institute_bottom.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0}

#inside_the_institute_hdr {
	width: 200px;
	height: 12px !important;
	height: auto;
	margin: 10px 0 5px 15px !important;
	margin: 0 0 7px 15px;}

#inside_the_institute_left {
	width: 113px;
	height: auto;
	float: left;
	padding: 0}

#inside_the_institute_left ul{
        padding-left:15px;
        margin-left:15px;}

#inside_the_institute_right {
	width: 136px !important;
	width: 134px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0 0 0 1px}

#inside_the_institute_right ul{
        padding-left:8px;
        margin-left:8px;}

#search_box {
	width: 218px;
	height: 29px;
	background-image: url('images/search_box_bg.jpg');
	margin: 9px 5px;
	padding: 9px 0 2px 15px}

#news_events {
	width: 233px;
	overflow: hidden;
	background-color: #25404F;
	margin: 0 0 0 5px;
	padding: 0;}

#news_events_top {
	width: 233px;
	height: 10px;
	background-color: #25404F;
	background-image: url('images/news_events_top.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;}

#news_events_middle {
	width: 215px;
	height: auto;
	background-color: #25404F;
	margin: 0 0 0 12px;
	padding: 0;}

#news_events_bottom {
	width: 233px;
	height: 10px;
	background-color: #325063;
	background-image: url('images/news_events_bottom.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;}










/***************************************/
/************ HEADER CSS *****************/

body {
	behavior:url("/csshover.htc");}

#header ul {
	list-style-type: none;
	padding: 0;
	margin: 0;}

#header #nav a {
	text-decoration: none;}

#header #nav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 0.2em 10px;}

#header #nav li li a:hover {
	padding: 0.2em 5px;
	border-width: 0 5px;}

#header li.aboutInstitute {
	float: left;
	position: relative;
	width: 60px;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
        margin: 27px 8px 0 25px;
        padding: 0 0 10px 5px;
        line-height: 13px;
        z-index: 10;}

#header li.our {
	float: left;
	position: relative;
	width: 90px;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
        margin: 27px 8px 0 0;
        padding: 0 0 5px 15px;
        line-height: 13px;
        z-index: 10;}

#header li.news {
	float: left;
	position: relative;
	width: 90px;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
        margin: 27px 9px 0 0;
        padding: 0 0 5px 5px;
        line-height: 13px;
        z-index: 10;}

#header li.institute {
	float: left;
	position: relative;
	width: 80px;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
        margin: 27px 5px 0 0;
        padding: 0 0 5px 16px;
        line-height: 13px;
        z-index: 10;}

#header li.facilities {
	float: left;
	position: relative;
	width: 65px;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
        margin: 27px 13px 0 0;
        padding: 0 0 5px 16px;
        line-height: 13px;
        z-index: 10;}

#header li.performing {
	float: left;
	position: relative;
	width: 125px;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
        margin: 27px 0 0 0;
        padding: 0 0 5px 16px;
        line-height: 13px;
        z-index: 10;}

#header li#first {
	border-left-width: 1em;}

#header li#last {
	border-right-width: 1em;}

#header li ul {
	display: none;
	position: absolute;
	left:0px; top:30px;
	font-weight: normal;
	background-color: #000000;
	padding: 10px 1px 8px 8px;
        width: 150px;}

#header li.aboutInstitute ul {margin:18px 0 0 -52px !important; margin:0px;}
#header li.our ul {margin:18px 0 0 -38px !important; margin:0px;}
#header li.news ul {margin:18px 0 0 -98px !important; margin:0px;}
#header li.institute ul {margin:18px 0 0 -53px !important; margin:0px;}
#header li.facilities ul {margin:18px 0 0 -70px !important; margin:0px;}
#header li.performing ul {margin:18px 0 0 -125px !important; margin:0px;}

*:lang(en) #header li ul {
	display: none;
	position: absolute;
	left: 0px; top:30px;
	font-weight: normal;
	background-color: #000000;
	padding: 10px 1px 8px 8px;
        width: 150px;}

*:lang(en) #header li.aboutInstitute ul {margin:0 !important;}
*:lang(en) #header li.our ul {margin:0 !important;}
*:lang(en) #header li.news ul {margin:0 !important;}
*:lang(en) #header li.institute ul {margin:0 !important;}
*:lang(en) #header li.facilities ul {margin:0 !important;}
*:lang(en) #header li.performing ul {margin:0 !important;}

#header li>ul {
	top: auto;
	left: auto;}

#header li li {
	float: none;
	background-color: #000000;
        width: 130px;
        text-align: left;
        line-height: 16px;
        margin-top: 2px;}


#header li ul li {
	background-image: url(uploads/images/raquo.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 1.20em;}

#header li li a:hover {
	color: #F58B04}

#header li:hover ul, #header li.over ul {
	display: block;}


/***************************************/
/************ PERFORMING CSS *****************/
.upcomingEvents a:link, .upcomingEvents a:hover, .upcomingEvents a:visited{
         text-decoration: underline;
         font-weight:bold;
         color:#E38109;}

.spotlight {
         text-align:center;}

.spotlight a:link, .spotlight a:hover, .spotlight a:visited {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;}

#content_wrapper_arts {
	width: 470px;
	margin: 0 0 0 12px;
	padding: 0;
	float: left;}

#performing_arts_hdr_img {
	width: 800px;
	height: 152px;
	padding: 0;
	margin: 0;}

#performing_arts {
	width: 225px;
	height: 149px;
	float: left;
	margin: 12px 2px 0 0;}

#performing_arts_right {
	width: 225px;
	float: left;
	margin: 12px 2px 0 5px;}

#performing_arts_top {
	width: 225px;
	height: 9px;
	background-color: #466172;
	background-image: url('uploads/images/performing_arts_top.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0}

#performing_arts_middle {
	width: 209px;
	overflow: auto;
	background-color: #466172;
	margin: 0;
	padding: 8px}

#performing_arts_bottom {
	width: 225px;
	height: 9px;
	background-color: #325063;
	background-image: url('uploads/images/performing_arts_bottom.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0}

/***************************************/
/************ ABOUT CSS *****************/
.about a:link, .about a:hover, .about a:visited{
         text-decoration: underline;
         font-weight:bold;
         color:#E38109;}

.aboutFloatImg {
         float:left;}

.aboutFloatText {
         float:left;
         width:150px;}

/********** AUDITORIUM FORM ****************/

.auditoriumform textarea {
width:200px;
height:55px;
text-align:left;}

.auditoriumform td.required {
width:150px;
text-align:left;}

.auditoriumform td {
width:150px;
text-align:left;
padding-bottom:15px;}


/**** LINK-tag style sheet outlines.css ****/

/* Out-of-domain; imported above. */