
/* ---------------------------------------------------------------------------------------------------- */
div#headerContainer div#logo
	{
	float: left;
	padding: 10px 10px 15px 10px;
	}
div#headerContainer div#phone a,
div#headerContainer div#email a
	{
	font-weight: bold;
	color: #7F8081;
	margin-top: 35px;
	padding: 0px;
	font-size: 1.5em;
	}
div#headerContainer div#phone span.title,
div#headerContainer div#email span.title
	{
	color: #00A700;
	float: left;
	margin-left: 15px;
	padding-bottom: 15px;
	}
div#headerContainer div#phone a
	{
	text-align: right;
	float: left;
	}
div#headerContainer div#email a
	{
	float: right;	
	}



/* ---------------------------------------------------------------------------------------------------- */
div#subheaderContainer img
	{
	float: left; 
	width: 560px;
	background-color: #85A4C3;
	}
div#subheaderContainer div#flash__1
	{
	float: right; 
	width: 200px;
	background-color: #85A4C3;
	}






/* ---------------------------------------------------------------------------------------------------- */
#divPageContent
	{
	padding: 10px;
	padding-bottom: 5px;
	text-align: left;
	}
#divPageContent h1.title
	{
	color: #00a700;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 175%;
	line-height: 1.3em;
	}



#divPageContent ul
	{
	margin: 0px 0px 0px 12px;
	padding: 0px;
	}
#divPageContent ul li
	{
	padding-left: 5px;
	}






/* ---------------------------------------------------------------------------------------------------- */
#divRightNavigation ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D2E3F5;

	}
#divRightNavigation ul li a
	{
	display: block;
	border-top: 1px solid #FFFEFF;
	border-bottom: 1px solid #B1C6DB;
	padding: 5px 10px;
	color: #000000;
	}
#divRightNavigation ul li a:hover
	{
	color: #00a700;
	}
#divRightNavigation ul ul
	{
	border-bottom: 1px solid #cccccc;
	}
#divRightNavigation ul li li a
	{
	display: block;
	margin-left: 10px;
	border: none;
	padding: 2px;
	padding-left: 10px;
	background-image: url("/images/right_navigation_arrow.gif");
	background-position: 0px 5px; 
	background-repeat: no-repeat;
	}
/* ---------------------------------------------------------------------------------------------------- */
#divRightDocumentSummaries
	{
	border-top: 1px solid #ffffff;
	padding: 10px 10px 10px 10px;
	background-color: #F0F7FD;
	border-bottom: 1px solid #B1C6DB;
	font-size: 145%;
	line-height: 1em;
	}
#divRightDocumentSummaries h4
	{
	color: #7F8081;
	font-weight: bold;
	padding: 0px;
	font-size: 86%;
	display: block;
	}
#divRightDocumentSummaries .spanTitle a
	{
	font-weight: bold;
	color: #0060B4;
	font-size: 69%;
	display: block;
	border: 0px solid red;
	}
#divRightDocumentSummaries .spanSummary
	{
	font-size: 69%;
	}
#divRightDocumentSummaries a:hover
	{
	color: #00a700;
	}



/*
#divRightDocumentSummaries .downloadTitle
	{
	color: #7F8081;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	font-size: 86%;
	}
#divRightDocumentSummaries .aHeadline
	{
	font-weight: bold;
	color: #0060B4;
	font-size: 69%;
	}
#divRightDocumentSummaries a:hover
	{
	color: #00a700;
	}
#divRightDocumentSummaries .spanSummary
	{
	line-height: 1.25em;
	}
*/











/* ---------------------------------------------------------------------------------------------------- */
div#eventsSummaries
	{
	text-align: left;
	}
div#eventsSummaries div.summary
	{
	margin: 10px 10px 15px 10px;
	padding: 7px;
	border: 1px dotted #dddddd;
	background-color: #f9f9f9;
	}
div#eventsSummaries div.summary h2.title
	{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: larger;
	}
div#eventsSummaries div.summary div.readmore
	{
	text-align: right;
	clear: both;
	}

div#eventsSummaries div.summary div.location,
div#eventsSummaries div.summary div.dates,
div#eventsSummaries div.summary div.description
	{}






/* ---------------------------------------------------------------------------------------------------- */
#divEventContent
	{
	margin: 0px;
	padding: 12px;
	border: none;
	text-align: justify;
	display: block;
	width: 95%;
	text-align: left;
	}
#divEventContent .eventTitle
	{
	margin: 0px;
	padding: 0px;
	border: none;
	color: #00a700;
	font-weight: bold;
	font-size: 175%;
	margin-bottom: 5px;
	line-height: 1.25em;
	}
#divEventContent .eventLocation
	{
	margin: 0px;
	padding: 0px;
	border: none;
	margin-bottom: 25px;
	}
#divEventContent .eventDates
	{
	margin: 0px;
	padding: 0px;
	border: none;
	margin-bottom: 25px;
	}
#divEventContent ul
	{
	margin: 0px;
	padding: 0px;
	border: none;
	margin-left: 20px;
	}



#divEventResponse .tblEditor
	{
	width: 95%;
	font-size: 145%;
	}
#divEventResponse .tblEditor .tdLabel
	{
	font-weight: bold;
	text-align: right;
	padding: 12px 10px 10px 10px;
	width: 100px;
	font-size: 76%;
	}
#divEventResponse .tblEditor .tdInput
	{
	padding: 8px 5px;
	}
#divEventResponse .tblEditor .tdRequired
	{
	display: none;
	}
#divEventResponse .tblEditor hr
	{
	border: none;
	background-color: #aaaaaa;
	height: 1px;
	}
/*
font sizes information from http://www.thenoodleincident.com/tutorials/typography/img/all2_5.gif
set body at the appropriate general size, a percentage of 1em.
use the % calculator to size back up to 1em when you need a different size later

1em = (60 x 167%); smallest (works on all browsers)
1em = (69 x 145%); small (works on all browsers)
1em = (76 x 131%); default (works on all browsers)
1em = (86 x ); (requires ie_hacks)
1em = (93 x );  (requires ie_hacks)
*/
/* ---------------------------------------------------------------------------------------------------- */
html, body, table, tr, td, div, p, span, form, object, h1, h2, h3, h4, h5, ul, li, ol, img
	{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
	text-decoration: none;
	color: #000000;
	}
html, body, div, p, object, h1, h2, h3, h4, h5
	{ display: block; }
body
	{
	text-align: center;
	font: normal normal 100.1%/1em Arial,Verdana,sans-serif;
	}
table, tr, td, div, p, span, form, object, h1, h2, h3, h4, h5, ul, li, ol, img
	{ vertical-align: top; }
a
	{
	color: #0000bb;
	text-decoration: none;
	}
a:hover, a:active
	{
	text-decoration: none; 
	color: #00a700;
	}
p
	{ margin: 0px; }
form
	{ display: inline; }
input, select, textarea
	{
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #cccccc;
	}






/* ---------------------------------------------------------------------------------------------------- */
div.clearBoth
	{ clear: both; margin: 0px; padding: 0px; }
div.clearLeft
	{ clear: left; margin: 0px; padding: 0px; }
div.clearRight
	{ clear: right; margin: 0px; padding: 0px; }






/* ---------------------------------------------------------------------------------------------------- */
.inpTextboxLong
	{
	width: 99%;
	border: 1px solid #dddddd;
	padding: 3px;
	color: #333333;
	}
.inpTextboxShort
	{
	width: 100px;
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	}


.inpTextareaLong
	{
	width: 100%;
	height: 70px;
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	}


.inpSelectboxLong
	{
	width: 100%;
	border: 1px solid #dddddd;
	padding: 2px;
	padding-left: 0px;
	color: #333333;
	}
.inpSelectboxLong optgroup option
	{}
/*
.inpSelectboxShort
	{
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	}
*/
.inpSelectboxMultipleLong
	{
	width: 100%;
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	height: 100px;
	}


.inpSelectboxMultipleMedium
	{
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	height: 100px;
	width: 150px;
	}


.divInputLength
	{
	vertical-align: middle;
	clear: both;
	float: right;
	border: 1px solid #dddddd;
	border-top: none;
	margin-top: -2px;
	padding: 1px 5px 3px 5px;
	margin-right: -6px;
	text-align: right;
	white-space: nowrap;
	}
.divInputLength .spanText
	{
	vertical-align: middle;
	font-size: 8pt;
	color: #666666;
	display: none;
	}
.divInputLength .spanValue
	{
	vertical-align: middle;
	font-size: 7pt;
	color: #666666;
	font-weight: normal;
	}
.divInputLength .spanValueWarning
	{
	vertical-align: middle;
	font-size: 7pt;
	color: #cc0000;
	font-weight: bold;
	}


.inpFileboxLong
	{
	width: 99%;
/*
	border: 1px solid #dddddd;
	padding: 3px;
	color: #333333;
*/
	}






/* ---------------------------------------------------------------------------------------------------- */
div.dottedRule
	{
	height: 15px;
	background-image: url("/images/news_hr_bg.gif");
	background-position: 0px 6px;
	background-repeat: repeat-x;
	margin: 5px 0px;
	clear: both;
	}
/* from http://demo.raibledesigns.com/struts-menu/cssVertical.jsp */
ul#ulMainMenu3,
ul#ulMainMenu3 ul {
/*width: 150px;*/
margin: 0;
padding: 0;
/*font-size: 70%; */
font-size: 8pt;
text-align: left;
/*background: #fff;*/ /* IE6 Bug */
/*            font-size: 100%; */
/*
background-image: url("/images/space.gif");
background-position: left top;
cursor: pointer;
*/
z-index: 1;
}
ul#ulMainMenu3
{
/*
float: left;
width: auto;
background-image: url("/images/space.gif");
background-position: left top;
cursor: pointer;
*/
z-index: 1;
}
/*
ul#ulMainMenu3:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*/
ul#ulMainMenu3 li
{
position: relative;
list-style: none;
float: left;
width: auto; /* Width of Menu Items */
background-image: url("/images/menu_item_bg.gif");
background-position: right bottom;
cursor: pointer;
z-index: 1;
}
* html ul#ulMainMenu3 li {width: 1%; white-space: nowrap;z-index: 1;}
ul#ulMainMenu3 li a,
ul#ulMainMenu3 li li a {
display: block;
text-decoration: none;
color: #ffffff;
padding: 5px;
background-image: url("/images/space.gif");
background-position: left top;
cursor: pointer;
z-index: 1;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#ulMainMenu3 li { float: left; height: 1%;z-index: 1; }
* html ul#ulMainMenu3 li a { height: 1%;z-index: 1; }
/* End */
ul#ulMainMenu3 ul {
position: absolute;
display: none;
z-index: 1;
}
ul#ulMainMenu3 ul ul {
left: 175px;
top: 0;
z-index: 1;
}
ul#ulMainMenu3 li ul li a
{z-index: 1;
/*	padding: 2px 5px; */
} /* Sub Menu Styles */
ul#ulMainMenu3 li:hover ul ul,
ul#ulMainMenu3 li:hover ul ul ul,
ul#ulMainMenu3 li.over ul ul,
ul#ulMainMenu3 li.over ul ul ul { display: none;z-index: 1; } /* Hide sub-menus initially */
ul#ulMainMenu3 li:hover ul,
ul#ulMainMenu3 li li:hover ul,
ul#ulMainMenu3 li li li:hover ul,
ul#ulMainMenu3 li.over ul,
ul#ulMainMenu3 li li.over ul,
ul#ulMainMenu3 li li li.over ul { display: block;/* 			background-image: url("/images/space.gif"); */
background-position: left top;
cursor: pointer;
z-index: 1;
} /* The magic */
ul#ulMainMenu3 li.menubar { z-index: 1;/*background: transparent url(images/arrow-down.gif) right center no-repeat;*/ }
ul#ulMainMenu3 li li.menubar { z-index: 1;/*background: transparent url(images/arrow-right.gif) right center no-repeat;*/ }
ul#ulMainMenu3 li:hover,
ul#ulMainMenu3 li.over
{
/* background-color: #f9f9f9 !important; */
/*			background-color: #cccccc !important; */
/*			background-image: url("/images/space.gif");
background-position: left top; */
cursor: pointer;
z-index: 1;
}
ul#ulMainMenu3 li a:hover { /*color: #E2144A;*/ color: #00a700;z-index: 1; }
#ulMainMenu3 li
{
z-index: 1;
}
#ulMainMenu3 li ul
{
background-color: #00529A;
z-index: 1;
/*
background-image: url("/images/space.gif");
background-position: left top;
cursor: pointer;
*/
}
ul#ulMainMenu3 li ul li
{
width: 175px;
border: none;
background-color: #00529A;
background-image: url("/images/space.gif");
background-position: left top;
cursor: pointer;
clear: both;
z-index: 1;
}
ul#ulMainMenu3 li ul li a
{
color: #ffffff;
background-color: #00529A;
background-image: url("/images/space.gif");
background-position: left top;
cursor: pointer;
margin-left: 2px;
display: block;
z-index: 1;
			}

/* ---------------------------------------------------------------------------------------------------- */
#divRightNewsSummaries
	{
	margin: 0px;
	border: none;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	background-color: #E5F1FD;
	border-bottom: 1px solid #B1C6DB;
	font-size: 145%;
	text-align: left;
	}
#divRightNewsSummaries h4 a
	{
	color: #7F8081;
	font-weight: bold;
	padding: 0px;
	font-size: 86%;
	border: 0px solid red;
	margin: 9px 0px 7px 0px;
	}
#divRightNewsSummaries .spanTitle a
	{
	font-weight: bold;
	color: #0060B4;
	font-size: 69%;
	}
#divRightNewsSummaries .spanSummary
	{
	font-size: 69%;
	display: block;
	}
#divRightNewsSummaries .divHr
	{
	height: 2px;
	background-image: url("/images/news_hr_bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
	margin: 5px 0px;
	clear: both;
	border: 0px solid green;
	}
#divRightNewsSummaries a:hover
	{
	color: #00a700;
	}






/* ---------------------------------------------------------------------------------------------------- */
#divNewsSummaries
	{
	font-size:  145%;
	text-align: left;
	}
#divNewsSummaries .divHr
	{
	height: 5px;
	background-image: url("/images/news_hr_bg.gif");
	background-position: 0px 3px;
	background-repeat: repeat-x;
	margin: 10px 15px;
	clear: both;
	display: block;
	padding: 0px;
	}
#divNewsSummaries .divNewsSummary
	{
	border: 0px solid red;
	margin: 10px 0px 10px 0px;
	padding: 0px 15px 0px 15px;
	float: left;
	display: block;
	}
* html #divNewsSummaries .divNewsSummary
	{
	margin: 0px 0px 10px 0px;
	}
#divNewsSummaries .divNewsSummary .summaryImage
	{
	float: right;
	margin: 0px 0px 10px 15px;
	}
#divNewsSummaries .divNewsSummary .summaryTitle
	{
	font-weight: bold;
	font-size: 100%;
	}
#divNewsSummaries .divNewsSummary .summaryDescription
	{
	padding: 0px;
	margin-top: 10px;
	font-size: 69%;
	}
#divNewsSummaries .divNewsSummary .summaryReadMore
	{
	text-align: right;
	clear: both;
	font-size: 69%;
	}
#divNewsSummaries .divNewsSummary .summaryTitle
	{
	font-weight: bold;
	font-size: 76%;
	}
#divNewsSummaries .divNewsSummary .summaryDates
	{
	font-size: 69%;
	}
/* ---------------------------------------------------------------------------------------------------- */
div#recruitmentSummaries
	{ 
	text-align: left;
	}
div#recruitmentSummaries div.summary
	{
	margin: 10px 10px 15px 10px;
	padding: 7px;
	border: 1px dotted #dddddd;
	background-color: #f9f9f9;
	}
div#recruitmentSummaries div.summary h2.title
	{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 125%;
	}
div#recruitmentSummaries div.summary div.readmore
	{
	text-align: right;
	clear: both;
	}






/* ---------------------------------------------------------------------------------------------------- */
div#recruitmentContent
	{
	padding: 15px;
	text-align: justify;
	}
div#recruitmentContent h1.title
	{
	color: #00a700;
	font-weight: bold;
	font-size: 175%;
	margin-bottom: 15px;
	}
div#recruitmentContent .eventLocation
	{
	margin-bottom: 25px;
	}
div#recruitmentContent .eventDates
	{
	margin-bottom: 25px;
	}






/* ---------------------------------------------------------------------------------------------------- */
div#recruitmentResponse
	{}
div#recruitmentResponse table#response
	{
	width: 500px;
	}
div#recruitmentResponse table#response td.label
	{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	width: 100px;
	white-space: nowrap;
	font-size: 8pt;
	padding-top: 5px;
	}
div#recruitmentResponse table#response td.input
	{}
/* ---------------------------------------------------------------------------------------------------- */
div.sectorSummary
	{
	clear: both; 
	float: left;
	width: 540px; /*auto;*/
	padding: 0px 10px;
	}
div.sectorSummary h2
	{
	font-weight: bold;
	color: #000080;
	font-size: 110%;
	}
/* ---------------------------------------------------------------------------------------------------- */
div.customerSummary
	{
	float: left;
	clear: top;
	}

div.customerSummary img
	{
	margin: 8px;
	border: 3px double #eeeeee;
	padding: 5px;
	display: block;
	}

div.customerSummary a
	{
	}
div.customerSummary a img
	{

	}
/* ---------------------------------------------------------------------------------------------------- */
div#bodyContainer
	{
	margin: 5px auto;
	width: 760px;
	font-size: 0.7em;
	}






/* ---------------------------------------------------------------------------------------------------- */
div#headerContainer
	{
	width: 760px;
	background-color: #ffffff;
	}


div#menuContainer
	{
	height: 27px;
	background-image: url("/images/menu_bg.gif");
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #005CAD;
	text-align: left;
	}


div#mainContainer
	{
	background-image: url("/images/master_container_bg.gif");
	background-position: left top;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 760px;
	}


div#footerContainer
	{
	background-image: url("/images/menu_bg.gif");
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 760px;
	}






/* ---------------------------------------------------------------------------------------------------- */
div#menuContainer div.left
	{
	float: left;
	}
div#menuContainer div.right
	{
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	vertical-align: top;
	}
div#menuContainer a
	{ color: #ffffff; }
div#menuContainer a:hover
	{ color: #00a700; }






/* ---------------------------------------------------------------------------------------------------- */
div#subheaderContainer
	{
	float: left;
	background-color: #85A4C3;
	width: 760px;
	text-align: left;
	}






/* ---------------------------------------------------------------------------------------------------- */
#divBreadcrumbsContainer
	{
	height: 26px;
	background-color: #e8edf1;
	text-align: left;
	}
#divBreadcrumbsContainer #spanTrail
	{
	display: block;
	padding: 6px 0px 0px 10px;
	}






/* ---------------------------------------------------------------------------------------------------- */
div#mainContainer #divLeftPanel
	{
	width: 560px;
	float: left;
	}
div#mainContainer #divRightPanel
	{
	margin: 0px 1px;
	width: 198px;
	float: right;
	background-color: #E3EFFB;
	}






/* ---------------------------------------------------------------------------------------------------- */
#divRightNavigation
	{
	vertical-align: top;
	text-align: left;
	}






/* ---------------------------------------------------------------------------------------------------- */
div#footerContainer a
	{
	color: #ffffff;
	padding: 4px 10px;
	float: left;
	margin-top: 1px;
	border: 0px solid red;
	}
div#footerContainer img
	{
	float: left;
	}

div#footerContainer a:hover
	{
	color: #00a700;
	}

/* ---------------------------------------------------------------------------------------------------- */
#divSitemapNavigation
	{
	text-align: left;
	width: 300px;
	padding-bottom: 20px;
	}
#divSitemapNavigation ul
	{
	list-style: none;
	margin: 0px;
	padding-left: 20px;
	text-align: left;
	}
#divSitemapNavigation ul a
	{
	padding: 2px;
	display: block;
	}

