/* GENERAL HTML BLOCK ELEMENTS */
HTML {
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-3dlight-color: threedface;
	/*overflow: hidden;*/
	overflow-x: hidden;
	overflow: auto;
	height: 100%;
}
BODY {
	font-family: Arial, Helvetica, sans-serif;
	color: #1A3F83; /* #777777;  #5A5A5A; */
	font-size: 0.8em;
	margin: 0px;
	height: 100%;
	/*overflow: hidden;*/
}
BODY.content {
	/* causes XP glitch on headings (due to conflict with inter-page transitions) */
	/* filter: progid:DXImageTransform.Microsoft.Fade(duration=0.6); */
	padding: 0px 20px 0px 30px;
	/* OLD: padding: 0px 20px 30px 30px;  */
	overflow-x: hidden;
	width: 650px;					/* fixes 'soft' page transition display glitches */
	background-color: transparent;
}
BODY.frameset, BODY.home {
	overflow: hidden;
}

H1 {
	margin-top: -2pt;
	margin-bottom: 10pt;

	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #DA2A2D;  /* WAS: #E66164; */
	font-size: 2.2em;
	letter-spacing: 0.1em;
	font-weight: normal;
}

.headingFooter {
	margin-top: -8pt;
	margin-bottom: 10pt;
	margin-left: 1pt;
}
.imgCaption, .headingFooter {
	color: gray;
	font-size: 0.7em;
	text-transform: uppercase; 
	letter-spacing: 0.15em;
}
.imgCaption {
	text-align: center;
	margin-top: 5pt;
}

A {
	text-decoration: none; 
	color: #1A3F83;
	cursor: pointer;
}
A:hover, DIV.menu DIV.menu A:hover {
	text-decoration: underline; 
}
A:hover, A.activeMenuLabel, DIV.menu DIV.menu A:hover { 
	color: #DA2A2D;
}

IMG { border: 0px }
IMG.border, DIV.imgBorder IMG { border: 1px gray solid; margin-bottom: 10pt; }
DIV.imgBorder.noMargin { margin-bottom: 0px; }

.noBorder { border:0px; }


P {
	margin-top: 0pt;
	margin-bottom: 10pt;
	line-height: 14pt; 	/* was: 1.4em */
	/* letter-spacing: 0.05em; */
}
.compact P, P.compact {
	line-height: 13.5pt!important;
}
P A {
	text-decoration: underline;
}

BLOCKQUOTE {
	margin-left: 20pt;
	font-style: italic;
}

STRONG {
	letter-spacing: -0.05em;
}


UL {
	padding-left: 0pt
	margin-top: 6pt;
	/* workaround IE6 bug when list is to right of floated element */
	list-style-position: inside;
	list-style-type: circle; 
	/* OLD: color: red; */
}
LI { margin-bottom: 4pt; font-size: 0.95em; }
UL UL LI { margin-bottom: 0pt; font-size: 0.9em; }
UL UL { position: relative; left: 15pt; margin-bottom: 2pt; }		/* will cause probs if scrolling page */

.compact UL { margin-top: 4pt; }
.compact LI { margin-bottom: 2pt; }



#tblMenu {
	width: 90%;
}
#tblMenu TD {
	font-size: 11pt;
	color: #1A3F83;
	text-align: center;
	vertical-align: top;
}
#tblMenu A:hover { 
	text-decoration: none;
}


A.menuLabel {
	position: relative;
	font-family: Comic Sans, Arial, Helvetica, sans-serif;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-weight: bold; */
	white-space: nowrap;
}
DIV.menu {
	visibility: hidden;
	position: absolute; 
	z-index: 999; 
	left: 10pt; 
	top: 1.2em; /*1.5em;*/

	text-align: left;
	white-space: nowrap;

	padding-left: 15px;
	padding-top: 9px;

	/* background-color: #FFFFEE; */
	background-image:   url("../images/ui/grey_left_bracket.gif");
	background-repeat: no-repeat;

	font-size: 0.9em;
}
DIV.menuRight {
	left: auto;
	right: 25pt;
	background-image:   url("../images/ui/grey_right_bracket.gif");
	background-position: top right;
}
DIV.menu * { { visibility: visible; }	}		/* IE only hack */


/* display menu on mouseover */
A.activeMenuLabel DIV.menu {
	visibility: visible!important;
}


/* 3rd-level menus */
DIV.menu DIV.menu {
	/* background-color: #FFFF00; */
	position: inline;
	top: 2.3em;
	left: auto;		/* avoids second third-level menus always aligning to far left of 2nd level menu */
	/* OLD (abs positioning):
		left: 20pt; 
		top: 2.1em;
	*/
	margin-left: -20px;
	font-size: 0.8em;
}
DIV.menu DIV.menu A {
	font-size: 8pt;
	color: #7C8DAC;
}

DIV.menu SPAN {
	padding-left: 22px;
	padding-right: 4px;
	background-image:   url("../images/ui/grey_dash.gif");
	background-repeat: no-repeat;
	background-position: center left;
}
DIV.menu SPAN.first {
	background-image: none;
	padding-left: 0px;
}
DIV.menu SPAN.last {
	padding-right: 15px;
}
DIV.menu A {
	font-size: 10pt;
}
DIV.menu A:hover { 
	text-decoration: underline;
}
#tblMenu A.activeLink {
	text-decoration: underline!important;
	color: #DA2A2D;
}


/* OLD:
#clientAreaMenu {
	display: none;
}
*/


DIV.siteFooter {
	/* OLD:
		position: relative;
		top: -6px;
		padding-left: 20px;
	*/
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 8pt;
	padding-right: 40pt;
	font-size: 0.9em;
}

DIV.siteFooter .copyrightText {
	color: #E0E0E0;				/*#CCCCCC #9A9A9A*/
}
.copyrightText A, .copyrightText B { color: #AAAAAA; }


/* news ticker */
#divNews {
	/* padding-left: 5px; */
	font-size: 9pt; 
	visibility: hidden;
}
#newsTicker {
	padding: 2pt 4pt 2pt 4pt;
	font-family: 'Courier New', Courier, mono;
	font-size: 9pt; 
	color: #AAAAAA;
}
#newsBlinker {
	visibility: hidden;
	color: #CCCCCC;
}
.newsLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}

.adminPanelLabel {
	margin-left: 23pt;
	text-align: left;
	height: 18pt; 
	font-size: 8pt; 
	color: #BBB;
	letter-spacing: 1pt;
}
.adminPanelLabel B { color: gray; font-weight: normal; }
.adminPanelLabel SMALL { letter-spacing: 1pt; }


#divEtmLogo {
	float: right; 
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Fade(duration=0.9); 
}
#etmLogo {
	visibility: hidden;
}


.leftFloat, .leftCol {
	float: left; 
	margin-right: 35px; 
	margin-bottom: 30px;
}
.leftCol {
	margin-bottom: 0px;
	height: 255px;  /* WAS: 100%, changed to prevent excessive height when view multiple leftCols if script disabled */
}
.rightFloat, .rightCol {
	float: right; 
	margin-left: 25px; 
	margin-bottom: 30px;
}
.rightCol {
	margin-bottom: 0px;
	height: 255px;  /* WAS: 100%; */
}


.linksArea, .linksAreaBottom {
	padding: 8pt 2pt 8pt 2pt;			/* padding rather than margin, to allow use on TD */
}
.linksAreaBottom {
	position: absolute;
	bottom: 0px;
}

.linkBtn, .nextBtn, .backBtn {
	letter-spacing: 1pt;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.linkBtn A, .nextBtn A, .backBtn A {
	/* color: #DA2A2D; */
	color: gray;
	font-size: 0.93em;
}
.nextBtn A, .backBtn A {
	background-repeat: no-repeat;
}
.backBtn A { background-image:  url("../images/ui/arrow_back.gif");	background-position: center left; padding-left: 11pt; }
.nextBtn A { background-image:  url("../images/ui/arrow.gif");	background-position: center right; padding-right: 11pt; }

.leftBtnLabel { float: left; font-size: 10pt; color:#CCCCCC; margin-right: 20pt; }

.linksDivider { padding-left:5pt; padding-right:5pt; color: #CCCCCC;}


TABLE .rightLabel {
	text-align: right;
	padding-right:5pt;
	font-size: 9pt; 		/* OLD (doesn't work properly if non-standards mode): 0.85em */		
	color: #4A72B8;
}

/* FORM ELEMENTS */
FORM {
	margin: 0px;
}
TEXTAREA, INPUT {
	padding: 1pt 2pt 2pt 2pt;
	border: 1px solid #CCCCCC; /*#1A3F83;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #1A3F83;		/* slightly lighter blue */
}
INPUT.button {
	border: 1px outset gray;
	color: #333333;
	font-size: 8pt;
}
INPUT.disabled {
	cursor:default;
	background-color: #F3F3F3;
	color: gray;
}

SPAN.tooltip {
	cursor: help;
}


.divPage { clear: both; filter: progid:DXImageTransform.Microsoft.Fade(duration=0.6); }
#divGallery .divPage { clear: none; }


.galleryImg {
	width: 107px;
	height: 107px;
	margin-bottom: 10px;
	margin-right: 11px;
	float: left;
	border: 1px #CCCCCC solid;
	background-color: #EEEEEE;
	vertical-align: middle;
}
.galleryImg A {
	border: 3px #EEEEEE solid;
	background-color: white;
	font-size: 0.6em;
	color: gray;

	display: block;
	height: 100%;
	width: 100%;
	padding-top: 4px; 
	text-align: center;
	overflow: hidden;
}
.galleryImg A:hover {
	border: 3px #DA2A2D solid;
}

SPAN.temp {
	background-color: yellow;
}


.msgArea {
	font-size: 0.9em;
}

.footNote {
	color: lightgrey;
	font-size: 0.8em;
}


BODY.popupWin {
	padding: 20px;
	width: 100%;
}
BODY.popupWin .closeLink {
	background-color: lightgrey;
	padding: 3pt 5pt 3pt 5pt;
	border: 1px outset;
	position: absolute;
	top: 40pt;
	left: 20pt;
}
BODY.popupWin P.imgBlurb {
	padding-top: 5pt;
	padding-bottom: 5pt;
	margin-left: 40px;
	width: 85%;
}
BODY.popupWin .fieldNote {
	color: gray;
	font-size: 8pt;
}


DIV.leftMargin { margin-left: 30pt }