/* Styles for Longford Group */

ul,ol { list-style: none; }
h1,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }

html,body { height: 100%; }
body {
	font: 12px arial,lucida sans,sans-serif;
	line-height: 18px;
	background-image:url(../images/bg.gif);
	color: #000000;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
H2 { font-size: 1em; border: none; }

a { color: #7a010a; }
a:hover {
	color: #000000;
	text-decoration: none;
}

#wrap {text-align: left; margin: 0 auto; overflow: visible; width: 920PX; padding-top:20px; overflow: visible; }



/* HEADER /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	

#header {
	height: 119px;
	clear: both;
	width: 912px;
	background-image: url(../images/header-bg.gif);
	background-repeat: no-repeat;
	position: inherit;
}
	#header-logo h1 a {display: block; width: 150px; height: 123px; float: left;}
	#header-pics {float: right; margin: 22px 20px 0 0; display: inline;}

/* NAVIGATION MENU - TOP //////////////////////////////////////////////////////////////////////////////////////////////*/	
#menu {
	width: 900px;
	float: left;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 6px;
	background-image: url(../images/nav-bg.gif);
	background-repeat: no-repeat;
	height: 42px;
	padding-top: 0px;
}
	#menu-left {background: url(../images/menu-left.gif) no-repeat; width: 3px; height: 41px; float: left;}
	#menu-right {background: url(../images/menu-right.gif) no-repeat; width: 3px; height: 41px; float: left;}
	#menu-middle {
	background: url(../images/menu-bg.gif) repeat-x;
	height: 38px;
	width: 690px;
	position: static;
	overflow: visible;
	visibility: visible;
	text-align: center;
	padding-left: 190px;
	float: left;
}
	#menu ul {
	text-align: center;
	background: url(../images/menu-pipe.gif) no-repeat left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	font-weight: bold;
}
	#menu ul li {
	display: inline;
	background-image: url(../images/menu-pipe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}
	#menu ul li a {	background-image: url(../images/menu-pipe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline; height: 27px; float: left; padding: 8px 15px 0 15px; display: inline; color: #7a010a; text-decoration: none; font-weight: bold; font-size: 11px;}
				#menu ul li.end {background-image: url(../images/menu-pipe.gif); background-repeat: no-repeat; background-position: left top; height: 27px; float: left; padding: 8px 15px 0 15px; display: inline; color: #7a010a; text-decoration: none; font-weight: bold; font-size: 10px;}
				#menu ul li.first a {background: url(../images/menu-pipe.gif) no-repeat left top;}
				#menu ul li a:hover, #menu ul li.selected a {
	background-color: white;
	text-align: center;
}

/* Dropdown Controls */
#rollholder {
	position:relative;
	width:10px;
	height:1px;
	z-index:1;
	float: left;
	overflow: visible;
	visibility: visible;
}

#Layer1, #Layer2, #Layer3, #Layer4, #Layer5  {
	display:block;
	width:146px;
	text-align: left;
	z-index:4;
	visibility: hidden;
	top: 38px;
	position: absolute;
	padding: 0px;
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d8d4bf;
	border-bottom-color: #d8d4bf;
	border-left-color: #d8d4bf;
	overflow: visible;
}
#Layer1 { height:32px; left: 262px; }

#Layer2 { height:64px; left: 342px; }

#Layer3 { height:32px; left: 433px; }

#Layer4 { height:32px; left: 530px; }

#Layer5 { height:64px; left: 605px; }

#Layer1 a, #Layer2 a, #Layer3 a, #Layer4 a, #Layer5 a {
	display:block; 
	background: #fff;
	padding: 7px;
	margin: 0px;
	color: #7a010a;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#Layer1 a:hover, #Layer2 a:hover, #Layer3 a:hover, #Layer4 a:hover, #Layer5 a:hover { 
	display:block; 
	background-color:#7a010a;
	color:#FFFFFF;
}


/* HOME - MAST HEAD ///////////////////////////////////////////////////////////////////////////////////////////////////*/					
#mast {
	float: left;
	border: 1px #000000;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 12px;
}
	#mast img {float: left;}

/* HOME - HEADLINE ///////////////////////////////////////////////////////////////////////////////////////////////////*/
#headline {
	width: 912px;
	height: 45px;
	float: left;
	text-align:center;
	background-image: url(../images/headline-bg.gif);
	background-repeat: no-repeat;
}
	#headline h1 {color: white; font-size: 14px; margin-top: 19px;}
	
/* CONTENT ///////////////////////////////////////////////////////////////////////////////////////////////////*/	
#content-home, #content {
	float: left;
	display: inline;
	overflow: visible;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: d8d4bf;
	border-right-color: #d8d4bf;
	border-bottom-color: #d8d4bf;
	border-left-color: #d8d4bf;
	width: 887px;
	background-color: #FFFFFF;
	margin-left: 11px;
}
	#content-home h1, #content-home h2, #right-column h1 {font-size: 14px; color: #7a010a; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif;}
		#content-home h1 span, #right-column h1 span {font-size: 17px;}
	#content-home h3 {font-size: 13px; color: #7a010a;}
	
	#content-home h1, #content-home h3, #content-home p, #pod-intro, #right-column h1, #right-column p {margin-bottom: 15px;}
	
#contentsub  {
	float: left;
	width: 880px;
	padding-bottom: 30px;
	text-align: center;
	padding-left: 25px;
	padding-top: 14px;
}
	#content-border {
	border: 3px solid #ffcc00;
	border-bottom-width: 40px;
	float: left;
	width: 850px;
	padding-bottom: 75px;
	text-align: left;
}


/* Left Column */
#left-column-home {
	width: 411px;
	float: left;
	font: 11px arial,"lucida sans",sans-serif;
	height: 100%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 15px;
	display: inline;

}
	#pod-intro, #home-contact {width: 400px;}
		#pod-intro .pod-1-content {
	font-size: 12px;
	padding-top: 22px;
	padding-right: 22px;
	padding-left: 22px;
}
	#home-contact {margin-left: 37px;}
	.home-contact-1 { width: 180px; float: left; font-size: 10px; }
	
#left-column {width: 300px; float: left; padding: 45px 0 0 44px;}
#left-column img{padding: 8px; border:3px solid #CCCCCC;}

		#career-available, #newsletter {border: 3px solid #E3E3E3; width: 255px; padding: 10px; margin-top: 15px;}
		#career-available form, #career-available p, #newsletter {margin-bottom: 10px; clear:both;}
			 #career-available p  {text-align: center; font-weight: bold;}
		.career-benefits, .career-positions {font-size: 11px; line-height: 15px; border-collapse:collapse; margin: 0 0 15px 1px;}	
			.career-benefits tr, .career-positions tr {padding-bottom: 15px;}
				.career-benefits tr th,.career-positions tr th {padding-bottom: 15px;}
				.career-benefits tr td, .career-positions tr td {padding: 10px 5px; border: 1px solid #CCCCCC;}
				.career-benefits tr.color, .career-positions tr td.color {background: #E3E3E3;}
				
		.career-positions tr {border-bottom: 1px solid #CCCCCC;}
		.career-positions tr td {border: none; width: 25%;}
			.career-positions tr td.apply {text-align: right;}
				/*.career-positions tr td.apply a {display: block; padding: 2px; background: black;}*/
		
		/* BAck Link, I used it in the Careers Benefits Page */
		.back-btn, #print-btn-map {width: 100%; text-align: right;}
		.top, #print-btn-map {margin-top: -30px; margin-bottom: 30px;}
	
	
/* Right Column */
#right-column-home {
	width: 420px;
	float: right;
	display: inline;
	overflow: visible;
	
	padding-right: 15px;
}
	.callouts {width: 189px; float: left; margin: 0 5px 5px 0; display: inline;}
	.callouts .pod-1-content  {height: 390px; padding: 10px;}
		.callouts .pod-1-content img {margin-bottom: 10px;}
#right-column {
	width: 450px;
	font-size: 12px;
	float: right;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 0;
}
	#right-column h1 {font-size: 17px;}
		#right-column h2 {
	font-size: 14px;
	color: #7A010A;
	font: Georgia, "Times New Roman", Times, serif;
}

#right-column p {
	font: 12px arial,"lucida sans",sans-serif;
}
#right-column p img{
	padding: 5px 20px 20px 20px;
	}
#right-column H3 img{
	padding: 5px 20px 20px 20px;
	}


#right-column p.quotes {
	font-size: 15px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
	color: #333333;
}
	#right-column h1 span {font-size: 20px;}

		
/* Pod */
.pod-1 {background-color: #fdfdfd; padding: 2px;}
	.pod-1-sh-2 {background-color: #f8f8f8; padding: 2px;}
	.pod-1-sh-3 {background-color: #f1f1f1; padding: 2px;}
	.pod-1-sh-3 {background-color: #e7e7e7; padding: 2px;}
	.pod-1-content {background-color: white; padding: 5px;}

	
.clear {clear: both;}
.quotes {font-size: 17px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; line-height: 22px;}
			
#header-logo h1 a span {display: none;}
#menu-left, #menu-right, .clear {font-size:1px; line-height:0;}

.sign-up {
	float: right;
}


	
#newintro {
	background-color: #FFFFFF;
	text-align: left;
	width: 500px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 30px;
	padding: 20px;
	float: left;
	display: inline;
	
}
#signin {
	background-color: #FFFFFF;
	height: 230px;
	width: 200px;
	float: left;
	padding: 20px;
	margin-right: 10px;
	margin-top: 40px;
	overflow: visible;
	position: static;
}
#signin h1 {
	font-size: 14px;
	color: #333333;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#signinbox {
	border: 1px solid #e3e3e3;
	float: left;
	height: 170px;
	width: 200px;
	padding: 10px;
}
#headerlogo {
	float: left;
	height: 90px;
	width: 100px;
	visibility: visible;
	padding-top: 28px;
	padding-left: 45px;
}
#headerimages {
	float: right;
	width: 350px;
	text-align: right;
	padding-top: 22px;
	padding-right: 40px;
}
#prodpod {
	float: none;
	width: 355px;
	visibility: inherit;
	padding-bottom: 30px;
}
#prodpod img{
	padding-top: 5px;
}

#prodpod P {
	padding: 5px;
}
#prodpodcopy {
	width: 185px;
	float: right;
	display: inline;
}

#prodpod2 {
	float: inherit;
	width: 450px;
	visibility: visible;
	padding-bottom: 10px;
	padding-top: 20px;
}

#prodpod2 P {
	padding: 5px;
}
#prodpod2copy {
	width: 280px;
	float: right;
	display: inline;
	overflow: visible;
	visibility: visible;
}



#addresspod {
	display: inline;
	float: left;
	height: 200px;
	width: 185px;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 12px;
}
/* Footer */
#footer {
	clear: both;
	text-align: center;
	background-image: url(../images/footer-bg.gif);
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
}
	#footer ul { margin: 15px 0 7px;;}
		#footer ul li {display: inline;}
			#footer ul li a {color: #7a010a; padding: 10px;}
			#footer ul li a:hover {
	color: #000000;
	text-decoration: none;
}
	#footer P {color: #000000;}