/* -----------------------------------------------------
   BODY AND BASIC HTML SETTINGS
   ----------------------------------------------------- */
   
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table {  
	margin: 0; 
	padding: 0; 
	border: 0;
	}
	
body {
	background:url(../images/background.jpg) repeat left top;
	text-align:center;
	width:100%; /* Color of background outside wrapper */
	font: 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	}
   	
#wrapper { /* holds all page content */
	background: url(../images/backgroundblue3.jpg) repeat-y center top;
	margin:0;
	padding:0;
	width:100%;
	display:block;
	position:relative;
}

/* ========================================================
   INNERWRAPPER - holds content and right col
   -------------------------------------------------------- */
   
#innerwrapper {
	background: #FFF;
	width: 800px;
	border: 0;
	margin: 0 auto;
	padding: 0px;
/*	border-bottom: 1px solid #000000;*/
	}
	
/* -----------------------------------------------------
   HEADER SETTINGS
   ---------------------------------------------------- */
#masthead {
	margin:0;
	padding:0;
	border:0;
	width: 100%;
	height: 100px;
	background: url(../images/crbsbannerE.jpg) no-repeat left top;
	}

/* -----------------------------------------------------
   STYLING FOR NAVIGATION BAR
   ---------------------------------------------------- */
#navigation {
	background: url(../images/menugreygradient3.jpg) repeat-x left top; 
	padding:0;
	margin:0;
	width: 100%;
	height: 30px;
	border-top: 1px solid #314779;
	}

.menu {
	display:inline; 
	padding:0; 
	margin:0 auto 0 0;
	list-style:none; 
	float: left;
}
.menu li {
	display:block;
	width: auto;
	margin:0; 
	padding:0;
	height: 10px;
}
.menu li a {
	float:left;
	height:30px;
	letter-spacing:1px;
	padding:0 1em;
	text-decoration:none;
	color:#FFFFFF;
	font: bold 1em/30px Arial, Helvetica, sans-serif;
	list-style:none;
	border-right: 1px solid #314779;
}
.menu li a:hover{
	font-weight:bold;
	background: #43548a;
	height: 30px;
}
.menu li a.current{
	color:#000;
	background: #FFF;
}
.menu li a.current:hover{
	color:#000;
	background: #FFF; 
}

.menu li a.current_home{
	color:#000;
	background: #edf0f9;
}
.datestyle {
	font: italic 12px/30px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-right: 10px;
	text-align: right;
}
	
/* -----------------------------------------------------
   PROJECT MENU STYLING
   ---------------------------------------------------- */
	
#projectmenu {
	position: relative;
	float: left;
/*	border-right: 1px solid #000000;*/
}
#projectmenu li {
	width: 250px; 
	height: 50px; 
	position: absolute; 
	top: 0px; 
	background: url(../images/cbuttonmenu.jpg) 0 0 no-repeat; 
	display: block; 
	list-style: none;
}
#projectmenu a {
	width: 250px; 
	height: 50px; 
	display: block; 
}
#projectmenu a:hover {
	border: solid 0px #000;
}
#projectmenu #ncmir {top: 0px; height: 61px;}
#projectmenu #nbcr {top: 50px; background-position: 0 -50px;}
#projectmenu #jcsg {top: 100px; background-position: 0 -100px;}
#projectmenu #nif {top: 150px; background-position: 0 -150px;}
#projectmenu #ismbl {top: 200px; background-position: 0 -200px;}
#projectmenu #wbc {top:250px; background-position: 0 -250px;}

#projectmenu #ncmir a:hover {background: url(../images/cbuttonmenu.jpg) -250px 0 no-repeat; height: 50px;}
#projectmenu #nbcr a:hover {background: url(../images/cbuttonmenu.jpg) -250px -50px no-repeat;}
#projectmenu #jcsg a:hover {background: url(../images/cbuttonmenu.jpg) -250px -100px no-repeat;}
#projectmenu #nif a:hover {background: url(../images/cbuttonmenu.jpg) -250px -150px no-repeat;}
#projectmenu #ismbl a:hover {background: url(../images/cbuttonmenu.jpg) -250px -200px no-repeat;}
#projectmenu #wbc a:hover {background: url(../images/cbuttonmenu.jpg) -250px -250px no-repeat;}
	
/* -----------------------------------------------------
   FLASH SLIDE SHOW SETTING
   ---------------------------------------------------- */
   
#image {
	float:right;
	border-left: 1px solid #000000;
}

/* -----------------------------------------------------
   TOP HALF PART OF CONTENT IN INDEX PAGE
   ---------------------------------------------------- */
#top_content { /*holds project menus and slides*/
	width:100%;
	height: 300px;
	float: left;
}
	
/* -----------------------------------------------------
   CONTENT SETTINGS
   ---------------------------------------------------- */
#content { /* holds missions and research highights */
	width:100%;
	float: left;
	text-align: left;
}

#content p {
	padding-bottom: 10px;
	}
	
/* -----------------------------------------------------
   LEFT PARAGRAPH IN CONTENT OF INDEX PAGE
   ---------------------------------------------------- */
#main_paragraph1 {
	text-align:left;
	margin:0;
	padding:15px;
	width:370px;
	float: left;
	border-right: 1px solid #314779;
	background: url(../images/bluegradient3.jpg) repeat-x;
	}
	
/* -----------------------------------------------------
   RIGHT PARAGRAPH IN CONTENT OF INDEX PAGE
   ---------------------------------------------------- */
#main_paragraph2 {
	text-align:left;
	margin:0;
	padding:15px;
	width:369px;
	float: left;
	background: url(../images/bluegradient3.jpg) repeat-x;
	}

/* -----------------------------------------------------
   FOOTER STYLING
   ----------------------------------------------------- */

#footer { 
	font-size:0.8em;
}
#top_footer{
	border-top: 1px solid #000000;
	background: url(../images/UCSD.jpg) no-repeat right top;
	height: 60px;
	width: 100%;
	float: left;
}

#footer_block_right {
	float: right;
	right: 82px;
	}
#footer_block_right2 {
	float: right;
	right:82px;
	}
#footer_block_left {
	float: left;
	}

#footer .footstyle {
	text-align:left;
	margin:0;
	width:auto;
	position:relative;
	padding-right: 10px;
	padding-left: 10px;
	}
	
#bottom_footer{
	width: 100%;
}
#bottom_menu {
	padding-left: 4px;
	margin-bottom:10px;
	text-align:left;
}

#bottom_menu a {
	letter-spacing:1px;
	text-decoration:none;
	padding:0 .6em;
	color:#000;
	font-weight: normal;
}
#bottom_menu a:hover {
	text-decoration:underline;
}
#copyright {
	text-align:right;
	padding-right: 10px;
	margin-top:20px;
	float: right;
	width: 250px;
}
   
/* -----------------------------------------------------
   HEADER TEXT SETTINGS
   ---------------------------------------------------- */
   
h1 {
	font-size: 1.5em;
	line-height: 2em;
	
}
h2 {
	font-size: 1em;
	line-height: 1.5em;
	padding-top: 3px;
	padding-bottom: 3px;
}
h3 {
	font: italic bold 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
}

/* -----------------------------------------------------
   Updated Dynamic text settings
   ---------------------------------------------------- */
#updated {
	clear: both;
	margin: 0;
}

#updated p {
font-size: 75%;
font-style:italic;
color: #000000;
padding-top: 5px;
padding-right: 15px;
text-align: right;
line-height:10px;
}

/* -----------------------------------------------------
   Bottom Clear
   ---------------------------------------------------- */
.clear-it { clear:both; }

table { bordercolor:#000000;
border-width:thick;
}
/* -----------------------------------------------------
   Document ICONS
   ---------------------------------------------------- */
a[href$='.pdf'] {
background:transparent url(../images/icons/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
text-decoration: none;
}
/* Word Document Links */
a[href$='.doc'], a[href$='.docx'] {
background:transparent url(../images/icons/word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
text-decoration: none;
}