/* 
Based on Tonico's elaborate flexible-layout http://www.webproducer.at/flexible-layout/
Gee's Static-n-centered version
*/
body {
	font-size: 76%;
	 /*font-size: 100.01%; [1] */
	margin:0;
	padding:0;
}
#header,
#matter,
#footer,
#dropper {
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
}
#header .div-wrapper,
#matter .div-wrapper,
#footer .div-wrapper,
#dropper .div-wrapper {
	text-align:center;
	width:700px;
	margin:0 auto;
	position:relative;
}
#col-a {
  float: right;
  width: 100%;
}
#col-a[id] { /* [2] */
  margin-left: -1px;
  text-align:left;
}
#col-b {
  float: left;
  margin-left: -170px;
  z-index: 10; /* [3] */
  text-align:left;
}
#col-b[id] { /* [2] */
  margin-right: 1px;
}
#col-c {
	float: right;
	margin-right: -170px;
	z-index: 11; /* [3] */
	text-align:left;
	position:relative;
}
#col-c[id] { /* [2] */
  margin-left: 1px;
}
#grid {
	text-align:center;
}
.show-all #grid {
  padding: 0 170px;
}
.hide-left #grid {
  padding: 0 170px 0 0;
}
.hide-right #grid {
  padding: 0 0 0 170px;
}
.hide-all #grid {
  padding: 0 0 0 0;
}
.cols-wrapper {
	position:relative;
	width: 100%;
	margin:0 auto;
}
.hide-all #grid .cols-wrapper{
  width: 700px; /* static-ing the column */
  margin:0 auto;
}
.cols-wrapper[class] {
	padding-bottom: 0.1px;
}
.float-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
}
.float-wrapper[class] { /* [2] */
  margin-right: -1px;
}
.sidecol {
  position: relative;
  width: 170px;
  overflow: hidden;
}
.box {
  padding: 0 0;
  text-align:left;
}
.main-content {
  margin: 0 15px 0 15px;
  text-align:left;
}
#hack, #hack p {font-size:20px; margin:0; padding:0} /* to allow backgrounds this hack is needed */
/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/


/* HEADER */

#header{

}
#logobox {

}
#logobox p{
	margin:0;
	padding:0;
}

#cse-search-box,
#searchform{
	margin:0;
	padding:0;
	border: none 0px #ffffff;
}
#cse-search-box p,
#searchform p {
	margin:0;
	padding:0;
}
#cse-search-box input,
#searchform input {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
}
#searchbutton,
.searchbutton{
	color:#ffffff;
	background-color:#8888BB;
	border: 1px solid #993333;
}

/* MATTER */
#matter {margin-top:2em;}

#matter .div-wrapper{
	border-left:1px dotted #333333;
	border-right:1px dotted #333333;
}
h1.basicunit {
	font-size: 0.95em;
	color: #886666;
	margin-bottom: 0.5em;
}
.hide-left .main-content {
	 margin-left:15px;
}
ul.shelflist {
	margin-top:1.5em;
}
ul.shelflist li{
	margin: 0 0 .3em 0;
}
p.tripodad{
	margin:0;
	padding:0 0 1.2em 0;
	clear:both;
}
p.tripodad img{
	margin:2px 10px 1.2em 0;
}
p.buttonimage{
	margin:0;
	padding:0 0 1.2em 90px;
	clear:left;
}
p.buttonimage img{
	margin:0 0 0 -90px;
}
div.sidebar {
	width: 160px;
	margin: 0 0 10px 10px;
	padding: 5px;
	font-size:.9em;
	line-height:1.2em;
	border-bottom:1px dotted #999999;
	border-top:1px dotted #999999;
	float: right;
}
div.sidebar hr{
	display:none;
}
div.illustration,
td.illustration {
	width: 160px;
	margin: 0 0 10px 10px;
	padding: 0 5px 5px 5px;
	font-size:.9em;
	line-height:1.2em;
	border-bottom:1px dotted #999999;
	float: right;
}
div.illustration img,
td.illustration img {
	margin-bottom: .7em;
}
div#bumper{
	position:relative;
	margin:0;
	padding:0;
	width:160px;
}
p#bumpermore {
	display:block;
	height:19px;
	margin:0;
	padding:0;
	background:  url(../images/bumper-more.gif) no-repeat;
}
p#bumpermore a {
	display:block;
	height:19px;
}
p#bumpermore span{
	display:none
}
p.photocredit{
	color: #666666;
	font-style:italic;
}

/* FOOTER */

.gutterbox{
	text-align:center;
	padding:1em;
	margin:0;
	font-size:.9em;
	line-height: 1.2em;
}
.gutterbox p {
	margin:0;
	padding:0;
}

/* SECONDARY AND TERTIARY COLUMN STYLES */

#col-c .box {
	margin:0;
	padding: 0 0 10px 0;
	position:relative;
}/* below: apply padding to all interior boxes*/
div#col-c div.box {
	text-align:left;
	font-size: 0.9em;
	line-height: 1.1em;
	margin: 0;
	position:relative;
}
div#col-c div.box {
	border-left:1px solid #cccccc;
}
div.lateralnav{
	background: url(../images/lateralnav-bak.gif) repeat;
	padding:10px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 1em;
	line-height: 1.1em;
}
div#col-c div.box h3{
	padding-left:10px;
	padding-right:10px;
	font-size: 1em;
	line-height:1.2em;
	margin: 1.5em 0 1em 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#col-c div.box ul {
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
}
div#col-c div.box p {
	margin: 0 10px;
}
div#col-c div.box li {
	padding:0;
	margin:.2em 0 .8em 0; 
}
div.lateralnav ul ul {
	margin:.5em 0 0 0;
	padding: 0 0 0 .8em;
	list-style-type: none;
}
div#col-c div.box ul li a:link,
div#col-c div.box ul li a:visited{
	color: #5555aa;
	text-decoration: none;
}
div#col-c div.box ul li a:hover{
	color: #330099;
	text-decoration: underline;
}
div#col-c div.box div.lateralnav ul li a.thispage {
	color: #000033;
}
div.lateralnav ul li a:link.thispage, 
div.lateralnav ul li a:visited.thispage, 
div.lateralnav ul li a:hover.thispage {
	color: #000033;	
	text-decoration: none;
}
div#col-c div.box ul {
	padding-bottom:1em;
}
p.contributebutton,
p.enewsletterbutton { 
	text-align:center; 
	padding-top:.75em;
}

/* UTES */

.none, .displaynone, .lowfi{ display: none; }
.clear {clear:both; }
.boxlight {
	background-color: #ffcc99;
}
.nowrap {white-space:nowrap;}
.superscript { vertical-align: super; font-size: smaller }
.subscript { vertical-align: sub; font-size: smaller } 
.textalignright {text-align:right}
.emphatic{color:#993300 !important;}
.warning{color:#FF0000 !important;}
tr.rowalt {background-color: #eeeedd;}

div.errmsg{
	margin:.5em 0;
	padding:.5em;
	background-color:#FFCCCC;
	border: 1px solid #FF0000;
}

.specialmessage {
	padding:.5em;
	background-color: #ffcc99;
}