/*------------------------------------------------------------------------------------------
Portland Group
------------------------------------------------------------------------------------------*/
body
{
font: 11px "Trebuchet MS", verdana, sans-serif;
color: #727272;
background: #fff url(../../images/header_topBar.gif) repeat-x;
margin: 0;
padding: 0;
}

div, span, id, class, img, span, p, form, h1, h2, h3, dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
}

img
{
/*display: block;*/
border: 0;
}


/*------------------------------------------------------------------------------------------
container
------------------------------------------------------------------------------------------*/
#container
{
margin: 0 auto;
width: 765px;
}

/*------------------------------------------------------------------------------------------
dateBar
------------------------------------------------------------------------------------------*/
#dateBar
{
color: #166773;
background: url(../../images/home_header_dateBar_bg.gif) no-repeat;
margin: 8px 0 0 0;
}

#dateBar .date
{
font: 10px arial, helvetica, sans-serif;
color: #166773;
background: url(../../images/dateBar.gif) repeat-x;
text-align: right;
margin: 0 auto;
padding: 6px 15px 0 0;
height: 20px;
width: 732px;
}

/*------------------------------------------------------------------------------------------
dateBarInternal
------------------------------------------------------------------------------------------*/
#dateBarInternal
{
color: #166773;
background: url(../../images/internal_header_dateBar_bg.gif) no-repeat;
margin: 8px 0 0 0;
}

#dateBarInternal .date
{
font: 10px arial, helvetica, sans-serif;
color: #166773;
background: url(../../images/dateBar.gif) repeat-x;
text-align: right;
margin: 0 0 0 11px;
padding: 6px 15px 0 0;
height: 20px;
width: 731px;
}

/*------------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------------*/
#header .image
{
float: left;
text-align: left;
}

#header .logo
{
float: left;
text-align: right;
}

html>body #header .logo
{
float: none;
}

#header img
{
display: block;
}

/*------------------------------------------------------------------------------------------
dropDown
------------------------------------------------------------------------------------------*/
#dropDown ul
{
width: 165px;
border: #055b67 solid;
border-width: 5px 0 0 0;
}

#dropDown li
{
font: 10px "Trebuchet MS", verdana, sans-serif;
border: #408086 solid;
border-width: 0 0 1px 0;
/*height: 25px;*/
}

#dropDown li a
{
display: block;
color: #fff;
background: #166773 url(../../images/utility_bullet_dropDown.gif) no-repeat 5px 8px;
text-decoration: none;
/*height: 15px;*/
padding: 5px 5px 5px 15px;
}

#dropDown li a:visted
{
display: block;
color: #fff;
background: #166773 url(../../images/utility_bullet_dropDown.gif) no-repeat 5px 8px;
text-decoration: none;
/*height: 15px;*/
padding: 5px 5px 5px 15px;
}

#dropDown li a:hover
{
display: block;
color: #fff;
background: #408086 url(../../images/utility_bullet_dropDown_active.gif) no-repeat 5px 8px;
text-decoration: none;
/*height: 15px;*/
padding: 5px 5px 5px 15px;
}

#dropDown li a:active
{
display: block;
color: #fff;
background: #408086 url(../../images/utility_bullet_dropDown_active.gif) no-repeat 5px 8px;
text-decoration: none;
/*height: 15px;*/
padding: 5px 5px 5px 15px;
}

#dropDown li.last
{
font: 10px "Trebuchet MS", verdana, sans-serif;
border: none;
}

#dropDown img
{
display: block;
margin: -15px 0 0 0;
}

html>body #dropDown img
{
display: block;
margin: 0;
}

/*------------------------------------------------------------------------------------------
primaryNav
------------------------------------------------------------------------------------------*/
#primaryNav
{
color: #9a9788;
background: url(../../images/primaryNav_bg.gif) no-repeat;
margin: 0 0 10px 0;
height: 32px;
}

#primaryNav ul
{
color: #9a9788;
background: url(../../images/primaryNav_bg_repeater.gif) repeat-x;
margin: 0 auto;
padding: 0 90px;
width: 535px;
height: 32px;
}

#primaryNav li
{
float: left;
color: #9a9788;
list-style: none;
padding: 7px 5px 0 5px;
}

#primaryNav img
{
display: block;
}

/*------------------------------------------------------------------------------------------
primaryNavInternal
------------------------------------------------------------------------------------------*/
#primaryNavInternal
{
color: #9a9788;
/*background: url(../../images/primaryNavInternal_bg.gif) no-repeat;*/
height: 32px;
}

#primaryNavInternal ul
{
color: #9a9788;
background: url(../../images/primaryNavInternal_bg_repeater.gif) repeat-x;
margin: 0 auto;
padding: 0 90px;
width: 535px;
height: 32px;
}

#primaryNavInternal li
{
float: left;
color: #9a9788;
background: transparent;
list-style: none;
padding: 7px 5px 0 5px;
}

#primaryNavInternal li.active
{
color: #055b67;
background: #fff;
margin: 0 -5px;
padding: 7px 10px 15px 10px;
}

#primaryNavInternal img
{
display: block;

}


/*------------------------------------------------------------------------------------------
secondaryNav
------------------------------------------------------------------------------------------*/

#secondaryNav
{
font: bold 13px "Arial Narrow", arial, verdana, sans-serif;
margin: 0 0 10px 0;
}
 
#secondaryNav ul
{
color: #9a9788;
background: #fff url(../../images/secondaryNav_bg.gif) repeat-y;
padding: 0 40px;
}
 
#secondaryNav li
{
display: inline;
list-style: none;
padding: 0 5px;
}
 
#secondaryNav li.last
{
background: none;
}

#secondaryNav li.first
{
padding: 0 0px;
}
 
#secondaryNav li a:link
{
color: #9a9788;
background: transparent;
text-decoration: none;
}
 
#secondaryNav li a:visited
{
color: #9a9788;
background: transparent;
text-decoration: none;
}
 
#secondaryNav li a:hover
{
color: #055b67;
background: transparent;
}
 
#secondaryNav li a:active
{
color: #055b67;
background: transparent;
}

/*------------------------------------------------------------------------------------------
contentHome
------------------------------------------------------------------------------------------*/
#contentHome h2
{
background: url(../../images/utility_bullet_headings.gif) no-repeat;
padding: 4px 0 7px 23px;
}

/*------------------------------------------------------------------------------------------
welcomeHome
------------------------------------------------------------------------------------------*/
#welcomeHome

{
float: left;
font: bold 11px "Trebuchet MS", verdana, sans-serif;
color: #727272;
background: url(../../images/welcome_bg.gif) no-repeat bottom left;
margin: 0 0 0 5px;
padding: 0 0 10px 7px;
width: 488px;
height: 203px;
}
 
html>body #welcomeHome
{
margin: 0 0 0 10px;
min-height: 202px;
height: auto;
}

#welcomeHome p
{
line-height: 17px;
padding: 10px 0 0 6px;
width: 200px;
}

#welcomeHome .columnLeft
{
float: left;
}

#welcomeHome .columnRight
{
float: left;
margin: 34px 0 0 35px;
}

html>body #welcomeHome .columnRight
{
margin: 33px 0 0 35px;
}

#welcomeHome li
{
list-style: none;
color: #727272;
background: url(../../images/utility_bullet_content.gif) no-repeat 0 4px;
padding: 0 0 2px 13px;
}

#welcomeHome li a
{
font: normal 11px "Trebuchet MS", verdana, sans-serif;
color: #727272;
background: transparent;
text-decoration: none;
}

#welcomeHome li a:vistied
{
color: #727272;
background: transparent;
}

#welcomeHome li a:hover
{
color: #055b67;
background: transparent;
}

#welcomeHome li a:active
{
color: #055b67;
background: transparent;
}

/*------------------------------------------------------------------------------------------
caseStudies
------------------------------------------------------------------------------------------*/
#caseStudies
{
float: left;
text-align: left;
color: #666;
background: url(../../images/welcome_divider_vert.gif) repeat-y left;
padding: 0 0 16px 5px;
width: 250px;
height: 197px;
}
 
html>body #caseStudies
{
min-height: 196px;
height: auto;
}

#caseStudies p
{
clear: left;
padding: 10px 0 0 5px;
}

#caseStudies .columnLeft
{
float: left;
padding: 1px 0 10px 0;
width: 238px;
}

html>body #caseStudies .columnLeft
{
padding: 0 0 10px 0;
}

#caseStudies .columnRight
{
float: right;
margin: 15px 0 15px 7px;
}

html>body #caseStudies .columnRight
{
margin: 14px 0 0 7px;
}

/*------------------------------------------------------------------------------------------
spotlightsHeader
------------------------------------------------------------------------------------------*/
#spotlightsHeader
{
margin: 0 0 0 10px;
}

#spotlightsHeader p
{
clear: left;
padding: 5px 0 0 9px;
}

/*html>body #spotlightsHeader
{
clear: left;
}*/

#spotlightsHeader .columnLeft
{
float: left;
}

#spotlightsHeader .columnRight
{
float: left;
color: #fff;
background: url(../../images/contact_bg.gif) no-repeat;
width: 250px;
height: 29px;
}

/*------------------------------------------------------------------------------------------
spotlights
------------------------------------------------------------------------------------------*/
#spotlights
{
clear: left;
color: #055b67;
background: #acc4c5 url(../../images/spotlights_bg.gif) no-repeat;
line-height: 13px;
margin: 0 0 0 10px;
width: 745px;
height: 104px;
overflow: hidden;
}

#spotlights p
{
padding: 0 0 5px 0;
}

#spotlights .columns
{
float: left;
padding: 10px;
width: 228px;
}

#spotlights .columnLeft
{
float: left;
padding: 1px 0 10px 0;
width: 116px;
}

#spotlights .columnRight
{
float: left;
padding: 3px 0 0 0;
width: 106px;
}

#spotlights .readMore a:link
{
font-weight: bold;
color: #055b67;
background: transparent url(../../images/utility_bullet_spotlights.gif) no-repeat 65px 4px;
padding: 0 15px 0 0;
text-decoration: none;
}

#spotlights .readMore a:visited
{
font-weight: bold;
color: #055b67;
background: transparent url(../../images/utility_bullet_spotlights.gif) no-repeat 65px 4px;
padding: 0 15px 0 0;
text-decoration: none;
}

#spotlights .readMore a:hover
{
font-weight: bold;
color: #055b67;
background: transparent url(../../images/utility_bullet_spotlights.gif) no-repeat 65px 4px;
padding: 0 15px 0 0;
text-decoration: underline;
}

#spotlights .readMore a:active
{
font-weight: bold;
color: #055b67;
background: transparent url(../../images/utility_bullet_spotlights.gif) no-repeat 65px 4px;
padding: 0 15px 0 0;
text-decoration: underline;
}

/*------------------------------------------------------------------------------------------
contentInternal
------------------------------------------------------------------------------------------*/
#contentInternal
{
color: #9a9788;
background: #fff;
margin: 0 20px;
}

#contentInternal a:link
{
color: #9a9788;
background: #fff;
text-decoration: none;
}

#contentInternal a:visited
{
color: #9a9788;
background: #fff;
text-decoration: none;
}

#contentInternal a:hover
{
color: #9a9788;
background: #fff;
text-decoration: underline;
}

#contentInternal a:active
{
color: #9a9788;
background: #fff;
text-decoration: underline;
}

#contentInternal p
{
padding: 0 0 15px 0;
}

#contentInternal h1
{
padding: 10px 0;
}

#contentInternal h2
{
padding: 10px 0;
}

#contentInternal h3
{
padding: 10px 0;
}

#contentInternal ul
{
padding: 0 0 15px 0;
}

#contentInternal li
{
list-style: none;
color: #9a9788;
background: transparent url(../../images/utility_bullet_internal.gif) no-repeat 0 6px;
padding: 0 0 0 8px;
}

#contentInternal p
{
padding: 0 0 15px 0;
}

#contentInternal .columnLeft
{
float: left;
padding: 0 35px 0 0;
width: 510px;
}

#contentInternal .columnLeft ul
{
padding: 0 0 15px 15px;
}

#contentInternal .columnRight
{
float: left;
margin: 9px 0 0 0;
width: 175px;
}

/*------------------------------------------------------------------------------------------
diagramSupplyChain
------------------------------------------------------------------------------------------*/
#diagramSupplyChain p
{
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #608e04 url(../../images/internal_diagramSupplyChain.gif) no-repeat right;
margin: 0 0 4px 0;
padding: 10px 0;
text-align: center;
width: 492px;
}

#diagramSupplyChain ul
{
margin: 0 0 0 -15px;
width: 490px;
}

#diagramSupplyChain li
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #99cc33;
margin: 0 4px 4px 0;
padding: 4px 0;
text-align: center;
width: 234px;
}

#diagramSupplyChain li a:link
{
display: block;
color: #fff;
background: #99cc33;
text-decoration: none;
}

#diagramSupplyChain li a:visited
{
display: block;
color: #fff;
background: #99cc33;
text-decoration: none;
}

#diagramSupplyChain li a:hover
{
color: #fff;
background: #336600;
text-decoration: none;
padding: 4px 0;
margin: -4px 0;
}

#diagramSupplyChain li a:active
{
color: #fff;
background: #336600;
text-decoration: none;
padding: 4px 0;
margin: -4px 0;
}

#diagramEnablers
{
clear: left;
}

#diagramEnablers p
{
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #399f9f url(../../images/internal_diagramEnablers.gif) no-repeat right;
margin: -11px 0 4px 0;
padding: 6px 0 5px 0;
text-align: center;
width: 492px;
height: 18px;
}

html>body #diagramEnablers p
{
margin: 0 0 4px 0;
}

#diagramEnablers ul
{
margin: 0 0 0 -15px;
width: 490px;
}

#diagramEnablers li
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #66cccc;
margin: 0 4px 4px 0;
padding: 15px 10px;
text-align: center;
width: 135px;
height: 26px;
line-height: 13px;
}

#diagramEnablers li a:link
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
}

#diagramEnablers li.middle a:link
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
margin: -15px -10px;
padding: 21px 10px 22px 10px;
}

#diagramEnablers li a:visited
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
}

#diagramEnablers li.middle a:visited
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
margin: -15px -10px;
padding: 21px 10px 22px 10px;
}

#diagramEnablers li a:hover
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
margin: -15px -10px;
padding: 15px 10px;
}

#diagramEnablers li.middle a:hover
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
margin: -15px -10px;
padding: 21px 10px 22px 10px;
}

#diagramEnablers li.middle a:active
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
margin: -15px -10px;
padding: 21px 10px 22px 10px;
}

#diagramEnablers li a:active
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
margin: -15px -10px;
padding: 15px 10px;
}

/*------------------------------------------------------------------------------------------
diagramProcurement
------------------------------------------------------------------------------------------*/
#diagramStrategicDirection
{
clear: left;
}

#diagramStrategicDirection p
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #206e79 url(../../images/internal_diagramProcurement_strategic.gif) no-repeat right;
text-align: left;
padding: 25px 35px 17px 10px;
width: 160px;
height: 37px;
line-height: 12px;
}

#diagramStrategicDirection ul
{
float: left;
margin: 4px 0 0 5px;
}

html>body #diagramStrategicDirection ul
{
margin: 4px 0 -5px 5px;
}

#diagramStrategicDirection li
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #4d99a4;
margin: 0 4px 4px 0;
padding: 10px 0;
text-align: center;
width: 248px;
line-height: 13px;
}

#diagramStrategicDirection li a:link
{
display: block;
color: #fff;
background: #4d99a4;
text-decoration: none;
}

#diagramStrategicDirection li a:visited
{
display: block;
color: #fff;
background: #4d99a4;
text-decoration: none;
}

#diagramStrategicDirection li a:hover
{
display: block;
color: #fff;
background: #39767f;
text-decoration: none;
margin: -10px 0;
padding: 10px 0;
}

#diagramStrategicDirection li a:active
{
display: block;
color: #fff;
background: #39767f;
text-decoration: none;
margin: -10px 0;
padding: 10px 0;
}

#diagramCoreCompetencies
{
clear: left;
margin: -5px 0 0 0;
}

#diagramCoreCompetencies p
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #399f9f url(../../images/internal_diagramProcurement_coreCompetencies.gif) no-repeat right;
text-align: left;
margin: 17px 20px 0 0;
padding: 25px 35px 17px 10px;
width: 160px;
height: 37px;
line-height: 12px;
}

#diagramCoreCompetencies li
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #66cccc;
margin: 0 4px 4px 0;
padding: 15px;
text-align: center;
width: 92px;
height: 20px;
line-height: 13px;
}

#diagramCoreCompetencies li a:link
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
}

#diagramCoreCompetencies li a:visited
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
}

#diagramCoreCompetencies li a:hover
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
margin: -15px;
padding: 15px;
}

#diagramCoreCompetencies li a:active
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
margin: -15px;
padding: 15px;
}

#diagramCoreCompetencies li.middle a:link
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
margin: -7px 0 -6px 0;
}

#diagramCoreCompetencies li.middle a:visited
{
display: block;
color: #fff;
background: #66cccc;
text-decoration: none;
margin: -6px 0 -7px 0;
}

#diagramCoreCompetencies li.middle a:hover
{
display: block;
color: #fff;
background: #27a1a1;
text-decoration: none;
height: 40px;
margin: -15px;
padding: 8px 6px;
}

html>body #diagramCoreCompetencies li.middle a:hover
{
padding: 9px 6px 7px 6px;
}

#enablingInfrastructure
{
clear: left;
margin: 3px 0 0 0;
}

#enablingInfrastructure p
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #608e04 url(../../images/internal_diagramProcurement_enablingInfrastructure.gif) no-repeat right;
text-align: left;
padding: 25px 35px 17px 10px;
width: 160px;
height: 37px;
line-height: 12px;
}

#enablingInfrastructure ul
{
float: left;
margin: 3px 0 0 5px;
}

html>body #enablingInfrastructure ul
{
margin: 4px 0 0 5px;
}

#enablingInfrastructure li
{
float: left;
font: bold 12px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #99cc33;
margin: 0 4px 4px 0;
padding: 10px 0;
text-align: center;
width: 248px;
line-height: 13px;
}

#enablingInfrastructure li a:link
{
display: block;
color: #fff;
background: #99cc33;
text-decoration: none;
}

#enablingInfrastructure li a:visited
{
display: block;
color: #fff;
background: #99cc33;
text-decoration: none;
}

#enablingInfrastructure li a:hover
{
display: block;
color: #fff;
background: #336600;
text-decoration: none;
margin: -10px 0;
padding: 10px 0;
}

#enablingInfrastructure li a:active
{
display: block;
color: #fff;
background: #336600;
text-decoration: none;
margin: -10px 0;
padding: 10px 0;
}


/*------------------------------------------------------------------------------------------
DIagram Services
------------------------------------------------------------------------------------------*/
#diagramServices ul
{
margin: 0 0 0 -15px;
width: 511px;
}

#diagramServices li
{
float: left;
font: bold 16px "Trebuchet MS", verdana, sans-serif;
color: #fff;
background: #206e79;
margin: 0 1px 0 0;
padding: 0;
text-align: center;
width: 127px;
height: 73px;
}

#diagramServices li.theEnd
{
margin: 0;
}

#diagramServices li a:link
{
display: block;
color: #fff;
background: #206e79;
text-decoration: none;
width: 127px;
height: 73px;
}

#diagramServices li a:visited
{
display: block;
color: #fff;
background: #206e79;
text-decoration: none;
}

#diagramServices li a:hover
{
color: #fff;
background: #399f9f;
text-decoration: none;
}

#diagramServices li a:active
{
color: #fff;
background: #399f9f;
text-decoration: none;
}

/*------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------*/
#footer
{
clear: left;
font: 10px "Trebuchet MS", verdana, sans-serif;
color: #b2ad97;
background: transparent url(../../images/footer_bg.gif) no-repeat;
margin: 10px 0 0 0;
}

#footer .content
{
color: #b2ad97;
background: transparent url(../../images/footer_bg_repeater.gif) repeat-x;
margin: 0 auto;
padding: 15px 0 0 0;
width: 709px;
height: 25px;
}

#footer .columnLeft
{
float: left;
}

#footer .columnRight
{
float: right;
}

#footer a:link
{
color: #b2ad97;
background: transparent;
text-decoration: none;
}

#footer a:visited
{
color: #b2ad97;
background: transparent;
text-decoration: none;
}

#footer a:hover
{
color: #b2ad97;
background: transparent;
text-decoration: underline;
}

#footer a:active
{
color: #b2ad97;
background: transparent;
text-decoration: underline;
}

/*------------------------------------------------------------------------------------------
global
------------------------------------------------------------------------------------------*/
.bullet a:link
{
font-weight: bold;
color: #1b6973;
background: transparent url(../../images/utility_bullet_content.gif) no-repeat left;
text-decoration: none;
padding: 0 0 0 17px;
}

.bullet a:visited
{
font-weight: bold;
color: #1b6973;
background: transparent url(../../images/utility_bullet_content.gif) no-repeat left;
text-decoration: none;
padding: 0 0 0 17px;
}

.bullet a:hover
{
font-weight: bold;
color: #1b6973;
background: transparent url(../../images/utility_bullet_content.gif) no-repeat left;
text-decoration: underline;
padding: 0 0 0 17px;
}

.bullet a:active
{
font-weight: bold;
color: #1b6973;
background: transparent url(../../images/utility_bullet_content.gif) no-repeat left;
text-decoration: underline;
padding: 0 0 0 17px;
}

.heading_page
{
font-weight: bold;
color: #055b67;
font: 23px "Trebuchet MS", verdana, sans-serif;
}

.heading_content
{
font-weight: bold;
color: #055b67;
font: 12px "Trebuchet MS", verdana, sans-serif;
}

.heading_leader
{
font-weight: bold;
color: #757471;
font: 18px "Trebuchet MS", verdana, sans-serif;
}

/***** Input Styles */

.contact input, select {
	color: #166773;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #9F9E8F;
	background-color: #E6F0F1;
	font-size: 11px;
	width: 240px;
}

.contact input, textarea {
	color: #166773;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #9F9E8F;
	background-color: #E6F0F1;
	font-size: 11px;
	width: 240px;
}