@charset "iso-8859-1";
body {
	background-color: 	#ffffff;
	background-image:	url("images/sphere.gif");
	background-repeat:	no-repeat;
	background-position:25px 75px;
	margin:				30px;
	padding:			0;
	width:				auto;
	height:				auto;
	font-family:		"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:			0.85em;
	text-align: 		left;
	behavior:			url("./csshover2.htc");
	}
/* ----------------------------------------------------  DIVS ---------------------------------------------------- */
#lCol {
	float:				left;
	width:				150px;
	padding:			0;
	}
#rCol {
	margin-left:		151px;
	padding:			0 3em;
	}
#menuContainer {
	position:			absolute;
	top:				110px;
	left:				30px;
	z-index:			500;
	}
#header {
	padding:			0 0 5px 0;
	font-size:			x-small;
	height:				40px;
	text-align:			right;
	border-bottom:		2px solid #ccc;
	}
#foot {
	padding:			0.25em;
	font-size:			x-small;
	height:				1.25em;
	border-top:			1px solid #ccc;
	border-right:		1px solid #ccc;
	}
div.spacer {clear: both;}
div.center {
	text-align:			center;
	margin:				0 auto;
	width:				100%;
	}
div.L {
	float:				left;
	width:				6em;
	padding:			0.5em;
	}
div.R {
	margin-left:		151px;
	padding:			0 3em;
	}
div.imageContainer {
	margin: 0px auto;
	background: #000000;
	border: 1px solid #cccccc;
	padding: 20px;
	width: 70%;
	}
div.relTitle {
	background:		#ccc;
	padding:		4px 4px 0px 4px;
	font-size:		1.0em;
	font-variant:	small-caps;
	color:			#008080;
	border:			1px solid #999;
	border-bottom:  2px solid #d00005;
	width:			10.45em;
	}
div.featureBox {
	position:			relative;
	margin:				0 auto 10px auto;
	padding:			0;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	width:				85%;
	background:			#fefefe;
	}
div.featureTitle {
	margin-bottom:		0.2em;
	padding-top:		0.2em;
	padding-left:		0.3em;
	border-bottom:		2px solid #d00501;
	background:			#f6f6f6;
	color:				#008080;
	position:			relative;
	top:				0;
	left:				0;
	}
div.featureTitle h1, div.featureTitle h2, div.featureTitle h3 {border: 0;}
div.featureText {font-size:	1.2em;	padding: 0 1em;}

/* ----------------------------------------------------  MENUS ---------------------------------------------------- */
#menu, #menu ul {
	padding: 		0;
	margin: 		0;
	margin-bottom:	50px;
	list-style: 	none;
	float: 			left;
	width: 			11em;
	border-bottom: 	1px solid #ccc;
	font-size:		1.0em;
	font-style:		normal;
	}
#menu li {
	position: 		relative;
	float: 			left;
	line-height: 	1.75em;
	margin-bottom:	-1px;
	width: 			11em;
	}
#menu li ul {
	position: 		absolute;
	left: 			-999em;
	margin-left: 	11em;
	margin-top: 	-3em;
	}
#menu li ul ul {left: -999em;}
#menu li a {
	display: 		block;
	width: 			10em;
	color: 			#777;
	font-weight: 	normal;
	text-decoration: 	none;
	background-color:	#ffffff;
	border: 		1px solid #ccc;
	padding: 		0 0.5em 0 0.5em;
	}
#menu li a:hover {color: #d00005; background: #f6f6f6;}
#menu li:hover, #menu li.hover {position: static;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}

/* ----------------------------------------------------  IMAGES ---------------------------------------------------- */
img {border: none;}
img.top {vertical-align: text-top;}
img.mid {vertical-align: middle;}
img.fL {
	display:			block;
	float:				left;
	margin:				0;
	padding:			0em 1em;
	vertical-align:		text-top;
	z-index:			80;
	}
img.fR {
	display:			block;
	float:				right;
	margin:				0;
	padding:			0em 1em;
	clear:				both;
	vertical-align:		text-top;
	z-index:			80;
	}

/* ----------------------------------------------------  HEADINGS ---------------------------------------------------- */
h1, h2,  h3,  h4,  h5,  h6 {
	color:				#008080;
	font-size:			xx-large;
	margin:				12px 0px 6px 0px;
	text-align:			left;
	font-style:			italic;
	position:	  	  	relative;
	clear:				left;
	border-bottom:		1px solid red;
	width:				70%;
	}
h2 {
	font-size:			x-large;
	margin-bottom:		4px;
	}
h3 {
	font-size:			large;
	font-weight:		normal;
	margin-bottom:		4px;
	}
h4 {
	font-size:			medium;
	font-weight:		bold;
	padding-bottom:		0px;
	margin-bottom:		4px;
	}
h5 {
	font-size:			small;
	font-weight:		bold;
	padding-bottom:		0px;
	margin-bottom:		4px;
	}
tt {
	font-family:		courier, monospace;
	font-size:			small;
	}
hr {
	text-align:	center;
	width:		80%;
	color:		#ccc;
	height:		1px;
	}
.heading1 {
	background-image:	url(../images/line.gif);
	background-repeat:	no-repeat;
	background-position: bottom left;
	padding:			0;
	width:				375px;
	height:				auto;
	text-align: 		left;
	z-index:			21;
	}

.headingRed {
	font-size:			2.5em;
	color:				#d00501;
	z-index:			22;
	}
.headingGray {
	font-size:			3.5em;
	color:				#888;
	vertical-align:		middle;
	margin:				-0.05em;
	text-transform:		uppercase;
	z-index:			23;
	}
.headingLtGray {
	font-size:			2em;
	color:				#B6B6B6;
	vertical-align:		baseline;
	margin:				-0.05em;
	z-index:			24;
	}
/* ----------------------------------------------------  STYLING ---------------------------------------------------- */
.center {
	width:				100%;
	margin:				0 auto;
	text-align:			center;
	}
.small {font-size: 0.80em;}
.smaller {font-size: 0.65em;}
.smallest {font-size: 0.55em;}
.justify {text-align: justify;}
.term { font-family: Courier, monospace; font-size: 0.9em; line-height: 2.5em; background-color: #dddddd; padding-left: 1.5em; width: 100%;}
.red {color:	red;}
.green {color: green;}
.blue {color: blue;}
.white {color: white;}
.READMEBox {
	position:			relative;
	margin:				0 auto;
	padding:			10px;
	font-size:			1.15em;
	font-weight:		bold;
	border:				1px solid #848484;
	width:				90%;
	background:			#efefef;
	}
ol, ul { position: relative; }
ol li, ul li { margin-bottom: 1.0em; position: relative; }
ol.none {list-style-type: none;}
ol.none li {font-weight: bold; 	border-bottom: 1px solid red;}
ul.none {list-style-type: none;}
/* ----------------------------------------------------  LINKS ---------------------------------------------------- */
a.red:link {color: #d00501; text-decoration: none;}
a.red:visited {color: #d00501; text-decoration: none; font-weight: normal;}
a.red:active {color: #008080; text-decoration: none; font-weight: bolder;}
a.red:hover {color: #008080; text-decoration: underline;}

a.black:link {color: black; text-decoration: none; font-weight: bold;}
a.black:visited {color: black; text-decoration: none; font-weight: bold;}
a.black:active {color: #008080; font-weight: bolder;}
a.black:hover {color: #008080; text-decoration: underline;}
/* ----------------------------------------------------  TABLES ---------------------------------------------------- */

table {
	border:			2px solid #ccc;
	width:			100%;
	border-collapse: collapse;
	margin-bottom:	20px;
	background:		#fff;
}
th {
	background:		#008080;
	letter-spacing:	0.2em;
	color:			#eee;
	text-align:		left;
	font-weight:	bold;
	font-variant:	small-caps;
	border:			2px solid #008080;
	border-bottom:	2px solid #d00501;
	padding-left:	10px;
}
td {
	padding:		5px;
	border-bottom:	1px solid #ccc;
	vertical-align:	top;
}
table.warning {
	margin: 1em 0;
	border:	1px solid #ccc;
}
	
table.nob, table.nob th, table.nob tr, table.nob td {border: 0;}
table.image {width: 100%; text-align: center; font-size: 0.9em; font-style: italic;}
table.image td, table.image tr {padding: 10px; border: 0;}
tr.gray {background: #e6e6e6;}