@charset "UTF-8";
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, 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;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-family:Verdana, Arial, sans-serif;
	vertical-align: baseline;
}
:focus {outline:none;}/* focus styles tab outline for accessibility purposes */

blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/* Main Structure */
html {overflow-y: scroll;} /*Fixes jump on pages with less content - may not validate in strict mode */
body {background-color: #FFF;color:#404040;text-align: center;}
div {text-align: left;}
div#container {margin-top: 5px;position:relative;}
div#content-wrap, div#footer, div#cit, div#copyright, div#top {margin: 0 auto; width: 960px;}

div#top {height: 30px; position:relative;}
div#util {position:absolute; top:7px; left:800px;}
div#util form {width: 150px;}
#search-box-field {width:100px;}
#submit-btn {position:absolute; top:0px; left:110px;}

div#header-wrap {background-image:url(../images/body/header-bg.jpg); background-repeat:repeat-x;border-top: 1px solid black;}
div#header { margin: 0 auto; width: 1085px; position: relative;}
#header {background-image:url(../images/body/banner-1.jpg); height: 139px;} 
div#cit img {position:absolute;top:4px; left:0px;}
#home img#seismo-logo {float:left;}

.slideshow {position: absolute; top: 0px; left: 600px;}
.slideshow {width: 485px; height: 139px; overflow: hidden;} /*Fixes 'flash of unstyled content' on homepage banner rotator - See http://www.malsup.com/jquery/cycle/faq.html */
.slideshow img { display: block; width: 485px; height: 139px; }

div#content-wrap {margin-top:57px; margin-bottom: 50px;overflow:auto;}
#home div#main {width: 620px; float: left;}
#home div#sidebar {width: 320px; float: right; background-color:#FFF;padding:0;}
#sidebar ul {list-style: none;}

div.featured {border-bottom: 1px solid #ccc; padding: .5em 0;margin-bottom: .5em;overflow: auto; height: 100%;}
div.featured:last-child {border-bottom: none;}
div.bio {margin-left: 130px;}

div.featured-research {width: 175px; height: 175px; overflow: auto; float: left; text-align:center; font-size: 12px;}
div.featured-research:last-child {border-bottom: none;}
div.featured-research .title {text-align: center;}

div#footer-wrap {background-color: #EDF8FF; border-top: 1px solid #C8DFE7;border-bottom: 1px solid #C8DFE7; position:relative;}
div#footer {height: 150px;}
div#footer-logos {width: 350px; float: right;}
div#quicklinks, div#aboutlinks, div#contactlinks {width: 190px; float:left;}


/* Subpage styles */
div#page-heading {margin-bottom: 1em;}
div#main {width: 540px; float: left;}
div#nav-sub {width: 180px; float: left;margin-right: 20px;} 
div#sidebar {width: 200px; float: right; background-color:#EEE;}
div#main.one-col {width: 100%;}
div#main.two-col {width: 750px;}
div#main.two-col-img {width: 750px;}
div#main.two-col-img p {width: 490px;}
div#main.three-col {}

/* Navigation */
div#nav-wrap {background-color: #333;background-image:url(../images/body/nav-bg.jpg); background-repeat:repeat-x; border-top: 1px solid black; }
ul#nav-main {margin: 0 auto; width: 1000px; padding: .5em .6em;}
ul#nav-main ul {list-style: none;}
ul#nav-main li {display: inline;  }

#nav-main a {border-right: 1px solid #666; border-left: 1px solid #333;font-size: .9em; font-family: Arial, Verdana, sans-serif; text-decoration:none;  padding: .5em .6em; }

#nav-main a:link {color: #CCC;}
#nav-main a:visited {color: #CCC;}
#nav-main a:hover {color: #FFF; border-bottom: 5px solid #0094F0;}
#nav-main a:active {color: #FFF;}

#home #nav-main a.hpg, #recent #nav-main a.req, #info #nav-main a.eqi, #research #nav-main a.res, #education #nav-main a.edu, #people #nav-main a.peo, #facility #nav-main a.fac, #seminar #nav-main a.sem, #seismolife #nav-main a.slf, #news #nav-main a.new, #contact #nav-main a.con 
{color: #FFF; border-bottom: 5px solid #0094F0;} /* Styles page marker in main nav */


/* Sub Navigation */
div#nav-sub li {list-style-type:none; padding-bottom: 1em;}
div#nav-sub a {font-size: .9em; font-weight: bold; font-family: Arial, Verdana, sans-serif;  text-decoration:none;}
div#nav-sub a:hover {text-decoration:underline;}
div#nav-sub li li {font-size: .9em; list-style-type:circle; margin-left:1.5em; padding: 5px 0;}

/* Sidebar */
#sidebar li {font-size: .9em; line-height:1.5em; padding-bottom: 1em; }

/* Related Sidebar */
#sidebar ul#related {padding: .5em .5em .8em .5em;}
ul#related ul {padding-bottom: 0px;}
ul#related li {font-size: .8em; line-height:1.5em; padding-bottom: 1em; }
ul#related li li {font-size: 1em; padding-bottom: .5em; list-style-type:circle; margin-left: 1.2em;}

/* Type Styles */
a:link {color: #0097f1; text-decoration: underline;}
a:visited {	color: #004F7E; text-decoration: underline;}
a:hover { color: #0097f1; text-decoration: none;}
a:active { color: #004F7E; text-decoration: none;}

h1 {color: #999;font-size: 1.5em; border-bottom: 1px solid #999;}
h2 {font-size: 1.4em; color:#FF6600; padding-bottom: .3em;}
h3 {font-size: 1.1em; color:#404040; padding-bottom: .3em; }
h4 {color:#008ADD;font-size: 0.85em;letter-spacing:1px;padding-bottom: .3em;text-transform:uppercase;}
h5 {color:#000;font-size: 0.85em;letter-spacing:1px;padding-bottom: .3em;text-transform:uppercase;}
h6 {color:#666;font-size: 0.85em; font-weight:bold; padding-bottom: .3em;text-transform:uppercase;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: Arial, Verdana, sans-serif;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-size: .7em;}

h1#seismolab {position: absolute; top:100px;}
#home div#sidebar h4 {color:#FFF; background-color:#008ADD; display:block; font-size: 0.85em; letter-spacing:1px; padding:5px 0 4px 10px;text-transform:uppercase;}/*Recent Quakes on Homepage*/
div#sidebar h5 {color:#FFF; background-color:#999; display:block; font-size: 0.85em; letter-spacing:1px; padding:5px 0 4px 10px;text-transform:uppercase;}/*Related Links*/
#sidebar p, #sidebar h5, #sidebar h6 {padding: .5em .5em 0em .5em;}
#sidebar h6 {color:#404040;}
div#footer h6 {color:#404040;font-size: 0.85em; font-weight:bold;letter-spacing:1px;padding-bottom: .3em;text-transform:uppercase; font-size: .8em; padding-bottom: .6em;text-transform:uppercase; }

address {font-size: .75em; list-style-type:none; line-height: 1.4em;}
#main p {line-height:1.4em; padding-bottom: 1em; font-size:.75em;}
div.featured p {font-size: .85em; line-height: 1.2em; }
#main p.intro {border-bottom: 5px solid #eee; padding-bottom: 1em; margin-bottom: 1em;}
strong {font-weight: bold;}
em {font-style:oblique}
i {font-style:italic;}
.caption {color: #666; font-size: .7em; display:block;}

#main ul {margin-bottom: 1.4em;}
#main ul ul {margin-bottom: .5em;}
#main li {font-size: .8em; line-height: 1.4em; list-style-type:disc; margin-left: 2em;}
#main li li {font-size: 1em;list-style-type:circle;}

div#footer {padding: 15px;}

div#footer p {font-size: .75em; line-height: 1.5em;}
div#footer li {font-size: .75em; list-style-type:none; line-height: 1.5em;}
div#footer a {color:#404040; text-decoration:none; }
div#footer a:hover {color:#404040; text-decoration:underline;}
div#footer-logos {}
div#footer span.email a:link {padding-top: 20px;  font-family: Arial, Verdana, sans-serif; font-weight:bold;}

div#copyright {padding-bottom: 9px;}
div#copyright p {font-size: .75em; padding: 4px 0px; text-align: right; text-decoration:none;}
div#copyright a {color: #404040; text-decoration:none; }
div#copyright a:hover {color:#404040; text-decoration:underline;}

div#copyright a.acknowledge {color: #0097f1; text-decoration:underline;float:left;}
div#copyright a.acknowledge:link {text-decoration:underline;}
div#copyright a.acknowledge:hover {text-decoration:none;}

/* Tables */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption {font-size: .7em;}
caption, th, td {font-weight: normal; text-align: left;}
table {margin-bottom: .3em;}
table td {font-size: .8em; padding: .3em; }
/*table td {border-bottom: 1px solid #CCC;} Defines all tables to have bottom-border*/
#people table td, #contact table td, #education table td, #seminar table td {border-bottom: 1px solid #CCC;} /*Define individual tables to have bottom border - use body ID to specify*/

th {font-size: .85em; font-weight:bold;padding: .3em; border-bottom: 1px solid #CCC;}
ul#alphalist li {display: inline; font-size: 1em; list-style-type:none; margin: 0 .4em 0 0;} /*Indent alphabetical listing on people pg*/
#seismolist, #usgslist {padding: 0 1em 1em 1em;}
#contactlist {padding-bottom: 1em;}


/* Images */
img a {border:none;} /*removes default link outline on images*/
div#main .featured img.fltlt {margin: 0 15px 10px 0;}
div#main .featured img.fltrt {margin: 0 0px 10px 15px;}
div#main img.fltlt {margin: 0 15px 10px 0;}
div#main img.fltrt {margin: 0 0px 10px 15px;}
div#main img {border: 1px solid #333; padding: 1px;}

div#footer-logos img {float:left; padding-left: 20px;}
/*.img-insert {padding-bottom: 10px;}*/
div#main div.figure {margin-bottom: 1em; border: 1px solid black; padding:5px; overflow:auto; height:100%;}/*Height added for IE6*/
div#main div.figure img {border: none;}
div#main div.figure span {padding: 5px;}

.padding-lr {margin-left: 15px; margin-right:15px;}
.padding-tb {margin-top: 10px; margin-bottom: 10px;}
.photos {margin: 15px;}
.gallery img {margin-right: 5px; margin-bottom: 5px;}
.callout {margin-bottom: 1.3em; padding: 7px; background-color: #EDF8FF; border: 1px solid #C8DFE7;}


/* Button Styles */
div#sidebar div.button-wrap {margin-bottom: .5em; overflow: hidden; width: 100%;}
.clear { overflow: hidden; width: 100%; } /* generic container (i.e. div) for floating buttons */
div#sidebar div.button-wrap a.button {
    background: transparent url(../images/body/button-sprite.jpg) no-repeat scroll top right;
    background-color: #F90;
	color: #FFF;
    display: block;
    float: right;
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif; 
    height: 26px;
    padding-right: 18px;/*sliding doors padding */
    text-decoration: none;
}
div#sidebar div.button-wrap a.button span {
    background: transparent url(../images/body/button-sprite.jpg) no-repeat;
    display: block;
    line-height: 16px;
	padding: 5px 0 5px 16px;
}
div#sidebar div.button-wrap a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}
div#sidebar div.button-wrap a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 16px; /* push text down 1px */
} 

/* RSS Feed */
#sidebar div#local-eq ul, #sidebar div#world-eq ul {padding: .8em .5em .3em .5em;}
#sidebar div#local-eq li, #sidebar div#world-eq li {line-height: 1.5em; padding-bottom:1.2em;}
#sidebar p.disclaimer {color: #666; font-size: .6em; padding-bottom:.7em;}

/* Additional Classes */
.fltlt {float:left}
.fltrt {float:right;}
.rss {float: right; margin-right: 5px; background-color: #F90;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.hidelabel {display:none;}
.date {
	color: #666;
	font-style:normal;
}


/* People */
#people-container {float:left; width: 110px; height: 150px; margin: 0 25px 0 0; font-size: 11px; text-align:center;}

/* Image rotator homepage */
#main .bxslider li {margin-left:0px;}
#main .bxslider span.caption-title {min-height: 70px; display: inline-block;}
#main .bx-wrapper .bx-pager {bottom: 70px;}


/* nav */
.container-nav {
	/* width: 880px;*/
	/* padding: 40px;*/
	/* margin: 0 auto;*/
	/*z-index: 10;*/
	height: 36px;
	background-color: #333;background-image:url(../images/body/nav-bg.jpg); background-repeat:repeat-x; border-top: 1px solid black; 
}

#main_navigation {
	width: 1000px;
	margin: 0 auto;
	top: 20px;
	font-size: 12px;
	float: center;
	/*height: 50px;*/
	outline: none;
	margin-bottom: 80px;
	/*box-shadow: 0px 1px 2px rgba(0,0,0,0.5);*/
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	min-height: 37px;
	border-bottom: 2px solid #FFF;
	
}
.main-menu {
	display: block;
	z-index: 22222;
	/*font-family: 'Droid Arabic Kufi', tahoma, serif;*/
	letter-spacing: 0pt;
}
.main-menu ul li a, .main-menu ul li a:link, .main-menu ul li a:visited, .searchholder {
	border-bottom: 4pt solid transparent;
	padding-bottom: 10px;
	padding-top: 8px;
}
.main-menu ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	z-index: 10000;
	position: relative;
}
.main-menu ul li {
	display: inline;
	float: left;
	z-index: 100000;
}
.main-menu ul li > ul {
	z-index: 0;
	visibility: hidden;
	display: inline;
	opacity: 0;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 41px;
	left: -30px;
	color: #FFF;
	width: 1000px;
}
.main-menu ul li:hover > ul {
	display: block;
	visibility: visible;
	left: 0px;
	opacity: 1;
}
.main_list_item {
	height: 40px;
	z-index: 0;
}
.main_list_item > a.parent {
	position: relative;
}
.main_list_item > a.parent:after {
	content: "";
	position: absolute;
	left: 44%;
	top: 0px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #FFF;
}
.main-menu ul li a.main_list_link, .main-menu ul li a.main_list_link:link {
	line-height: 18px;
	text-shadow: none;
	font-size: 13px;
	/*text-transform: uppercase;*/
}
.main-menu ul li > a {
	display: block;
	text-decoration: none;
	padding: 0px 15px;
	/*border-radius:3px;*/
}
* html .main-menu ul li a {
	display: inline-block;
}
.main-menu ul li ul li a {
	margin: 0px;
}
.main-menu ul ul {
	background: #FFF;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	z-index: 101;
	color: #707070;
	width: 100%;
	position: absolute;
	left: 0px;
	overflow:hidden;
}
.main-menu ul li ul li {
	position: relative;
}
.main-menu ul ul li a, .main-menu ul ul li a:link, .main-menu ul ul li a:visited {
	height: 100%;
	text-transform: capitalize;
	margin-right: 0px!important;
	margin-left: 0px!important;
	font-size: 14px;
	color: #707070;
	z-index: 1000;
}
.main-menu ul ul li:hover > a {
	cursor: pointer;
	text-decoration: none!important;
}
.main-menu ul ul li > a:after {
	content: "";
	opacity: 0;
	position: absolute;
	left: 20px;
	top: 16px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 5px solid #FFFFFF;
}
.main-menu ul ul li:hover > a:after {
	content: "";
	opacity: 1;
	position: absolute;
	left: 0px;
	top: 14px;
	width: 0;
	height: 0;
	border-left: 5px solid #FFFFFF;
}
.main-menu ul ul ul {
	position: absolute;
	top : -2px;
	left: 100;
}
/* COLORS */
/* *********************************************************************************************************** */
/* BLACK */
.black {
	/* gradient */
	background-position: 0% 0%;
	border: 0px solid #EEE;
	background-image: linear-gradient(top, #363636, #1f1f1f); /* W3C */ /* IE5.5 - 7 */ /* IE8 */ /* IE9 */ /* Firefox */;
	background-color: #222;
	background-repeat: repeat;
	background-attachment: scroll;
}
.black .main_list_item:after {
	content: "";
	z-index: -1;
	position: absolute;
	border-right: 1px solid #353b3f;
	/* box-shadow: 1px 0px 0px #121517;*/
	height: 25px;
	top: 13px;
	/*background: #FFF;*/
}
.black ul li > a {
	color: #FFF;
}
.black ul ul li:hover > a {
	text-decoration: none!important;
	color: #FFF!important;
	background: #333;
	padding-left: 30px;
	text-shadow: 1px 0px 0px #3080b0;
}
.black ul li a:hover, .black ul li:hover a {
	color: #707070!important;
}
.black ul ul {
	border-top: 2px solid #ce462b;
	border-bottom: 1px solid #ce462b;
}
/* GRAY */
.gray {
	/* gradient */
	background-position: 0% 0%;
	border: 0px solid #EEE;
	background-image: linear-gradient(top, #959da4, #7e858b); /* W3C */ /* IE5.5 - 7 */ /* IE8 */ /* IE9 */ /* Firefox */;
	background-color: #959da4;
	background-repeat: repeat;
	background-attachment: scroll;
}
.gray ul ul {
	border-top: 2px solid #333333;
	border-bottom: 1px solid #333333;
}
.gray ul ul li:hover > a {
	text-decoration: none!important;
	color: #FFF!important;
	background: #959da4;
	padding-left: 30px;
	text-shadow: 1px 0px 0px #898989;
}
.gray ul li a {
	color: #333;
}
.gray ul li > a:hover, .gray ul li:hover > a {
	color: #FFF!important;
}
.gray .main_list_item:after {
	content: "";
	position: absolute;
	border-right: 1px solid #a3a8ad;
	box-shadow: 1px 0px 0px #6e7378;
	height: 25px;
	top: 13px;
	background: #FFF;
}
/* border fix */
.main_list_item:first-child:after {
	border-right: none;
}
nav {
	text-align: center;
}
.clear {
	clear: both;
}

#nav-main2 > li > a:link {color: #CCC;}
#nav-main2 > li > a:visited {color: #CCC;}
#nav-main2 > li > a:hover {color: #FFF; border-bottom: 5px solid #0094F0;}
#nav-main2 > li > a:active {color: #FFF;}
#nav-main2 > li > a {
    border-right: 1px solid #666;
    border-left: 1px solid #333;
	border-bottom: white;
}

#nav-main2 > li > ul a:hover { color: #008ADD; }

/* Social Media */

.socialmedia {padding-top:5px;}


/* EQ Button */
.eq-button {
	background-color: #e1e1e1;
    text-align: center;
    width: 200px;
    padding: 20px;
    margin: 10px 10px 10px 150px;
    font-weight: bolder;
}
.eq-button span a { 
	color: #fff !important; 
	text-decoration: none !important; 
}