html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap" rel="stylesheet">



body {
	background: url("https://www.ucsdmccindustryrelations.com/images/bg.jpg") repeat-x top;
	font: 12px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #575757;
}


a {
	color: #42838a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
  	border: 0;
 	width: 100%;
  	color: #dfdfdf;
  	background-color: #dfdfdf;
	height: 1px;
	margin: 10px 0px 10px 0px;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}


#header {
	width: 900px;
	height: 89px;
	margin-bottom: 0px;
}

//nav css
	#navigation {
		width: 900px;
		height: 43px;
		border-right: solid 1px #5eafa8; border-left: solid 1px #daf6f2;
	}


	#nav {
			width: 900px;
			height: 43px;
			background: url("https://www.ucsdmccindustryrelations.com/images/nav-bg.jpg") repeat-x;
			list-style: none;
	}

		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left;
			display:block;
			position:relative;
			z-index:500;
			margin:0 0px;
		}

		#about-tab a, #symposium-tab a, #iosymposium-tab a, #collaborations-tab a, #contact-tab a, #links-tab a {
			height: 43px;
			padding: 0px 16px 0px 16px;
			border-right: solid 1px #daf6f2;
			border-left: solid 1px #5eafa8;
		}


		#nav li:hover {
			background-color: #5fa5a5;
			border: 0px;
		}

		/* this is the parent menu */
		#nav li a {
			display:block;
			height:43px;
			text-decoration:none;
			text-align:center;
		}

		/* you can make a different style for default selected value */
		#nav a.selected {
			background: url("https://www.ucsdmccindustryrelations.com/images/nav-bg-active.jpg") repeat-x;
		}

		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute;
			left:0;
			display:none;
			margin:0 0 0 0px;
			padding:0;
			list-style:none;
		}

		#nav ul li:hover {
			background-color: #85bebe;
		}

		#nav ul li {
			width:250px;
			height:30px;
			float:left;
			background-color: #5fa5a5;
			padding: 15px 0px 0px 0px;
			font: 12px 'Open Sans', sans-serif;
			color: #ffffff;
		}



		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;
			height:15px;
			color: #ffffff;
			border: 0px;
		}



		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

//end nav


#content {
	width: 900px;
	margin-top: 8px;
	padding: 0;
}


#slider-container {
	width: 900px;
	height: 253px;
	margin: 8px 0px 4px 0;
	padding: 0px 0;
	border: 1px #033d41;
	-moz-box-shadow: 0 0 5px #273739;
	-webkit-box-shadow: 0 0 5px #273739;
	box-shadow: 0 0 5px #273739;
}

#slider {
	margin: 0 0px;
}

#banner-container {
	width: 900px;
	height: 253px;
	margin: 8px 0px 4px 0;
	padding: 0px 0;
	border: 1px #033d41;
	-moz-box-shadow: 0 0 5px #273739;
	-webkit-box-shadow: 0 0 5px #273739;
	box-shadow: 0 0 5px #273739;
}

#tagline {
	width: 900px;
	height: 58px;
	padding-top:10px;
	background: url("https://www.ucsdmccindustryrelations.com/images/top-border-tiles.jpg") repeat-x;
}


#content-left {
	width: 400px;
	float: left;
	margin: 0 40px 20px 20px;
	padding-right: 20px;
	border-right: 1px dotted #000000;
}

#content-right {
	width: 500px;
	float: right;
	margin: 0;
}

#content-left p {
	margin: 20px 0;
}

#content-right p {
	margin: 0 0 20px;
}

#content {
	margin: 0 0 20px 0;
}

.clear {
	clear: both;
}


h2 {
	font: 16px 'Open Sans', sans-serif;
	line-height: 21px;
	color: #033d41;
	text-transform: uppercase;
}

h3 {
	color: #42838a;
	line-height: 18px;
	font: 13px 'Open Sans', sans-serif;
	line-height: 16px;
	margin: 0;
	padding-top:0px;
	padding-bottom:5px;
}

h3 a {
	color: #42838a;
	font: 13px 'Open Sans', sans-serif;
	text-decoration: none;
	font-weight: bold;
}


h4 {
	margins: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font: 12px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #575757;
	font-weight: normal;
	text-decoration: none;
}

h4 a {
	font: 12px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #42838a;
	font-weight: light;
	text-decoration: none;
}

h5 {
	font: 12px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #42838a;
	text-align: right;
	text-decoration: none;
	font-weight: normal;
}

h5 a {
	font: 12px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #42838a;
	text-align: right;
	text-decoration: none;
	font-weight: light;
}

h6 {
	font: 11px 'Open Sans', sans-serif;
	line-height: 13px;
	color: #575757;
	text-decoration: none;
	font-weight: normal;
	padding-top:3px;
}

h6 a  {
	font: 11px 'Open Sans', sans-serif;
	line-height: 13px;
	color: #42838a;
	text-decoration: none;
	font-weight: 900;
	padding-top:3px;
}

h7 {
	font: 5px 'Open Sans', sans-serif;
	line-height: 5px;
	color: #575757;
	text-decoration: none;
	font-weight: normal;
	padding-top:3px;
}

h7 a  {
	font: 5px 'Open Sans', sans-serif;
	line-height: 5px;
	color: #42838a;
	text-decoration: none;
	font-weight: 900;
	padding-top:3px;
}

h8 {
	font: 12px 'Open Sans', sans-serif;
	line-height: 14px;
	color: #575757;
	text-decoration: none;
	font-weight: normal;
	padding-top:3px;
}

h8 a  {
	font: 12px 'Open Sans', sans-serif;
	line-height: 14px;
	color: #aa3b5a;
	text-decoration: none;
	font-weight: normal;
	padding-top:3px;
}




.top-margin {
	margin-top: 20px;
}


#footer-container {
	margins: 20px;
	background: #e8f2f5;
	border: 1px solid #b9c6ca;
	padding: 20px 0 20px 0;
	width: 100%;
}

#footer {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	color: #475357;
}

#footer a {
	color: #8ea0a5;
	text-decoration: none;
}


.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.agenda-time { font-family: 13px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #265758;
	font-weight: 900;
	text-align:right;
	background-color:#f3f3f3;}
.agenda-session { font-family: 13px 'Open Sans', sans-serif;
	line-height: 16px;
	color: #056f64;
	background-color: #fafafa;}
.agenda-talk ul li { margin-left:20px; padding-bottom:10px; list-style:none;}
