* {	margin:0;
	font: 100%;
}

body {
	background-repeat: repeat;
	background-attachment: fixed;
	margin:0;
	font: 80%/150% Arial, Helvetica;
}
/* TOP LEVEL, UNIVERSAL DIVs
===============================================*/

#wrap {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	background-image: url(/img/shadowBG.png);
	background-repeat: repeat-y;
}
#screen {
	background-color:#fff;
	width:878px;
	height:100%;
	margin-left:5px;
	border-right: 6px solid #ddf;
	border-left: 6px solid #ddf;
}

/* FOR HEADER ELEMENTS TOP ROW BUTTONS
=============================================== */

#head /*relative */{
	position: relative;
	background-color: #136;
	padding: 25px 20px 10px 20px;
	top: -10px;
	width:838px;
	height:123px;
}
#head #left {
	position:relative;
	float:left;
	width:112px;
	padding:0px;
	margin:0px 20px 0px 0px;
	}
#head #icon { /* LEFT-MOST BALLOON ICON. this was controlling ALL sub img's. Renamed to a non-tag */
	position:relative;
	margin:0px;
}
#head #right {
	position:relative;
		float:left;
		width:auto;
}
#head #topNav { /*FLASH NAV"*/
	position:relative;
	margin:30px 0px 0px 0px;
	width:706px;
}
#head #buttons {
	position:relative;
	margin:10px 0px 0px 0px;
	width:706px;
	font-family: Arial, Helvetica;
	font-size: 9px;
	overflow: hidden;
}
#head #buttons ul {
/* tricky! set margin and pad to 0 otherwise it inherits #buttons data .
OMG the general UL setting was controlling this. when i tried to get the UL and LIs to 
go left, it was forcing these, too. Why? */
	margin:0px;
	padding:0px;
	list-style:none; 
}
#head #buttons li {
	width:auto;
	float:left; /*this FLOAT makes the bar horizontal */
	}
#head #buttons a {
	display: block;
	padding:2px 4px 1px 4px;
	text-decoration: none;
	color: #ddf;
	background-color: #136;
	width: auto;
	text-decoration: none;
	letter-spacing: 1px;
}
#head #buttons a:hover {
	color: #000000;
	display: block;
	text-decoration: none;
	background-color: #ddf;
	border-bottom:2px solid #CC0099;
}
#contrib {
	position:absolute;
	left: 750px;
	top: 10px;
	display:block;
	background-color:#ccf;
	padding: 4px;
	font-size: 0.9em;
	text-transform: uppercase;
	width: 100px;
	text-align: center;
}
#contrib a, a:visited {
	color:black;
	display: inline;
	text-decoration: none;
	padding:0px;
	background-color:inherit;
}


/* FOR THE BODY, SIDEBAR (navbar) AND MAIN
=============================================== */

#body /*relative */{
	position: relative;
	width:858px;
	padding:10px;
}

#body #navbar {
	position: relative;
	float:left;
	width: 140px;
	height:auto;
	z-index: 1;
	display:inline;
	padding: 0px;

}
#body #main {
	position: relative; /* when i had this at absolute, it took it out of the flow and since navbar was floated, the page saw no content after the Head. thus the white background did not extend down either. */
	float:left;
	width:688px; /* when left at auto, it would default unnecessarily wide */
	margin-left:20px;
	padding: 0px;
}
#body #mainFull {
	position: relative; 
	width:820px; 
	margin:20px;
	padding: 0px;
}
#footer {
	position: relative;
	clear: both;
	color:white;
	background-color: #136;
	padding: 10px;
	width:858px;
	border-top:1px solid black;
	margin-top:20px;
	font-size: 9px;
 }
#footer a, a:visited {
	color:yellow;
	display: inline;
	text-decoration: none;
	padding:0px;
	background-color:inherit;
	border:0px;
}
#footer a:hover {
	color:#c09
	background-color:inherit;
	}


/* FOR BLOGS, HOME PAGE, ENTRY
===============================================*/

.entry {
	border-bottom: 4px dotted #99CCCC;
	padding:10px 0px 20px 0px;
	display: block;	
	clear:both;
	width:688px;
}

.entry p {
	margin-left:18px ;
}

/* UNIVERSAL STYLES
===============================================*/
p {
	margin: 0em 0px 1.5em;
}
table {
	margin: 0em auto 1.5em auto;
}
p.bullet {
	display: list-item;
	line-height: 150%;
	list-style-position: outside;
	list-style-image: url(../img/dot-black7.gif);
	margin: 0px 0px 0px 20px;
}
ul {
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: url(../img/dot-black7.gif);
	margin: 0px 0px 1em;
}
ol {
	font-family: Arial, Helvetica;
	line-height: 150%;
	padding-bottom: 10px;
	text-indent: 0px;
	list-style-position: outside;
	margin: 0px 0px 1em;

}

li {
	display: list-item;/*	margin-left: -10px;*/
	font: 100%/150% Arial, Helvetica;
}
h1 {
	color:#535;
	text-align: center;
	font: normal 300%/110% Cambria, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0.5em;
}
h2 { 
	color:#000033; 
	font-size: 200%/110%;
	margin: 0.5em 0px 0.8em;

}
h3 {
	color:#CC3300;
	text-align: center;
	text-align: center;
	font: bold 133%/110% Cambria, Arial, sans-serif;
	margin: 0px 0px 0.5em;
}
h3.rule {
	background-image:url(../img/dot-line700x50.gif);
	background-repeat: no-repeat;
	height:30px;
	margin-top:2em;
	background-position: bottom;
}
h4 {
	color: #CC0099;
	font-size: 100%;
	margin: 0px 0px 0.5em;
}
h4.rule {
	background-image:url(../img/dot-line700x50.gif);
	background-repeat: no-repeat;
	margin:2.5em 0px 1em;
	background-position: left bottom;
	height: 30px;
}
h5 {  
	margin: 0px 0px 0.5em;
}
h5.rule {
	border-bottom:1px solid #136;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:center;
	color: #136;
}
h6 {
	background-image: url(../img/stars.gif);
	height: 50px;
	background-repeat: no-repeat;
	margin: 0px 0px 1.5em;
	clear:both;

}

a, a:visited {  
	color: #330099; 
	text-decoration: none;
	display: inline;
	padding:0px;
	background-color:none;
}
a:hover {  
	color: #CC0099; 
	text-decoration: underline
}
.blue {
	color: #6699CC;
}
.follow {
	margin-top: 0em;
}
.hide {
	visibility: hidden;
}
.imgLeft {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}
.imgRight {
	float: right;
	margin-left:10px;
	margin-bottom:10px;
}

.numeral {
	font-family: "Times New Roman", Times, serif;
}
pre {  
	font-family: "Courier New", Courier, mono
}
.pink {
	color: #CC0099;
}
.orange {color: #CC3300}
.sm {
	color: #CC0099;
	font: 85% Candara, Arial, sans-serif;
	letter-spacing: .05em;
}
tt {  
	font-family: "Courier New", Courier, mono
}

.teeny {font-size: 9px}
.white {
	color: #FFFFFF;
}
.WIDE {  
	letter-spacing: 2px
}
.year {  
	font-family: "Courier New", Courier, mono; 
	font-size: x-large; 
	font-weight: bold; 
	color: #69c;
	vertical-align: middle;
	text-align: center;
}
.yellow {
	color: #FFFF00
}
/* FOR ALL TABLES 
=============================================== 
If you leave local formatting of tables totally blank, you get a border by using CSS. Set the TABLE CSS to have a background color. No other bordering is necessary, but then cells will have to have BG colors*/

div.member {
	margin-bottom:20px;

	}
div.member table {
	display: table;
	width:auto;
	background-color: #ccf;
	}
div.member tr, td, th {
	border-bottom: 0px;
}
div.member tr {/* apparently, padding nor borders can't apply to TR*/
	display:table-row;
	background:white;	
}
div.member th {
	display:table-cell;
	background-color:#ddf;
	vertical-align: middle;
	color: #c09;
	font-size: 100%;
	padding: 10px 6px;
	display: table-cell;
}
div.member td { /*only TD tags can have padding*/
	display:table-cell;
	vertical-align: top;
	padding: 6px;
	line-height: 150%;
}
div.member .subhed {
	color: #003;
	background:#fc9;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	padding: 8px 6px;
	text-transform: uppercase;
}
.large {
	font-family: "Courier New", Courier, mono;
	font-size: x-large;
	font-weight: bold;
	color: #69c;
	vertical-align: middle;
	text-align: center;
	padding: 8px 6px;
}
div.member tr.dead, td.dead, th.dead /* if  you don't make this DEAD a subset of the MEMBER, MEMBER .tr takes precedence, as it's more specific */{
	background-color:black;
	color: white;
}
div.member tr.red, td.red, th.red {
	background-color:#c00;
	color: white;
}
div.member 
tr.dead a, td.dead a, 
tr.dead .sm, td.dead .sm,
tr.red a, td.red a, 
tr.red .sm, td.red .sm   {
	color: yellow;
}




/* FOR IMAGES + CAPTIONS, SIDEBARS 
=============================================== */

div.figure {
	text-align:center;
	border: thin silver solid;
	float: left;
	margin: 0em 1em 0em 0em;
	padding: 15px;
	color: #136;
	font-size: 0.8em;
	background: #FFF;
	z-index: 10;
	max-width:360px;
}
div.figure_r {
	color: #136;
	text-align:center;
	border: thin silver solid;
	float: right;
	margin: 0em 0em 0em 1em;
	padding: 15px;
	font-size: 0.8em;
	background: #FFF;
	z-index: 10;
	max-width:360px;
}
div.figure_c {
		color: #136;
text-align:center;
	border: 0;
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 0.8em;

}
div.center {
	text-align:center;
	margin: auto;
}


/* FOR SMALL TOC TALBES
=============================================== */

div.toc {
	float: right;
    margin: 0px 0px 10px 20px;
	top: auto;
	z-index:1;
	}
div.toc th {
	color:white;
	background-color:#000;
	padding: 4px;
	font-size: 1em;
	display: table-cell;
	width:auto;
	border: 0px;
	font-size: 90%;
}
div.toc td {
	padding:5px;
	background-color:#fc9;
}

div.toc p {
	font-size: 70%;
	margin: 0em 0em 0em;
	padding-bottom: 0px;
	line-height: normal;
	}
div.toc ul {
	font-size: 70%;
	margin: 0em;
	left:-1em;
	list-style-position: outside;
	list-style-image: url(../img/plus-sign.gif);
	}
/* FOR THE MINI PROFILES
========================================*/
#body #main div.miniPro {
	clear:both;
	margin-top:40px;
}
#body #main div.miniPro h4 {
	display:block;
	clear:both;
	text-align:center;
	padding:4px;
	background-color:#ffc;
}

#body #main div.miniPro h4.dead, h4.red {
	color:white;
}
#body #main div.miniPro h4.dead {
	background-color:black;
}
#body #main div.miniPro h4.red {
	background-color:#c00;
}
body {
}


.special {
	border: 1px solid #C06;
	font-size: .9em;
	background: #FCF url(/img/bg-minicross.jpg);
	padding: 5px;
	text-align: center;
}
.sidebar {
	float: right;
	margin: 0em 0em 0em 1em;
	padding: 15px;
	font-size: 0.9em;
	width:280px;
	z-index: 10;
	background: #FCF;
}
blockquote {margin: 0px 30px }