/*------------------------------------------------------------------

	Global.css



	RULES ORGANISATION WITHIN CSS FILES

		

	General

	Main Page Elements

	Header

	Top Nav

	Content

	Sidebars 

	General Classes

	Lite Version Styles 



-------------------------------------------------------------------- */



/*the default color and size for text on this site.*/

body { 

	color: #000000; 

	font-size: 80%;

}



/* MAIN PAGE ELEMENTS

-------------------------------------------------------------------- */



/* Controls the width of the page */

#pageConstraints {

	min-width: 780px;

	width:expression(document.body.clientWidth > 780 ? "100%" : "780px"); /* IE min-width hack */

}



.fixWidth #pageConstraints  {

	min-width: 970px;

	width:expression(document.body.clientWidth > 970 ? "100%" : "970px"); /* IE min-width hack */

}



#content { 

	margin:0;

	padding: 0;

}

/*Controls the font size in the footer. Inherits from the body*/

#footer {

	font-size: .7em;

}



/* TOP NAVIGATION

-------------------------------------------------------------------- */



/*top nav css */

#topNav li a {

	height: 10px;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

	background-repeat: no-repeat;

	padding-bottom: 1px;

	display: block;

	text-indent: -5000px;

  _float: left;

}



#topNav li ul li span {

  _float: left;

  _clear: left;

	_position: relative;

	_left: -5px;

}



html>body #topNav li a {

	padding-bottom: 5px;

}

#topNav li a#navNews {

	background-image:  url(images/nav_news_communications.gif);

	width: 151px;

}

#topNav li a#navIndustry {

	background-image:  url(images/nav_industry_market.gif);

	width: 111px;

}

#topNav li a#navResources {

	background-image:  url(images/nav_resources_services.gif);

	width: 132px;

}

#topNav li a#navOrganization {

	background-image:  url(images/nav_organization_operations.gif);

	width: 162px;

}



#topNav li a#navHR {

  background-image: url(nav_human_resources.gif);

  width: 109px;

}



#topNav li a#navChevronWay {

  background-image: url(nav_chevron_way.gif);

  width: 105px;

}



#topNav li a#navInfo {

  background-image: url(nav_company_info.gif);

  width: 83px;

}





/* Overwrite from topNavWithDrop.css */

#topNav li {

	float: left;

}



/* Dropdowns Overwrites (original styles defined in topNavWithDrop.css */



#topNav li li{

	float: none;

	display: list-item;

}





#topNav { z-index: 2; }



#topNav li ul {

	background: #cc0000;

	border-right: 2px solid #000000;

	border-bottom: 2px solid #000000;

	top: 22px;

	width: 253px;

}

#topNav li ul li a,

#topNav li ul li a:visited {

  font-size: 1.1em;

	font-weight: normal;

	text-indent: 0; /* reset the text indent */

}

#topNav li ul li a:link.currentPage,

#topNav li ul li a:visited.currentPage,

#topNav li ul li a:hover.currentPage,

#topNav li ul li a:active.currentPage,

#topNav li ul li a:focus.currentPage {

	color: #cc0000;

}







/* TABS STYLES

-------------------------------------------------------------------- */

#header ul#tabs,

#content ul#tabs {

	list-style: none;

	margin: 12px 0 0 0;

	padding: 0;

	height: 1%; /* fix for IE */

}

#header ul#tabs li,

#content ul#tabs li {

	background: none;

	padding: 0;

	float: left;

	margin: 6px 1px 0 0;

}

#content ul#tabs li {

	border-bottom: 1px solid #000000;

}



#header ul#tabs li a,

#content ul#tabs li a {

	background: #cc0000;

	color: #000000;

	display: block;

	width: 117px;

	height: 28px;

	line-height: .9em;

	text-align: center;

	text-decoration: none;

	position: relative;

}

#header ul#tabs li a:hover,

#content ul#tabs li a:hover {

	color: #ffffff;

	background-color: #cc0000;

}

#header ul#tabs li.current a,

#content ul#tabs li.current a {

	color: #ffffff;

	background-color: #cc0000;

	font-weight: bold;

}

#header ul#tabs li a span,

#content ul#tabs li a span {

	width: 110px;

	position: absolute;

	bottom: 3px;

	left: 0;

	cursor: pointer;

	line-height: 1.07em; /* to prevent y & g being cut off */

}

* html #header ul#tabs li a,

* html #content ul#tabs li a {

	float: left; /* fix for IE */

}



/* FORMS

-------------------------------------------------------------------- */



form {

	margin: 0;

}

form input.text {

	border-top: 1px solid #cc0000;

	border-left: 1px solid #cc0000;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

}

form input.image {

	position: relative;

	top: 6px;

	margin-top: -6px;

}

form input.radio {

	position: relative;

	top: 3px;

}

form select {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .85em;

}

form select.news, form input.news, form textarea.news {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

}

/* Specific styles for buttons */

div.button {

	border: 2px solid #0000cc;

	padding: 0;

	margin: 0;

}

div.button input {

	border: 1px solid #000000;

	background: #cc0000;

	color: #ffffff;

	text-transform: uppercase;

	font-weight: bold;

	font-family: arial;

	font-size: 11px;

	padding: 0px 4px 0px 1px;

	margin: 0;

	padding: 0 0px;

}



/* HEADERS (set the default header styles)

-------------------------------------------------------------------- */



h2, h4 {

	color: #cc0000;

}



#content h4 {

	font-size: .85em;

	padding-bottom: 0;

}

div.module h4 {

	font-size: 1em;

	padding-bottom: 0;

}



/* GLOBAL STYLES

-------------------------------------------------------------------- */



img {

	border: 0;

}

/* CSS for #content div */

#content p {

  font-size: 1em;

}

#content ul {

  list-style: none; 

  padding: 0; 

  margin: 0 0 2px 0;

  font-size: 1em;

}  

#content ul li { 

  padding-left: 9px;

  margin-top: 1px;

  background:  url(images/icon_black_square.gif) no-repeat 0px 6px;

}

#content ul ul {

  font-size: 1em;

  padding-left: 12px;

}

#content ol {

  padding: 0 0 1em 24px; 

  margin: 0 0 2px 0;

  font-size: 1em;

} 

/* GENERAL CLASSES

-------------------------------------------------------------------- */



.green { color: #cc0000; } 

.teal { color: #cc0000; }

.errorRed { color: #cc0000; }

.floatleft { float: left; }

.floatright { float: right; }

div.hr {

  margin-top: -1px;

  height: 1px;

  overflow:hidden;

  background: #cc0000;

  clear: both;

}

div.hr.grey { background-color: #cc0000; }

.bold { font-weight: bold; }

.boldnoline {

  font-weight: bold;

  text-decoration: none;

}

.alert {

  color: #cc0000;

  font-size: .85em;

}

.clear { clear: both; }

.clearRight { clear: right; }

.padtop {

	margin-top: 10px !important;

}

.padtop3 {

	margin-top: 3px !important; 

}

.padtop6 {

	margin-top: 6px !important; 

}

.padtop15 {

	margin-top: 15px;

}

.padtop20 {

	margin-top: 20px;

}

.padtop40 { 

    margin-top: 40px !important; 

}

.padright18 {

	margin-right: 18px;

}

.padright {

	margin-right: 10px;

}

.padright5 {

	margin-right: 5px;

}

.padbottom5 {

	margin-bottom: 5px;

}

.padbottom {

	margin-bottom: 10px;

}

.padbottom15 {

	margin-bottom: 15px;

}

.padbottom20 {

	margin-bottom: 20px;

}

.padbottom45 {

	margin-bottom: 45px;

}

.padleft {

	margin-left: 10px;

}

.padleft20 {

	margin-left: 20px;

}

.padleft45 {

  margin-left: 45px;

}

.displaynone {

	display: none;

}

.alignright {

	text-align: right;

}

.alignleft {

	text-align: left;

}

.nomargin,

#content p.nomargin {

	margin: 0;

}

.nobottom { margin-bottom: 0; padding-bottom: 0; }

.smaller { font-size: .8em; }



.valignTop {

  vertical-align:top;

}



acronym {

  border-bottom: 1px dotted #000000; cursor: help;

}

a acronym {

  border: 0;

}



/* ICON CLASSES

-------------------------------------------------------------------- */

#content ul li.backtotop, .backtotop {

  padding: 0 0px 0 18px;

  background:  url(images/icon_arrow_up_on.gif) no-repeat 0 2px;

  }

#content ul li.excel,  .excel {  

	padding: 5px 0 4px 22px; 

	background: url(icons/icon_excel.gif) no-repeat 0 4px;

}

#content ul li.pdf, .pdf {  

	padding: 4px 0 3px 22px; 

	background:  url(images/icon_pdf.gif) no-repeat 0 4px;

}

#content ul li.popupIcon, .popupIcon {  

	padding: 5px 0 4px 22px; 

	background:  url(images/icon_multi_mail_on.gif) no-repeat 0 4px;

}

a.popupIcon {  

	padding: 7px 0 4px 22px; 

	background:  url(images/icon_multi_mail_on.gif) no-repeat 0 4px;

}

#content ul li.ppt, .ppt{   

	padding: 5px 0 4px 22px; 

	background:  url(images/icon_power_point.gif) no-repeat 0 4px;

}

#content ul li.swirl, .swirl {  

	padding: 5px 0 4px 22px; 

	background:  url(images/icon_go_off.gif) no-repeat 0 4px;

}

#content ul li.webcast, .webcast {  

	padding: 7px 0 4px 22px; 

	background:  url(images/icon_webcast.gif) no-repeat 0 4px;

}

a.webcast {  

	padding: 8px 0 4px 22px; 

	background:  url(images/icon_webcast.gif) no-repeat 0 4px;

}

#content ul li.word, .word {  

	padding: 5px 0 4px 22px; 

	background:  url(images/icon_word.gif) no-repeat 0 4px;

}

#content ul li.zip, .zip {  

	padding: 5px 0 4px 22px; 

	background:  url(images/icon_zip.gif) no-repeat 0 4px;

}

#content ul li.email, .email {  

	padding: 3px 0 4px 22px; 

	background: url(icon_mail_on.gif) no-repeat 0 4px;

}

#content ul li.printer, .printer {  

	padding: 7px 0 4px 22px; 

	background:  url(images/icon_printer_on.gif) no-repeat 0 4px;

}

#content ul li.arrow, .arrow {

	background:  url(images/icon_arrow_right_darkblue.gif) no-repeat 0 6px;

	padding: 1px 0 5px 10px;

}



/* CMS News Article Left Column Link Icons */ 

div#content ul.spacing li.pGallery {  

	padding: 3px 0 0 22px; 

	background:  url(images/icon_photo_gallery.gif) no-repeat 0 4px;

}

div#content ul.spacing li.printer {  

	padding: 4px 0 0 22px; 

	background:  url(images/icon_printer_on.gif) no-repeat 0 4px;

}

div#content ul.spacing li.email {  

	padding: 2px 0 0 22px; 

	background: url(icon_mail_on.gif) no-repeat 0 4px;

}

div#content ul.spacing li.popupIcon {  

	padding: 4px 0 0 22px; 

	background:  url(images/icon_multi_mail_on.gif) no-repeat 0 4px;

}



/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)

-------------------------------------------------------------------- */



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

.clearfix {

	display: inline-block; /* IE7 Fix*/

	/* display: inline-table; */

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */