/*******PAGE CENTERING AND WRAPPER*******/
body { margin: 0 auto; background-color: #fff; background-image:url(/images/bg_stripePurple.gif); background-repeat:repeat;
 }


/********* GENERAL BODY ELEMENTS *********/
body, p, div, li, a, td { font: 11px/15px  Verdana, Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif;   
color: #E2EAF2; }	
p { margin: 0 0 16px 0; }
p#footnote { font-size: 10px; }
#footnote a { font-size: 10px; }
h1, h1 a { margin: 0 0 10px 0; font-size: 14px; color: #EAE5AA; }
h1.pageHeading { margin: 0 0 10px 0; padding: 0; text-align: center; } 
h1.sectionMenuHeading { margin: 0; padding: 0; }
h2, h2 a { margin: 0 0 2px 0; font-size: 14px; color: #EAE5AA; font-weight: bold; }
h3, h3 a { margin: 0 0 10px 0; font-size: 12px; color: #EAE5AA;font-weight: bold;}
h4, h4 a { margin: 0 0 2px 0; font-size: 12px; color: #EAE5AA; font-weight: bold;}
h5, h5 a { margin: 0 0 10px 0; font-size: 11px; color: #EAE5AA; font-weight: bold;}
h6, h6 a { margin: 0 0 2px 0; font-size: 11px; color: #EAE5AA; font-weight: bold;}
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
#horizontal_rule { width: 300px; margin: 20px auto; border-top: 1px solid #CAF2FF; }

.block { display:block; }
.marginAuto  {margin: 0 auto; }
.center { text-align: center; }
.marginBottom0 { margin-bottom: 0; }
.marginBottom2px { margin-bottom: 2px; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom14px { margin-bottom: 14px; }
.marginBottom18px { margin-bottom: 18px; }
.marginBottom20px { margin-bottom: 20px; }
.marginBottom24px { margin-bottom: 24px; }
.marginTop6px { margin-top: 6px; }
.marginTop14px { margin-top: 14px; }
.marginTop12px { margin-top: 12px; }
.marginTop10px { margin-top: 12px; }
.indent20 { margin-left: 20px; }
.indent30 {margin-left: 30px; }
.indent60 { margin-left: 60px; }
.noBorder { border: 0; }
.orangeHeadline { font-weight: bold; color: #EAE5AA; }
.boldOrange { font-weight: bold; color: #EAE5AA; }
.fontSize10px { font-size: 10px; }
.bold { font-weight: bold; }
.right { text-align: right; }
.videoContainer { margin: 25px auto; width: 360px; text-align: center; }


/*******Top Area*******/
#logoBar { margin: 0; padding: 0; width: 100%; height: 80px; background: #2e2e2e; }
#logoContainer { margin: 0 auto; padding: 0; width: 770px; height: 80px; }
#logoContainer .rightCol { padding: 12px 12px 24px 0; width: 300px; text-align: right; vertical-align: bottom; }

#top_area { margin: 20px auto 0 auto; width: 752px; background-color: #fff; border-width: 8px 8px 3px 8px; border-style: solid; border-color: #fff; }
#top_area_left { float: left; background-color: #fff; text-align: left; padding-left: 8px; }

#top_area_right {text-align: right; padding-right: 8px; color: #e9e9e9; vertical-align: bottom;}
#top_area_right a { color: #e9e9e9; }

/*******Masthead-Homepage*******/
#masthead_home { display: block; margin: 20px auto 0 auto; border-width: 8px 8px 0 8px; border-style: solid; border-color: #fff; }

/*******Main Navigation*******/
#main_nav { margin: 0 auto; clear: both; width: 752px; height: 20px; background-color: #B1D3EE; border-width: 0 8px; border-style: solid;
border-color: #fff; }
#main_nav_1 { display: block; float: left; width: 182px; border-left: 8px solid #B1D3EE; border-right: 1px solid #588DBA;
background-color: #E8FBFF; line-height: 20px; }
#main_nav_2, #main_nav_3 { display: block; float: left; width: 183px; border-left: 1px solid #588DBA; border-right: 1px solid #588DBA;
background-color: #E8FBFF; line-height: 20px; }
#main_nav_4 { display: block; float: left; width: 182px; border-right: 8px solid #B1D3EE; border-left: 1px solid #588DBA;
background-color: #E8FBFF; line-height: 20px; margin-right: -3px; }
#main_nav a { font-size: 12px;  color: #394F6F; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; z-index: 100; }
#main_nav a:hover { background-color: #C6D7FF; }
.menu { position: absolute; margin: 0; padding: 0; border-width: 2px 0 5px 0; border-style: solid; border-color: #8AB2CC;
visibility: hidden; z-index: 101; }
.menu a { margin: 0; display: block; color: #21384E; padding: 6px 4px 6px 16px; background-color: #F5F9FC;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; border: 1px solid #727272; border-top: 0; }
.menu a:link, .menu a:visited { text-decoration: none; }
.menu a:hover { background-color: #D8E4EF; text-decoration: none; background-image:url(/images/bullet_arrow_small_grey.gif);
background-repeat: no-repeat; }
#menu1 { margin-left: 10px; width: 182px; }
#menu2, #menu3 { margin-left: 3px; width: 183px; }
#menu4 { margin-left: 3px; width: 182px; }
	
/*******Content Container*******/
#main_content_wrapper { width: 770px; margin: 0 auto;  }
#main_content { margin: 0 1px; padding: 12px; width: 728px; border-width: 0 8px; border-style: solid; 
border-color: #fff; background-color: #2E577B; }
#mainContentTable { width: 728px; background-color: #2E577B; }
#homepageMainLeft { padding: 0 12px 0 0; width: 503px; vertical-align: top; text-align: left; }
#homepageMainRight { padding: 0; width: 213px; vertical-align: top; 
background-image: url(../images/homepage/whats_new_box_tile.gif); background-repeat:repeat-y;}
#homepageRightBottom { height: 11px; background-image:url(../images/homepage/whats_new_box_bottom.gif); background-position: top left;
background-repeat: no-repeat; vertical-align: bottom; }
#whatsNewContent { padding: 12px 10px 8px 12px; text-align: left; }
.homepageHighlight { margin: 0; padding: 0; background-image:url(../images/homepage/highlight_box_tile.gif); 
background-repeat: repeat-y;  }
.homepageHeading { margin: 0; padding: 0; }
.homepageHighlightBottom { display: block; height: 9px; border-bottom: 12px solid #2E577B;  }
#homepageHighlightBottomLast { border-bottom: 0;  }
.homepageHighlightTable { width: 503px; } 
.homepageHighlightLeft { padding: 14px 14px 5px 16px; width: 228px; vertical-align: top; text-align: center; }
#technologyServicesHighlight { padding: 0 0 0 2px; width: 178px; }
.homepageHighlightRight { padding: 14px 12px 5px 2px; width: 231px; vertical-align: top; text-align: left; }


#leftColumn { padding: 0 12px 0 0; width: 213px; vertical-align: top; text-align: left; 
background-image:url(/images/homepage/whats_new_box_tile.gif); background-position: left; background-repeat: repeat-y;  }
#leftColumnBottom { padding: 0 12px 0 0; width: 213px; height: 9px; background-image:url(../images/homepage/whats_new_box_bottom.gif); 
background-position: top left; background-repeat: no-repeat; }
#mainContentColumn { padding: 0; width: 503px; vertical-align: top; text-align: left; background-image: url(../images/homepage/highlight_box_tile.gif);
background-repeat: repeat-y;  }
#mainContentColumnBottom { padding: 0;  width: 503px; background-image: url(../images/homepage/highlight_box_bottom.gif); 
background-position: top left; background-repeat: no-repeat; }
#mainContentArea { padding: 10px 10px 12px 12px; text-align: left; }


.contentTwoColumnTable { width: 481px; }
.contentTwoColumnLeft { padding: 0 20px 0 0; width: 307px; vertical-align: top; text-align: left; }
.contentTwoColumnRight { padding: 30px 4px 0 0; width: 150px; vertical-align: top; text-align: left; }

.rightColPortfolioImg { display: block; border: 0; margin: 0 auto 4px auto; }


ul { margin: 0 0 12px 0; padding: 0 0 0 30px; text-align:left; }
li {  list-style-image: url(/images/bullet_arrow_small.gif); list-style-type: none; padding-bottom: 6px; line-height: 12px; }
ul.orangeBullet li { list-style-image: url(/images/general_template/bullet_arrow_orange.gif); }
#main_content ul.whatsNewIndentedList { margin: 10px 0 -8px 0; padding: 0 0 0 20px; }
#main_content ul#whatsNewList ul.whatsNewIndentedList li { list-style-image: url(/images/bullet_arrow_small.gif);  padding-bottom: 10px;}
ul.extraSpacing li { padding-bottom: 12px; }
ul.noLeftSpacing { padding-left: 16px; }
#main_content ul#whatsNewList { padding: 0 0 0 16px; }
#main_content ul#whatsNewList li { padding-bottom: 14px; line-height: 14px; }
div#client_list { margin-top: 16px; }
#main_content #client_list li { font-size: 12px; padding-bottom: 16px; line-height: 15px;}
#main_content #client_list li a { font-size: 12px; font-weight: bold; line-height: 15px;}

.showcaseTable { margin: 0 auto; width: 480px; }
.showcaseLeft { padding: 0 8px 0 4px; width: 228px; text-align: left; vertical-align: top; }
.showcaseRight { padding: 0 4px 0 8px; width: 228px; text-align: left; vertical-align: top; }
.showcaseTitle { margin: 10px 0 40px 0; text-align: center; }

/*******Left Content Column*********/

#left_internal { width: 180px; border-width: 8px 4px 8px 8px; border-style: solid; border-color: #27517b;
background-color: #406893; padding-bottom: 20px; }

/*******SIDE NAV*********/
#sectionMenu { margin: 8px 0 24px 0; }
#sectionMenu a { display: block; margin: 0 12px; padding: 4px 6px; width: 174px; color: #EAE5AA; font-weight: bold; }
#sectionMenu a:link, #sectionMenu a:visited {  text-decoration: none; border: 1px solid #426789; }
#sectionMenu a:hover { text-decoration: none; border: 1px solid #6F91AD; background-color: #517597; color: #F7F3C8;  }

.sidebarSubheading { display: block; margin-top: 14px; }
#sidebar { padding: 12px 12px 8px 18px; }
#main_content #sidebar a, #main_content #sidebar p { color: #EAE5AA; }

	
/********* MIDDLE CONTENT COLUMN *********/
#middle { float: left; width: 271px; border-width: 8px 4px; border-style: solid; border-color: #2568A2; background-color: #3E7AAD;
padding-bottom: 20px; }

/********* RIGHT COLUMN *********/ 
#right { float: left; width: 178px; border-width: 8px 8px 8px 4px; border-style: solid; border-color: #2568A2; background-color: #3E7AAD;
margin-right: -30px; padding-bottom: 20px; }
#right_internal { width: 548px; border-width: 8px 8px 8px 2px; border-style: solid; border-color: #27517b;
background-color: #406893; margin-right: -30px; padding-bottom: 20px; }

/******** FOOTER *********/
#footer { width: 752px; border-width: 0 8px; border-style: solid; border-color: #fff; margin: 0 auto; background-color: #fff; }
#footer p { font-size: 10px; text-align: center; padding: 15px 0; margin: 0; }
#footer p, #footer a { color: #34445C; }
#bottom_border { width: 770px; border-top: 1px solid #808488; margin: 0 auto; }
#footer a:link  { font-size: 10px; color: #fff;  font-weight: bold; text-decoration: none; 
font-family:  Verdana, Arial, Helvetica, sans-serif; }
	
#footer a:visited  { font-size: 10px; color: #fff; text-decoration: none; font-weight: bold; 
font-family:  Verdana, Arial, Helvetica, sans-serif; }

#footer a:hover { color: #fff;	text-decoration: underline; font-weight: bold; font-size: 10px; 
font-family:  Verdana, Arial, Helvetica, sans-serif; }

/********* TABLE ELEMENTS *********/
table { color: #f3ffff; font-size: 12px;}
th { color: #27517b; }

/* --Default Class Settings-- */	
.button { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 11px; color: #0262AC;
background-color: #F2F6F8; border: 1px solid  #3A4D60; } 
.inputbox { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
color: #514966; background: #FFFFFF; border: 1px solid; }
	
/** category text format and links **/

.small { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: orange; text-decoration: none; 
font-weight: normal; }


#narrowColumn { padding: 0 0 0 30px; width: 451px;}