/* CSS Document */
body { /*needed for fixed-width centering - text-align: center - Do NOT change this*/
	margin: 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666; /**/
	background: #ffffff repeat-y 50% 0; 
	padding-bottom:30%;
}
#wrapper { /*needed for fixed-width centering*/
	position: relative;
	width: 828px;
	background-color: #fff; 
	margin: 0px auto 0px auto;
}
img {
  border:none;
}

/***** header *****/
#header {
	margin-top: 0px;
	width: 828px;
	height: 96px;
	background-image:url(graphics/header.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#banner {
	display:none;
	float: left;
	width: 495px; /*495px*/
	height: 60px;
}
.login {
	float: right;
	width: 201px; 
	height: 80px;
	text-align: right;
	padding-right:15px;
}
.login ul {
  list-style-type: none;
  margin:0px;
}
.login a {
  color:#ffffff;
  text-decoration:none;
  font-size:7pt;
  font-weight:bold;
}

/***** end header *****/
.navigation {
	position:relative;
	top:-35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%; /*.55ems;*/
	text-transform:uppercase;
	font-weight:bold;
	/*background-color: #d6dec6;*/	 /*all maroon - 835E59 99736F AE8C88 *C3A4A1*/
	width: 828px;
	height:0px;
	text-align:left;
	padding-bottom:8px;
}

.navigation#resource {
  padding-bottom:46px;
}


* html .navigation { /* IE box model calculation adjustment */
  margin-bottom:-134px;
  	/* non-Flash
  top:0px;
  margin-top:-34px;
  	*/
}
.navigation div {
	margin:0px;
	padding:0px; /*3px 10px 3px 10px;*/
}

/* non-Flash 
.navigation {
	padding-left:17px;
}

* html .navigation {
  margin-bottom:5px;
}

.navigation ul {
	margin: 0px;
	padding: 10px 0px 3px 0px;
	list-style-type: none;
}
.navigation li {
	display: inline;
}
.navigation a {
	border:none;
	border-bottom:1px solid #000000;
	padding: 3px 10px 3px 10px;
	margin-left: 1px;
	text-decoration: none;
	color: #ffffff;
}
.navigation a:link, .navigation a:visited {
	color: #ffffff;
}
.navigation a:hover {
	color: #000000;
	background-color: #ffffff;
	border-color: #ffffff;
}
.navigation a.current, .navigation .current a, .navigation .current a:visited {
	color: #000000;
	background-color: #ffffff;
	border-color: #ffffff;
}
*/


/*span.current {
	color: #474f49; 
	background-color: #fff;
	border-color: #586159;
	border-bottom: 1px solid #fff;
}*/
/***** end navigation *****/
.contentWrapper {
	width: 825px; /*width: 100%;*/
	min-height: 526px;
	/*background-image:url(graphics/bg_panel.gif); */
	background-repeat:no-repeat;
	/* overflow:auto; fits large #content divs with scrollbar*/
	margin-bottom:11px;
	padding:0px;
	border:solid 1px #989898;
}
* html .contentWrapper {
  margin-bottom:12px;
  background-attachment:fixed; /* IE scrolled this with contents of inner div */
}
.contentWrapper#splash {
	position:relative;
	width: 828px;
	top:-8px;
	margin-bottom:-8px;
	background-image:url(graphics/splash.jpg);
	border:none;
	padding-left:150px;
	color:#ffffff;
	overflow:hidden;
}

* html .contentWrapper#splash {
  margin-bottom:-4px;
  height:528px;
}

#content {
	padding: 8px 10px; /*20px 45px 20px 45px;*/
	width: 788px; /*404 406*/
}

* html #content {
	padding: 8px 5px; /*20px 45px 20px 45px;*/
}

#splash #content {
	float:left;
	width:490px;
}
/***/
#fie { /*I HATE i.e.*/
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
/***/
#content ul {
	font-size: .9em;
	color: #4c344a;/* 999*/
	margin-left: -18px;
	margin-right: 20px;
}
* html #content ul {
	margin-left: 18px;
}
#content ul li {
	font-size: .8em;
	color: #4c344a; /*232021*/
	text-align: left;
	margin-bottom:.5em; /*easyread*/
}
#content ol {
	font-size: .9em;
	color: #4c344a;/* 999*/
	/*margin-left: -18px;*/
	margin-right: 20px;
}
* html #content ol {
	font-size: .9em;
	color: #4c344a;/* 999*/
	/*margin-left: 18px;*/
	margin-right: 20px;
}
#content ol li {
	font-size: .8em;
	color: #4c344a; /*232021*/
	font-weight: bold;
	text-align: left;
	margin-bottom:.5em; /*easyread*/
}
#content div table {
  margin-left:0px;
}

.related {
	font-size: .685em;
	color: #ff9900; /*F8941E the orange in the cover*/
	line-height: 1.665;
	margin-bottom:-.99em; 
	margin-left: -3px;
}
* html .related {
	font-size: .685em;
	color: #ff9900; /*F8941E the orange in the cover*/
	line-height: 1.665;
	margin-bottom:-1.65em; 
	margin-left: -3px;
}
#content a {
	/*font-size: .665ems;*/
	color: #669478; /*669478 - F4AB5C - ff9900*/
	text-decoration: none;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	margin-left: -5px;
}
#content a:hover {
	 /*background-color: #F4AB5C;717a73
	color: #f4ab5c;*/
	/*background-color: #717a73;*/
	color: #fff;
}

.PersonForm {
	color: #000000;
}

.contentWrapper#splash .PersonForm {
	color:#ffffff;
}

.PersonForm .row {
	text-align:left;
	margin-bottom: .5em;
}

.Required {
	color: #ff9900;
	font-weight: bold;
}

.label {
	font-size: 9px;
	display: block;
}

.field {
	font-size: .9em; 
}

/********************/
#sidebar {
	display:none;
	float: left;
	width: 162px; /*173*/
	margin-right:11px;
	padding: 0px; /*30px 14px 300px 15px;*/
}

#sidebarcurtain {
  padding:30px 14px 1000px 15px;
  margin-bottom:-1000px;
  background-color:#912525;
  opacity:0.75;
  filter:alpha(opacity=50); /* IE's opacity*/
  height:1px; /* IE needed content or height to make div transparent */
}

#login {
	margin-top: 5px;
	margin-left: 6px;
	text-align: left;
}
.small {
	font-size: 9px;
	color: #ff9900; /*3E5749 - ff9900 - F8941E the orange in the cover*/
}
#sidebar a {
  position:relative;
  z-index:10;
	/*font-size: .665ems;*/
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}
#sidebar a:hover {
	background-color: #4C344A;
	color: #fff;
}
#sidebar img, #sidebar a, #sidebar form {
  position:relative;
  z-index:10;
}

#sidebar img, #sidebar a {
  display:none;
}

/***** end content - sidebar *****/
#footer {
	clear: both;
	height:54px;
	font-size: .595em;
	color: #ffffff;
	background-color: #912525;
	background-image:url(graphics/footer.gif);
	background-repeat:no-repeat;
	padding: 15px 10px 0px 10px;
	margin-top:5px;
}

#footer p {
  margin:0px;
  padding:0px;
}

* html #footer { /* IE: to tightly place beneath contentWrapper */
  margin-top:0px;
}

#footer a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}
#footer a:hover {
	background-color: #912525; 
	color: #fff;
}
.footnote {
	margin-left:0px;
	font-size: .985em;
	text-align: center;
	line-height: 1.995;
}
/***** end footer *****/

.title h1 {
  float:left;
  font-size:24px;
  margin:0px 25px 0px 25px;
}

* html .title h1 { /* IE margin needed to be smaller for float */
  margin-left:10px;
}

.title p {
  width:75%;
}

table {
  margin-left:25px;
}

p, dl {
	line-height: 1.166;
	font-size: .8em;
	padding: 3px 10px 3px 10px;
	text-align: left;
}
.left {
	margin-right: 200px;
}
h1 {   /*Welcome - toc*/
	font-size:175%;  
	font-weight: bold;
	color: #912525; /*maroon*/
	text-align: left;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-left: 6px; /*10*/
}
* html h1 {   /*Welcome - toc*/
	margin-top: 30px;
}
/*span.heading {
	color: #fff;
	background-color: #ff9900;
	padding: 3px;
	border-top: 1px solid #FFD494; 
	border-bottom: 4px solid #3E5749;
}*/
h2 {
	font-size: .815em;  
	font-weight: bold;
	color: #2D2D2D;
	line-height: 1.166;
	text-align: left;
	margin-top: 15px;
	margin-bottom: -8px;
	margin-left: 5px;
}
h3 {   /*Related title*/
	font-size: .915em; /*.8em*/ 
	font-weight: bold;
	color: #4c344a; /*maroon*/ /*#669478; F4AB5C*/
	text-align: left;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-left: 6px; /*10*/
}

h4 {
	font-size: .6em;  
	font-weight: bold;
}

/*span.heading3 {
	color: #fff;
	background-color: #ff9900;
	padding: 2px 3px 1px 3px;
	border-top: 1px solid #FFD494; 
	border-bottom: 4px solid #3E5749;
}*/



/* Gray's Atlas style stuff */

  /* Index on resources page */
.resource {
  width:260px;
  margin-top:30px;
  margin-bottom:60px;
  color:#666666;
  font-size:90%;
}

.resource a {
  position:relative;
  float:left;
  padding:0px;
  margin:0px;
}

.resource img {
  padding-right:10px;
}

.resource h2 {
  font-size:14px;
  margin:0px;
  padding:0px;
  color:#9d2a26;
  line-height:normal;
}

.resource p {
  margin-top:0px;
  font-size:10pt
}



  /* bottomstrip navigation at footer */
  
div#footer_bar{
	position:relative;
	float:left;
	background-image:url(graphics/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
}

div#footer_bar a{
	color: #000000;
	text-decoration: none;	
}

.footer_item{
	float:right;
	width:73px;/* with 7 icons: 73 */
	padding:12px;
	padding-left:32px;/* with 7 icons: 22 */
	padding-right:33px;/* with 7 icons: 23 */
}



	/* product page styles */
.product{
	clear:both;
}
.product h1,h2{
	margin:0px;
	color:#9D2A26;
	
}
.product h1{
	font-size: 18px;	
}
.product h2{
	font-size: 15px;	
}

.product_shot{
	float:left;
	margin:10px;
	margin-bottom:0px;
	text-align:center;
	min-height:200px;
	height:auto !important;
	height:200px;
}

.product p.description {
  clear:both;
}
/***** end product page *****/



	/* styles copied from HHS.css */
dl.bio dd + dt, * html dl.bio dt {
  margin-top:1em;
}

  /* necessary since headshot image is floated and overlaps contentWrapper border */
dl.bio dd {
  min-height:106px;
}

* html dl.bio dt { /* IE doesn't do adjacent */
  margin-top:1em;
}
dl.bio dd {
  margin-left:0px;
}
dl.bio dd + dd {
  margin-top:.5em;
}
dl.bio dt {
  clear:both;
  margin-bottom:1em;
  font-weight:bold;
  font-size:105%;
  color:#666666;
}
dl.bio .contact {
}
img.headshot {
  float:left;
  padding:0px 18px 18px 10px;
  border:none;
}
/***** end HHS.css *****/



	/* styles for grays atlas only */
.cc_nav1{
	padding-left:14px;
	padding-right:10px;
	height:36px;
	background-image: url(resources/cc/images/tab_1.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
.cc_nav2{
	padding-left:14px;
	padding-right:10px;
	height:36px;
	background-image: url(resources/cc/images/tab_2.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
.cc_nav, #content div.cc_nav{
	padding:0px;
	font-size:12px;	
}
.cc_nav a, #content .cc_nav a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;	
}
* html .cc_nav a, #content .cc_nav a{ /* IE cut off left edge of text */
  padding-left:5px;
}
.cc_nav a:hover{
	text-decoration: underline;	
}
#qa_wrapper{
	background-image: url(resources/qa/images/bg.gif);
	background-repeat: no-repeat;
	background-position: 7px 2px;
	height:500px;
}
#qa_nav{
	position:absolute;
	top:52px;
	left:50%;
	margin-left:-376px;
}
#qa_nav img { padding-bottom:3px; }
#qa_status{
	position:absolute;
	top:319px;
	left:50%;
	margin-left:-376px;
}
#qa_content{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-125px;
}
#glossary_nav{
	background-image: url(../resources/glossary/images/bg.gif);
	background-repeat: no-repeat;
	background-position: -3px -5px;
}

#searching{
	display:inline;
	margin-left:10px;
	visibility:hidden;
}

#find_next{
	display:inline;
	margin-left:-90px;
	visibility:hidden;
}

#latin_sort{
	margin-top:10px;
	margin-left:45px;
}

#english_sort{
	margin-top:-19px;
	margin-left:302px;
}
/***** end grays atlas css *****/


/***** end *****/