.hanging {
	text-indent:-2em; 
	margin-left:2em;
	margin-top:0px;
}

.timesItalic {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	font-style: italic;
}

.indent2 {
	margin-left:2em;
}

.indent3 {
	margin-left:3em;
}

.imageWithCaption {
	text-align:center;
	font-size:10px;
	font-style:italic;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
	margin-right:20px;
	padding-right:5px;
}

.notopmargin {
	margin-top:0px;
}

/* COLOR CHART ...

	#E8EFFA - light blue (bg)
	#3579FE - bright blue (links)
*/

BODY {
	margin:0px;
	background-image:url('images/bg.gif');
	font:14px Arial, Helvetica, Sans-serif;
	color:#333;
}

TD {
	font-size:12px;
}

DIV#selectClient, DIV#selectTask {
	border:#999 1px solid;
	background-color:#EEE;
	margin-left:10px;
	float:left;
	width:150px;
	text-align:center;
}

/**
 * <div id="presentationForm"> 
 *   Intended to show up directly underneath the main <h1> tag for
 *     presentation style pages.
 */
#presentationForm {
	position:relative; 
	top:-8px; 
	margin:0px; 
	padding:8px; 
	height:430px; 
	background-color:#FFFFFF;
}	

TD#timerCell {
	padding:10px;
}

INPUT#timer {
	border:0px;
	font-size:20px;
	background-color:transparent;
	width:150px;
	text-align:center;
}

.input1 {
	width:100px;
	border:#000 1px solid;
}	

.input2 {
	width:200px;
	border:#000 1px solid;
}

PRE.code {
	border: 1px solid black;
	padding: 5px;	
	background-color: #f9f9f9;
}

#topLine {
	position:absolute;
	height:7px;
	width:100%;
	font-size:1px;
	line-height:1px;
	left:0px;
	top:0px;
	background-image:url('images/topWhiteBg.gif');
	background-color:#FFF;
}

#navi {
	position:absolute;
	left:0px;
	top:0px;
}

#naviLine {
	position:absolute;
	height:3px;
	font-size:1px;
	line-height:1px;
	width:100%;
	left:0px;
	top:156px;
	background-image:url('images/blueLineBg.gif');
	background-color:#3579FE;
}

DIV#pagePath {
	font-size: 12px;
	margin-bottom: 4px;
	margin-top:	-3px;
}

	DIV#pagePath A {
		color:#03F;
                border-bottom:#03F 1px solid;
	}

	DIV#pagePath A:hover {
		color:#000;
		/* text-decoration:underline; */
	}

#content {
	position:absolute;
	left:226px;
	top:195px;
	width:512px;
	margin-bottom:20px;
}

#menus {
	position:absolute;
	left:226px;
	top:181px;
}

#copyright {
	text-align:center;
	font-size:11px;
	color:#000;
}
	
#m1, #m2, #m3 {
	position:relative;
	background-color:#FFF;
	border:#555 1px solid;
	display:none;
	width:150px;
	left:0px;
	/* filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85; */
}
#m2 {
	left:113px;
}
#m3 {
	left:226px;	
}

LABEL.l1 {
	font-size:11px;
	font-weight:bold;
}

H1, H2 {
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	letter-spacing:3px;
}
H1 {
	border-top:#777 1px solid;
	border-bottom:#777 1px solid;
	background-color:#FFF;
	margin:0px 0px 10px 0px;
	padding:5px;
}
H2 {
	border-bottom:#777 1px solid;
}
H4 {
	font-size:14px;
	border-bottom:#777 1px solid;
	margin:10px 0px 0px 0px;
	padding:5px;
}
H5 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	border-bottom:#000 1px solid;
	margin-top:10px;
	margin-bottom:0px;
}
HR {
	height:1px;
	color:#CCC;
	background:#CCC;
	border-width:0px;
	margin:10px 0px;
}
li {
	line-height:20px;
}

dl {
	padding-left:10px;
	font-size:11px;
}
.mainChunk {
	border-top:#777 1px solid;
	border-bottom:#777 1px solid;
	background-color:#FFF;
	margin:0px 0px 10px 0px;
	padding:5px;
}
dt {
	margin-left:10px;
	font-weight:bold;	
	letter-spacing:1px;
}
dd {
	margin-right:10px;
	margin-bottom:10px;
	letter-spacing:0px;
	font-size:11px;
}

a {
	font-weight:bold;
	color:#03F;
	text-decoration:none;
	letter-spacing:1px;
}

a:hover {
	color:#333;
}

a.headLink {
	background:#FFF;
	border-bottom:#000 1px solid;
	padding:2px;
	display:block;	
}

.menuHead {
	display:none;
	background-color:#777;
	color:#CCC;
	font-weight:bold;
	width:auto;
}
.menuItems {
	display:block;
	/* padding-top:5px; */
	/* margin-left:2px; */
	width:auto;
	font-weight:bold;
}

A.menuItem, A.menuParent_on, A.menuParent_off {
	clear:left;
	display:block;
	width:auto;
	/* background:#FFF; */
	height:18px;
	line-height:18px;
	color:#555;
	text-decoration:none;
	padding-left:15px;
	padding-right:5px;
	/* border-bottom:#EEE 1px solid; */
	overflow:hidden;
	white-space:nowrap;
	letter-spacing:1px;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url('images/list_item.gif');
}
	A.menuItem:hover, A.menuParent_on:hover, A.menuParent_off:hover {
		background-color:#FFE;
		color:#000;
		/* border-color:#DDD; */
	}

BR.clearLeft {
	clear:left;
}
	
A.menuParent_on {
	background-image:url('images/minus.gif');
}
	
A.menuParent_off {
	background-image:url('images/plus.gif');
}

A.submitButton,A.submitButton2,A.submitButton3,A.submitButton4 {
	font-size:11px;
	font-weight:bold;
	color:#3579FE;
	line-height:20px;
	text-decoration:none;
	letter-spacing:2px;
	padding:1px 3px;
	border:#567 1px solid;
	background-color:#EEE;
	margin:0px;
}
	A.submitButton:hover {
		border-color:#999;	
	}

.btnWidth1 {
	text-align:center;
	display:block;
	width:75px;
	float:left;
}

A.submitButton2 {
	border-color:#DDD;
}

	A.submitButton2:hover {
		border-color:#BBB;	
	}
		
A.submitButton3 {
	background:#999;
	color:#333;
	border-color:#777;
}

	A.submitButton3:hover {
		border-color:#BBB;
		color:#CCC;
	}

A.submitButton4 {
	background:#CCC;
	color:#333;
	border-color:#999;
}

	A.submitButton4:hover {
		border-color:#BBB;
		color:#000;
	}

DIV.menuContainer {
	display:block;
	width:auto;
	padding-left:15px;
}

A.menuItem {
	white-space:nowrap;
	display:block;
	font-weight:normal;
	font-size:11px;
	/* line-height:15px; */
	color:#555;
	letter-spacing:0px;
	padding-top:1px;
	/* padding-left:1px; 
	width:111px;
	border-bottom:#CCC 1px solid;*/
}
a.menuItem:hover {
	color:#333;
	background-color:#FFE; /* E8EFFA; */
	/* border-bottom-color:#AAA; */
}*/

.menuFoot {
	border-top:#333 1px solid;
	text-align:left;
	display:block;
	/* margin-top:5px; */
	width:111px;
	background-color:#EEE;
}

.footItem {
	color:#000;
	font-weight:bold;
	font-size:9px;
}
.hidden {
	display:none;
}
.mb20 {
	margin-bottom:25px;
}

#imgSpade, #imgPM, #imgDM, #imgFM, #imgAM, #imgTM, #imgCM {
	float:right;
	margin:5px 0px 0px 0px;
	width:140px;
	height:75px;
	background-image:url('images/logoSPADE.gif');
}

#imgPM {
	background-image:url('images/logoPM.gif');
}

#imgDM {
	background-image:url('images/logoDM.gif');
}

#imgFM {
	background-image:url('images/logoFM.gif');
}

#imgAM {
	background-image:url('images/logoAM.gif');
}

#imgTM {
	background-image:url('images/logoTM.gif');
}

#imgCM {
	background-image:url('images/logoCM.gif');
}

DIV#loginArea {
	position:absolute;
	left:30px;
	top:50px;
	width:200px;
}

.loginField {
	width:105px;
	height:17px;
	line-height:15px;
	font-size:12px;
	margin-bottom:2px;
	border:#000 1px solid;
	border-left-color:#CCC;
	border-top-color:#CCC;
}

DIV#subLinks {
	font-size:11px;
	position:absolute;
	left:19px;
	top:170px;
	width:125px;
	color:#555;
}
	DIV#subLinks A {
		display:block;
		width:auto;
		font-weight:normal;
		font-size:11px;
		line-height:15px;
		color:#555;
		letter-spacing:0px;
		margin-left:5px;
		border-bottom:#CCC 1px solid;
		padding-left:5px;
		padding-top:1px;
	}
	DIV#sublinks A SMALL {
		display:none;
	}
	
	DIV#subLinks A:hover {
		background-color:#FFE;
		border-bottom-color:#AAA;	
	}

DIV#childPages {
	width:auto;
}
	DIV#childPages A {
		display:block;
		width:auto;
		letter-spacing:0px;
		margin-left:10px;
		padding:5px 0px 5px 20px;
		background-image:url('images/bullet.gif');
		background-repeat:no-repeat;
		background-position:left center;
		border-bottom:#777 1px solid;
	}
	DIV#childPages A SMALL {
		color:#000;
		font-weight:normal;
	}

	DIV#childPages A:hover {
		background-color:#FFE;
		border-bottom:#999 1px solid;
	}

DIV#prevContainer {
	padding:10px 0px;
	width:250px;
	float:left;
	margin-right:5px;
}

DIV#nextContainer {
	padding:10px 0px;
	width:250px;
	float:right;
	text-align:right;
	margin-left:5px;
}
	DIV#nextContainer SMALL {
		float:right;
	}

DIV.popError, DIV.popSuccess, DIV.popWarning {
	width:400px;
	background-color:#FFF;
	border:#999 1px solid;
	padding:10px;
	position:absolute;
	left:-1000px;
	top:-1000px;
}

.imgBorder {
	border:#CCC 1px solid;
	margin-right:5px;
	margin-bottom:10px;
}

.xFloat {
	position: absolute;
	visiblity: hidden;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	top:-1000px;
	left:-1000px;
}

.rssDate {
	float:right;
	width:auto;
	padding:2px;
	border:#000 1px solid;
	border-top-width:0px;
	font-size:9px;
	font-weight:bold;
	background:#FFF;
}

.shadowBox {
  border:#000 1px solid;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666699',Direction=135,Strength=4);
  background:#FFF;
}

#imageFloaterDiv {
	position:absolute;
	top:350px;
	right:50px;
	border:#000 2px solid;
	background:#EEE;
	padding:10px;
	background-image:url('images/top_right_fader.gif');
	background-position:top right;
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#666699',Direction=135,Strength=6);
}

#galleryImage {
	border:#999 1px solid;
	margin:4px;
}

#googleVerticalAds {
	position:absolute;
	left:740px;
	top:140px;
}

A.a1 {
	border:#FFF 1px solid;
}
	A.a1:visited {
		border-color:#FFF;
	}
	A.a1:active {
		border-color:#FFF;
	}
	A.a1:hover {
		border-color:#03F;
	}

.note {
  color:#999;
}

OL.x1 LI {
 color:#369;
 font-weight:normal;
}

OL.x1 LI B {
 color:#036;
}

#content UL A {
 font-weight:normal;
 text-decoration:underline;
}

DIV.paper {
  border:#CCC 2px solid;
  margin:10px 20px;
  padding-top:20px;
  background:#FFF;
  font-size:small;
}

  DIV.paper P { margin:0px 20px 20px 20px; }
  DIV.paper DL { margin:0px 20px 20px 0px; }
  DIV.paper PRE { margin:0px 20px 20px 20px; font-size:12px; overflow:auto; }

TABLE.paper {
  background:#FFF; border:#CCC 2px solid; margin:20px;
}


DIV.column {
  width:245px; float:left; margin-right:10px;
}

.paper PRE .code B {
  color:#036;
}

.paper PRE EM {
  color:#900;
  font-weight:normal;
  font-style:normal;
}

PRE .value {
  color:#900;
  font-weight:normal;
}

PRE .name{
  color:#036;
  font-style:normal;
  font-weight:normal;
}

DL DT { font-size:13px; color:#333; margin-bottom:5px; }
DL DT B { font-size:13px; color:#666; font-weight:normal; border-bottom:#CCC 1px solid;}