/* ! basic reset */
*,* * {
	margin:0;
	padding:0;
	font-size:1em;
	position:relative;
	zoom:1;
}
html, body {
	height:100%;
}
body {
	background: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height: 1.6;
}

iframe{
/*
	width:100%;
	height:1000px;
	overflow: hidden;
*/
}

a {
	outline: 0;
}

a * {
	cursor: pointer;
}
   
/* html5 resets */
     
/* frame settings */
.frame {
	top:3%;
	min-height:900px;
	width: 1024px;
	height:100%;
	background: #fff;
	margin: 0 auto;
}

body.home .frame{
	min-height: 1279px;
}

body.home .content{
	font-size: .9em;
}
body.company {

}

body.upcoming {}
body.interdisiplinary-performance {}
body.undesirable-elements {}
body.education {}
body.interactive {}
body.support {}


/* header settings */
/* header-wrap should be defined as part of the theme so it can wrap relevant elements (util nav, search, etc.) */
.header-wrap {
/* 	border: 1px solid #900; */
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden; 
	height: 100%;
	width: 1024px;
	z-index: 3;
}

body.home .header-wrap {
	width: 119px;
}

#top-strip {
	height: 20px; 
	background: #000;
	margin: 0;
	overflow: hidden;
}

/* header-logo logo/link to home page */
#header-logo {
	display: none;
}

#header-logo * { display:block; }
#header-logo>span {}
#header-logo a {}
#header-logo a span { text-indent: -999em; }



/* utility nav settings */
/* .utility-nav is for the nav element/div wrapper */
.utility-nav {
	display: none;
}

/* target all uls */
.utility-nav ul {}

/* split utility nav (has divider set in sparc) adds number to class name nav-0, nav-1, nav-2, etc */
.utility-nav>.nav-0 {}
.utility-nav>.nav-1 {}

/* targets *all* lis in utility nav */
.utility-nav li {}
.utility-nav li a {}
.utility-nav li a span {}

/* target all first/last nav items */
.utility-nav li.first-nav {}
.utility-nav li.last-nav {}

/* target all nav items with subnav */
.utility-nav li.has-subnav {}

/* target all utility subnav items */
.utility-nav ul ul {
	display:none;
}
.utility-nav li:hover>ul {
	display:block;
}
.utility-nav li .nav {}
.utility-nav li .nav a {}
.utility-nav li .nav a span {}

/* targets top level nav in utility nav */
.utility-nav>ul {}
.utility-nav>ul>li {}
.utility-nav>ul>li a {}
.utility-nav>ul>li a span {}

/* target second level subnav items */
.utility-nav>ul>li>ul {}
.utility-nav>ul>li>ul>li {}
.utility-nav>ul>li>ul>li a {}
.utility-nav>ul>li>ul>li a span {}


/* main nav settings */
/* .main-nav is for the nav element/div wrapper */
/* first idea */
/*
.main-nav {
	position: absolute;
	height: 100%;
	right: 0;
	top: 20px;
}
*/

.main-nav {
	float: right;
	height: 100%;
}

/* target all uls */
.main-nav ul {
	height: 100%;
}

/* split main nav (has divider set in sparc) adds number to class name nav-0, nav-1, nav-2, etc */
.main-nav>.nav-0 {}
.main-nav>.nav-1 {}

/* targets *all* lis in main nav */
.main-nav li {

}

.main-nav li a {
cursor: pointer;
}

/* !Main Navigation Styling */

body.the-company .column_2,
#main-list_the-company > a {
	background-color: #ed1c24;
}

#main-list_the-company a {
	background-position: 0 0;
}

#main-list_the-company.active > a,
#main-list_the-company > a:hover {
	background-position: 0 -135px;
}

body.upcoming .column_2,
#main-list_upcoming > a {
	background-color: #662d91;
}

#main-list_upcoming > a {
	background-position: -17px 0;
}

#main-list_upcoming.active > a,
#main-list_upcoming > a:hover {
	background-position: -17px -135px;
}

body.interdisciplinary-performance .column_2,
#main-list_interdisciplinary-performance > a,
.image p {
	background-color: #ec297b;
}

body.undesirable-elements .image p {
	background-color: #1D1941;
}

#main-list_interdisciplinary-performance > a {
	background-position: -34px 0;
}

#main-list_interdisciplinary-performance.active > a,
#main-list_interdisciplinary-performance > a:hover {
	background-position: -34px -135px;
}

body.undesirable-elements .column_2,
#main-list_undesirable-elements > a {
	background-color: #1d1941;
}

#main-list_undesirable-elements > a {
	background-position: -51px 0;
}

#main-list_undesirable-elements.active > a,
#main-list_undesirable-elements > a:hover {
	background-position: -51px -135px;
}

body.education--training .column_2,
#main-list_education--training > a {
	background-color: #9e005d;
}

#main-list_education--training > a {
	background-position: -68px 0;
}

#main-list_education--training.active > a,
#main-list_education--training > a:hover {
	background-position: -68px -135px;
}

body.interactive .column_2,
#main-list_interactive > a {
	background-color: #f15a24;
}

#main-list_interactive > a {
	background-position: -85px 0;
}

#main-list_interactive.active > a,
#main-list_interactive > a:hover {
	background-position: -85px -135px;
}

body.support .column_2,
#main-list_support > a {
	background-color: #fbb03b;
}

#main-list_support > a {
	background-position: -102px 0;
}

#main-list_support.active > a,
#main-list_support > a:hover {
	background-position: -102px -135px;
}

.main-nav li a span {

}

/* target all first/last nav items */
.main-nav li.first-nav {}
.main-nav li.last-nav {}

/* target all nav items with subnav */
.main-nav li.has-subnav {}

/* target all main subnav items */
.main-nav ul ul {
	display:none;
}
.main-nav li:hover>ul {
/* 	display:block; */
}
.main-nav li .nav {}
.main-nav li .nav a {}
.main-nav li .nav a span {}

/* targets top level nav in main nav */
.main-nav>ul {}
.main-nav>ul>li {
	width: 17px;
	height: 100%;     
	float: left;
	display: block;
	/*overflow: hidden;*/
	overflow-y: hidden; 
}
.main-nav>ul>li>a {
	background: url('../css_images/nav.png') no-repeat;
	display: block;
	height: 100%;
	float: right;
	width: 17px;
	text-indent: -999em;
	-webkit-transition: background-position .4s ease-out;
	-moz-transition: background-position .4s ease-out;
	-o-transition: background-position .4s ease-out;
	transition: background-position .4s ease-out;
	z-index: 100;
}
.main-nav>ul>li a span {}

/* target second level subnav items */
.main-nav>ul>li>ul {}
.main-nav>ul>li>ul>li {}
.main-nav>ul>li>ul>li a {}
.main-nav>ul>li>ul>li a span {}

/* footer nav settings */
/* .footer-nav is for the nav element/div wrapper */
.footer-nav {}

/* target all uls */
.footer-nav ul {}

/* split footer nav (has divider set in sparc) adds number to class name nav-0, nav-1, nav-2, etc */
.footer-nav>.nav-0 {}
.footer-nav>.nav-1 {}

/* targets *all* lis in footer nav */
.footer-nav li {}
.footer-nav li a {}
.footer-nav li a span {}

/* target all first/last nav items */
.footer-nav li.first-nav {}
.footer-nav li.last-nav {}

/* target all nav items with subnav */
.footer-nav li.has-subnav {}

/* target all footer subnav items */
.footer-nav ul ul {
	display:none;
}
.footer-nav li:hover>ul {
	display:block;
}
.footer-nav li .nav {}
.footer-nav li .nav a {}
.footer-nav li .nav a span {}

/* targets top level nav in footer nav */
.footer-nav>ul {}
.footer-nav>ul>li {}
.footer-nav>ul>li a {}
.footer-nav>ul>li a span {}

/* target second level subnav items */
.footer-nav>ul>li>ul {}
.footer-nav>ul>li>ul>li {}
.footer-nav>ul>li>ul>li a {}
.footer-nav>ul>li>ul>li a span {}


/* footer settings */
/* footer-wrap should be defined as part of the theme so it can wrap relevant elements */
.footer-wrap {
/* 	border: 1px solid #009; */
} 


/* content settings */
.content {
	visibility: hidden;
	font-size: 12px;
	height: 100%;
	margin: 0 117px 0 0;
}

#home .content {
	visibility: visible;
}
.content a, .new-content a {
	color:#ec1c24;
}


/*
.content > .multicol_v2_wrap .column_1 > * {
	float: right;
	margin: 0 auto;
}

.content > .multicol_v2_wrap .column_1 > p {
	padding: 1em;
}
*/

/* target everything directly inside content */
.content>* {}

/* breadcrumb styling */
.content .breadcrumb {  }
.breadcrumb .controls a:hover,.breadcrumb .controls .active a,.breadcrumb a:hover,.content .last { }
.breadcrumb .breadcrumb-listitem { }
.breadcrumb .breadcrumb-listitem span { }
.breadcrumb .first { }
.breadcrumb .last { }
.breadcrumb .separator { }
.breadcrumb .controls a {  }
.breadcrumb .print {  }
.breadcrumb .share {  }
.breadcrumb .controls a {  }

/* subhead elements */
.subhead {}
.subhead>span {}
/* links inside header elements */
.subhead a {}
/* handle named anchors (subhead jump lists), these can't be shown, and won't work if set to display:none; */
/* ! TODO: need to resolve accurate setting */
.content a.anchor, a.anchor {
	margin:0!important;
}
/* subhead sizes */
h1.subhead {font-size: 18px;font-weight: 100;}
h1.subhead>span {}
h2.subhead {}
h2.subhead>span {}
h3.subhead {}
h3.subhead>span {}
h4.subhead {}
h4.subhead>span {}
h5.subhead {}
h5.subhead>span {}
h6.subhead {}
h6.subhead>span {}

/* basic email form */
.basic-form {padding-top: 5px;}
 h3.subhead.basic-form{font-size:12px;color:#B01117;}
.basic-form h3 span {}
.basic-form form {}
.basic-form div {}
.basic-form div.buttons {}
.basic-form div label {
	display: block;
}
/* split these out as necessary */
.basic-form div input[type="text"], .basic-form div select, .basic-form div textarea {
	margin-bottom: 10px;
	border: 1px solid #adadad;
	height: 20px;
	width: 70%;
}
.basic-form div input[type="submit"] {
	background: #B01117;
	color: white;
	padding: 5px 20px;
	font-size: 1em;
	font-weight: 100;
	border: 1px solid #842C04;
	*border: none;
	cursor: pointer;
	margin-top: 20px;
}
.basic-form div input[type="submit"]:hover {
	background: #ED1C24;
}

/* faq items */
div.faq_q {}
div.faq_q a {}
.faq_q .faq_a {}

/* images */
/* apply to all images */
div.image {}
div.img_right { float:right; clear:right; }
div.img_left { float:left; clear:left; }
div.img_center { margin:0 auto !important; clear:both; text-align:center; }
.image a { display:block; }
a>img { border:none; }
.image p { 
	position: absolute; 
	right: 0; 
	bottom: 0;
	margin: 0 !important;
	color: #fff; 
	font-size: 1.2em;
	font-weight: bold;
	padding: .3em .5em;
	
}
img.logo-style {}
.home .frame div.logo-style {
	margin: 258px auto 200px auto!important;
}
.home .frame div.logo-style {
	margin: 258px auto 200px auto!important;
}
.frame div.logo-style {
	margin: 253px auto 200px auto!important;
} 
img.extra-right-margin {}
.image.extra-right-margin {
	margin-right:20px !important;
}
img.extra-left-margin {}
.image.extra-left-margin {
	margin-left:20px !important;
}

/* custom search engine */
#sparc-gsearch { }
#sparc-cse { }
#sparc-cse-icon {  }
#sparc-cse-input-wrapper {  }
#sparc-cse-input {  }
#sparc-cse-results-wrapper {  }
#sparc-cse-results {  }
#sparc-cse-results-clear { position:relative; width:30px; height:30px; float:right; z-index:10; background:transparent url(/assets/images/closebox.png) no-repeat; cursor:pointer; }

.clear {
	float:none;
	clear:both;
	height: 0;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

#sample-content .multi-col {
}
#sample-content .column_0 {
	background: #666;
}
#sample-content .column_1 {
	min-height: 300px;
	background: #ccc;
}

.multicol_v2_wrap {
	/*margin:0 0 10px 0 !important;*/
	height: 100%;
}
.multicol_v2_wrap>.multi-col {
	float:left;
}
.multicol_v2_wrap>.multi-col { height: 100%; }
.multi-col .multi-col {}
.multi-col > * { margin: 0 15px 10px; }
.multi-col > .image img.first-image { max-width: 462px !important; height: auto !important;}
.multi-col > .image { max-width: 462px !important; height: auto !important; margin-left:0; margin-right:0; }
.multi-col .column_0 { margin-left: 0; }
.multi-col .multicol-1-0, .multi-col .multicol-2-1, .multi-col .multicol-3-2, .multi-col .multicol-4-3, .multi-col .multicol-5-4,, .multi-col .multicol-6-5 { margin-right: 0; }


.total_1 { width:100%; }
.multi-col .total_1 {}
.total_2 { width:50%; }
.multi-col .total_2 {}
.total_3 { width:33.33%; }
.multi-col .total_3 {}
.total_4 { width:25%; }
.multi-col .total_4 {}
.total_5 { width:20%; }
.multi-col .total_5 {}
.total_6 { width:16.66%; }
.multi-col .total_6 {}



.multisize-25-75>.column_0,.multisize-75-25>.column_1 { width:25%; }
.multisize-25-75>.column_1,.multisize-75-25>.column_0 { width:75%; }
.multi-col .multisize-25-75>.column_0,.multi-col .multisize-75-25>.column_1 {}
.multi-col .multisize-25-75>.column_1,.multi-col .multisize-75-25>.column_0 {}
.multisize-33-66>.column_0,.multisize-66-33>.column_1 { width:33.3%; }
.multisize-33-66>.column_1,.multisize-66-33>.column_0 { width:66.7%; }
.multi-col .multisize-33-66>.column_0,.multi-col .multisize-66-33>.column_1 {}
.multi-col .multisize-33-66>.column_1,.multi-col .multisize-66-33>.column_0 {}
.multisize-20-60-20>.column_0,.multisize-20-60-20>.column_2 { width:20%;  }
.multisize-20-60-20>.column_1 { width:60%; }


/* Custom widths for Ping Chong entire site */
.total_3.column_0 { width: 250px; }
.total_3.column_1 { width: 462px; }
.home .total_3.column_1 { width: 462px; }
.total_3.column_2 { width: 193px; }


/* !Page Navigation */

/* Note: background-colors are up with the nav links */
.page-nav {
	height: 100%;
	min-height: 900px; 
}
.page-nav > ul {
    color: #fff;
    display: block !important;
	list-style: none;
    line-height: 1.5;
    margin: 42px 10px 0 0;
}
.page-nav ul li {
	margin: 0 0 1.3em;
	line-height: 1.4em;
    text-align: right;
}
.page-nav ul li a {
	color: #fff;
    font-size: 13px;
    text-transform: lowercase;
	text-decoration: none;
}
.page-nav ul li a:hover  {
	text-decoration: underline;
}
.page-nav ul > li ul {
	display: block;
	list-style: none;
}

.page-nav ul > li ul li {
	margin: 0 0 .3em;
	line-height: 1;
}

.page-nav ul > li ul li a {
	font-size: 1em;
}

/* !Panonegraphs */
.column_1 .subhead,
.column_1 p {
	margin: 1em;
}
p.twitter {
	background: url('../css_images/twitter.png') no-repeat;
	padding: 0 0 0 24px;
	height: 20px;
	font-size: 1.1em;
	margin-top: 5px;
	color:#0084B4;
}

p.contact-info,
p.contact-info a {
	color: #b01117;
}

p.contact-info {
	text-align: center;
	text-transform: uppercase;
	font-size: .8em;
}

p.contact-info a {
	text-decoration: none;
}

#new-nav {
    left: 0;
    position: absolute;
    top: 20px;
}

/* !AJAX Content Update */
.new-content {
	float:left;
	width: 905px;
	height:auto !important;
	background: #FFFFFF;
	
	
	position: absolute !important;
	top:0 !important;
}

#sparc-versions { display: none; }

.content .wrap_flash { margin:0!important; }
.content .rss-feed ul { list-style:none; }
.rss-feed a{
	text-decoration: none;
	color:#0084B4;
}
.rss-feed a:hover{
	text-decoration: underline;
}


/* table */
 table {
	margin-top: 25px;
}
 table thead td{
	border-bottom:1px solid #000;
	color: #000;
}
 table thead td.col0{
	text-align: center;
}

 table thead td{
	font-size: 18px;
}

 table tbody td{
	vertical-align: top;
	padding: 5px;
	
}
table tbody td.col0{
	width:20%;
	text-align: center;
	font-weight: bold;
}

table tbody tr.odd{
	background: none;
}

.the-company table tbody tr.odd{
	background: #FDE9F2;
	background: rgba(237,28,36,.1);
}

.interdisciplinary-performance table tbody tr.odd{
	background: #FDE9F2;
	background: rgba(236,41,123,.1);
}

.undesirable-elements table tbody tr.odd{
	background: #E8E8EC;
	background:rgba(29,25,65,.1);
}

/* slideshows - both content and image */

.slideshow {} /* target all slideshows regardless of type */
.slideshow-content {}
.slideshow-image {}
.slideshow-mask { position:relative; }
.slideshow-frame {
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
}

/* handle frames for both image and content slideshows
to handle image or content based slideshows only, switch:
	.slideshow with .slideshow-image or .slideshow-content
*/
.slideshow>.slideshow-mask {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
	overflow:hidden;
}
.slideshow>.slideshow-mask>.slideshow-frame {}
.slideshow>.slideshow-mask>.active-frame {} /* currently shown frame */
.slideshow>.slideshow-mask>.first-frame {} /* first one of the set */
.slideshow>.slideshow-mask>.last-frame {} /* last one of the set */


/* slideshow nav */
.slideshow>.slide-nav, .slideshow>.slideshow-nav-wrap { z-index:11; }
/* controls both prev/next */
.slideshow>.slide-nav {
	position:absolute;
	top:0;
	width:33%;
	height:100%;
}
.slideshow>.prev { left:0; }
.slideshow>.next { right:0; text-align:right; }
.slideshow>.slide-nav a {
	display:block;
	height:100%;
	margin: 5px 10px;
}
.slideshow>.slide-nav a span {}

.slideshow>.slideshow-nav-wrap {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.slideshow>.slideshow-nav-wrap>ul {}
.slideshow>.slideshow-nav-wrap li {}
.slideshow>.slideshow-nav-wrap li.active-slide {}
.slideshow>.slideshow-nav-wrap li.first-frame {}
.slideshow>.slideshow-nav-wrap li.last-frame {}
.slideshow>.slideshow-nav-wrap li a {}
.slideshow>.slideshow-nav-wrap li a span {}