/* ** CSS/HTML authored by Array Interactive - trevor@arrayinteractive.ca ** */

body, html, h1, h2, h3, h4, h5, h6, ul, ol, dl, table, p, td, img, div { 
	margin: 0; 
	padding: 0;
	border: none;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

body {
	background: url('images/bgTile.gif') repeat-x #666;
}

.secondaryBg {
	width: 100%;
	background: url('images/bgSecondary.gif') top center no-repeat;
}

a {
	color: #004282;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.layout {
	width: 959px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
}

.contentBg {
	/*height: 432px;*/
	overflow: hidden;
	background: #E9E9E9 url('images/mainBg.gif') no-repeat;
	position: relative;
	zoom: 1;
}

div.clear { 
	clear:both; 
	height:1px; 
	font-size:2px; 
}

div.clear10 { 
	clear:both; 
	height:10px; 
	font-size:2px; 
}

div.clear20 { 
	clear:both; 
	height:20px; 
	font-size:2px; 
}

.regularList {
	list-style:disc inside;	
	margin-left: 10px;
	width: 500px; 
	
}
.testList {
        list-style:disc ;
        margin-left: 32px;
        width: 500px;
}
.testList li {
	display: list-item;
}
.subList {
        list-style: circle inside;
        margin-left: 20px;
}


.regularList li {
	margin-bottom: 5px;
}

.leftFloat {
	float: left; 
	display: inline;
}

.testFloat {
        float: left;
        display: list-item;
}

.rightFloat {
	float: right; 
	display: inline;
}

.header {
	position: relative;
	height: 104px;
	overflow: hidden;
}

.logo {
	width: 226px;
	float: left;
	display: inline;
}

.loginButton a {
	/*cursor: hand;
	cursor: pointer;*/
}

.loginButton {
	position: absolute;
	top: 2px;
	left: 826px;
	z-index: 20;
}

.loginForm {
	height: 164px;
	width: 176px;
	background: #F5F5F5;
	border-left: 1px solid #C9C9C7;
	border-bottom: 1px solid #C9C9C7;
	position: absolute;
	top: 0;
	left: 795px;
	z-index: 60;
}

.loginForm form {
	margin: 15px 0 0 12px;
}

.loginForm .textField {
	width: 150px;
	border: 1px solid #E4E4E4;
}

.loginForm label {
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}

.loginTitle {
	margin: 2px 0 0 31px;
}

.hidden {
	display: none;
}

/* ** top menu starts here ** */
.nav {
	float: left;
	display: inline;
	list-style: none;
	margin-top: 59px;
}

.nav li {
	display: inline;
	float: left;
}

/* menu items */
/*.nav li.menu1 {background:transparent url('images/nav_home.gif') no-repeat; width: 78px;}*/
.nav li.menu2 {background:transparent url('images/nav_about.gif') no-repeat; width: 97px;}
.nav li.menu3 {background:transparent url('images/nav_products.gif') no-repeat; width: 163px;}
.nav li.menu4 {background:transparent url('images/nav_customer.gif') no-repeat; width: 145px;}
.nav li.menu5 {background:transparent url('images/nav_contact.gif') no-repeat; width: 102px;}
.nav li.menu6 {background:transparent url('images/nav_media.gif') no-repeat; width: 124px;}
.nav li.menu7 {background:transparent url('images/nav_itLounge.gif') no-repeat; width: 102px;}

.nav a {display:block; height:0; padding-top:45px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html .nav a:link, * html .nav a:visited {height:45px; he\ight:0;}

/* menu item links */
/*.nav li.menu1 a {background:transparent url('images/nav_home_mo.gif') -78px 0 no-repeat; width: 78px;}*/
.nav li.menu2 a {background:transparent url('images/nav_about_mo.gif') -104px 0 no-repeat; width: 97px;}
.nav li.menu3 a {background:transparent url('images/nav_products_mo.gif') -170px 0 no-repeat; width: 163px;}
.nav li.menu4 a {background:transparent url('images/nav_customer_mo.gif') -150px 0 no-repeat; width: 145px;}
.nav li.menu5 a {background:transparent url('images/nav_contact_mo.gif') -107px 0 no-repeat; width: 102px;}
.nav li.menu6 a {background:transparent url('images/nav_media_mo.gif') -124px 0 no-repeat; width: 124px;}
.nav li.menu7 a {background:transparent url('images/nav_itLounge_mo.gif') -124px 0 no-repeat; width: 102px;}

/* menu item rollovers */
.nav li.menu2 a:hover {background-position:0 0; z-index:50;}
.nav li.menu3 a:hover {background-position:0 0; z-index:50;}
.nav li.menu4 a:hover {background-position:0 0; z-index:50;}
.nav li.menu5 a:hover {background-position:0 0; z-index:50;}
.nav li.menu6 a:hover {background-position:0 0; z-index:50;}
.nav li.menu7 a:hover {background-position:0 0; z-index:50;}

/* menu items that are selected */
.nav li.menu2 .selected, .nav li.menu1 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu3 .selected, .nav li.menu2 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu4 .selected, .nav li.menu3 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu5 .selected, .nav li.menu4 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu6 .selected, .nav li.menu5 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu7 .selected, .nav li.menu6 .selected:hover {background-position:0 0; z-index:50;}

* html .nav a:hover {height:45px; he\ight:0;}
/* ** top menu ends here ** */


.pageImage {
	position: absolute;
	z-index: 1;
	text-align: right; 
	width: 959px;
}

.mainContent {
	position: relative;
	z-index: 2;
	zoom: 1;
}

/* added 12/16/09 */
.bioContent {
	position: relative;
	z-index: 2;
	zoom: 1;
}

.mainContent h1 {
	width: 440px;
	margin: 27px 0 18px 0;
	font-size: 20px;
}

/* added 12/16/09 */
.bioCopy h1 {
	float: left;
	width: 290px;
	margin: 27px 0 18px 0;
	font-size: 19px;
}

.bioCopy h1 span {
	display: block;
	margin-top: 4px;
	font-size: 17px;
}

/* modded 12/16/09 */
.leaderImage {
	display: block;
	margin-top: 30px;
	float: left; 
	/*padding-right: 10px;*/
	margin-right: 12px;
}

.mainContent p {
	margin-bottom: 19px;
	width: 432px;
	line-height: 19px;
}

/* added 12/16/09 */
.bioContent p {
	margin-bottom: 19px;
	line-height: 19px;
}

/* added 12/16/09 */
.bioCopy {
	width: 462px;
}

/* added 12/16/09 */
.leadershipList {
	margin-bottom: 29px;
	list-style: none;
}

/* added 12/16/09 */
.leadershipList li {
	margin-bottom: 9px;
}

/* sub nav (left side) starts */
.subNav {
	 width: 212px; 
	 margin: 0 42px 0 15px;
}

.subNavTitle {
	margin: 21px 0 0 11px;
}

.subNavRule {
	font-size: 2px;
	height: 2px;
	overflow: hidden;
	background: url('images/menuBreak.gif') no-repeat;
	margin: 10px 0 10px 0;
}

#topSubNavRule {
	margin-top: 15px;
}

.subNavSect h3 {
	background: url('images/subNavSectBg.gif') no-repeat bottom left;
	padding-bottom: 9px;
	padding-left: 19px;
	font-size: 12px;
}

.sectSelected a {
	font-weight: bold;
	color: #000000 !important;
	text-decoration: none;
}

.subNavSect ul {
	margin-left: 22px;
	list-style: none;
	margin-top: 8px;
}

.subNavSect li {
	margin-bottom: 7px;
}

.subNavSect li a {
	padding-left: 13px;
	background: url('images/subNavBullet.gif') no-repeat 0 4px;
	font-size: 11px;
}

.subNavSect li a:hover, .pageSelected a {
	background: url('images/subNavBulletMo.gif') no-repeat 0 3px !important;
}

.subNav a {
	color: #004282;
}

.subNav a:hover, .pageSelected a {
	color: #000000;
	text-decoration: none;
}

.subNav .tile {
	margin: 8px 0 0 0;
	position: absolute;
	left: 0px;
	z-index: 99;
}

.subNav .spacer {
	 height: 97px;
}
/* sub nav (left side) ends */

.pdfLink, .webLink {
	margin-bottom: 7px;
}

.pdfLink a {
	background: url('images/pdf.gif') no-repeat;
	padding-left: 19px;
	color: #003C77;
}

.pdfLink a:hover {
	color: #000000;
	text-decoration: none;
}

.webLink a {
	background: url('images/webLink.gif') no-repeat; 
	padding-left: 19px;
	color: #003C77;
	height: 16px; 
	padding-bottom: 3px;
	display: block;
}


.topBorder {
	border-top: 1px solid #999999;
	margin: 20px 0 0 0;
	padding: 10px 0 12px 0;
}

/* home page styles */
.homeContent {
	background: #D6D6D6;
	zoom: 1;
}

div.bgClear {
	background: #666666;
	clear:both; 
	height:1px; 
	font-size:2px; 
}

.homeContent p, .homeContent li {
	color: #333333;
}

.homeImage {
	float: left;
	display: inline;
	width: 640px;
}

.homeRightSide {
	background: url('images/homeCopyBg.gif') no-repeat;
	float: left;
	display: inline;
	width: 319px;
}

.homeIntro {
	height: 152px;
	overflow: hidden;
	padding-left: 27px;
	padding-right: 15px;
}	

.homeIntro h1 {
	margin: 14px 0 7px 0;
}

.homeIntro p {
	line-height: 17px;
}

.homeLower {
	position: relative;
	zoom: 1;
}

.homeLeftCol {
	width: 318px;
	background: url('images/homeLeftCol.gif') no-repeat;
	float: left;
	display: inline;
	height: 154px;
	overflow: hidden;
	position: relative;
}

.homeCenterCol {
	width: 322px;
	background: url('images/homeCenterCol.gif') no-repeat;
	float: left;
	display: inline;
	height: 154px;
	overflow: hidden;
	position: relative;
}

.homeRightCol {
	width: 319px;
	background: url('images/homeRightCol.gif') no-repeat;
	float: left;
	display: inline;
	height: 154px;
	overflow: hidden;
	position: relative;
}

.homeLearnMoreUpper {
	margin: 7px 0 0 0;
}

.homeLower h2 {
	margin: 17px 0 0 17px;
	height: 29px;
}

.homeLower ul {
	list-style: none;
	margin-top: 11px;
	height: 66px;
	overflow: hidden;
}

.homeLower li {
	padding-left: 13px;
	margin-bottom: 8px;
	zoom: 1;
}

.homeLower ul {
	margin-left: 17px;
}

.homeLeftCol li {
	background: url('images/bulletPurple.gif') no-repeat 0px 4px;
}

.homeCenterCol li {
	background: url('images/bulletGreen.gif') no-repeat 0px 4px;
}

.homeRightCol li {
	background: url('images/bulletBlue.gif') no-repeat 0px 4px;
}

.homeLearnMore {
	position: absolute;
	top: 129px;
	left: 18px;
}
/* home styles end */

/* career styles start */
.applyBtn {
	margin-top: 7px;
	margin-bottom: 16px;
}

.applyBtn a {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding: 1px 13px 2px 12px;
	overflow: hidden;
	background: #CCCCCC;
	width: auto;
	border: 1px solid #000000;
}

.applyBtn a:active,.applyBtn a:visited {
	color: #000000;
}

.applyBtn a:hover {
	text-decoration: underline;
	background: #666666;
	color: #FFFFFF;
}

.careerLeftCol {
	width: 117px;
}

.careerRightCol {
	width: 277px;
}

.jobDetailLink {
	font-size: 10px;
	color: blue !important;
}

.jobPostings form {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
	
#addJob label, #changeLogin label {
	display: block;
	float: left;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding-top: 3px;
}	

#addJob .textField, #changeLogin .textField {
	width: 295px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}	

#addJob textarea {
	width: 295px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}	

.formItem {
	margin: 0 0 8px 0;
}

.submitJob {
	margin: 20px 0 0 115px;
}

.formPrint {
	font-size: 9px;
	color: #666666;
	margin-left: 90px;
	margin-top: -3px;
	font-family: Arial, Helvetica, sans-serif;
}
/* career styles end */

.tableTitle {
	color: #FFFFFF;
}

.infoTable td {
	font-size: 10px;
	padding: 4px;
}

.infoTable div {
	font-size: 10px;
}

.infoTable {
	margin: 0 0 15px 0;
}

.titleRow {
	background: #325B85;
}



/* footer starts */
.footer {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

.footer a, .footer div, .footer li {
	color: #A0A0A0 !important;
	font-size: 9px !important;
	text-align: center;
}

.footer a:hover {
	color: #000000 !important;
}

.footer ul {
	list-style: none;
	margin: 0 auto 0 auto;
}

.footer li {
	display: inline;
}
/* footer ends */