* {
	margin: 0;
	padding: 0;
}

body{
 background-color: #304A24;
 text-align: center;
 font-size: 62.5%;
 max-width: 100%;
}

/*------------------------------*/
/* CONSTRAINED PAGE STARTS HERE */
/*------------------------------*/
#wrapper {
	min-width: 80em;
	max-width: 110em;
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 0;
	background-color: #FFF;
	text-align: left;
}

/*----------------*/
/* HEADER STYLES  */	
/*----------------*/

/* IMAGE AREA */
#banner {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	height: 79px;
 background-color: #000;
}
#banner_ATS {
	margin: 0;
	padding: 0;
 background-color: #000;
	background-image: url(https://rock.geosociety.org/graphics/headerPics/headerStore_r1_c1.jpg);
	background-repeat: no-repeat;
	height: 79px;
}

#banner .print { display: none;}

#banner p, #banner_ATS p {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
 line-height:1;
}

#banner table, #banner_ATS table {
	float:right;
	border:none;
	margin: 0 .2em 0 0;
	padding:0;
	}

#banner a, #banner a:link, #banner a:visited, #banner a:focus, #banner a:active, 
#banner_ATS a, #banner_ATS a:link, #banner_ATS a:visited, #banner_ATS a:focus, #banner_ATS a:active 
{
 color: #999;
 text-decoration: none;
} 

#banner a:hover, #banner_ATS a:hover {
 color:#CCC;
 text-decoration: underline;
} 

#banner form, banner_ATS form {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0 .5em 0 0;
	vertical-align: top;
}

/*the following 2 lines apply only to the site map page and is there because ATS is scraping that page for store tags*/
#banner_ATS, #banner_ATS .profile, #banner_ATS .bookstore { display:none;}

/* BAR BELOW BANNER IMAGE */
#bottomBar, #bottomBar_ATS {
 height: 1.8em;
	background-image: url(https://rock.geosociety.org/graphics/headerPics/headerHome_r2_c1.jpg);
	background-repeat: no-repeat;
	margin: 0;
}
#bottomBar p {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color: #E1E1E1;
	text-align: right;
	padding: .1em 1em .3em .4em;
}
#bottomBar_ATS p {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color: #E1E1E1;
	text-align: right;
	padding: 1px 11px 0 5px;
}
#bottomBar p a, #bottomBar_ATS p a {
	color: #CCC;
	text-decoration: none;
}
#bottomBar p a:hover, #bottomBar_ATS p a:hover {
	color: #E1E1E1;
	text-decoration: underline;
}
#bottomBar p.pLeft, #bottomBar_ATS p.pLeft {
	float: left;
}
#bottomBar p.pRight, #bottomBar_ATS p.pRight {
	float: right;
}
#bottomBar_ATS { display:none;}

div#bottomBar_ATS { display: block; }
div#bottomBar { display: none; }


/*LOGIN CONTENT*/
#loggedout { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; margin-top: 1px; display: inline; float:right;}
#loggedin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; margin-top: 1px; float:right;}
#loggedin a[href="/profile/edit_profile.aspx"]{margin-left: 10px; color: #CCC;	text-decoration: none;}
#loggedin a[href="/profile/logout.aspx"]{margin-left: 10px;	color: #CCC; text-decoration: none;}
.logincontent, .logincontent a {
 position: relative;
 text-align: right;
 vertical-align: baseline;
 display: inline;
 color: #CCC;
	padding: 0;
 margin: 0;
 text-decoration: none;
}
.logincontent a:hover { color: #E1E1E1; text-decoration: underline;}


/*---------------------------*/
/* LEFT COLUMN & NAVIGATION  */	
/*---------------------------*/
#leftcol {
	clear:both;
	padding: 0;
	width: 15em;
	color: #000;
	float: left;
}

/* TOP-LEVEL MENU */
#leftcol p.topMenu, #leftcol p.topMenuOn {
	font: bold 120% Arial, Helvetica, sans-serif;
	clear: left;
	margin: 0;
	border-bottom: 1px solid #666;
}

#leftcol p.topMenu a {
 text-decoration: none;
	color: #000;
	padding: .4em;
	background-color:#CCC;
	display: block;
}

#leftcol p.topMenuOn a {
 text-decoration: none;
	color: #CC0000;
	padding: .4em;
	background-color:#CCC;
	display: block;
}

#leftcol p.topMenu a:hover, #leftcol p.topMenuOn a:hover {
 text-decoration: none;
 color: #00CC00;
	padding: .4em;
	background-color:#FFF;
	display: block;
}

/* SUB MENU */
#nav ul { /* 1st level lists */
 margin: 0;
	padding: 0;
 list-style: none;
 z-index: 99;
}

#nav li { /* 1st level list items */
	margin: 0;
	padding: 0 0 .1em .3em;
	clear: left;
	list-style: none;
}

#nav li a { /* 1st-level list item links */
	width: 13em;
	display: block;
	color: #333;
	font: bold 110% Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-decoration: none;
	background-color: #FFF;
	border-bottom: 1px dashed #CCC;
	margin: 0;
	padding: .2em 0 .2em .2em;
}

#nav li ul { /* 2nd level lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 13.6em;
}
	
#nav li li { /* 2nd-level list items */
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 13.6em;
}
	
#nav li li a { /* 2nd-level list item links */
	width: 13.6em;
	display: block;
	color: #333;
	font: 105% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	text-decoration: none;
	border-bottom: none;
	margin: 0;
	padding: .2em 0 .25em .5em;
}

#nav li li ul { /* 3rd-level lists */
		position : absolute;
		left: -999em;
		margin-left : 14.8em;
		margin-top : -1.6em;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	
#nav li li li a { /* 3rd-level list item links */
	width: 13em;
	display: block;
	background-color: #F5F5F5;
	color: #333;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1em;
	text-decoration: none;
	border-top: 1px solid #CCC;
	margin: 0;
	padding: .5em 0 .5em .5em;
}

#nav li li li a:active, #nav li li li a:focus {
 color: #CC0000;
}

#nav li li ul ul { /* 4th-level lists */
	left: -999em;
}
	
#nav li a:hover {
	color: #000;
	background-color: #E7F8CD;
 height: 1.1;
}

#nav li a:active, #nav li a:focus {
	color: #CC0000;
	background-color: #FFF;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*---------------*/
/* FOOTER STYLES */
/*---------------*/
#footer {
	clear: both;
	background-color: #000000;
	margin: 0;
	padding: 0;
	height: 5em;
}

#footer p.left {
 float: left;
 font-size: 110%;
 color: #CCC;
 margin: 0;
 padding: 1em .8em;
}

#footer p.right {
 float: right;
 font-size: 110%;
 color: #CCC;
 margin: 0;
 padding: 1em .8em;
	text-align:right;
}

#footer a, #footer a:visited, #footer a:active, #footer a:focus {
 color: #CCC;
	text-decoration: none;
}

#footer a:hover{
 color: #CCC;
 text-decoration: underline;
}
#content .ImgWrap {
 display: block;
 float: right;
 margin-bottom: 0.5em;
 margin-left: 1em;
 font-size: 90%;
 text-align: center;
}