@charset "utf-8";
/* CSS Document */


/* -- Global -- */
html, body {
	margin:0;
	padding:0;
	height: 100%;
}

body {
	font:72%/140% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#232d38;
	height: 100%;
	margin:0;
	padding:0;
}


/* -- Layout wrappers -- */
.clear {
	clear:both;
}

/* -- General wrapper added to fix IE dropping down footer issue -- */
#general-wrapper {
	width:100%;
	text-align:center;
}



#primary-content-wrapper, #secondary-content-wrapper, #primary-content-wrapper2 {
	width:100%;
	text-align:center;
}


#primary-content-wrapper {
	background: none;
	background-position:top;
	position:relative;
	height:100%; /* --footer drops down -- */
}

/* --For secondary master page -- */
#primary-content-wrapper2 {
	background: none;
	background-position:top;
	position:relative;
	height: 95%; /* --footer drops down -- */
	margin:0;
	padding:0;
}

/* -- Bottom content wraper -- */
#secondary-content-wrapper {
	background: none;
	background-position:top;
	height:inherit;
	margin: 0;
	padding:0;
}



#content-wrapper {
width:100%;
margin:0 auto;
}




#skip {
display:none;
}

/* -- Logo box -- */
#logo {
	width:400px;
	height:135px;
	padding-top:0;
	float:left;
}

#logo a:link, #logo a:visited, #logo img {
	text-decoration:none;
	border:0;
}

/* -- Search box -- */
#search-box {
display:none;
}

#search-box span {
display:none;
}


/* -- Login box -- */
#login-box {
display:none;
}

#login-box span {
display:none;
}

/* -- Banner container -- */
#banner {
display:none;

}


/* -- News box -- */
#news {
display:none;
}


#news ul.news_items {
display:none;
}

#news span.small {
display:none;
}

/* -- Top navigation -- */
#top_navigation {
display:none;
}


/* -- Left navigation nfor secondary pages -- */
#left_nav {
display:none;
}



/* -- Breadcrumb style -- */

#breadcrumb {
display:none;
}



/* -- Content area -- */


h1 {
	font-size: ;
	font-weight: normal;
	color: #cc0000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing:1;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
}
h2 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	letter-spacing:1;
	margin-bottom: -7px;
	padding: 0;
	color: #2f59a7;
}

#news h2, #related h2  {
	font: bold 1.3em "Arial", Helvetica, sans-serif;
	margin: 0;
	margin-left: 10px;
	letter-spacing:1;
	margin-bottom: -3px;
	padding: 0;
	color: #cc0000;
}


h3 {
	margin: 0;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dotted #2f59a7;
	color: #2f59a7;
	margin-bottom: -10px;
}


h4 {
	margin: 0;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #cc0000;
	margin-bottom: 0;
	padding-left: 3px;
}

h4.stamp {
background: url(../graphics/bpstamp.png) no-repeat;
background-position: top left;	
	font: bold 1.1em/28px Helvetica, "Arial", Verdana, sans-serif;
	letter-spacing:1.5;
	color: #683434;
	margin-bottom: -10px;
	margin-left: 50px;
	text-indent: -5000px;
}

a:link {
color: #003399;
}

p {
line-height: 1.5;
}


.pdf {
background: url(../graphics/pdf.gif) no-repeat right;
padding-right: 1.5em;
}

.doc {
background: url(../graphics/doc.gif) no-repeat right;
padding-right: 1.5em;
}

.xls {
background: url(../graphics/xls.gif) no-repeat right;
padding-right: 1.5em;
}

.ppt {
background: url(../graphics/ppt.gif) no-repeat right;
padding-right: 1.5em;
}


.popup {
background: none;
font-size: 75%;
}



.popup p {
font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}


body.home #content {
margin: 0;
padding: 0;
width: 100%;

position:relative;
height: 1%;
}

body.start #content, body.overview #content, body.bp #content, body.focus #content, body.networking #content {
margin:0;
padding-top: 15px;
padding-bottom: 15px;
width: 70%;
float:left;

position:relative;
text-align: left;
}


#related {
float: left;
clear:both;
width: 25%;
margin-right:0;
margin-top: 150px;
border: 1px #c8c6c6 solid;
background-color: #ecdcdc;
text-align: left;
}


#related ul li  {
list-style-image: url(../graphics/finger.png);
margin-left: 0;
}



#content ul li, ol li {
padding-bottom: 8px;
}

#content ul {
list-style-image: url(../graphics/red-bullet.gif); 
}

#content ul.techniques {
list-style-position: inside; 
list-style-image: none;
border-bottom: 1px dotted #8b8c8e;
margin-left: 50px;
color: #66CCFF;
}




/* -- Home page boxes area -- */
#info_box {
width: 240px;
height: 120px;
float:left;
background: url(../graphics/CornerShadow.jpg) no-repeat;
background-position: right bottom;
margin:0;
padding:0;
position:relative;
}

#info_box div {
margin:0;
padding: 0 2px 2px 0;
text-align: left;
float:left;
height:1%;
position: relative;
}

#info_box .boxcontent {
position:relative;
width:225px;
display: block;
bottom:5px;
position: relative;
padding:0;
height:1%;
margin:0;
}

#info_box .boxcontent p {
padding: 0 5px 0;
margin-top: -10px;
margin-left: 4px;
}

#info_box h2  {
background: url(../graphics/secondary_bg.gif) repeat-x bottom;
z-index:1;
margin:0;
padding-bottom:0;
text-align:center;
font-size: 1.5em; 
line-height: 3em; 
letter-spacing: -1px; 
font-weight: normal; 
color:#9c0000; 
}



#blue_box1, #blue_box2 {
width: 464px;
border: #becede 1px solid;
background-color: #c5d9ed;
padding: 0;
height: 78px;
margin-top: 20px;
margin-right: 4px;
margin-bottom: 20px;
position: relative;
}

#blue_box1 {
float: left;
}

#blue_box2 {
float: right;
}

#blue_box1 img, #blue_box2 img {
width: 218px;
height: 70px;
background: #fff;
padding: 4px;
margin-right: 4px;
margin-top:0;
float: left;
position: relative; 
}

#blue_box1 p, #blue_box2 p {
margin:0;
text-align: left;
color: #2c445f;
padding: 0;
position:relative;
}

#blue_box1 h3, #blue_box2 h3 {
margin:0;
text-align: left;
color: #2c445f;
font-size:112%; 
border-bottom: none;
font-weight: bold;
padding-top: 6px;
}


/* -- Footer -- */
#footer {
width: 948px;
margin: 0 auto 0;
background-color: #fff;

text-align: left;
padding: 5px;
line-height:32px;
color: #fff;
position:relative;
font-size:97%;
}


#footer a:active, #footer a {
display:none; 
}

#footer a:hover {
text-decoration: underline;
color: #ecf2f7;
border-bottom: none;
}

#footer a:visited {
color: #ecf2f7;
}

/* -- Footer -- */
body.start #footer, body.overview #footer, body.bp #footer, body.focus #footer, body.networking #footer {
width: 948px;
bottom:0;
margin:0 auto 0;
background-color: #049bff;
height:32px;
text-align: left;
padding: 5px;
line-height:32px;
color: #000;
position:relative;
}

/* -- Banner Slideshow -- */






/* -- Table styles -- */

#fsitable, #smalltable3, #smalltable {
	width: 100%;
	padding-bottom:25x;
	margin: 0;
}

#fsitable tbody, #smalltable3 tbody, #smalltable tbody {
	padding-bottom:25x;
}

caption {
font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	letter-spacing:1;
	margin-bottom: 8px;
	padding: 0;
	color: #2f59a7;
	text-align:left;
}

#smalltable th {
	border-right: 2px solid #afd5fa;
	border-bottom: 1px solid #afd5fa;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #2f59a7;
	border: 1px solid #afd5fa;
	border-bottom: 2px solid #afd5fa;
	border-top: 1px solid #afd5fa;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #d9e8f6;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #afd5fa;
	background: none;
}

td {
	border-right: 1px solid #afd5fa;
	border-bottom: 1px solid #afd5fa;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #335373;
}


td.alt {
	background: #f5f7f9;
	color: #335373;
}


td.step {
	background: #ebf3f9;
	color: #5598da;
	font-weight: bold;
	border-left: 1px solid #afd5fa;
}



/* --For Open Site with different shade of blue -- */
body.open #primary-content-wrapper {
	background: none;
	background-position:top;
	position:relative;
	height:100%; /* --footer drops down -- */
}


body.open #primary-content-wrapper2 {
	background: none;
	background-position:top;
	position:relative;
	height: 100%%; /* --footer drops down -- */
	margin:0;
	padding:0;
}

/* -- Bottom content wraper -- */
#secondary-content-wrapper {
	background: none;
	background-position:top;
	height:106px;
	margin: 0;
	padding:0;
}


/* -- Banner for open site -- */
body.open #banner {
display:none;
}

/* -- Top navigation for open site -- */
body.open #top_navigation 
{
display:none;
}


/* -- Open site secondary page left box -- */
body.open #content_left {
width: 70%;
float:left;
margin:0;
padding:0;
padding-bottom: 10px;
padding-right: 5px;
position:relative;
text-align:left;
border-right: 1px dotted #ccc;
}



/* -- Open site secondary page right box -- */
body.open #info_box_right {
width: 25%;
float:right;
background: none;
background-position: right bottom;
margin:0;
padding:0;
position:relative;
clear:right;
}

body.open #info_box_right div {
margin-left:10px;
padding: 0 2px 2px 0;
text-align: left;
float:left;
height:1%;
position: relative;
}

body.open #info_box_right .boxcontent {
position:relative;
width:inherit;
display: block;
bottom:5px;
position: relative;
padding:0;
height:1%;
margin:0;
}

body.open #info_box_right .boxcontent p {
padding: 0 5px 0;
margin-top: 0;
margin-left: 4px;
font-size: 95%;
color: #2f59a7;
}

body.open #info_box_right h2  {
background: url(../graphics/secondary_bg.gif) repeat-x bottom;
z-index:1;
margin:0;
padding-bottom:0;
text-align:center;
padding-left: 25px;
font-size: 1.5em; 
line-height: 3em; 
letter-spacing: -1px; 
font-weight: normal; 
color:#9c0000; 
}


body.open #info_box_right h2.business  {
background: url(../graphics/box1_image.png) no-repeat left -2px;
}

body.open #info_box_right h2.practices  {
background: url(../graphics/box2_image.png) no-repeat left -2px;
}

body.open #info_box_right h2.collaboration  {
background: url(../graphics/box3_image.png) no-repeat left -2px;
}

body.open #info_box_right h2.connection  {
background: url(../graphics/box4_image.png) no-repeat left -2px;
}


#content_left img {
background: #fff;
padding: 4px;
margin-right:7px;
margin-bottom:7px;
margin-top:0;
float: left;
position: relative; 
}