/* BEGIN GLOBAL STYLES */
#header *, #footer *, #leftcol *, #rightcol * {	margin: 0;	padding: 0;}
p{position:relative;}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */
body {margin: 0;padding: 0;background:#FFF;font-family: verdana, arial, sans-serif;font-size: 100%;}
a img { border: 0; margin: 0; padding: 0; }
.indent {padding-left: 20px;}
#wrapper{width:955px;margin:0px auto;padding:0;background:#fff;z-index:5;}
a:link { color: #20757C; font-weight: bold; text-decoration: underline;}
a:visited {color: #00505A; font-weight: bold; text-decoration: underline;}
a:hover {text-decoration: none;}
a.nul:link  { color: #20757C; font-weight: bold; text-decoration: none;}
a.nul:visited {color: #00505A; font-weight: bold; text-decoration: none;}
a.nul:hover {text-decoration: underline;}
acronym { border-bottom: 1px black dotted; }
sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	vertical-align: bottom;
	position: relative;
	
}
#dbat
{
	background-image: url(http://www.seismosoc.org/graphics/SRL_dingbat.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 8px;
}
sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
/* END GLOBAL STYLES */

/* BEGIN STYLES FROM OLD SITE */
.rssbox
{
	background: #FF6600;
	color: #FFFFFF;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	padding: 0px 4px 1px 4px;
	font-size: 11px;
	text-align: center;
	border-right: #993300;
	border-bottom: #993300;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
	text-decoration: none;
	vertical-align: middle;
}
  a.rssbox:link { color: #FFFFFF; text-decoration: none;}
  a.rssbox:visited { color: #FFFFFF; text-decoration: none; }
  a.rssbox:hover { background-color: #FF3300; text-decoration: underline; color: #FFFF99; }
  a.rssbox:active { color: #FF3300;text-decoration: underline; }
.nub {background-color: #699;color: #FFFFFF;font-weight: bold;text-align: center;text-decoration: none;	vertical-align: top;padding: 5px 10px;text-transform: uppercase;}
.nub:hover, .nub:focus {background: #00505A;position: relative;top: 1px;left: 1px;}
.tablue { border: 3px solid #669999; background-color: #669999; width: 100% }
.tablue a { color: white; }
.Normal { margin: 20px 40px; background-color: #FFFFFF; width: 640px; }
.Medium { margin: 20px 40px; background-color: #FFFFFF; width: 700px; }
.Wide { margin: 20px 40px; background-color: #FFFFFF; width: 800px; }
.navlogo { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; font-variant: small-caps; color: #FFFFFF; text-align: right; vertical-align: bottom; }
.navlogo a:link { text-decoration: none; }
.navlogo a:hover { text-decoration: underline; }
code {font-size:1em;font-family:verdana, arial, sans-serif;}
.date { font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; }
.back { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
a.nouline:link  { color: #20757C; font-weight: bold; text-decoration: none;}
a.nouline:visited {color: #00505A; font-weight: bold; text-decoration: none;}
a.nouline:hover {text-decoration: underline;}
/*END STYLES FROM OLD SITE */

/* BEGIN HEADER STYLES */
#skipnav a {margin: 0px auto;}
#skipnav a {display:block;width:955px;position:relative;padding:2px 0 2px 0; font: bold 0.7em verdana,sans-serif;text-transform:uppercase;text-decoration:none;text-align:center;;z-index:5}
#skipnav a:link, #skipnav a:visited {color:#699;background:#699;}
#skipnav a:hover, #skipnav a:focus, #skipnav a:active{color:#ffffff;background:#666;}
#header {min-height: 110px;height: auto;*height: 110px;background-color: #699;position:relative;z-index:5;background-image: url('http://www.seismosoc.org/images/header-bg.gif');background-repeat: no-repeat;background-position: bottom left;}
#header img {float: left;padding-top: 25px;padding-left: 20px;}
#header div {float: right;width: 175px;color: white;}
#header ul {list-style-type: none;}
#header ul li {font-size: .75em;line-height: 1.2;}
#header ul li a:link, #header ul li a:visited {color: white;text-decoration: none;font-weight: normal;}
#header ul li a:hover {text-decoration: underline;}
#header label {font-size: .625em;font-weight: bold;}
#header fieldset {border: 0;}
#header legend {/*change background color and font-size for Safari 4 beta, since it ignores display:none;*/
color: #669999;font-size:1px;
	display: none;}
#header label {width:150px;}
#header form input {width: 150px;}
/* END HEADER STYLES */

/* BEGIN STYLES FOR MAIN NAV MENUS */
#topnav {background-color: #666;position: relative;z-index: 5;padding: 5px 5px 5px 0;}
#topnav ul {list-style-type: none;padding: 0;margin: 0;color: #fff;font-size: .75em;font-weight: bold;}
#topnav ul li {display: inline;margin: 0;*height: 1%;position: relative;border-right: 1px solid white;padding: 5px 0;*padding: 0;}
#topnav li ul {position: absolute;left: -9999em;background-color: #666;margin-top: 5px;*margin-top: 24px;}
#topnav li ul li {border: 0;border-top: 1px solid white;font-weight: normal;font-size: 1.43em;width: 164px;padding: 0;display: block;}
#topnav ul li a {color: #fff;text-decoration: none;padding: 5px 10px;}
#topnav li ul li a {display: block;font-weight: normal;}
#topnav ul li a:hover, #topnav ul li a:focus {background-color: #a8a8a1;}
#topnav li ul li a:hover, #topnav li ul li a:focus {background-color: #a8a8a1;}
#nav2 li:hover ul, #nav2 li.sfhover2 ul, #nav2 li:focus ul {left: 0;}
/* END STYLES FOR MAIN NAV MENUS */

/* BEGIN POSITIONING STYLES */
#container {           /* 'container' is the containing block for left nav section, center content, and optional right sidebar */
	position: relative;width: 955px;clear: both;}
#leftcol, #rightcol { /* these contain content for left nav bar and right side column */
 	width: 165px;z-index: 2;position: relative;float: left;display: inline;padding: 20px 0;}
#leftcol {            /* we create a min-height for the homepage left col only, so that lower content in left side bar doesn't bleed into left nav if center content is very short */
	min-height: 340px;*height: 360px;}
#rightcol {float: right;width: 195px;color: #444;padding-top: 15px;}
#rightcol p {padding: 0 5px 15px 15px;}
#content {               /* center content block of the page */
	width: 565px;float:left;display: inline;position: relative;z-index: 1;margin: 0;font-size: .75em;
	padding: 15px 15px 80px 15px; /* extra padding at the bottom to leave space for our 'last modified: xxx' info */
}
.col{                 /* this does generic positioning for our bottom color layers to create full-height columns, no matter which column has the most content */
	position: absolute;z-index: 0;left: 0px;bottom: 0;}
.one{background-color:#ffc;width:165px;}     /* classes one, two, and three are added to each column to give them the proper width, color, and background image */
.two{background-color:#fff;width: 595px; left:165px;}
.three {background-color:#9CC;left:760px;width:195px;background-image: url('http://www.seismosoc.org/images/fault.gif');background-repeat: no-repeat;background-position: bottom left;}
html>body .col{top:0} /* hide from ie6 and under*/
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both;}
/* END POSITIONING STYLES */

/* BEGIN STYLES FOR LEFT NAVIGATION MENUS */
#leftcol ul {         /* positions top-level menu and styles intro text */
	list-style-type: none;padding: 0;margin: 0;padding-left: 10px;width: 155px;font-size: .75em;background-color: #ffc;}
#leftcol h2 {margin: 0;padding: 0;padding-left: 10px;margin-bottom: 3px;font-weight: bold;font-size: .75em;color: #699;}
#leftcol ul li { /* styles and positions each top level menu item */
	position: relative;font-size: 1.43em;font-weight: normal;background-color: #ffc;margin: 0;border-bottom: 1px solid #666;*height: 1%; /* to trigger hasLayout for ie */
	vertical-align: middle; /* to fix ie whitespace bugs in lists */
}
#leftcol li ul li {border: 1px solid white;border-top: 0;}
#leftcol li ul { /* removes left-padding from second level menus, positions them initially off the page (invisible) */
	position: absolute;top: -1px;left: -9999em;font-size: .6875em;padding: 0;background-color: #699;}
#leftcol ul li a { /* sets styles for first-level links */
	display: block;text-decoration: none;color: #666;padding: 5px;font-size: .75em;width: 145px;font-weight: normal;}
#leftcol li ul li a { /* sets styles for second-level links */
	color: #fff;background-color: #699;}
#leftcol ul li a:hover { /*sets hover for first-level links */
	color: white;background-color: #699;}
#leftcol li ul li a:hover { /*sets hover for first-level links */
	background-color: #66A9A9;}
#leftnav li:hover ul, #leftnav li.sfhover ul { /*sets position of second-level menus to appear on hover/mousover */
	left: 155px;}
/* END STYLES FOR LEFT NAVIGATION MENUS */

/* BEGIN STYLES FOR CENTER CONTENT */
/* breadcrumbs */
#breadcrumbs ul {list-style-type: none;color: #666;font-size: .91em;margin: -10px 0 10px -5px;padding: 0;}
#breadcrumbs li {display: inline;padding: 0;}
#breadcrumbs a, #breadcrumbs a:visited {font-weight: normal;color: #699;}
/* general content */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color: #000;}
#content h1 {font-size: 1.75em;}
#content h2 {font-size: 1.37em;}
#content h3 {font-size: 1.19em;}
#content h4 {font-size: 1em;}
#content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {text-decoration: none;}
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {text-decoration: underline;}
#medalists {list-style-type: none;text-align:center;font-size: 1.5em;font-family: serif;}
#medalists li {padding-bottom: 5px;}
.box-right {float: right;border: 1px dashed gray;padding: 15px;margin: 0;margin-left: 10px;margin-bottom: 10px;position:relative;z-index:7;}
.printOnly {display:none;}
.error {color:red;font-weight:bold;}
#modify-date {text-align: right;padding-top: 15px;font-size: .625em;font-style: italic;position:absolute;bottom: 2px;right: 202px;color: #BBB;}
/* forms */
#content fieldset { border: 1px solid #aaa; } /*default width of fieldset is 100%, override for individual forms on their respective pages */
#content fieldset legend {color:#fff;background-color:#699;font-weight:bold;padding:3px 6px;}
#content fieldset ol {list-style-type:none; margin: 0; padding: 0;}
#content fieldset label {display: -moz-inline-block;display: -moz-inline-box;display: inline-block;width:125px; /*label functions best with a default width, wider ones can be set on individual pages*/
	}
#content fieldset li {margin:0; padding:5px;}
/* END STYLES FOR CENTER CONTENT */

/*BEGIN FOOTER STYLES */
#footer{background:#699;position:relative;z-index:5;clear: both;color: #fff;text-align: center;padding: 20px 10px;font-size: .75em;}
#footer ul {list-style-type: none;padding-bottom: 15px;}
#footer li {display: inline;padding: 0 5px;margin: 0;border-right: 1px solid #ffc;vertical-align: middle;text-align: center;}
#footer li.first {border-left: 1px solid #ffc;}
#footer li a:link, #footer li a:visited {color: #ffc;text-decoration: none;font-weight: normal;}
#footer li a:hover {text-decoration: underline;}
#footer a:link, #footer a:visited {color: #fff;text-decoration: none;font-weight: normal;}
#footer a:hover {text-decoration: underline;}
/* END FOOTER STYLES */