/*GLOBAL
**********
NON-HEADER*/
*
{
	padding: 0;
	margin: 0 0 0px;
}
BODY
{
	font-size: 62.5%;
	background: #D0EED3 url(../img/bg2.png) repeat-x;
	font-family: verdana, arial, sans-serif;
	height: 100%;
	margin: 20px 0 0;
	padding: 0;
	border: 0;
}
/*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container
{
	width: 900px;
	height: 100%;
	margin: 0 auto;
	border: 1px solid rgb(150, 150, 150);
	font-size: 1em;
}
.main
{
	clear: both;
	width: 900px;
	background: transparent url(../img/bg_main_withnav.jpg) repeat-y top left;
	/*[ph]0*/
	/*[ph]1*/
	/*[ph]2*/
	/*[ph]3*/
}
@media print
{
	.main
	{
		/*[id]0*/clear: both;
		/*[id]1*/width: 900px;
		/*[id]2*/padding-bottom: 30px;
		/*[id]3*/background: transparent;
	}
}
.main-navigation
{
	display: inline;
	float: left;
	width: 200px;
	overflow: visible !important;
	overflow: hidden;
	/*[ph]4*/
	/*[ph]5*/
	/*[ph]6*/
	/*[ph]7*/
	/*[ph]8*/
	/*[ph]9*/
	/*[ph]a*/
	/*[ph]b*/
}
@media print
{
	.main-navigation
	{
		/*[id]4*/display: inline;
		/*[id]5*/float: left;
		/*[id]6*/width: 199px;
		/*[id]7*/border-right: 1px solid rgb(200, 200, 200);
		/*[id]8*/border-bottom: 1px solid rgb(200, 200, 200);
		/*[id]9*/background-color: rgb(240, 240, 240);
		/*[id]a*/overflow: visible !important;
		/*[id]b*/overflow: hidden;
	}
}
.main-content
{
	display: inline;
/*Fix IE floating margin bug*/
	float: left;
	width: 440px;
	margin: 0 0 0 30px;
	overflow: visible !important;
	overflow: hidden;
}
.main-subcontent
{
	display: inline;
	float: right;
	width: 185px;
	margin: 0 15px 0 0;
	overflow: visible !important;
	overflow: hidden;
}
.footer
{
	clear: both;
	position: absolute;
	width: 900px;
	padding: 1em 0;
	background: rgb(225, 225, 225) url(../img/bg_foot.jpg) no-repeat;
	font-size: 1em;
	overflow: visible !important;
	overflow: hidden;
	/*[ph]c*/
	/*[ph]d*/
	/*[ph]e*/
	/*[ph]f*/
	/*[ph]10*/
	/*[ph]11*/
	/*[ph]12*/
	/*[ph]13*/
	border-left: 1px solid #969696;
	border-right: 1px solid #959595;
	margin-left: -1px;
	border-bottom: 1px solid #969696;
}
@media print
{
	.footer
	{
		/*[id]c*/clear: both;
		/*[id]d*/width: 900px;
		/*[id]e*/height: 3.7em;
		/*[id]f*/padding: 1.1em 0 0 0px;
		/*[id]10*/background: rgb(240, 240, 240);
		/*[id]11*/font-size: 1em;
		/*[id]12*/overflow: visible !important;
		/*[id]13*/overflow: hidden;
	}
}
/*--- For alternative headers START PASTE here ---
HEADER*/
.header
{
	margin: auto;
	width: 900px;
	font-family: "trebuchet ms", arial, sans-serif;
}
.header-middle
{
	width: 900px;
	height: 186px;
	background: rgb(230, 230, 230) url(../img/logo.jpg);
	overflow: visible !important;
	overflow: hidden;
}
.header-bottom
{
	width: 900px;
	height: 40px;
	background: rgb(255, 255, 255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
.header-breadcrumbs
{
	clear: both;
	width: 900px;
	padding: 1em 0 1.5em;
	background: rgb(255, 255, 255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
	/*[ph]14*/
	/*[ph]15*/
}
@media print
{
	.header-breadcrumbs
	{
		/*[id]14*/width: 900px;
		/*[id]15*/background: transparent;
	}
}
/************
2. HEAD
************/
.sitelogo
{
	width: 60px;
	height: 40px;
	position: absolute;
	z-index: 1;
	margin: 22px 0 0 20px;
	background: url(../img/bg_head_top_logo.jpg);
}
.sitename
{
	width: 300px;
	height: 45px;
	position: absolute;
	z-index: 1;
	margin: 20px 0 0 90px;
	overflow: visible !important;
	overflow: hidden;
}
.sitename H1
{
	font-size: 240%;
}
.sitename H2
{
	margin: -4px 0 0;
	color: rgb(234, 239, 247);
	font-size: 120%;
}
.sitename A
{
	text-decoration: none;
	color: rgb(234, 239, 247);
}
.sitename A:hover
{
	text-decoration: none;
	color: rgb(50, 50, 50);
}
.nav0
{
	width: 350px;
	position: absolute;
	z-index: 2;
	margin: 25px 0 0;
	margin-left: 550px !important;
	margin-left: 553px;
}
.nav0 UL
{
	float: right;
	padding: 0 20px 0 0;
}
.nav0 LI
{
	display: inline;
	list-style: none;
}
.nav0 LI A
{
	padding: 0 0 0 3px;
}
.nav0 A:hover
{
	text-decoration: none;
}
.nav0 A IMG
{
	height: 14px;
	border: none;
}
.nav1
{
	width: 350px;
	position: absolute;
	z-index: 3;
	margin: 45px 0 0 550px;
}
.nav1 UL
{
	float: right;
	padding: 0 15px 0 0;
	font-weight: bold;
}
.nav1 LI
{
	display: inline;
	list-style: none;
}
.nav1 LI A
{
	display: block;
	float: left;
	padding: 2px 5px;
	color: rgb(234, 239, 247);
	text-decoration: none;
	font-size: 120%;
}
.nav1 A:hover
{
	text-decoration: none;
	color: rgb(50, 50, 50);
}
/*Drop-down menu*/
.nav2
{
	float: left;
	width: 900px;
	border: none;
	background: rgb(220, 220, 220) url(../img/bg_head_bottom_nav.jpg) no-repeat;
	color: rgb(75, 75, 75);
	font-size: 130%;
	/*[ph]16*/
	/*[ph]17*/
	/*[ph]18*/
	/*[ph]19*/
	/*[ph]1a*/
	/*[ph]1b*/
	/*[ph]1c*/
}
@media print
{
	.nav2
	{
		/*[id]16*/float: left;
		/*[id]17*/width: 900px;
		/*[id]18*/border: none;
		/*[id]19*/background: rgb(240, 240, 240);
		/*[id]1a*/color: rgb(75, 75, 75);
		/*[id]1b*/font-size: 1em;
		/*[id]1c*/font-size: 130%;
	}
}
/*Color navigation bar normal mode*/
.nav2 UL
{
	list-style-type: none;
}
.nav2 UL LI
{
	float: left;
	position: relative;
	z-index: auto !important;
	z-index: 1000;
	border-right: 1px solid rgb(175, 175, 175);
}
.nav2 UL LI A
{
	float: none !important;
	float: left;
	display: block;
	height: 3.1em;
	line-height: 3.1em;
	padding: 0 16px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.nav2 UL LI UL
{
	display: none;
	border: none;
}
/*Non-IE6 hovering*/
.nav2 UL LI:hover A
{
	background-color: #A9DEB0;
	text-decoration: none;
}
/*Color main cells hovering mode*/
.nav2 UL LI:hover UL
{
	display: block;
	width: 10em;
	position: absolute;
	z-index: 999;
	top: 3em;
	margin-top: 0.1em;
	left: 0;
}
.nav2 UL LI:hover UL LI A
{
	display: block;
	width: 10em;
	height: auto;
	line-height: 1.3em;
	margin-left: -1px;
	padding: 4px 16px;
	border-left: 1px solid rgb(175, 175, 175);
	border-bottom: 1px solid rgb(175, 175, 175);
	background-color: rgb(237, 237, 237);
	font-weight: normal;
	color: #000000;
}
/*Color subcells normal mode*/
.nav2 UL LI:hover UL LI A:hover
{
	background-color: rgb(210, 210, 210);
	text-decoration: none;
}
/*Color subcells hovering mode
IE6 hovering*/
.nav2 TABLE
{
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}
.nav2 UL LI A:hover
{
	background-color: #A9DEB0;
	text-decoration: none;
	color: #000000;
}
/*Color main cells hovering mode*/
.nav2 UL LI A:hover UL
{
	display: block;
	width: 10em;
	position: absolute;
	z-index: 999;
	top: 3.1em;
	t\op: 3em;
	left: 0;
	ma\rgin-top: 0.1em;
}
.nav2 UL LI A:hover UL LI A
{
	display: block;
	w\idth: 10em;
	height: 1px;
	line-height: 1.3em;
	padding: 4px 16px;
	border-left: 1px solid rgb(175, 175, 175);
	border-bottom: 1px solid rgb(175, 175, 175);
	background-color: rgb(237, 237, 237);
	font-weight: normal;
	color: #000000;
}
/*Color subcells normal mode*/
.nav2 UL LI A:hover UL LI A:hover
{
	background-color: rgb(210, 210, 210);
	text-decoration: none;
}
/*Color subcells hovering mode*/
.header-breadcrumbs UL
{
	float: left;
	width: 560px;
	list-style: none;
	padding: 0 0 0 15px;
	font-family: verdana, arial, sans-serif;
}
.header-breadcrumbs UL LI
{
	display: inline;
	padding: 0 0 0 10px;
	background: transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
	font-weight: bold;
	color: rgb(125, 125, 125);
	font-size: 100%;
}
.header-breadcrumbs UL A
{
	color: rgb(70, 122, 167);
	text-decoration: none;
}
.header-breadcrumbs UL A:hover
{
	color: rgb(42, 90, 138);
	text-decoration: underline;
}
.header-breadcrumbs .searchform
{
	float: right;
	width: 285px;
	padding: 0 17px 0px 0px !important;
	padding: 0 12px 0px 0px;
}
.header-breadcrumbs .searchform FORM FIELDSET
{
	float: right;
	border: none;
}
.header-breadcrumbs .searchform INPUT.field
{
	width: 10em;
	padding: 0.2em 0;
	border: 1px solid rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 120%;
}
.header-breadcrumbs .searchform INPUT.button
{
	width: 3em;
	padding: 1px !important;
	padding: 0;
	background: rgb(230, 230, 230);
	border: 1px solid rgb(150, 150, 150);
	text-align: center;
	font-family: verdana, arial, sans-serif;
	color: rgb(150, 150, 150);
	font-size: 120%;
}
.header-breadcrumbs .searchform INPUT.button:hover
{
	cursor: pointer;
	border: 1px solid rgb(80, 80, 80);
	background: rgb(220, 220, 220);
	color: rgb(80, 80, 80);
}
/*---  ---
****************
MAIN SECTION
****************
MAIN NAVIGATION*/
.main-navigation .round-border-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	margin: 0 0 0 190px;
	background: url(../img/bg_corner_topright.gif) no-repeat;
}
/*MAIN CONTENT*/
.column1-unit
{
	width: 440px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}
.column2-unit-left
{
	float: left;
	width: 200px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}
.column2-unit-right
{
	float: right;
	width: 200px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}
.column3-unit-left
{
	float: left;
	width: 120px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}
.column3-unit-middle
{
	float: left;
	width: 120px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
	margin-left: 40px;
}
.column3-unit-right
{
	float: right;
	width: 120px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}
/*MAIN SUBCONTENT*/
.subcontent-unit-border IMG.noborder
{
	border: none;
}
.subcontent-unit-border
{
	width: 183px;
	margin: 0 0 2em;
	padding: 0 0 5px;
	border: 1px solid #000078;
	background: #A9DEB0;
}
.subcontent-unit-border-green
{
	width: 183px;
	margin: 0 0 2.5em;
	padding: 0 0 10px;
	border: 1px solid rgb(160, 214, 81);
	background-color: rgb(217, 239, 185);
}
.subcontent-unit-border-blue
{
	width: 183px;
	margin: 0 0 2.5em;
	padding: 0 0 10px;
	border: 1px solid #000078;
	background-color: #A9DEB0;
}
.subcontent-unit-border-orange
{
	width: 183px;
	margin: 0 0 2.5em 0px;
	padding: 0 0 10px;
	border: 1px solid rgb(232, 177, 13);
	background-color: rgb(248, 224, 150);
}
.subcontent-unit-noborder
{
	width: 185px;
	margin: 0 0 2.5em;
	padding: 0 0 10px;
	background: rgb(235, 235, 235);
}
.subcontent-unit-noborder-green
{
	width: 185px;
	margin: 0 0 2.5em;
	padding: 0 0 10px;
	background-color: rgb(217, 239, 185);
}
.subcontent-unit-noborder-blue
{
	width: 185px;
	margin: 0 0 2.5em;
	padding: 0 0 10px;
	background-color: rgb(213, 225, 240);
}
.subcontent-unit-noborder-orange
{
	width: 185px;
	margin: 0 0 2.5em;
	padding: 0 0 10px;
	background-color: rgb(248, 224, 150);
}
.round-border-topleft
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topleft.gif) no-repeat;
	margin-top: -1px;
	margin-left: -1px;
}
.round-border-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topright.gif) no-repeat;
	margin-top: -1px;
	margin-left: 174px;
}
.round-noborder-topleft
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topleft.gif) no-repeat;
	margin-top: 0px;
	margin-left: 0px;
}
.round-noborder-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topright.gif) no-repeat;
	margin-top: 0px;
	margin-left: 175px;
}
/*******************
FOOTER SECTION
*******************/
.footer P
{
	line-height: 1.3em;
	text-align: center;
	color: rgb(125, 125, 125);
	font-weight: bold;
	font-size: 110%;
}
.footer P.credits
{
	font-weight: normal;
}
.footer A
{
	text-decoration: underline;
	color: rgb(125, 125, 125);
}
.footer A:hover
{
	text-decoration: none;
	color: rgb(0, 0, 0);
}
.footer A:visited
{
	color: rgb(0, 0, 0);
}
/*****************
CLEAR FLOATS
*****************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content DIV:after, .main-subcontent:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.footer:after, P:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-contentunit
{
	clear: both;
	width: 440px;
	height: 0.1em;
	border: none;
	background: #000078;
	color: #000078;
	margin-bottom: 10px;
}
/*******************************
PRINTING and MISCELLANEOUS
*******************************/
@media print
{
	.header-top
	{
		width: 900px;
		height: 80px;
		background: rgb(240, 240, 240);
		overflow: visible !important;
		overflow: hidden;
	}
}
/*Color navigation bar normal mode
The hover image map styling*/
#hovermap
{
	width: 400px;
	height: 700px;
	background: url(../img/tts_map2.png) no-repeat;
	border: none;
	position: relative;
	list-style-type: none;
}
#hovermap UL LI
{
	display: inline;
	width: 0;
	height: 0;
	background: transparent;
}
/*needed for IE to function correctly*/
#hovermap UL LI A
{
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: transparent;
	cursor: default;
	z-index: 100;
}
#hovermap UL LI.ny A
{
	left: 164px;
	top: 195px;
}
#hovermap UL LI.metro A
{
	left: 36px;
	top: 144px;
}
#hovermap UL LI.pa A
{
	left: 127px;
	top: 265px;
}
#hovermap UL LI.wv A
{
	left: 65px;
	top: 360px;
}
#hovermap UL LI.va A
{
	left: 143px;
	top: 375px;
}
#hovermap UL LI.nj A
{
	left: 292px;
	top: 287px;
}
#hovermap UL LI.de A
{
	left: 274px;
	top: 327px;
}
#hovermap UL LI.md A
{
	left: 250px;
	top: 366px;
}
#hovermap UL LI.dc A
{
	left: 264px;
	top: 417px;
}
#hovermap UL LI.nh A
{
	left: 170px;
	top: 25px;
}
#hovermap UL LI.vt A
{
	left: 153px;
	top: 79px;
}
#hovermap UL LI.me A
{
	left: 279px;
	top: 77px;
}
#hovermap UL LI.ma A
{
	left: 314px;
	top: 151px;
}
#hovermap UL LI.ri A
{
	left: 342px;
	top: 207px;
}
#hovermap UL LI.ct A
{
	left: 319px;
	top: 248px;
}
#hovermap UL LI A B
{
	display: none;
}
#hovermap UL LI A:hover
{
	background: #000;
}
#hovermap UL LI A:hover
{
	position: static;
	display: block;
	background: transparent;
	width: 0;
	height: 0;
	text-decoration: none;
}
#hovermap UL LI A:hover B
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: transparent;
	width: 400px;
	height: 700px;
	z-index: 0;
}
#hovermap UL LI A:hover B EM
{
	display: block;
	position: absolute;
	left: 50px;
	top: 455px;
	color: #000;
	border: 1px solid #000;
	background: #D5E1F0;
	padding: 5px;
	font-style: normal;
}
