/* 
 * Lucky Leprechaun style sheet.
 *   fixed-width, px-based layout.
 */

body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 76%;
	font-weight: normal;
	font-style: normal;
	background: white;
	color: black;
	text-align: center;
}

h1
{
	margin: 0;
	padding: 8px 0;
	font-family: Georgia, serif;
	font-size: 130%;
	color: #124E8C;
	background: white;
}

h2
{
	margin: 0;
	padding: 7px 0;
	font-family: Georgia, serif;
	font-size: 120%;
	color: #124E8C;
	background: white;
}

h3
{
	margin: 0;
	padding: 6px 0;
	font-family: Georgia, serif;
	font-size: 110%;
	color: #124E8C;
	background: white;
}

h4
{
	margin: 0;
	padding: 5px 0;
	font-family: Georgia, serif;
	font-size: 100%;
	color: #124E8C;
	background: white;
}

acronym
{
	border-bottom: 1px dotted green;
}

/* This container defines the width: 755px */
#container
{
	width: 755px;
	margin: 0 auto 0;
	padding: 0;
	text-align: left;
}

#letterhead
{
	display: none;
}

#header
{
	position: relative;
	margin: 0;
	color: white;
	background: #535770;
}

#header h1
{
	width: 100%;
	margin: 0;
	padding: 0;
	height: 60px;
	color: white;
	background: #535770 url(  "/images/harco-logo-48.png" ) no-repeat 10px center; /* image size: 164x48px */
}

#header #search
{
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 1; /*  float: right;   margin: 10px 0 0 0;   width: 25%; */
}

#header #search form
{
	margin: 0;
}

#header h1 span
{
	display: none;
}

#header h2
{
	clear: both;
	float: left;
	height: 100px;
	width: 235px;
	margin: 2px 0 0 0;
	padding: 0;
	color: white;
	background: #71b292 url(  "/images/img1.png" ) no-repeat left center; /* image size: 235x100px */
	display: inline;
}

#header h2 span
{
	display: none;
}

#header h3
{
	float: right;
	height: 100px;
	width: 520px;
	margin: 2px 0 0 0;
	padding: 0;
	color: white;
	background: #71b292 url(  "/images/title-about.png" ) no-repeat right center; /* image size: 520x100px */
	display: inline;
}

#header h3 span
{
	display: none;
}

#Main #header h2
{
	clear: both;
	float: left;
	width: 435px;
	height: 175px;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	color: white;
	background: #71b292 url(  "/images/title-home.png" ) no-repeat left center; /* image size: 435x175px */
	display: inline;
}

#Main #header h3
{
	float: right;
	width: 320px;
	height: 175px;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	color: white;
	background: #71b292 url(  "/images/image1.png" ) no-repeat right center; /* image size: 320x175px */
	display: inline;
}

#about #header h2
{
	color: white;
	background: #71b292 url(  "/images/img5.jpg" ) no-repeat left center; /* image size: 235x100px */
	display: inline;
}
#about #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-about.png" ) no-repeat right center;
	display: inline;
}
#products #header h2
{
	color: white;
	background: #71b292 url(  "/images/img11.jpg" ) no-repeat left center; /* image size: 235x100px */
	display: inline;
}
#products #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-products.png" ) no-repeat right center;
	display: inline;
}
#services #header h2
{
	color: white;
	background: #71b292 url(  "/images/img9.jpg" ) no-repeat left center; /* image size: 235x100px */
}
#services #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-services.png" ) no-repeat right center;
}
#safetybriefs #header h2
{
	color: white;
	background: #71b292 url(  "/images/img3.jpg" ) no-repeat left center; /* image size: 235x100px */
}
#safetybriefs #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-safetybriefs.png" ) no-repeat right center;
}
#contacts #header h2
{
	color: white;
	background: #71b292 url(  "/images/img6.jpg" ) no-repeat left center; /* image size: 235x100px */
}
#contacts #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-contacts.png" ) no-repeat right center;
}
#extranet #header h2
{
	color: white;
	background: #71b292 url(  "/images/img13.jpg" ) no-repeat left center; /* image size: 235x100px */
}
#extranet #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-extranet.png" ) no-repeat right center;
}

#myharco #header h2
{
	color: white;
	background: #71b292 url(  "/images/img13.jpg" ) no-repeat left center; /* image size: 235x100px */
}
#myharco #header h3
{
	color: white;
	background: #71b292 url(  "/images/title-extranet.png" ) no-repeat right center;
}

#nav1
{
	clear: both;
	float: left;
	width: 100%;
	margin: 2px 0 0 0;
	padding: 0;
	color: #86878b;
	background: #cacdd4;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-transform: uppercase;
}

#nav1 h1, #nav1 h2, #nav1 h3, #nav1 h4
{
	display: none;
}

#nav1 ul
{
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #86878b;
	background: #cacdd4;
}

#nav1 li
{
	float: left;
	margin: 0;
	padding: 6px 0 6px 1px;
	color: #86878b;
	background: #86878b;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-transform: uppercase;
}

#nav1 ul li:first-child
{
	padding: 6px 0 6px 0;
}
/* IE does not support :first-child pseudo-properties */
#nav1 ul #nav-about
{
	padding: 6px 0 6px 0;
}

#nav1 li a
{
	margin: 0;
	padding: 6px 6px 6px 6px; /* IE will not make LI box higher, need to define nav1 li padding properties */
	color: #050;
	background: #cacdd4;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
}

#Main #nav1 #nav-home
{
	display: none;
}

#nav1 #nav-myharco
{
	float: right;
}

#about #nav1 #nav-about a, #products #nav1 #nav-products a, #services #nav1 #nav-services a, #safetybriefs #nav1 #nav-safetybriefs a, #contacts #nav1 #nav-contacts a, #extranet #nav1 #nav-extranet a, #your_team #nav1 #nav-extranet a, #manuals #nav1 #nav-extranet a, #docs #nav1 #nav-extranet a, #myharco #nav1 #nav-myharco a
{
	color: #fff;
	background: #42b349;
	text-decoration: none;
}

#nav1 li a:hover
{
	color: #fff;
	background: #cacdd4;
	text-decoration: none;
}

/*
 * Content 
 */

#content
{
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

#gutter
{
	display: none;
}

#col1
{
	float: left;
	width: 20%;
	margin: 5px 0 10px 0;
	padding: 0;
}

#col1 ul
{
	margin-left: 3px;
	padding-left: 12px;
}

#col1 li
{
	padding: 5px 0 0 0;
	list-style-type: square;
	list-style-position: outside;
	color: #124E8C;
	background: white;
}

#Main #col1
{
	display: none;
}

/* Sidebar secondary navigation */
#nav2
{
	margin: 0;
	padding: 0;
	font-size: 76%;
}

#nav2 h2, #nav2 h3, #nav2 h4
{
	margin: 0;
	padding: 3px 0;
	color: white;
	background: #42b349;
	font-family: "Gill Sans MT" , Verdana, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
}


#nav2 li
{
	text-transform: uppercase;
}

#nav2 a
{
	text-decoration: none;
}

#nav2 ul.index\_html #li\_index\_html, #nav2 ul.financial\_highlights #li\_financial\_highlights, #nav2 ul.affiliations #li\_affiliations, #nav2 ul.lease\_rental #li\_lease\_rental, #nav2 ul.agency\_trucking #li\_agency\_trucking, #nav2 ul.directions #li\_directions, #nav2 ul.feedback #li\_feedback, #nav2 ul.local #li\_local
{
	color: red;
	background: white;
}

#col1 div.loginform
{
	margin: 1em;
	font: 90% Verdana;
}







#col2
{
	float: left;
	width: 75%;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 3%;
}

#Main #col2
{
	width: 92%;
}

#contacts #col2 img
{
	float: right;
}

#contacts #col2 th, #contacts #col2 th
{
	font-weight: normal;
	text-align: right;
	font-size: 100%;
}


#col2 p
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 0px;
	text-align: justify;
}

#products #col2 p.disclaimer
{
	font: 80% Tahoma;
	padding: 0.5em;
	color: gray;
	background: #efefef;
	border: 1px solid gray;
}

#safetybriefs #col2 dd
{
	margin: 0;
	padding: 0.5em 0 0.5em 2em;
}
#safetybriefs #col2 dd p
{
	text-align: justify;
}
#safetybriefs #col2 dd a
{
	color: black;
	background: white;
	text-decoration: none;
}

#contacts #col2 dl
{
}
#contacts #col2 dt
{
	font: normal bold 100% Georgia, serif;
	color: #124E8C;
	background: white;
}
#contacts #col2 dd
{
	padding: 0.3em 0 0 0;
}

#contacts #col2 #feedbackConfirm
{
	margin-top: 7em;
}
#contacts #col2 #feedbackConfirm p
{
	text-align: center;
}





#col3
{
	float: right;
	width: 30%;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 3%;
	vertical-align: top;
}

#Main #col3
{
	width: 92%;
}

#contacts #col3 img
{
	float: right;
}

#contacts #col3 th, #contacts #col3 th
{
	font-weight: normal;
	text-align: right;
	font-size: 100%;
}

#col3 p
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 0px;
	text-align: justify;
}

#products #col3 p.disclaimer
{
	font: 80% Tahoma;
	padding: 0.5em;
	color: gray;
	background: #efefef;
	border: 1px solid gray;
}

#safetybriefs #col3 dd
{
	margin: 0;
	padding: 0.5em 0 0.5em 2em;
}
#safetybriefs #col3 dd p
{
	text-align: justify;
}
#safetybriefs #col3 dd a
{
	color: black;
	background: white;
	text-decoration: none;
}

#contacts #col3 dl
{
}

#contacts #col3 dt
{
	font: normal bold 100% Georgia, serif;
	color: #124E8C;
	background: white;
}

#contacts #col3 dd
{
	padding: 0.3em 0 0 0;
}

#contacts #col3 #feedbackConfirm
{
	margin-top: 7em;
}

#contacts #col3 #feedbackConfirm p
{
	text-align: center;
}



.button
{
	text-align: center;
	font-family: Verdana, sans-serif;
	margin: 1em 0 2em 0;
}

.button a
{
	padding: 0.7em 2em;
	color: black;
	background: white url(  "/images/button.gif" ) no-repeat 0 0;
}

.button A:link, .button A:visited, .button A:active
{
	text-decoration: none;
}

.button a:hover
{
	color: white;
}

.button a:active
{
	color: white;
	background: white url(  "/images/button-a.gif" ) no-repeat 0 0;
}


#footer
{
	clear: both;
	height: 12px;
}

#footer p
{
	font: 75% Tahoma, Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	text-align: center;
}

/* Only for development */
#project
{
	display: none;
}