/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow: scroll;
	}
	
	#flashcontent {
		height: 450px;
	}
	/* end hide */

	body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #666666;
	color:#ffffff;
	font-family: arial, helvetica, sans-serif;
	}
	


a {
	text-decoration: none;
	font-weight: bold;
	color:  #ccc;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: .8em;
	line-height: 1.1em;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* 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;
	line-height: 2.4em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 1.8em;
	line-height: 2.2em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 1.6em;
	line-height: 1.8em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: .8em;
	line-height: 1em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: .9em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: .7em;
	line-height: .9em;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
.ten {
	color: #ccc;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#left {
	position: absolute;
	top: 101px;
	left: 209px;
	margin: 20px;
	padding: 10px;
	border: 5px solid #666;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	height: 247px;
	}
html>body #left {
	width: 291px; /* ie5win fudge ends */
	}
#middle {
	margin: 20px 200px 20px 150px;
	padding: 10px;
	border: 5px solid #666;
	background: #666;
	}
#right {
	position: absolute;
	top: 2px;
	right: 16px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 5px solid #666;
	background: #666;
	width: 200px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 112px;
	height: 226px;
	}
html>body right {
	width: 120px; /* ie5win fudge ends */
	}
	
/* AJAX STYLES */

#ajaxcontentarea{
font-size: .8em;
}

.shadetabs{
padding: 2px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold .7em Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 2px 4px;
margin-right: 2px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 150px;
margin-bottom: 1em; padding: 5px;
}