body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background:	#eef2ff	url(../images/blueburlap4.jpg) repeat-y scroll top left;
	color:	#000;
}

/* ----------------------------------- layout grid start -------------------------------------- */

/* ---------- top panel, full span ---------- */
#top {
	position:	absolute;
	width:	100%;
	top: 0px;
	left: 0px;
	margin:	0px;
	padding:	0px;
	border:	0px;
	background:	#eef2ff;
	color:	#009;
	height: 150px; 
}

/* ---------- main section -- to hold middle and right columns ---------- */
#mainsection	{
	position: absolute;
	top: 150px;
	left: 150px;
	margin: 0% 2% 0% 2%
}

/* -- middle col: main content, spans top to bottom panel, wraps right col -- */
.midcol {
	margin: 0% 0% 0% 0%;
	border: 0px 0px 0px 0px;
	padding: 1% 2% 2% 2%;
	background: #fff;
	color:	#000;
	width: 100%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 96%;
}
html>body .midcol {
	width: 96%; /* ie5win fudge ends */
}

/* -------- right sidebar, 40percent width  --- */
.sidebar40right	{
	float:	right;
	margin:	1% 2% 1% 5%;
	border:	1px solid #009;
	border-right-width:	3px;
	border-top-width:	8px;
	border-bottom-width:	6px;
	padding:	0% 2% 2% 2%;
	font-size:	90%;
	background: #ffc;
	color:	#000;
	width:	40%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 36%;
}
html>body .sidebar40right {
	width: 36%; /* ie5win fudge ends */
}
/* -------------------------- layout grid end ---------------------- */

a {
	text-decoration:	underline;
	font-weight:	bold;
	background:	transparent;
	color:	#00c;
	outline:	none;
}
a:visited {
	background:	transparent;
	color:	#93c;
}
a:active {
	background:	transparent;
	color:	#f00;
}
a:hover {
	background:	transparent;
	color:	#f90;
	text-decoration:	underline;
}
.ahem {
	display:	none;
}
strong, b {
	font-weight: bold;
}
ul, ol, li, menu {
	font-size:	1em;
	line-height:	1.4em;
	margin:		0px 4px 0px -10px;
	padding-bottom:	0em;
	padding-top:	.5em;
	text-align:	justify;
}
p	{
	font-size:	1em;
	line-height:	1.4em;
	margin:	0px;
	padding:	.5em .5em .25em .5em;
	text-align:	justify;
}
p:first-line	{
	padding-left:	5%;
}
.midcol p	{
	font-size:	92%;	
	line-height:	1.65em;
	padding-bottom:	.75em;
}
.first	{
	margin-top:	0em;
	padding-top:	.25em;
}
li.first	{
	margin-top:	-.6em;
}
div.sidebar40right p, div.sidebar40right p.block	{
	padding-bottom:	.25em;
}
p.dropcap:first-line, p.block:first-line	{
	padding-left:	0%;
}
.dropcap2	{
	background:	transparent;
	font: bold 330% times,serif;
	color:	#c33;
	float: left;
	margin: 0px;
	padding:	0ex .1ex 0ex .15em;
	height: 1em;
}
.dropcap3	{
	font: bold 525% times,serif;
	background:	transparent;
	color:	#c33;
	float: left;
	margin: -.12em 0em 0em 0em;
	padding:	0em .1ex 0ex .1em;
	height: 1em;
}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 2em;
	text-align:	center;
}
h2 {
	font-size:	1.75em;
	text-align:	center;
}
h3 {
	font-size:	1.5em;
	text-align:	center;
}
h4 {
	font-size: 1.25em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: .8em;
}
h1, h2, h3, h4, h5, h6	{
	background-color:	transparent;
	color:	#009;
	font-family:	helvetica, arial, sans-serif;
	font-weight:	bold;
	line-height: 110%;
	padding:	.25em .5em .5em .5em;
	margin:	1em 0em 0em 0em;
}
.subhead	{
	background-color:	transparent;
	color:	#009;
	font-weight:	bold;
}
img {
	border: 0;
}
.photoleft, .photoright, .photocenter	{
	margin-top:	1em;
	border:	thin solid #009;
	font-size:	90%;
	text-align:	center;
	padding:	6px;
}
.photoright	{
	float:	right;
	margin-left:	1em;
	margin-right:	0em;
}
.photoleft	{
	float:	left;
	margin-right:	1em;
	margin-left:	0em;
}		
.photocenter {

}
.doc-content	{
	margin-top:	0%;
	padding:	0;
}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
}
#mast-logo	{
	margin:		6px 6px 5px 20px;
	padding:	6px 10px 1px 10px;
	background:	#009;
	float:	right;
}
#mast-trfnlogo	{
	margin:		10px 0px 5px 30px;
	float:	left;
	text-align:	center;
}
#mast-kicker	{
	font-family:	garamond, "Times New Roman", serif;
	font-size:	22px;
	line-height:	100%;
	text-align:	left;
	margin-top:	15px;
	padding:	0% 0% 0% 2%;
}
#title	{
	font-size:	32px;
	line-height:	100%;
	font-style:	italic;
	text-align:	center;
	background:	transparent;
	color:	#00c;
	margin:	10px 20px 10px 20px;
	padding:	.2em .5em 0em 0em;
}
#copyright-footer, .marginalia	{
	border-top:	1px dotted #333333;
	font:	10px geneva, verdana, arial, helvetica, sans-serif;
	margin:	10px 0px 20px 0px;
	padding:	10px 0px 0px 0px;
}

/* ------ left column for navbar; spans from top panel to bottom ------ */
#navbarleft {
	position: absolute;
	top: 150px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top:  8px solid #009;
	background: transparent; /* url(../images/logo-sm.gif) no-repeat top left; */
	color: #fff;
	width: 150px; 
}

/* ------------- start NavBarLeft -------------- */
.navshade	{
	border:	 0px;
	background:	#e4eeff; 
	margin:	10px 10px 10px 10px;
	padding:	6px 4px 6px 6px;
	color:	#c93;
	font-size:	100%;
}
.navshade p	{
	padding:	5px 0px 5px 0px;
	line-height:	1.2em;
	text-align:	left;
}
.navshade p:first-line	{
	padding-left:	0%;
}
.navbtnleft	{
	border-top:	medium solid #66c;
	border-right:	medium solid #006;
	border-bottom:	medium solid #006;
	border-left:	medium solid #66c;
	background:	#339;
/* url(../images/btn-goldmarble.gif) no-repeat scroll 2% 100%; */
	color:	#fc3;
	margin:	6px 10px 6px 10px;
	padding:	2px 0px 1px 6px;
}
.navbtnleftdepress	{
	border-top:	3px solid #339;
	border-right:	medium solid #006;
	border-bottom:	medium solid #006;
	border-left:	medium solid #339;
	background-color:	#66c;
	color:	#ff9;
	margin:	6px 10px 6px 10px;
	padding:	2px 0px 1px 6px;
	/* font-size:	95%; */
	font-weight: bold;
}
.navthumb	{
	margin:	-2px 0px 0px -6px;
	padding:	0px 0px 0px 0px;
}
.pagenav	{
/*	border-top:	0px solid #66c;
	border-right:	medium solid #006;
	border-bottom:	medium solid #006;
	border-left:	medium solid #339; */
	margin:	0px -3px 2px 2px;
	padding:	0px;
	font-size:	95%;
}
div.navbtnleftdepress div.navbtnleftdepress	{
	margin:	3px -3px 0px -2px;
}
div.navbtnleftdepress div.navbtnleft, div.navbtnleft div.navbtnleft	{
	margin:	3px 2px 2px -3px;
}
.navbtnleft menu li, .navbtnleftdepress menu li	{
	line-height:	1em;
	text-align:	left;
	margin:	-9px 0px 0px -12px;
	padding-bottom:	.3em;
}
.navbtnleft a, .navbtnleftdepress a	{
	background:	transparent;
	color:	#def;
	font-weight:	bold;
	font-family:	helvetica,arial,sans-serif;
	font-size:	95%;
	text-decoration:	none;
}
.navbtnleft a:visited, .navbtnleftdepress a:visited	{
	background:	transparent;
	color:	#c9c;
}
.navbtnleft a:hover, .navbtnleftdepress a:hover	{
	background:	transparent;
	color:	#fc3;
}
.navshade a:hover	{
	background:	transparent;
	color:	#960;
}
.navbtnleft a:active, .navbtnleftdepress a:active	{
	background:	transparent;
	color:	#f99;
}
/* ------------ end NavBar Left ----------- */