@charset "UTF-8";
/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
}

html{
	background-image: url(../_images/bodybg.png);
	background-color: #FFF;
	background-repeat: repeat-x;
}

body {
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #000000;
}
p {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

#page-container {
	width: 1024px;
	margin: auto;
	background-image: url(../_images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #EEE;
}

.hidden {
    display: none;
}

.search {
	margin: 0;
	padding-top: 10px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	color:white;
	float: right;
	padding-right: 10px;
}
	.search a {
		color: white;
		text-decoration: none;
	}
	.search a:hover {
		text-decoration: underline;
	}
	
#title {
	height: 99px;
	background-color: #000;
}

#nav {
	padding-top: 5px;
	padding-left: 130px;
	padding-bottom: 5px;
	background-color: #621012;
}
	#nav a {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size: 14.5px;
		color: white;
		text-decoration: none;
	}
	#nav a:visited {
		color: white
	}
	#nav a:active {
		color: #999;
	}
	#nav a:hover {
		color: #999;
	}

/*Header Image and contains the slider*/
#header {
    height: 308px;
}
	#header h3 {
    	margin: 0;
    	padding: 0;
		padding-bottom: 15px;
	}
	#header p {
   	 	margin: 0;
    	padding: 0;
		padding-bottom: 15px;

	}

/* Research Dev and GRANT Navigation located on the left side */
#sidebar-a {
	float: left;
	width: 222px;
	line-height: 15px;	
}
	#sidebar-a .padding {
    	margin-right:0px;
		margin-left: 18px;
		margin-top: 0px;
		
/* Affects content of the page under the picture */			
	}
#content {
	margin-left: 222px;
	line-height: 15px;
	background-color: EFEFEF;
}
	#content .padding {
    	padding-right: 10px;
		padding-left: 10px;
		margin-top:0;
	}

/* Affects the order and look of Navigation links on the left side */
#nav-sidebar {
	list-style:none;
	margin:0;
	padding-top:5px;
	padding-left:0;
	padding-bottom:0px;
	z-index:10;
	position: relative;
	background: #ededed;
}

/* USC Logo at the top */
h1 {
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 8px;
}

/* Sidebar Headers */
h2 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 15px;
	text-decoration: none;
    margin: 0;
    padding: 0;	
}

/* Slideshow Headers */
h3 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 13px;
	margin: 0;
    padding: 0;	
}
	h3 a {
		color: white;
		text-decoration: none;
	}
	h3 a:hover {
		text-decoration: underline;
	}

/* Research Development Title */
h5 {
	margin: 0;
    padding: 0;
    float: left;
	padding-top:10px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	text-decoration: none;
	
}

/* Page Heading dotted UNDERLINE */
h6 {
	margin-right: 8px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	float: right;
	font-size: 18px;
	text-decoration: none;
}

/* Affects the footer contains the alt-nav tag */
#footer {
	clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	color: #white;
	font-size: 12px;
    background: white
				url(../_images/footer.jpg) no-repeat;
    height: 20px;
}
	#footer a {
    	color: #white;
    	text-decoration: none;
	}
	#footer a:hover {
    	color: #630f10;
	}

/* Affects the footer links */
#altnav {
	padding-left: 390px;	
	padding-top: 2px;
	color: white;
}
	#altnav a {
		color: white;
		text-decoration: none;
	}
	#altnav a:hover {
		color: white;
		text-decoration: none;
	}
	#altnav a:visited {
		color: white;
		text-decoration: none;
	}

/* Copyright located under footer */
#credit {
	color: #333;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	padding-bottom: 10px;
}

/* Affects the Image Slideshow */
#slider {
	/* You MUST specify the width and height */
	width:996px;
	height:308px;
	margin: auto;
	position:relative;	
	overflow:hidden;
}

/* Affects the overfloe of the Images in the Slideshow */
#mask-gallery {
	overflow:hidden;	
}

/* Affects the Images in the Slideshow */
#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	/* width = total items multiply with #mask gallery width */
	width:996px;
	overflow:hidden;
}

	#gallery li {		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}

/* Affects the descriptions position in the Slideshow along the side */
#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	right:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:300px;
	overflow:hidden;		

}

/* Affects the descriptions Slideshow along the side */	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	right:0;
	
	/* Set the style */
	width:300px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
}


/* Any text indented under the boxes */
.style2 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	padding-left: 12px;
	padding-right:0;
}

	.style2 a {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color:#000;
		text-decoration:none;
	}
	.style2 a:hover {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color:#000;
		text-decoration: underline;
	}

/* Text headings*/
.style3 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:16px;
}

/* Yellow text */
.style4 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	color: #cb9833;
}

/* All Content text */
.style5 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
}
	.style5 a{
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color: black;
		text-decoration:none;
	}
	.style5 a:hover{
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color: #630f10;
		text-decoration:none;
	}

/* Anchor links - Grant Cert Courses Page */
.style6 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}
	.style6 a{
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size: 12px;
		color: black;
		text-decoration:none;
	}
	.style6 a:hover {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size: 12px;
		color: #630f10;
		text-decoration:underline;
	}

/* Content text RED */
.style7 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:14px;
	color: #630f10;
	font-style:italic;
}
	.style7 a {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:14px;
		color: #630f10;
		font-style:italic;
	}
	.style7 a:hover{
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:14px;
		color: #630f10;
		font-style:italic;
		text-decoration:underline;
	}

/* Undergraduate Nav text RED */
.style8 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:15px;
	color: #630f10;
	text-decoration:none;
}
	.style8 a {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:15px;
		color: #630f10;
		text-decoration:none;
	}
	.style8 a:hover {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:15px;
		color: #630f10;
		text-decoration:underline;
	}
	
/* VP Office Nav text RED & GRANT elearing courses page */
.style9 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:13px;
	color: #630f10;
	text-decoration:none;
}
	.style9 a {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:13px;
		color: #630f10;
		text-decoration:none;
	}
	.style9 a:hover {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:13px;
		color: #630f10;
		text-decoration:underline;
	}
.style10 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	color: black;
	margin-left: 25px;
}
	.style10 a {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color: black;
		text-decoration:none;
	}
	.style10 a:hover {
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color: black;
		text-decoration:underline;
	}
.style11 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	color: white;
}

/* PIRA Black Links */
.style12{
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
}
	.style12 a{
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color: black;
		text-decoration:none;
	}
	.style12 a:hover{
		font-family: Tahoma, Arial, Helvetica, Sans-serif;
		font-size:12px;
		color: #000000;
		text-decoration:underline;
	}

/* More info links and All Red links */
.moreinfo a {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	color: #630f10;
	text-decoration: none;
	border: none;
	padding-bottom: 5px;
}
	.moreinfo a:hover {
		text-decoration: underline;
	}

/* Affects Buttons of the Slideshow */
#buttons {
	margin-bottom:0;
	padding-right:10px;
	float:right; 
}
	#buttons a {
		width: 8px;
		height: 9px;
		text-decoration: none;
		padding:5px;
	}

/* Affects Sidebars RGE & Res Dev Home page Announcements, GRANT Upcoming Courses, and VP Office News */
.spacing {
	margin-top: 7px;
}

.clear {
	clear:both;	
}



/* GRANT Navigation */
ul#v-menu {
  width: 204px;
  font-family:Tahoma, Arial, Helvetica, Sans-serif;
  font-size:12px;
  color: black;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#v-menu li, 
  ul#v-menu a {
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 14px;
  color: #000000;
  padding-left: 18px;
  padding-top:2px;
  padding-bottom:2px;
}

ul#v-menu li {
  line-height: 20px;
  font-size:12px;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  color: black;
}

ul#v-menu a {
  text-decoration: none;
  outline: none;
}
#fringe2 {
	float: right;
	width: 150px;
	padding-right: 20px;
	padding-top: 5px;
}

ul#v-menu a.visited {
  color: black;
}

ul#v-menu a:hover {
  color: #630f10;
}

ul#v-menu a.active {
  color: black;
}

/* Investigator Toolbox Page Lists */
ul#toolbox {
	list-style-type: disc;
	margin:0;
	padding-top:0;
}

/* Affects the padding of Contact Pop-Ups  */
#padding2 {
	padding: 15px;
}
#fringe1 {
	float: left;
	width: 600px;
}