body {
	margin: 0;
	padding: 0;
	text-align: center;		/* Standard hack to center page. Rules for #container finish the centering*/
	color: #ccc;
	background: #bbb;
	font: x-small/1.15 Arial, Helvetica, sans-serif;	/* for IE5/Win */
	voice-family: "\"}\"";		/* IE5/Win sees close of style */
	voice-family: inherit;
	font: normal normal 100 small/1.15 Arial, Helvetica, sans-serif;
}
html>body {					/* be nice to Opera */
	font-size: small;
}
div#container {
	text-align: left;		/* Using 2 methods to center entire page --> margin: auto; and --> text-align hack */
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: #fff;  /* #41585e */
}
body a {
	text-decoration: none;
	padding: 0 1px;
}
body a:hover {
	/* color: #fff; */
	background: #ddd;
}
body h2 {
	text-align:center;
	margin: 20px 0;
	padding: 0;
	font-family:Georgia, Times, serif;
}
body h3 {
	margin: 20px 0 0 0;
	padding: 0;
}
body sub {font-size: .7em; vertical-align:text-bottom;}
body ul {
	margin: 0px 0 0px 20px;
	padding: 0;
	list-style: none;
	line-height: 1;
}
body ul li {
	padding: 1em 0 0 0;
}
div.partners dl {
	float: left;
	margin: 0px 20px 10px 20px;
	padding: 0;
	width: 25%;
}
div.partners dl dd {
	padding: 10px 0 0 0;
	margin: 0 auto;
	width: 120px;
}
div.partners dt a:hover {
	background: none;
}
div.partners {
	margin:0 auto;
	padding-top: 10px;
}
div#sponsorTMC {
	float: left;
	width: 300px;
	margin: 0px 0 0px 65px;
	display: inline;
}
div#sponsorTMC ul {margin:0; padding:0;}
div#sponsorTMC li {padding: 0 0 15px 0; margin:0;}
/*div#sponsorTMC li.alt {padding: 5px 0 8px 0; margin:0;}*/
div#sponsorTMC img {margin:0; padding:0; margin-top:5px;}
div#sponsorTMC a:hover {background:none;}


div#floatBox {
	float: left;
	margin: 0;
	padding: 10px 0 50px 0;
	width: 100%;
}

/* **************** */

div.peopleWrap {
	float: left;
	margin: 20px 0 0 60px;
	padding: 14px 4px 4px 0px;
	width: 310px;
	border: 1px solid #a9a9a9;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	display: inline;				/* Fixes IE/Win double margin bug */
}
div.alt {
	margin: 20px 0 0 45px;
}
div.peopleWrap h3 {
	float: left;
	width: 180px;
	padding: 0px;
	margin: 15px 0;
	font-size: 130%;
	text-align: center;
	/* letter-spacing: 1px; */
	/* border: 1px solid #a9a9a9; */
}
div.peopleWrap p {
	clear: left;
	margin: 0;
	margin-right: 130px;
	padding: 0;
	text-align: center;
	/* border: 1px solid #a9a9a9; */
	width: 175px;
}
div.photoWrap {
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
}
div.photoWrap img {
	/* float: right; */
	padding: 0;
	margin: -4px 6px 4px -6px;		/*  IE/Win does not treat negative margins correctly */
	/* border: 1px solid #a9a9a9; */	
}
a img {
	border: none;
}
div.photoWrap a:hover {
	background: none;
}

/* **********************  */
.memo table {
	margin: 0 0 0 20px;
	width: 580px;
}
.memo table td {
	vertical-align: baseline;
	padding: 0 0 5px 0;
}
.memo table td.space {
	padding: 0 0 5px 5px;
}

sup {vertical-align:text-top;} /* Not ideal, but a way to keep IE from messing up the alignment of lines of text */

.memo a:hover {
	color: #fff;
	background: #7f8a90;
}
.memo ol {
	width: 560px;
}
.memo h4 { font-size: 100%; }
div.newsLeft {
	/* clear: both;  */
	float: left;	/* Eric Meyer's "Set a float to fix a float" */
	width: 640px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	/* line-height: 130%; */
	/* border: 2px solid #000; */
}
div.newsLeft img {
	float: left;
	/* vertical-align: text-top; */
	/*border: 2px solid #000; */
}

/* html>body div.newsLeft p {float: none; display:inline-block} */

div.newsLeft p {
	float: right;		
	margin: 0;
	padding: 0;			/* Must SET WIDTH in the html document  */
	line-height: 1.3;
	/* border: 2px solid #000; */
}
.newsRight {
	/*clear: both; */
	float: left;		/* Eric Meyer's "Set a float to fix a float" */
	width: 660px;
	margin: 0 0 15px 0;
	padding: 0 0px 5px 0;
}
.newsRight img {
	float: right;
	vertical-align: text-top;
}
div.newsRight p {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;					/* Must SET WIDTH in the html document  */
	line-height: 1.3;
}
.last {
	margin: 0 0 30px 0;
}
sub {
	font-size: 50%;
}
ol li {
	padding: 0 0 .5em 0;
}


/* ******** BEGINNING OF HEADER *********  */
div#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #324855;
	font-size: 80%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #999; 	 /* Darker - trying to match TMC */
}
div#header a {
	padding: 0;
	margin: 0;
	color: #999;
}
div#header a:hover {
	background: transparent;
	color: #fff;
}
img#logo {
	border: none;
	float: left;	
	margin: 5px 0 0 10px;
}
table#tNav {
	float: right;
	margin: 10px 10px 0 0;
	white-space: nowrap;
	font-size: 1em;	/* Fixes IE5 font size problem in tables */
	font-weight: bold;	/* IE5 needed this rule repeated */
}
table#tNav td {
	text-align: center;
}
table#tNav td.tRight {
	text-align: right;
	padding: 1px 0px;
}
table#tNav a {
	display: block;
	zoom: 1;					/* To trigger hasLayout in IE6, so display:block works correctly */
	padding: 1px 20px;
	color: #324855;		/* Makes links hidden, over-ridden for .tRight next */
}
table#tNav td.tRight a {
	text-align: right;
	color: #999;			/* over-rides "hidden" color */
	padding: 1px 5px 1px 20px;
}
table#tNav td.tRight a:hover {
	color: #fff;	/*Leave this out because javaScript seems to over-ride. NO - leave in for no javascript */
}  
table#tNav td#redBox {
	background: #af5451;
	color: #af5451;
	padding: 0px 0 0px 0;
	width: 1.5em;
}
table#tNav td#greenBox {
	background: #1c9b90;
	padding: 0px 0 0px 0;
}
table#tNav td#blueBox {
	background: #325982;
	padding: 0px 0 0px 0;
}

table#tNav td#peopleLeft, table#tNav td#peopleRight {
	color: #999;
}
ul#hNav {
	float: left;
	margin: 6px 0 10px 0px;
	padding: 0 0 0 0;
	list-style: none;
	width: 100%;
	/* border-bottom: solid 2px #000;  Put back in #header */
}
ul#hNav li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#hNav a {
	float: left;
	display: block;
	padding: 2px 15px;
	margin: 0;
}
ul#hNav a:hover {
	color: #fff;
}
/* ******** END OF HEADER ********** */

/* *********** MISC **************** */
.darkGray {
	background-color: #324855;
}
.active {
	color: #fff;
}
.bar {
	clear: both;
	width: 100%;
}
.red {
	background: #af5451;
}
.green {
	background: #1c9b90;
}
.blue {
	background: #325982;
}
.clr {
	clear: both;
	width: 100%;
}
.whbg {
	color: #333;
	background: #fff;
}
.grbg {
	background: #41585e;
	color: #ccc;
}
.ctr {
	clear: both;
	width: 800px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 25px 0;
	/*color: #333;*/
}
.lft {
	clear: both;
	text-align: left;
	margin: 0px 0 0 0;
	padding: 20px 70px 25px 70px;
	color: #333;
}
.flt {
	float: left;
}
.indent {
	padding: 0 0 0 15px;
}
.redLinks a {
	color: #af5451;
}
.redLinks a:hover {
	color: #af5451;
}
.greenLinks {
	color: #666;
}
.greenLinks a {
	color: #1c9b90;
}
.greenLinks a:hover {
	color: #1c9b90;
}
.blueLinks a {
	color: #325982;
	font-weight:bold;
}
p.left {
	text-align: left;
	padding: 0 98px 10px 98px;
}
div.teamFix {
	width: 615px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
p.team {
	padding: 1px;
	margin-top: 6px;
	margin-bottom: 25px;
	/* background: #ccc; */
}
div.bioWrap {
	float: left;
	margin: 0;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 5px;
	width: 95%;
}
div.bioWrap h3 {
	/* margin-left: 200px; */
	margin-top: 0;
}

div.bioWrap div{
	float: left;
	margin-right: 25px;
	margin-bottom: 0px;
	padding: 0;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	
}
div.bioWrap div.alt{
	float: right;
	margin-right: 0px;
	margin-left: 30px;
	padding: 0;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
}
/*div.photoWrap img {
	padding: 0;
	margin: -4px 6px 4px -6px;		
} */
div.bioWrap img {
	padding: 5px;
	background: #fff;
	border: 1px solid #a9a9a9;
	margin: -4px 6px 4px -6px;		/*  IE/Win6 does not treat negative margins correctly */
}
div#galleries {
	background:#292929;
	color: #ccc;
}
div#galleries p.left {
	margin-top: 0;
	margin-bottom: 30px;
	color: #ccc;
}
div#galleries h2 {
	margin-bottom: 20px;
	margin-top: 0px;
}
/* ************* INDEX.HTML CONTENT DIV ************ */
div#content {
	clear: both;
	margin: 0;
	padding: 0;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	width: 100%;
	height: 55em;			/* Needed to display properly - should expand down when font-size is increased. */
	background: #41585e;  
}
div#content a {
	color: #fff;
}
div#content a:hover {
	color: #fff;
	background: #7f8a90;
}
img#favorite {
	float: left;
	margin: 0;
	padding: 0;
	width: 457px;
}
div#intro {
	float: right;
	width: 335px;
	height: 1%;
	margin: 0 0px 0 0;
	padding: 3em 0 0 0;
	line-height: 1.4;
	font-size: 95%;
	z-index: 3;
}
div#intro h2 {
	color: #fff;
	font-size: 130%;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
}
div#intro p {
	margin-left: 30px;
	margin-right: 30px;
}

/*  FOOTER  */
div#footer {
	padding: 2px 0px 2px 0px;
	/* border-top: solid 2px #000; */
	clear: both;
	width: 100%;
	font-size: 85%;
	/* background-color: #324855;   Defined in .darkGray */
}
div.memo {
        clear: both;
        /*float: left; */
        padding: 1px 25px 10px 30px;
        margin: 0;
        background-color:#ddd;
}