html, body{
  margin: 0;
  padding: 0;
  background-color: #fff;
}
body{
  background-image: url('../images/right.png');
  background-repeat: repeat-y;
  background-position: right;
  padding: 0 11px 0px 0;
  background-color: #000;
}
#doc{
  background-image: url('../images/left.png');
  background-repeat: repeat-y;
  padding: 0 0px 1px 11px;
  min-width: 820px;
  background-color: #fff;
}
html,body,#doc{
  max-width: 1300px;
  margin: 0px auto;
}
/* LAYOUT */
/* General layout of the page */

/* #banner -- the very top white line */
#hd{
  background-color: #fff;
}
#banner {
  background-image:url(../images/banner-old.png);
  background-position:left 5px;
  background-repeat:no-repeat;
  height:60px;
  padding:10px 0;
}

#banner h1{
	position: absolute;
	top: 0px;
	left: 40%;
	display: inline;
	height: 0px;
	font-size: 1%;
	color: #fff;
       font-weight: normal;
       line-height: 1px;
	   margin-top: -200px;
}
#banner h2{
	text-align: right;
	margin: 20px 30px 0px 0px;
	font-size: 150%;
}
#hd img{
	position: absolute;
	top: 5px;
	right: 20px;
}
/* #nav -- main menu, the black bar; #menu -- main menu, the list containing main nav links */
#nav{
	width: 100%;
	border: solid #555;
	border-width: 1px 0;
	background-color: #000;
	margin: 0;
	padding: 0;
}
#menu{
	height: 100%;
	width: 100%;
	background-color: #000;
	margin: 0;
	padding: 0px;
	display: table-row;
}
#menu li{
	height: 100%;
	float: left;
	display: table-cell;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu a{
	display: block;
	padding: 6px 15px 2px 15px;
	background-image: url('../images/nav.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}
/* #secNav -- section menu, the gray bar; #secMenu -- section menu, the list containg section menu links */
#secNav{
	width: 100%;
	border: 0px solid #555;
	border-width: 0px 0px 2px 0px;
	background-color: #333;
	padding: 2px 0px 3px 0px;
}
#secNav h2{
	display: inline;
	font-size: 90%;
	margin: 0;
	padding: 0px 15px;
	font-weight: bolder;
}
#secMenu{
	height: 100%;
	margin: 0;
	padding: 0px;
	display: inline;
}
#secMenu li{
	height: 100%;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 15px;
}

/* #breadcrumbs -- breadcrumb menu */
#breadcrumbs{
	text-align: right;
	margin: 5px 10px 20px 5px;
	padding: 0;
}
#breadcrumbs li{
	list-style-type: none;
	display: inline;
}

/* #ft -- footer, black bar at the bottom */
#ft{
	text-align: center;
	padding: 10px 0 10px 0;
	width: 100%;
	background-color: #000;
	border-top: 1px solid #555;
}
#doc{
	min-height: 768px;
}

/* COLORS  * * * * * * * * * * * * * * * * * * * *\
 * The standard colors for the site.             *
 *                                               *
 * BORDERS: #555                                 *
 * GREY BOX: #333                                *
 * ORANGE: #F60                                  *
 * BLUE: #36C                                    *
\* * * * * * * * * * * * * * * * * * * * * * * * */

/* STYLE -- general colors and fonts */
body{
	font-family: Georgia, Times, serif;
}
a{
	color: #36C;
}
a:hover{
	color: #F60;
}
li span{
	color: #000;
	font-weight: normal;
}
p{
  padding: 0;
  margin: 5px 0;
}
h1,h2,h3,h4,h5{
	color: #036;
	padding: 0;
	margin: 5px 0;
}
h3{
	font-size: 180%;
}
h3 span, h4 span, h5 span{
	display: block;
	font-size: 75%;
	padding: 0;
	margin: 0;
	color: #036;
	font-weight: bold;
}
h3 a:hover span{
  color: #f60;
}
h4{
	font-size: 140%;
}
h5{
	font-size: 120%;
}
ul,ol{
	color: #036;
	font-weight: bold;
	margin: 5px 20px;
}

#bd .qa span{
	color: #036;
	font-weight: bold;
}
.byline{
	margin: 0 0 20px 0;
}
.byline span{
	display: block;
}
#breadcrumbs li{
	color: #000;
	font-weight: normal;
}
#hd{
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Tahoma', sans-serif;
	color: #f60;
}
#hd h2{
	color: #f60;
}

#menu a{
	font-weight: bolder;
	font-size: 100%;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -1px;
	color: #36F;
}
#menu a:hover{
	background-color: #fff;
	background-image: none;
	background-repeat: repeat-x;
}
#secNav a{
	color: #fff;
	font-size: 85%;
	text-transform: capitalize;
	text-decoration: none;
}
#secNav a:hover{
	color: #666;
}
#ft{
	border-top: 2px solid #555;
	color: #fff;
	font-size: 85%;
}
#ft a{
	color:#ffffff;
}
#ft a:hover{
	color:#F60;
}
.img, .video, .audio{
	display: block;
	margin: 15px 10px 5px 10px;
}
.img{
  font-size: 80%;
}
.img img{
	border: 1px solid black;
}
.img p{
	text-align: center;
	margin: 5px 0px;
}
.img p.credit{
	font-style: italic;
}
.right{
	float: right;
	margin-right: 0px;
	clear: right;
}
.left{
	float: left;
	margin-left: 0px;
	clear: left;
}
.center{
	text-align: center;
	margin: 5px auto;
}
.layout{
	padding: 10px;
}

li{
    margin: 5px 0px;
}

#right .nobull li{
       list-style: none;
}
.top{
  margin-top: -80px;
}

.toppish{
  margin-top: -40px;
}

#bd .rightsubmenu {
	display:block;
	float:right;
	font-size:90%;
	height:1.75em;
	margin:0;
}

#bd .rightsubmenu li{
	display:inline;
	padding-right:.5em;
}

p.right{
	text-align: right;
}
.noborder{
	border: 0px !important;
}

.noborder table, .noborder td{
border: 0px !important;
}

#left .fc-badge img{
display: none;
}

.even{
  background-color: #eee;
}

.clear{
clear: both;
}

.submenu li{
list-style: none;
display: inline;
float: left;
margin: 0 5px 0 0;
}

#bd{
min-height: 700px;
}

.more{
  text-align: right;
}

.ednote{
	font-style:italic;
}

#bd .top{
  margin-top: -80px;
}
#bd .required font{
	display: none;
}
#bd .subscriptionpage{
	padding: 10px;
	margin: 10px;
}
#bd .subscriptionpage li{
	list-style:none;
}
#bd .subscriptionpage input{
	margin: 5px;
}

#topsearch{
  float: right;
  font-size: 80%;
  margin-top: -2px;
}
#topsearch input[type=text]{
  width: 120px;
}
#frontsearch{
  text-align: right;
  margin-right: 3px;
  font-size: 70%;
  margin-top: 1px;
}


/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-closeResults { 
  float: right;
}

.cse-closeResults a {
  padding: 3px 5px;
  border: 1px solid #666;
  color:  #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.cse-closeResults a:hover {
  background: #ddd;
  border: 1px solid #000; 
}

.cse-overlay-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000;
}

.cse-overlay {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  width: 600px;
  background-color: #FFF;
  border: 1px solid #333;
  font-size: small;
  z-index: 50;
}

/**
 * Custom AJAXSearch styles
 */

.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  color: #008000;
}

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gs-title { 
  font-size: medium;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #676767;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 300px;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}
#tm{
width: 500px;
height: 100%;
float: right;
background-image: url('/images/animatedbanner.gif');
margin: 5px 0 0 0;
background-repeat: no-repeat;
text-indent: -60000px;
}