/*

Site: Geophysical Society of Houston
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: www.gshtx.org/

*/


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, 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,
caption {
margin:0;
padding:0;
} 

html, body {
height: 100%;
}

a img { border: none; }
a { outline: none; }

body {
	background: #FFF url(/images/home/body-bg.jpg) top left repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #464646;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: normal; color: #23385b; margin: 20px 0 8px 0;  } 
h1 { font-size: 24px; color: #000; }
h2 { font-size: 22px;  }
h3 { font-size: 18px; }

p { margin-bottom: 12px; color:#464646 }

a { color:#610202;  }
a:hover, #footer-area a:hover {color: #999}

.clear {clear:both; margin:0; padding:0}

/* STRUCTURE */
#wrapper-header {width: 100%; height: 158px; background:url(/images/home/header2.jpg) top center no-repeat;}
#header {width: 990px; margin: 0 auto; position: relative; height: 158px;z-index: 999;}

	#gsh-logo{width:581px; height:122px; margin:0; padding:0; float:left;}
	
	#address {font-size:11px; color:#FFF; text-align:right; padding-top:15px;}
	#address p {color:#FFF;}



.content-wrapping {width: 990px; margin: 0 auto; padding:0; position: relative; z-index: 1; }
	
	.left-column {width:235px; float:left; margin: 15px 0 10px 0; padding: 0 14px 0 0; line-height: 18px}
		
		/*.left-column img {border: 3px solid #BDBDBD;}*/
		
		.left-column h2 {font-size: 14px; font-weight:bold; margin:10px 0 0 0; padding:0}
		
		.left-column h3 {font-size: 12px; font-weight:bold; margin:0 0 10px 0; padding:0}
		
	
	.mid-column {width: 604px; float:left; margin: 15px 0 10px 0; line-height:18px}
	
		h1.bold-red {font-size: 16px; color:#610202; font-weight:bold; margin:0 0 11px 0; padding:0 0 0 15px; line-height: 18px}
			
			#upcoming-events-title {display: block; width:240px; float:left }
	
		.blue-box {width: 574px; background-color: #DFE3E9; padding: 15px 15px 8px 15px; margin: 0;}
			
			.blue-box-right{width: 330px; float:right}
		
			
			
			.blue-box-right ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.blue-box-right  ul li.item {
display:block;
padding:5px 0;
}
.blue-box-right .title {
margin-left:70px;
text-align:left;
}
.blue-box-right .date {
float:left;
width:70px;
}
		.mid-tables {color:#464646; line-height: 18px}
		
		.updated-articles a {color:#000;}
	
	.right-column {width: 126px; float:right; margin: 15px 0 10px 0;}
	.right-column a { display: block; width: 120px; height: 90px; margin-bottom: 20px; }
	.right-column div a { display: inline; width: auto; height: auto; margin: 0; }


	h1.headlines {display:block; line-height: 18px; padding:0 0 0 25px; margin:0 0 11px 0; color:#23385B; 
	background:url(../images/home/title-circle.jpg) top left no-repeat; font-size:16px; font-weight:bold}
	
	.clear-footer {height: 67px;  clear:both;}

#footer-area {height: 67px; position:relative; background-color:#324C72; color:#FFF; font-size:11px}
#footer-area a {color:#FFF}


/*Login Area*/
#mini-login { }
#mini-login p { font-size: 12px; }
#mini-login p { color: #fff; float: right; }
a.login-button {
	display: block;
	width: 60px;
	height: 20px;
	padding: 2px 0 0 0;
	margin-top: -2px;
	background: transparent url(/images/login-bg.jpg) no-repeat top left;
	text-align: center;
	color: #000;
	font: 11px/1.4em normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

/*Template*/
#bodycontent {width: 715px; float:right; margin: 15px 0 10px 0; padding: 0; line-height:18px; position: relative;}

	#bodycontent h1 {font-size: 16px; color:#610202; font-weight:bold; margin:0 0 11px 0; padding:0; line-height: 18px;
	float:left; width: 100%}


/* Tendenci */

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #993300}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}



input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

#showh{
	margin-bottom: 20px !important;}

}

body#blue-bg {background-image: none;

.clear { clear: both; height: 0; }