html
{
	overflow-y: scroll;
}
body
{
	padding : 0px;
	margin : 0px;
}

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content, #content td, #content p
{
	font-size: 12px;
	color: #336600;
}

body
{
	background-image : url(images/background.gif);
  scrollbar-face-color:#ffffff;
  scrollbar-arrow-color:#377232;
  scrollbar-track-color:#ffffff;
  scrollbar-shadow-color:#377232;
  scrollbar-highlight-color:#377232;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-Color:#ffffff;
}

table, tr, td
{
		border-spacing : 0px;
		padding : 0px;
		margin : 0px;		
}

.ta1
{
	width: 100%;
	background-image: url(images/bgtop.gif);
	background-repeat: repeat-x;
}

.tr1 { height : 150px; }
.tr2 { height : 97px; }
.tr3 { height : 53px; }
.tr4 { height : 700px; }
.tr5 { height : 1px; background-color : #397434;}


.td1 { width : 985px; }
.td2 { width : 158px; background-image : url(images/header_left.gif); }
.td3 { width : 827px; background-image : url(images/header_top.gif); }
.td4 { width : 827px; background-image : url(images/header_menu.gif); }
.td5 { width : 158px; background-image : url(images/menu_left.gif); }
.td7 { width : 1px; background-color : #397434;}

td
{
	text-align: left;
	vertical-align: top;
}

#content
{
	width : 806px;
	height: auto;
	overflow: hidden;
	background-color : #E5FFE2;
	padding: 10px;
	font-size: 12px;
	color: #336600;
}

#content a:link, #content a:visited, #content a:hover, #content a:active
{
	color: #377232;
	font-weight: bold;
	text-decoration: none;	
}

#content a:hover
{
	color: #EBD449;
	text-decoration: underline;
}

#content table, #content tr, #content td
{
	border-spacing: auto;
	padding: auto;
	margin: auto;
}
#menulistouter
{
	position: absolute;
	left: 30px;
	top: 6px;
	z-index: 10;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: -2px; /* I'm using ems and px to allow people to zoom their font */
 left: 10px;
 width: 150px;
 border: outset 2px #FFFFFF;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 background: #70ab6b;
 border-top: solid 1px #000000;
 border-bottom: solid 1px #000000;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a, .menulist a:link, .menulist a:visited, .menulist a:hover, .menulist a:active {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: 700;
 padding-left: 11px;
 padding-right: 11px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFFF00;
 text-decoration: underline; 
}

.menulist ul a, .menulist ul a:link, .menulist ul a:visited, .menulist ul a:hover, .menulist ul a:active
{
	background-color: #70ab6b;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 0px;
}

.menulist ul a:hover
{
	background-color: #377232;
	text-decoration: none;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */

.formouter .Row
{
padding-top : 3px;
}
.formouter .Desc1_1, .formouter .Desc1_2, .formouter .Desc2_2, .formouter .Desc1_3, .formouter .Desc2_3, .formouter .Desc3_3, .formouter .Desc1_4, .formouter .Desc2_4, .formouter .Desc3_4, .formouter .Desc4_4
{
padding-left : 3px;
text-align : right;
padding-right : 3px;
font-weight : bold;
}
.formouter .Desc1_1
{
width : 50%;
}
.formouter .Content1_1
{
width : 50%;
}
.formouter .Desc1_2
{
width : 25%;
}
.formouter .Content1_2
{
width : 75%;
}
.formouter .Desc2_2
{
width : 50%;
}
.formouter .Content2_2
{
width : 50%;
}
.formouter .Desc1_3
{
width : 17%;
}
.formouter .Content1_3
{
width : 83%;
}
.formouter .Desc2_3
{
width : 34%;
}
.formouter .Content2_3
{
width : 66%;
}
.formouter .Desc3_3
{
width : 50%;
}
.formouter .Content3_3
{
width : 50%;
}
.formouter .Desc1_4
{
width : 13%;
}
.formouter .Content1_4
{
width : 87%;
}
.formouter .Desc2_4
{
width : 26%;
}
.formouter .Content2_4
{
width : 74%;
}
.formouter .Desc3_4
{
width : 39%;
}
.formouter .Content3_4
{
width : 61%;
}
.formouter .Desc4_4
{
width : 50%;
}
.formouter .Content4_4
{
width : 50%;
}
.formouter .Col1
{
width : 100%;
}
.formouter .Col2
{
width : 50%;
}
.formouter .Col3
{
width : 33%;
}
.formouter .Col4
{
width : 25%;
}
.formouter .Col5
{
width : 20%;
}

.formouter td
{
	text-align: left;
}

.formouter input, .formouter textarea, .formouter select
{
    border-style : solid;
    border-width : 1px;
    border-color : #000000;
    background-color : #FFFFFF;
    color : #000000;
    width : 100%;
    text-decoration : none;
    font-weight : normal;
}

.formouter input.button
{
    background-color : #FFFFFF;
    color : #000000;
    width : auto;
    height : 27px;
}

.formouter input.radio
{
    background-color : transparent;
    border-color : none;
    border-style : none;
    border-width : 0px;
    width : auto;
}

.formouter select
{
	width: auto;
}

.ctplitemarea
{
    width : 750px;
}

#td5d
{
	position: relative;
	left: 0px;
	top: 0px;
}

#menulistleftouter
{
	position: absolute;
	left: 0px;
	top: 35px;
}

/* All <ul> tags in the menu including the first level */
.menulistLeft, .menulistLeft ul {
 margin: 0;
 padding: 0;
 width: 157px;
 list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulistLeft ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 159px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulistLeft li {
 margin-bottom: -1px;
}

.menulistLeft ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulistLeft a {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: 700; 
 padding-top: 2px;
 padding-bottom: 2px;
 padding-right: 27px;
 text-align: right;
}

.menulistLeft ul
{
	border: outset 2px #FFFFFF;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulistLeft a:hover, .menulistLeft a.highlighted:hover, .menulistLeft a:focus {
 color: #FFFF00;
 text-decoration: underline;
}

.menulistLeft ul a
{
	background-color: #70ab6b;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 0px;
	text-align: left;
}

.menulistLeft ul a:hover
{
	background-color: #377232;
	text-decoration: none;
}

.menulistLeft ul li
{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulistLeft a .subind {
 float: right;
}
.menulistLeft a.lvl1:link, .menulistLeft a.lvl1:visited, .menulistLeft a.lvl1:hover, .menulistLeft a.lvl1:active
{
	color: #ebd449;
	text-decoration: none;
	background-image: url(images/menuLeftArrowActive.gif);
	background-repeat: no-repeat;
	background-position: 135px 4px;
}
.menulistLeft a.lvl1 lvl1active:link, .menulistLeft a.lvl1 lvl1active:visited, .menulistLeft a.lvl1 lvl1active:hover, .menulistLeft a.lvl1 lvl1active:active
{
	color: #ebd449;
	text-decoration: none;
	background-image: url(images/menuLeftArrowActive.gif);
	background-repeat: no-repeat;
	background-position: 135px 4px;
}

.menulistLeft a.lvl2:link, .menulistLeft a.lvl2:visited
{
	color: #e5e5e5;
	text-decoration: none;
}
.menulistLeft a.lvl2:hover
{
	color: #ffff00;
	text-decoration: underline;
}
.menulistLeft a.lvl2:active
{
	color: #ebd449;
	text-decoration: none;
	background-image: url(images/menuLeftArrowActive.gif);
	background-repeat: no-repeat;
	background-position: 135px 4px;
}


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulistLeft li {
 float: left;
 width: 100%;
}

* html .menulistLeft li {
 float: left;
 height: 1%;
}
* html .menulistLeft a {
 height: 1%;
}
/* End Hacks */

.menulistLeft ul li {
	position: relative;
	margin-bottom: -1px;
}

div.downloadarea
{
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.downloadarea td
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.downloadarea h1
{
	font-size: 18px;
}

.downloadarea h3
{
	font-size: 14px;
	margin-bottom: 0px;
}

.downloadarea .leadingtext, .downloadarea .trailingtext
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.downloadarea table
{
	width: 90%;
}

.downloadarea td.title
{
	padding-right: 20px;
}

.downloadarea td.datesize
{
	width: 200px;
	text-align: right;
}

.downloadarea td
{
	border-bottom: solid 1px black;
}

div.routingform
{
	padding-bottom : 50px;	
}

table.routingform
{
	border : 2px solid black;
}

.routingform td
{
	width : 50%;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 5px;
	padding-bottom : 5px;
	text-align: left;
}

#srczip
{
	width : 75px;
}

#srccity
{
	width: 167px;
}

.routingzipcityinput .routingcityinput
{
	width : 164px;
	padding-left : 5px;
}

.routingform .dsttitle
{
	font-weight : bold;
}

.routesubmit
{
	text-align : center;
}

.routesubmit input.button
{
	width : 50%;
}

.routingMapWindow
{
	color: #000000;
}

.routingMapWindow a:link, .routingMapWindow a:visited, .routingMapWindow a:hover, .routingMapWindow a:active
{
	color: #666666;
}

#td3d
{
	position: relative;
	left: 0px;
	top: 0px;
}

#menu2
{
	position: absolute;
	left: 30px;
	top: 33px;
}

#menu2 div
{
	float: left;
	padding-right: 11px;
}

#menu2 a:link, #menu2 a:visited, #menu2 a:hover, #menu2 a:active
{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
}

#menu2 a:hover
{
	color: #FFFF00;
}

#curlevel1
{
	position: absolute;
	right: 28px;
	top: 10px;
	text-align: right;
	font-size: 12px;
	color: #EBD449;
	font-weight: 700;
}

div#slider01
{
	position: relative;
	z-index: 1;
	left:1px;
	top: 27px;
	width: 157px;
	height: 122px;
	overflow: hidden;
}


div#slider02
{
	position: absolute;
	z-index: 1;
	left:388px;
	top: 1px;
	width: 438px;
	height: 119px;
	overflow: hidden;
}

div#slideroverlay
{
	position: absolute;
	z-index: 2;
	left: 388px;
	top: 1px;
	width: 438px;
	height: 119px;
	background-image: url(images/slideroverlay.png);
}

#td4d
{
	position: relative;
	left: 0px;
	top: 0px;
}

#poweredby
{
	position:absolute;
	left: 50%;
	margin-left: 495px;
	top: 620px;
}