html {
	background: url(http://gl.ict.usc.edu/WebPageSource/images/BG.jpg) repeat-x #000 ;
	margin-top: 50px;
	font-family: "Helvetica Neue",
             Arial,
             Helvetica,
             sans-serif;
}

body {
	padding: 0;
	margin: 0;
	background: url(http://gl.ict.usc.edu/WebPageSource/images/MainBG04.jpg) repeat-x center top #131a2a ;
	color: #fff;
	/*min-height:1240px;*/
	min-width: 1200px;
	width: 100%;
	display: table;
	height: 1240px;
	text-align: center;
}

a{color: #bdc6db;padding:0px;text-decoration:none;font-weight: bold}
a:visited{color: #bdc6db;padding:0px;text-decoration:none}
a:hover{color: #ffcc00}

/* TABLES START */

#people {
	color:#fff;
	background-color: none;
}

table.people {
border-collapse: collapse;
}

#people tr.alt td 
{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}


#jobs {
	color:#fff;
	background-color: none;
}

#jobs tr.alt td 
{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}


#pub {
	color:#fff;
	background-color: none;
}

#pub tr 
{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
border-collapse: collapse;
}

/* TABLES END */

/* Unique DIVs START */

div#subtext p{
	line-height:1.4; 
	background: none; 
	color: #FFF; 
	width:90%; 
	text-align:center; 
	padding: 0cm .60cm;
	margin: .30cm .50cm;
	}

/* Unique DIVs END */


/* ------------------------------------------navigation pages ---------------------------------------------*/

		ul {
			margin-bottom: 8px;
		}

		ul.none li{
			list-style-type:none;
		}

		ul.h3indent{
			padding-left: 80px;
			line-height:3.2em;
			list-style-image:url('../images/ul_listH3.png');
		}

		ul.h4indent{
			padding-left: 164px;
			line-height:.7em;
			list-style-image:url('../images/ul_listH4.png');
		}
		
		.opera ul.h4indent{
			line-height:1.9em;
		}

/* HEADERS */

		h2{
			color: #fff;
			font-size: 23px;
			font-style: none;
			text-align: left;
			text-indent:10px;
			text-transform:uppercase;
			font-family: "Courier New";
			letter-spacing:3px;
		}
		
		/* Topic Headers*/
		h6{
			color: #ffcc00;
			font-size: 13px;
			font-style: none;
			text-align: left;
			text-indent:0px;
			text-transform:uppercase;
			font-family: "Helvetica";
			letter-spacing:1px;
			margin-bottom: 1em;
			margin-top: .5em;
		}
		
			.opera h4{
				line-height: 65px;
				margin-bottom: -4.3em;
				}
			.chrome h4{
				margin-bottom: -3.2em;
			}
			.ie h4{
				margin-bottom: -3.2em;
			}

/* HEADERS */


/* ------------------------------------------navigation pages ---------------------------------------------*/


.USC{
	position: relative;
    display: inline;
    float: left;
	height: 50px;
	margin-top: -210px;
    margin-left: 9px;
	width: 970px;
}

.USC {
    background-color: #000;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* TOP CLICKABLES  START*/

	h1#ICT {
		margin: 0px;
		margin-left: 20px;
		position: absolute;
		top: 90px;
		z-index: 2;

	}

	h1#ICT a{
		display: block;
		height: 60px;
		text-indent: -900em;
		width: 220px;

	}

	h1#GL {
		margin: 0px;
		margin-left: 885px;
		position: absolute;
		top: 90px;
		z-index: 2;

	}

	h1#GL a{
		display: block;
		height: 120px;
		text-indent: -900em;
		width: 165px;

	}

/* TOP CLICKABLES  END*/

#content{
    background: none repeat scroll 0 0 transparent;
    border: 0px solid #CCCCCC;
    margin: 160px auto 0;
    padding: 0px;
    width: 978px;
	font-size:80%;
	text-align: justify;
	/*text-justify:inter-word;*/
	}

/* Navigation START */
	
	#navigation {
		width: 896px;
		float: left;
		margin: 0 0 3em 0;
		padding: 0;
		list-style: none; 
		background: transparent;
		border-right: 1px solid #333333;
		font-size: .81em;
		text-align: center;
		}
		
	#navigation li {
		float: left; 
		width: 128px;
		}

	#navigation li a{
		display: block;
		padding: 7px 20px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		border-left: 1px solid #333333;
		}
		
	#navigation li a:hover{
		font-weight: bold;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
		}

.navi{
	position: relative;
    display: inline;
    float: left;
	height: 28px;
	margin-top: -160px;
    margin-left: 7px;
    margin-right: 0px;
	width: 900px;
}

.navi {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.33);
    margin-bottom: 15px;
    padding-bottom: 0px;
    padding-top: 0px;
}
		
/* Navigation END */

/* Publications Side Bar START */

#pubNavi {
		width: 50px;
		float: left;
		margin: 1em 0;
		padding: 0;
		list-style: none; 
		background: transparent;
		font-size: .9em;
		text-align: center;
		}

#pubNavi li
{		display: block;
		padding: 7px 5px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
	}
		
#pubNavi li:hover
{		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
		display: block;
		padding: 7px 5px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
	}

.pNavi{
	position: fixed;
    display: block;
    float: left;
	margin-left: 880px;
	margin-top: 160px;
    margin-right: 0px;
	width: 50px;
}

.pNavi {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}	
	
/* Publications Side Bar END */

/* Gallery START */
			#gallery{
			
				/* CSS3 Box Shadow 
				-moz-box-shadow:0 0 3px #222;
				-webkit-box-shadow:0 0 3px #222;
				box-shadow:0 0 3px #222;
				
				/* CSS3 Rounded Corners
				
				-moz-border-radius-bottomleft:4px;
				-webkit-border-bottom-left-radius:4px;
				border-bottom-left-radius:4px;
				
				-moz-border-radius-bottomright:4px;
				-webkit-border-bottom-right-radius:4px;
				border-bottom-right-radius:4px;
				
				border:1px solid #222; */
				
				/*background:url(../slideshow/BG_images/panel.jpg) repeat-x bottom center #222;*/
				background:0;
				
				/* The width of the gallery */
				width:970px;
				overflow:hidden;
				margin-left: 3px;
			}

			#slides{
				/* This is the slide area */
				height:400px;
				
				/* jQuery changes the width later on to the sum of the widths of all the slides. */
				width:970px;
				position: relative;
				overflow:hidden;
			}

			.slide{
				float:left;
			}

			#menu{
				/* This is the container for the thumbnails */
				height:35px;
				background:url(../slideshow/BG_images/panel.jpg) repeat-x bottom center #222;
				text-align: center;
			}

			#menu ul{
				margin:0px;
				padding:0px;
			}

			#menu li{
				/* Every thumbnail is a li element */
				width:30px;
				display:inline-block;
				list-style:none;
				height:35px;
				overflow:hidden;
			}

			#menu li.inact:hover{
				/* The inactive state, highlighted on mouse over */
				background:url(../slideshow/BG_images/pic_bg.png) no-repeat;
			}

			#menu li.act,li.act:hover{
				/* The active state of the thumb */
				background:url(../slideshow/BG_images/active_bg.png) no-repeat;
			}

			#menu li.act a{
				cursor:default;
			}

			.fbar{
				/* The left-most vertical bar, next to the first thumbnail */
				width:2px;
				/*background:url(../slideshow/BG_images/divider.png) no-repeat right;*/
				margin-right: -5px;
			}

			#menu li a{
				display:block;
				/*background:url(../slideshow/BG_images/divider.png) no-repeat right;*/
				height:35px;
				padding-top:10px;
			}

			a img{
				border:none;
			}
/* Gallery END */

/* General Image Wraps START*/

img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
img.floatleft{border:1; float:left; margin:10px 10px 15px 0px;}
img.floatleft2{border:1; float:left; margin:5px 10px 0px 0px;}
img.floatright{border:1; float:right; margin:5px 0px 15px 10px;}
img.floatright2{border:1; float:right; margin:-5px 0px 0px 10px;}

/* General Image Wraps END*/



/* Site Map images Start */

.image-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
/* image-wrap:after pseudo element (overlaying container) */
.image-wrap:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px #1b1b1b;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

.image-wrap:hover {
	-webkit-box-shadow: 0 0 15px rgba(255,255,255,.6), inset 0 0 15px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 15px rgba(255,255,255,.6), inset 0 0 15px rgba(255,255,255,1);
	box-shadow: 0 0 15px rgba(255,255,255,.6), inset 0 0 15px rgba(255,255,255,1);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.image-wrap img {
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

/* Site Map images End */

.container {
    margin: 0 7px;
    width: 978px;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}

.slideshow {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}

.main {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}

.navigationWin {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}

.footer {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}

---------------------------------------------------------

.grid1 {
    width: 54px;
}
.grid2 {
    width: 138px;
}
.grid3 {
    width: 222px;
}
.grid4 {
    width: 306px;
}
.grid5 {
    width: 390px;
}
.grid6 {
    width: 474px;
}
.grid7 {
    width: 558px;
}
.grid8 {
    width: 642px;
}
.grid9 {
    width: 726px;
}
.grid10 {
    width: 810px;
}
.grid11 {
    width: 894px;
}
	.slideshow {
		width: 978px;
	}
	.main {
		width: 920px;
	}
	.navigationWin {
		width: 978px;
	}
	.footer {
		width: 978px;
	}
.first {
    clear: left;
    margin-left: 0;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
* html .clearfix {
}
:first-child + html .clearfix {
}
.container {
    background: url("940-grid-bg.png") repeat-y scroll 0 0 transparent;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11  {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-color: #999999;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
	text-align: left;
	font-size: 13px;
}

.grid3 {
    background: none;
    border-width: 0;
	text-align: center;
	}

	.slideshow {
		background: url(../images/Gallery_BG.jpg) no-repeat;
		margin-bottom: 15px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	
	.main {
		/* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); */
		margin-bottom: 15px;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 13px;
		text-align:justify;
	}
	
	.navigationWin {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
		border-color: #999999;
		border-style: solid;
		border-width: 1px 0 0 0;
		margin-bottom: 15px;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 12px;
		text-align: left;
	}

	.footer {
		background: none;
		margin-bottom: 15px;
		padding-bottom: 0px;
		padding-top: 0px;
		text-align: left;
		font-size: 10px;
		
		    border-color: #999999;
			border-style: solid;
			border-width: 1px 0 0 0;
	}