html { 
	min-height: 100%;
	height: auto;
}
html, BODY { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 9pt; 
	color: #000000;
}
body { 
	margin: 0px; 
	color: #fff; 
}
.bdyBKG {
	background-image: url(/images/bckGradient.jpg); 
	background-repeat: repeat-x; 
	background-position: bottom left; 
	}
TD { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 9pt; 
	color: #000000;  
	font-weight : normal;
}
A { color : #CC0000; text-decoration : none; }
A:HOVER { color : #990000; text-decoration : underline; }

img { border: 0; }	/* SO WE DON'T HAVE TO PUT BORDER=0 IN IMAGES WITH LINK! */

.backSpl {
	background-image: url(/images/bckSpl.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #000033;
}

.btmBlue {
	background: #000033;
}

.splSide {
	float: left;
	width: 236px;
	height: 790px;
}

.splMiddle {
	float: left;
	width: 508px;
	height: 790px;
	text-align: center;
}

#btnLocations { width: 207px; height: 145px; margin: 0 auto; /*background: url(/images/spl_btm_locations.gif) no-repeat 0 0;*/ }

#content {
	width: 850px;
	margin: 30px auto auto 30px;
	padding: 20px;
	border: 1px solid #660000;
	background: #fff;
}

.title 	  { font-family: Arial, Helvetica, sans-serif; color: #cc0000; font-size : 18px;  }
h1 	  { font-family: Arial, Helvetica, sans-serif; color: #cc0000; font-size : 18px; margin:0; }

.subtitle { color: #829ABF; font-size : 13pt; font-weight: bold; }

.subhead { color: #ff0000; font-size : 15px; font-weight: bold; }
.subhead a:link, .subhead a:active, .subhead a:visited { color : #ff0000; text-decoration : none; font-weight: bold; }
.subhead a:HOVER { color : MediumBlue; text-decoration : underline; }
h2 { color: #ff0000; font-size : 15px; font-weight: bold; margin:0;}
h2 a:link, h2 a:active, h2 a:visited { color : #ff0000; text-decoration : none; font-weight: bold; }
h2 a:HOVER { color : #ccc; text-decoration : underline; }
.pop 	{ font-size : 11pt; color: #000000;  font-weight : normal;}

.itemBorder { border: 1px solid #666; }

.bckPopUp1	 { background-color: #fff; background-image: url(/images/bckPopup.jpg); background-repeat: no-repeat; margin: 0;}
.bckPopUp2	 { background-color: #fff; background-image: url(/images/bckPopup.jpg); background-repeat: no-repeat; margin: 0;}
.bckNav		 { background-color: #fff; background-image: url(/images/bckNav.gif); background-repeat: repeat-x; }
.bckBlack	 { background-color: #000; }
.bckWhite	 { background-color: #fff; }
.bckGrayDk	 { background-color: #333; }
.white { color: #fff; }

.largeFont { font-size: 18px; line-height: 18px;}

.graySm 		{ font-size : 9pt; text-decoration : none; color : #CCCCCC ; font-weight : normal;  }
.graySm a:link, .graySm a:active, .graySm a:visited	{ text-decoration : none; color : #CCCCCC ; font-weight : normal;  }
.graySm a:hover	{ text-decoration : underline; color : #ffffff ;  }

.Sm 		{ font-size : 9pt; text-decoration : none; color : #000000 ; font-weight : normal;  }
.Sm a:link, .Sm a:active, .Sm a:visited	{ text-decoration : none; color : #000000 ; font-weight : normal;  }
.Sm a:hover	{ text-decoration : underline; color : #484848 ; }

.whiteSm 		{ font-size : 9pt; text-decoration : none; color : #fff ; font-weight : normal;  }
.whiteSm a:link, .whiteSm a:active, .whiteSm a:visited	{ text-decoration : none; color : #fff ; font-weight : normal;  }
.whiteSm a:hover	{ text-decoration : underline; color : #484848 ; }

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}		
.left {float:left;}
.right{float:right;}
.clear{clear:both;}
.clearRight { clear:right; }
.inline { display: inline; }

/* This starts the styles for the new CSS Navigation */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	line-height: 20px; 
	z-index: 55;
	}
	html>body #nav, #nav ul { position: relative; }

#nav a {
	display: block; 
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 100%; 
}

#nav a.parent {
	background: url(/images/arrow.gif) no-repeat; background-position: 95% 50%; 
}

#nav a.parent:hover {
	background: url(/images/arrow.gif) center no-repeat; background-position: 95% 50%; 
	background-color: #990000; 
}

#nav a:hover {
	background: #990000; 
	text-decoration: none;
	color: #fff;
}
	
#nav li { 
	float: left;
	white-space: nowrap; 
}

#nav li ul { 
	z-index: 3; 
	border: 1px solid #999; /*border-bottom-style: none; */
	padding: 0px; 
	position: absolute;
	background: #ccc; 
	width: 130px; 
	width: expression('132px'); 
	left: -999em; 
}

#nav li ul li {
	width: 100%;
	/*border-bottom: 1px solid #fff; */ /*this is for the border between dropdown items*/
}

#nav li ul ul { 
	margin: -21px 0 0 130px; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto; 
}
