/* CSS Document */

/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------------ GLOBAL ------------------ */
/* -------------------------------------------- */
/* -------------------------------------------- */

#wrapper_in {
	background: url(images/gutters.jpg) repeat-y;
	border-bottom: 1px solid #333333;
	margin: 0 auto;
	margin-top: 0px;  
	padding: 0px;
	text-align: center;
	width: 778px;
}

#wrapper_out {
	padding: 0 17px;
}

#wrapper_in_pop {
	background: url(images/gutters.jpg) repeat-y;
	border-bottom: 1px solid #333333;
	padding: 0px;
	padding-top: -10px;
	text-align: center;
	width: 249px;
}

#wrapper_in_pop p {
	font-size: 11px;
	margin-left: 27px;
	margin-right: 8px;
	margin-top: 15px;
	text-align: left;	
}

#wrapper_out_pop {
	padding: 0 0px;
}

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

a:hover {
	text-decoration: none;
}

body {
	background: #505050 url(images/grad_page.jpg) repeat-x;
/*	font-family: Arial, Arial, Helvetica, sans-serif;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 auto;
	text-align: center;
}

body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, td, th {
	margin: 0px;
	padding: 0px;
}

li {
	margin-left: 25px;
}

p {
	line-height: 15px;
}

p, td {
	color: #333333;
	font-size: 12px;
}

sup {
	font-size: 6px;
	line-height: 1px;
	padding-bottom: -3px;
}

table.subscription {
	margin-left: 15px;
	margin-top: 0px;
	width: 95%;
}

table.subscription td, table input, table select {
	font-size: 11px;
	vertical-align: top;
}

table.subscription td.label {
	padding-right: 5px;
	text-align: right;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ----------------- MASTHEADS ---------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#horizontal {	
	background: url(images/horizontal.gif) repeat-x;
	height: 4px;
	margin: 0px auto;
	margin-bottom: 6px;
	margin-top: 6px; 
	width: 92.5%;
}

#masthead {
	background: #000000 url(images/logo_xsi.jpg) no-repeat;
	height: 156px;
	margin: 0 auto;
	padding-left: 140px;
	padding-top: 10px;
	width: 598px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ---------------- NAVIGATION ---------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#nav_bar {
	background: url(images/grad_nav_bar.jpg) repeat-x;
	font-weight: bold;
	height: 28px;
	letter-spacing: 2px;
	margin: 0 auto;
	margin-bottom: 0px;
	text-align: center;
	width: 720px;	
}

#nav_bar ul {
	height: 28px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	width: 693px;
}

#nav_bar ul li {
	display: block;
	float: left;
	height: 28px; 
	line-height: 28px;
	margin-left: 9px;
	margin-right: 9px;
}

#nav_bar ul li a {
	background: url(images/grad_nav_bar.jpg) repeat-x;
	color: #FFFFFF;
	display: block;
/*	font-family: Calibri, Arial, sans-serif;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 28px;
	text-decoration: none;
	margin-left: 0px;
	width: inherit;
}

#nav_bar ul li a.active, #nav_bar ul li a:hover {
	color: #FFCEAF;
	text-indent: 0px;
}

#nav_bar ul li#nav_about {
	height: 28px;
	width: 98px;
}

#nav_bar ul li#nav_about a.active, #nav_bar ul li#nav_about a:hover  {
	background: url(images/grad_nav_about_on.jpg) repeat;
}

#nav_bar ul li#nav_bih {
	height: 28px;
	width: 46px;
}

#nav_bar ul li#nav_bih a.active, #nav_bar ul li#nav_bih a:hover {
	background: url(images/grad_nav_bih_on.jpg) repeat;
}

#nav_bar ul li#nav_careers {
	height: 28px;
	width: 79px;
}

#nav_bar ul li#nav_careers a.active, #nav_bar ul li#nav_careers a:hover {
	background: url(images/grad_nav_careers_on.jpg) repeat;
}

#nav_bar ul li#nav_contact {
	height: 28px;
	width: 114px;
}

#nav_bar ul li#nav_contact a.active, #nav_bar ul li#nav_contact a:hover {
	background: url(images/grad_nav_contact_on.jpg) repeat;
}

#nav_bar ul li#nav_customers {
	height: 28px;
	width: 71px;
}

#nav_bar ul li#nav_customers a.active, #nav_bar ul li#nav_customers a:hover  {
	background: url(images/grad_nav_customers_on.jpg) repeat;
}

#nav_bar ul li#nav_home {
	height: 28px;
	width: 62px;
}

#nav_bar ul li#nav_home a.active, #nav_bar ul li#nav_home a:hover {
	background: url(images/grad_nav_home_on.jpg);
}

#nav_bar ul li#nav_press {
	height: 28px;
	width: 61px;
}

#nav_bar ul li#nav_press a.active, #nav_bar ul li#nav_press a:hover  {
	background: url(images/grad_nav_press_on.jpg) repeat;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* --------------- CONTENT AREA --------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#content #inner #intro, #content #inner ol {
	border-top: 2px solid #C50008;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
/*	margin-left: 55px;   */
	margin-left: 20px; 
	margin-top: 2px;
	padding-top: 5px;
	text-align: left;
/*	width: 505px;  */
	width: 530px;
}

#content #inner ol {
	border-top: none;
	width: 505px;
}

#content #inner ol li {
	list-style: lower-roman;
}

#content #inner ul.jobs {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	margin-left: 60px; 
	padding-top: 5px;
	text-align: left;
	width: 530px;
}

#content #asterisk {
	background: url(images/asterisk2.gif) no-repeat;
/*	border: 1px solid #666666;  */
	float: left;
	height: 108px;
	margin-left: 13px;
	margin-top: 36px;
	width: 108px;
}

#content #add_this {
	float: left;
	margin-left: -135px;
	margin-top: 470px;
}

#content #avr .avr_img {
	border: 4px solid #F76D39;
}

#content #avr {
	background: #F76D39 url(images/grad_division_avr.jpg) repeat-x;
	border-left: 3px solid #FFFFFF;
}

#content #avr a, #content #xp a,#content #xsar a, #content #xsnet a {
	color: #FFFFFF;
}

#content #avr a, #content #xsar a, #content #xp a, #content #xsnet a {
	border: 1px solid #FFFFFF;
	line-height: 28px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 53px;
}

#content #avr a:hover {
	color: #F76D39;
}

#content #avr a:hover, #content #xp a:hover, #content #xsar a:hover, #content #xsnet a:hover {
	background: #FFFFFF;
}

#content #avr a:hover, #content #xp a:hover, #content #xsar a:hover, #content #xsnet a:hover {
	text-decoration: none;
}

#content #avr #div_blurb {
	 background: url(images/division_avr.jpg);
}

#content #xsar #div_blurb {
	 background: url(images/division_xsar.jpg);
}

#content #xp #div_blurb {
	background: url(images/division_xp.jpg);
}

#content #xsnet #div_blurb {
	background: url(images/division_xsn.jpg);
}

#content #avr #div_blurb, #content #xp #div_blurb, #content #xsar #div_blurb, #content #xsnet #div_blurb {
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 147px;
	margin: 0 auto;
	text-align: left;
	width: 120px;
}

#content #avr #div_blurb ul, #content #xp #div_blurb ul, #content #xsar #div_blurb ul, #content #xsnet #div_blurb ul {
	font-size: 10px;
	line-height: 10px;
	margin-left: 5px;
	margin-right: 8px;
	padding-top: 40px;
	width: 110px;
	
	padding-left: 8px;

}

#content #avr #div_blurb ul li, #content #xp #div_blurb ul li, #content #xsar #div_blurb ul li, #content #xsnet #div_blurb ul li {
/*	margin-left: inherit;  */
	margin-left: 18px;
	padding-right: 8px;
}

#content #avr, #content #xp, #content #xsar, #content #xsnet {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	float: left;
	height: 506px;
	margin-left: 2px;
	padding-top: 8px;
	width: 140px;
}

#content #background, #content #press_releases  {
	font-size: 11px;
	margin-bottom: 30px;
	margin-left: 55px;
	margin-top: -7px;
}

#content #background {
	margin-bottom: 0px;
}

#content #div_avr {
	background: #FFFFFF url(images/bg_avr.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	border: 4px solid #F76D39;
}

#content #div_avr p, #content #div_xp p, #content #div_xsar p, #content #div_xsnet p {
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
}

#content #div_avr, #content #div_xp, #content #div_xsar, #content #div_xsnet {
	height: 246px;
	margin: 0 auto;
	margin-top: -15px;
	text-align: left;
	width: 115px;
}

#content #div_xp {
	background: #FFFFFF url(images/bg_xp.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	border: 4px solid #225180;
}

#content #div_xsar {
	background: #FFFFFF url(images/bg_xsar.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	border: 4px solid #3C7E00;
}

#content #div_xsnet {
	background: #FFFFFF url(images/bg_xsn.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	border: 4px solid #000000;
}

#content #holder {
	background: #CCCCCC;
	border: 1px solid #666666;
	float: left;
	height: 295px;
	width: 141px;
}

#content #holder img {
	border: 1px solid #333333;
}

#content #holder img.first {
	margin-top: 8px;
}

#content #holder p {
	text-align: left;
	font-size: 10px;
	line-height: 11px;
	margin: 3px;
}

#content #holder p.center {
	text-align: center;
}

#content #inner #hdr {
	color: #C50008;
	font-weight: bold;
	margin-bottom: -17px;
	margin-left: -20px;
	margin-top: -5px;
	text-align: left;
	width: 515px;
}

#content #inner #hdr ul li {
	font-size: 20px;
	line-height: 30px;
	list-style-image: url(images/asterisk_sm.gif);
	margin-left: 43px;
	text-indent: -10px;
}

#content #inner #list_left {
	float: left;
}

#content #inner #list_left, #content #inner #list_right {
	font-size: 10px;
	margin-left: 55px;
	width: 166px;
}

#content #inner #list_right {
	float: left;
	margin-left: 20px;
}

#content #inner {
	border: 1px solid #999999;
	color: #333333;
	float: left;
	height: 508px;
	margin-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	text-align: left;
	width: 559px;
}

#content #inner p {
	font-size: 11px;
	margin-left: 65px;
}

#content #inner p.history {
	margin-bottom: -5px;
	margin-left: 20px;
}

#content #inner p.about {
	line-height: 13px;
/*	margin-left: 55px;  */
	margin-left: 20px;
	margin-top: 6px;
}

#content #inner p.contact {
	font-size: 10px;
	font-weight: normal;
	margin-left: -4px;
	margin-top: 8px;
}

#content #inner ul li.svc {
	background: url(about/images/grad_about_divisions.jpg) repeat-x;
	border: 1px solid #000000;
	color: #C50008;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 170px;
	margin-bottom: 10px;
	margin-left: 8px;
	padding-left: 8px;
	padding-right: 8px;
	width: 140px;
}

#content #inner ul li.svc a {
	border-bottom: 1px solid #C50008;
	line-height: 16px;
	text-decoration: none;
}

#content #inner ul li.svc a:hover {
	border: none;
	text-decoration: none;
}

#content #inner ul.svc_lines {
	height: 170px;
	margin-left: 35px;
	margin-top: 0px;
}

#content #inner ul.svc_lines ul {
	margin-left: 4px;
	margin-right: -4px;
	margin-top: 10px;
}

#content #inner ul.svc_lines ul li {
	color: #333333;
/*	font-family: Arial, Helvetica, sans-serif;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
	margin-bottom: 8px;
	margin-left: 10px;
}

#content #press_releases #date {
	text-align: left;
	width: 80px;
}

#content #press_releases #date, #content #press_releases #title {
	float: left;
	font-size: 10px;
	margin-bottom: -10px;
	margin-top: 0px;
}

#content #press_releases #title {
	width: 400px;
}

#content #xp .xp_img {
	border: 4px solid #225180;
}

#content #xp {
	background: #225180 url(images/grad_division_xp.jpg) repeat-x;
}

#content #xp a:hover {
	color: #225180;
}

#content #xsar .xsar_img {
	border: 4px solid #3C7E00;
}

#content #xsar {
	background: #3C7E00 url(images/grad_division_xsar.jpg) repeat-x;
}

#content #xsar a:hover {
	color: #3C7E00;
}

	#content #xsnet .xsnet_img {
	border: 4px solid #000000;
}

#content #xsnet {
	background: #000000 url(images/grad_division_xsn.jpg) repeat-x;
}

#content #xsnet a:hover {
	color: #000000;
}

#content {
	background: #FFFFFF;
	height: 513px;
	margin: 0px auto;
	margin-bottom: 15px;
	padding: 5px;  
	width: 720px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------------ FOOTER ------------------ */
/* -------------------------------------------- */
/* -------------------------------------------- */

#footer {
	background: #000000;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	height: 33px;
	line-height: 20px;	
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	width: 736px;
}

#footer a {
	background: #505050;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	margin-left: -2px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	text-decoration: none;
}

#footer a.active, #footer a:hover {
	background: #000000;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	margin-left: -2px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ---------------- SUB-FOOTER ---------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#sub_footer {
/*	background: #333333;
	border: 1px solid #000000;  */
	border-top: 1px dashed #666666;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 auto;
	margin-bottom: 4px;
	margin-top: 25px;
	padding-top: 5px;
	width: 378px;
}

#sub_footer a {
/*	border-bottom: 1px dotted #666666;  */
	color: #666666;
	text-decoration: none;
}

#sub_footer a:hover {
	background: #333333;
	border-bottom: 1px dotted #999999;  
	border-top: 1px dotted #999999;  
	color: #999999;
	text-decoration: none;
}
/* validation */
.invalid{
  	border-color:#FF0000;
}