/**** PAGE STRUCTURE ****/

#LeftCol{ 
	position:relative; 
	width:260px; 
	left:76px;
	margin: 0;
	padding: 0;
} 

/**** SPECIFIC IMPLEMENTATIONS ****/ 
/**** These are specific page conventions/elements commonly used through the site ****/

/* LEFT COLUMN ELEMENTS */ 

div#SectionNavigation { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#SectionNavigation ul{ 
	position:relative; 
	left: -40px; 
	top: 20px; 
	margin-top: 0;
}
#SectionNavigation ul ul{ 
	position:relative; 
	left:0px; 
	top:0px; 
} 
#SectionNavigation ul li{ 
	list-style-type:none; 
	padding-bottom:3px; 
} 
#SectionNavigation ul li a{ 
	color:#0094B3;
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

#SectionNavigation ul li h1{ 
	margin: 0 0 0 -8px;
	padding: 0 0 0 0;
}

#SectionNavigation h1{ 
	margin: 0 0 0 -8px;
	padding: 0 0 0 0;
	color:#0094B3;
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
}

#SectionNavigation ul li h1 a{ 
	color:#0094B3;
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
}

#SectionNavigation ul ul{ 
	margin:0px 0px 0px 10px;
	padding:0px; 
} 
#SectionNavigation ul ul li a:link{ 
	color:#333; 
	font-family:Georgia !important; 
	text-transform:none !important; 
}

#SectionNavigation ul ul li a:hover{ 
	color:#000;
	font-weight: bold;
	font-family:Georgia !important; 
	text-transform:none !important; 
}

#SectionNavigation ul li a:hover{ 
	color:#00819c;
	font-weight: bold; 
}

#SectionNavigation ul ul li a:visited{ 
	color:#333; 
	font-family:Georgia !important; 
	text-transform:none !important; 
}

#CustomerCareLead{ 
	margin:40px 0px 36px 0px;
} 

#FindASolutionButton,#OrderServicesButton{ 
	display:block; 
	clear:both;
	margin-bottom: 0; 
	margin-left: 0; 
} 

#MainCol{ 
	margin-top: 20px; /* to accomodate the 'your market' div */
	padding: 0 0 0 15px;
	font-size: 12px; 
	line-height: 18px;
	position:absolute; 
	width:600px; 
	top:0px; 
	left:334px; 
	/*border: 1px solid #000000;*/
 }

 
 
#MainCol a { 
	
}

#MainCol a:hover { 
	color: #19586f;
	text-decoration: underline;
}
 
#MainCol h1{ 
	/*color:#D31145;*/ 
	color:#1d8cb4; 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	margin:0px 0px 12px -14px;
	padding: 0;
	z-index: 100;
} 
#MainCol h2{ 
	font-size: 15px;
	color: #D31145;
	margin: 20px 0px 12px 0px;
	padding: 0px;
	border-bottom: 1px solid #D31145;
	font-family:Arial, Helvetica, sans-serif; 
	z-index: 1;
}

#MainCol h3, #MainCol h3 a{ 
	font-size: 15px;
	/*color: #1d8cb4; blue*/
	color: #DF6400; /* orange */ 
	margin: 24px 0px 3px 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif; 
}

#MainCol h4{ 
	font-size: 13px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#MainCol h5{ 
	font-size: 18px;
	color: #000000;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-family: arial; 
}

#MainCol h6{ 
	font-size: 16px;
	color: #1d8cb4;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
}

dt {
	color: #DF6400;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font: bold 13px Arial, Helvetica, sans-serif;
}

dd {
	margin-bottom: 20px;
}

		
					
#MainCol ul { 
	margin: 0 0 12px 0; 
	padding: 0 0 0 30px; 
	list-style-type: disc;
	line-height: 1em;
}

#MainCol ul li, #MainCol ol li { 
	margin: 0 0 8px 0; 
	padding: 0 0 0 0;
	line-height: 1.3em;
}

#MainCol li li {
	padding: 6px 0 0 0;
}

#MainCol ul.spaced { 
	margin: 8px 0 8px 0; 
	padding: 0 0 0 30px; 
	list-style-type: none;
}
#MainCol ul.plain { 
	list-style-type: none;
}

#MainCol ul.spaced li { 
	margin: 0 0 16px 0; 
	padding: 0 0 0 0;
}

#MainCol p{ 
	margin: 0 0 12px 0; 
	padding: 0;
	
}

.callout{ 
	width:200px; 
	float:right;
	margin: 0 0 24px 33px; 
	padding: 0;

} 

.imageright {
	margin: 0;
	padding: 0 0 20px 30px;
	background-color: #ffffff;
	float: right;
	text-align: center;
	color: #666666;
	font-size: 10px;
	z-index: 5;
	position: relative;
}

.imageleft {
	margin: 0;
	padding: 0 30px 20px 0;
	background-color: #ffffff;
	float: left;
	text-align: center;
	color: #666666;
	font-size: 10px;
	z-index: 5;
	position: relative;
}

/* Executive Profiles - need to clear the image */
.execprofile {
	margin: 8x 0 40px 0;
	clear: both;
}

.execprofile .imageleft, .execprofile .imageright {
	margin-top: -18px;
	z-index: -1;
}

.execprofile .imageleft {
	padding: 0 20px 10px 0;
}

.execprofile .imageright {
	padding: 0 0 10px 10px;
}


/* TABULAR2 IS A CLASS FOR TABULAR DATA TABLES NEEDING SMALLER TYPE TO ACCOMODATE MORE DATA  */
.tabular2 { padding: 6px 3px 6px 3px; border-collapse: collapse;
			border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #00618d; background-color: #FFFFFF; }
.tabular2 tr.stripe { background-color: #00618d; }


.tabular2 th { font-size: 12px; line-height: 1.3em; font-weight: bold; color: #FFFFFF; background-color: #00618d;
				border: 1px solid #00618D; margin: 0; padding: 4px; }
.tabular2 th a { text-decoration: underline; color: #FFFFFF; }
.tabular2 th a:hover { text-decoration: none; color: #DDDDDD; }

table.tabular2 td { font-size: 11px; line-height: 1.3em; color: #333333;
					border-left-style: solid; border-left-width: 1px; border-left-color: #00618d;
					border-right-style: solid; border-right-width: 1px; border-right-color: #00618d;
					border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #00618d;
					margin: 0;
					padding: 4px;  }
table.tabular2 td a { color: #333399; text-decoration: none; }
table.tabular2 td.clli a { color: #0000FF; text-decoration: none; }
table.tabular2 td a:hover { color: #333333; text-decoration: underline; }
table.tabular2 td.rowstart { font-size: 12px; font-weight: bold; color: #333333; }
table.tabular2 td.rowstart a { color: #333399; text-decoration: underline; }
table.tabular2 td.rowstart a:hover { color: #333333; text-decoration: none; }


.footnote {
	font-size: 10px;
}



/* ++++++++++++++++++++++++++++++++++ 
   Admin Pages    
++++++++++++++++++++++++++++++++++ */

#admin {
	position: relative;
	margin-left: -300px;
	overflow: auto;
}

#admin h1 {
	margin-left: 2px;
}

#admin #left {
	position: relative;
	width: 350px;
	float: left;
}

#admin #right {
	position: relative;
	width: 400px;
	margin-left: 380px;
}

.admin_section {
	border: 1px solid #666;
	padding: 10px;
	margin: 0 0 20px 0;
}

.admin_section td {
	border-bottom: 1px solid #ccc;
	padding: 3px 6px;
	font-family:Arial, Helvetica, sans-serif;
}

.admin_section th {
	border-bottom: 2px solid #666;
	padding: 6px 3px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
}

.admin_section tr.stripe {
	background-color: #FFE9BF;
}



/* FORM STYLES */
fieldset {
	border: none;
}

label{
	font-weight: bold;
	margin-right: 6px;
}


.error { 
	color: #AE0C33; 
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; }


/* SERVICES TITLE BAR - the title under the ad image on service landing pages */ 
#serviceTitleBar{ 
	width:525px; 
	height: 54px;
	margin-top:10px;
	8margin-left: -24px;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
} 

#rightServiceTitle{ 
	position: relative;
	left: 150px;
	top: -56px;
	width: 354px;
	margin: 0 0 0 0;
	padding: 6px 0 6px 20px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	8font-weight: bold;
	border-left: 2px solid #DDDDDD;
	line-height: 1.2em;
} 



#serviceTitle {
	position: relative;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#serviceTitleBar a{ 
	color:#000000; 
	font-weight:bold; 
	font-size:9px;
}

#serviceTitleBar ul{ 
	list-style-type:none; 
	margin:0px;
	padding:0px; 
}

#serviceTitleBar ul li{ 
	margin:0px 8px 0px 0px; 
	float:left; 
	text-transform:uppercase;
}
#serviceTitleBar ul li.rightcap{ 
	margin-right:0px !important;
}

#serviceTitleBar ul li a{ 
	color:#000; 
	font-weight:bold; 
	font-size:9px;
}
#serviceTitleBar p.copyright{  
	color:#666666;
	text-decoration:none; 
	margin: 6px 0 0 0;
} 
#serviceTitleBar p.copyright a{
	color:#666666;
	text-decoration:none; 
} 
#serviceTitleBar p.copyright a:hover{
	color:#000000;
	text-decoration:underline; 
} 



/* This is the style for the Services main landing page */
#serviceLanding{ 
	position:relative; 	
	width:526px; 
	height:270px; 

	background:url(/images/services_overview.png) no-repeat top left; 
} 

#serviceLandingLeft{ 
	position:relative;
	top: 70px;
	left: 30px;
	padding: 0;
	margin: 0 0 0 0;
	8border: 1px solid #000000;
	width: 320px;
	height: 150px;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	line-height: 150%;
	
} 

#serviceLandingLeft h1{ 
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform:uppercase; 
	padding: 0;
	margin: 0 0 8px 0;
	font-family: arial;
}

#serviceLandingLeftVideo{ 
	position:relative;
	top: 60px;
	left: 20px;
	padding: 0;
	margin: 0 0 0 0;
	8border: 1px solid #000000;
	width: 220px;
	height: 180px;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	line-height: 150%;
	
} 

#serviceLandingLeftVideo h1{ 
	font-size: 13px;
	color: #0094B3;
	font-weight: bold;
	text-transform:uppercase; 
	padding: 0;
	margin: 0 0 8px 0;
	font-family: arial;
}
 

#serviceLandingImage{ 
	position:relative; 	
	top: -82px;
	left: 376px;
}

#serviceFormBottom{ 
	position:relative; 	
	width:526px; 
	height:123px; 
	margin-top:20px;
	background:url(/images/contact-us.png) no-repeat top left; 
} 

.customerMosaic{ 
	padding: 0;
	margin: 1px;
} 

.customerImage {
	padding: 0;
	margin: 0 0 18px 0;
}


/* ++++++++++++++++++++++++++++++++++ 
   Fast Facts Box     
++++++++++++++++++++++++++++++++++ */

#FastFactsWrapper {
/* This is the very outer div, where you do your positioning. */
	background-color: #ffffff;
	8background: url(/about/Our_Customers/images/fast_facts.gif);
	padding: 0px 0 30px 40px;
	position: relative;
	float: right;
	/*border: 1px solid red;*/
}



#FastFactsBoxTitle {
/* This is the title, which is inside the wrapper. */
	padding: 0;
	font-size:16px;
	line-height:1em;
	8background: #176c93;
	background: url(/about/Our_Customers/images/fast_facts.gif);
	color: #FFFFFF;
	height: 27px;
	width: 199px
}

#FastFactsBox {
/* This is the actual Callout Box, which is inside the wrapper. */
	margin:0;
	border-right : 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	position: relative;
	background-color: #ffffff;
	width: 197px;
}

#FastFactsBoxContent {
/* This is the content, which is inside the box. */
	padding: 6px 14px 14px 22px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 1.5em;
}

#FastFactsBoxContent strong {
	color: #1d8cb4;
}

#careersHead {
	width: 575px;
	height: 293px;
	padding: 0;
	margin: 0 0 16px 0;
	background: url(/about/careers/images/careers_main.jpg) no-repeat;
	/*border: 1px solid #000000;*/
}

#careersHeadLinks {
	position: relative;
	left: 0px;
	top: 260px;
	height: 35px;
	width: 575px;
	padding: 0;
	margin: 0;
}


/* +++++++++++++++++++++++++++++++ */
/*    Blue Callout Tout      */
/* +++++++++++++++++++++++++++++++ */

.wrapperPad {
			background-color: #ffffff;
			padding: 14px 0 30px 40px;
			position: relative;
			float: right;
}

.wrapperOuter {margin:0;
			border:1px solid #00618d; 
			position: relative;
			background-color: #ffffff;
			width: 200px;
			}

div.sbHeader {margin-bottom:0px;
			padding:5px 8px 6px;
			font-size:16px;
			font-weight:normal;
			margin-bottom:0.5em;
			line-height:1em;
			background-color:#00618d;
			color: #FFFFFF;
			}
			
.wrapperContent {padding:0px 8px 0 8px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;}




/* +++++++++++++++++++++++++++++++ */
/*    Contact Page                 */
/* +++++++++++++++++++++++++++++++ */
#OfficeContact .dept {
	color: #1D8CB4;
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#OfficeContact .deptline {
	margin-bottom: 10px;	
}
#OfficeContact .addr {
	color: #666;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
#OfficeContact .phone {
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
}
#OfficeContact .city {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-right: 10px;
}
#OfficeContact .office {
	margin: 30px 0;
}
#OfficeContact .header {
	padding-bottom: 2px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 6px;
}


#sitemap h2 a {
	color: #555555;
}

#sitemap a:hover {
	color: #AAAAAA;
}

#sitemap h1 {

	font: 18px Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 12px 0 8px 0;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	line-height: .7em;
}

#sitemap h1 a:hover {
	text-decoration: none;
}


#sitemap h2 {
	color: #333333;
	font: 13px Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 6px 30px;
	border: none;
	font-weight: bold;
}

#sitemap h3 {
	color: #333333;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 6px 50px;
	border: none;
}

#sitemap h4 {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 6px 60px;
	border: none;
}

.big {
	font-size: 3em;
}

.dropcap {
	font-size: 3em;
	float: left;
	width: 1em;
	line-height: 1em;
	clear: both;
	/* using a monospace font makes the dropcaps look the same with any letter or number */
	font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
}


#actiondates {
	float: left;
	width: 250px;
	margin-right: 30px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#actiondates li {
	cursor: pointer;
}

.mapimage {
	width: 100px;
}

.mapimagebox {
	width: 100px;
	float: left;
	border: 1px solid #ccc;
	margin: 5px 10px 5px 0;
}