@import url(contentList.css);

/*  --  Style sheet for Synectic Solutions website templates --
--------------- C3 Advertising, Inc. ----------------
--------------- www.c3advertising.com ------------*/

/*-----------Styling for default links ------------*/

a {
   text-decoration: none;
   color: #3701b7;
}
a:visited {
	text-decoration: none;
	color: #4c3a75;
}
a:hover, a:active  {
	text-decoration: underline;
	color: #fe6809;
}
a img {
	border: 0;
}
/*a ins  {
   text-decoration: none;
}*/
img {
z-index:10000;
}

#synecticmainofficetext p,
#copyrighttext p  {
   font: 10px/14px Verdana;
   margin: 0px;
   text-align: center;
   color: #6D6E70;
}

#quotevertrulecopy3,
#quotevertrule  {
   visibility: visible;
   position: absolute;
   top: 177px;
   z-index: 5;
   width: 1px;
   height: 138px;
   background-repeat: no-repeat;
}

#synecticsolutionscanpowerptext p  {
   font: bold 10px/12px Verdana;
   margin: 0px;
   text-align: center;
}

#howwesupportourcommunitiestext p  {
   font: 10px/14px Verdana;
   margin: 0px;
   text-align: left;
   color: #666666;
}

#agilesolutionsforachangingtext p  {
   font: italic 27px/23px "Trebuchet Bold";
   margin: 0px;
   color: #FFC839;
   text-align: left;
}

#corporatecitizenshiptextbutton a  {
   color: #000066;
}

#synecticsolutionscanpowerptext  {
	visibility: visible;
	position: absolute;
	left: 888px;
	top: 374px;
	z-index: 6;
	width: 101px;
}

#corporatecitizenshiptextbutton  {
   font: 10px/12px Wingdings;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 173px;
   top: 280px;
   z-index: 7;
   width: 121px;
   height: 10px;
}

#howwesupportourtroopssyntext p  {
   font: 10px/7px Verdana;
   margin: 0px;
   text-align: left;
   color: #6D6E70;
}

/*#wereproudtohelpthosethattext p  {
   font: bold 18px/12px Frutiger;
   margin: 0px;
   color: #6D6E70;
   text-align: left;
}*/
h1 {
	font-size: 0.8em;
	font-weight:bold;
	line-height: 1.2em;
	color:#cd3529;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 175px;
}
p, ul, ol  {
   font: .7em Verdana;
   line-height: 1.4em;
   margin: 0px;
   text-align: left;
   color:#333333;
   padding-bottom: 6px;
   padding-right: 10px;
}
li{
line-height:1.4em;
}

/*---- This corrects an IE problem with displaying the bullets in a list item for certain divs----*/
#textcolumncenter ul li, #widetext ul li, #textcolumncenternomenu ul li, #textcolumnright ul li{
*padding-left:20px;
*background:url(bullet.gif) no-repeat 10px 7px;
*list-style-type:none;
}


ul ul {
font: 1em Verdana;
}
h2 {
	font-family: "Frutiger 45 Light", Verdana;
	color: #6d6370;
	text-align: left;
	font-size: 1.1em;
	margin-left: 175px;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 30px;
	width: 550px;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .75em;
	color: #333333;
	margin: 0 0 8px 0;
}
/*ul {
	font: .7em Verdana;
   line-height: 1.4em;
   margin: 0px;
   text-align: left;
   color:#333333;
   padding-bottom: 6px
 }*/
/*-------------- text columns ---------------*/
#textcolumncenter  {
	visibility: visible;
	position: relative;
	float:left;
	margin-left: 175px;
	_margin-left:60px;
	margin-top: 0px;
	z-index: 8;
	width: 258px;
	
}
#textcolumncenternomenu  {
	visibility: visible;
	position: relative;
	float:left;
	margin-left: 35px;
	margin-top: 0px;
	z-index: 8;
	width: 398px;
}
.headernomenu{
margin-left:35px;

}
#textcolumncenter p, #textolumnright p, #textcolumncenter.layout2 p, #textcolumnright.layout2 p {
	padding-right: 10px;
}
#textcolumnright  {
   visibility: visible;
   position: relative;
   float:left;
   margin-left: 10px;
   margin-top:155px;
   _margin-top:200px;
   z-index: 6;
   width: 258px;
}
#textcolumncenter.layout2 {
	visibility: visible;
	z-index: 8;
	width: 320px;
/*	margin-top:*/
}
#textcolumnright.layout2  {
	visibility: visible;
	margin-top:0px;
	z-index: 6;
/*	width: 320px;*/
	width: 380px;
}
#textcolumnright.layout4  {
	visibility: visible;
	margin-top:0px;
	z-index: 6;
	width: 320px;
/*	width: 380px;*/
}

/* -- div used in the TwoLargeColums Template -- */

#textcolumnrightlayout4  {
	visibility: visible;
	position: relative;
	float:left;
	margin-left: 10px;
	margin-top:0px;
	z-index: 6;
	width: 320px;
	_position:absolute;
	_left:520px;
	_margin-top:2px;
}
#textcolumnright.nonews {
	visibility: visible;
	margin-top: 165px;
	z-index: 6;
	width: 320px;
}
#textcolumnright.homepage {
	visibility: visible;
   position: relative;
   float:left;
   margin-left: 10px;
   margin-top: 215px;
   z-index: 6;
   width: 280px;
}
#headline.layout2 {
	width: 478px;
}
#widetext {
	visibility: visible;
	position: relative;
	float:left;
	margin-left: 195px;
	_margin-left:65px;
	margin-top: 0px;
	z-index: 8;
	width: 650px;
}
#widetext p, #widetext ul, #widetext li {
	padding-right: 60px;
	_padding-right:0px;
}

#accordion p, #accordion ul, #accordion li {
	padding-right: 30px;
	_padding-right:0px;
}
#widetext.iframe{
width:510px;
margin-left:170px;
_margin-left:100px;
!top:-250px;
!margin-bottom:-210px;
}

#widetextnomenu {
	visibility: visible;
	position: relative;
	margin-left: 35px;
	z-index: 8;
	width: 740px;
}
#empNews {
	visibility: visible;
	position: relative;
	margin-left: 199px;
	padding-top: 0px;
	z-index: 8;
	width: 200px;
}
#empNews.widenomenu {
margin-left:30px;
width:369px;
}
#empNews.wideset {
	width:700px;
	padding-top:0px;
}
#empNews img {
	padding-left: 5px;
}
#empFrame {
	visibility: visible;
	position: absolute;
	background-color: #C9CEFC;
	left: 210px;
	top: 0px;
	z-index: 8;
	width: 487px;
	height: 772px;
}
#empFrame.nomenu {
left:380px;
height:600px;
}
.imgfloatLeft {
	float: left;
	margin: 2px 4px 4px 4px;
	padding: 4px;
}
.imgfloatRight {
	float: right;
	margin: 4px;
	padding: 4px;
}
/*--------------- end text columns-------------*/
#agilesolutionsforachangingtext  {
   visibility: visible;
   position: absolute;
   left: 355px;
   top: 48px;
   z-index: 4;
   width: 559px;
}

#headline  {
	visibility: visible;
	position: absolute;
	left: 175px;
	top: 30px;
	z-index: 5;
	width: 479px;
	height: 64px;
}
#headlinenomenu  {
    visibility: visible;
	position: absolute;
	left: 35px;
	top: 30px;
	z-index: 5;
	width: 479px;
	height: 64px;
}

#headlineLayout4 {
	visibility: visible;
	position: absolute;
	left: 195px;
	top: 35px;
	z-index: 5;
	width: 479px;
	height: 64px;
}

#headlineLayout4.wide {
	left: 60px;
}

#missionandvisiontextbutton  {
   font: 12px/14px Verdana;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 173px;
   top: 169px;
   z-index: 7;
   width: 125px;
   height: 10px;
}

#id70contactbutton a:hover  {
   background-position: -60px 0%;
   font-style: italic;
   z-index: 7;
}

#managementteamtextbutton  {
   font: 12px/14px Verdana;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 172px;
   top: 236px;
   z-index: 8;
   width: 125px;
   height: 10px;
}

#ourcompanybutton a:hover  {
   background-position: -99px 0%;
}
/*-------------Pull quote styling---------------------------*/
#pullquote  {
	visibility: visible;
	position: absolute;
	left: 433px;
	top: 107px;
	z-index: 5;
	width: 122px;
	margin: 0 4px;
	border-left: #e0c100 medium solid;
	border-right: #e0c100 medium solid;
}
#pullquote2 {
   visibility: visible;
   position: relative;
   float: right;
   z-index: 5;
   width: 160px;
   margin: 10px;
	border-left: #e0c100 medium solid;
	border-right: #e0c100 medium solid;
}
#pullquote3 {
	visibility: visible;
	position: absolute;
	z-index: 5;
	width: 140px;
	margin: 10px;
	border-left: #e0c100 medium solid;
	border-right: #e0c100 medium solid;
	left: -194px;
	top: 140px;
	_top: 190px;
}

#pullquote3.iframe{
!position:relative;
!float:right;
top:32px;
!top:-70px;
left:700px;
!left:0px;
width:150px;
}
#pullquote3.iframe img{
display: block;
margin:0 auto;
}
#pullquote3.layout3{
top:200px;
}
#pullquote3.employees{
	top:180px;
}
#pullquote3.wide {
top:15px;
}
#pullquote4 {
	visibility: visible;
	position: absolute;
	z-index: 5;
	width: 120px;
	margin: 10px;
	border-left: #e0c100 medium solid;
	border-right: #e0c100 medium solid;
	left: 10px;
	top: 280px;
}
#pullquote.layout4 {
	top: 130px;
	left: 10px;
}
#pullquote p, #pullquote2 p, #pullquote3 p, #pullquote4 p {
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 6px 10px 6px;
}
#pullquote p:first-letter, #pullquote2 p:first-letter, #pullquote3 p:first-letter, #pullquote4 p:first-letter, #pullquote3 a:first-letter {
	font-size: 200%;
	line-height:0.75em;
	font-weight: bold;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#pullquote img, #pullquote2 img, #pullquote3 img, #pullquote4 img {
	margin: 0 5px;
}
.attrib {
	font-style: italic;
	padding-left: 10px;
}

/*--------------End pull quote styling ----------------------*/
#id70contactbutton a ins  {
   text-decoration: none;
   position: relative;
   left: 6px;
   top: 3px;
   width: 48px;
   height: 8px;
}
#backgroundartforheader  {
	background: url(../images/backgroundartforheader.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 1144px;
	height: 1203px;
}
#synecticmainofficetext  {
   visibility: visible;
   position: relative;
   left:0px;
   margin-top:70px;
   z-index: 6;
   width: 897px;
}

#footertopmenutext li a  {
   font-style: Normal;
   text-decoration: none;
   color: #6D6E70;
   height: 100%;
   display: block;
   
}

#corevaluestextbutton  {
   font: 10px/12px Wingdings;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 174px;
   top: 212px;
   z-index: 8;
   width: 75px;
   height: 8px;
}


#footertopmenutext li  {
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#alignmenttextbutton  {
   font: 12px/14px Verdana;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 174px;
   top: 190px;
   z-index: 8;
   width: 64px;
   height: 10px;
}

#id70contactbutton a  {
   background: url(../images/id70contactbutton.gif) no-repeat 0% 0px;
   font-style: Normal;
   display: block;
   width: 60px;
   height: 14px;
   text-decoration: none;
   color: #FFFFFF;
}

#customerstextbutton  {
   font: 12px/14px Verdana;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 173px;
   top: 258px;
   z-index: 8;
   width: 67px;
   height: 8px;
}

#ourcompanybutton a  {
   width: 99px;
   background-image: url(../images/ourcompanybutton.gif);
}

#quotevertrulecopy3  {
   background-image: url(../images/quotevertrulecopy3.gif);
   left: 572px;
}

#breakingnewstext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   text-align: left;
}

#id70contactbutton  {
   font: 10px/10px Verdana;
   visibility: visible;
   position: absolute;
   left: 767px;
   top: 749px;
   z-index: 5;
   width: 60px;
   height: 14px;
}

#contractsbutton a  {
   background-image: url(../images/contractsbutton.gif);
}

#footertopmenutext  {
   font: 10px/14px Verdana;
   height: 14px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #6D6E70;
   position: relative;
   /*position:absolute;
   left: 130px;
   top: 1065px;*/
   z-index: 7;
   width: 897px;
}

#breakingnewstext  {
	visibility: visible;
	position: absolute;
	left: 889px;
	top: 357px;
	z-index: 7;
	width: 101px;
}

#servicesbutton a  {
   background-image: url(../images/servicesbutton.gif);
}

#contactsbutton a  {
   background-image: url(../images/contactsbutton.gif);
}

#ourcompanybutton  {
   visibility: visible;
   position: absolute;
   left: 302px;
   top: 107px;
   z-index: 6;
   width: 99px;
   height: 22px;
}

#contractsbutton  {
   left: 567px;
}

#contactsbutton  {
   left: 697px;
}

#pagebackground  {
  background-color: #FFFFFF;
   visibility: visible;
   position: absolute;
   left: 130px;
   top: 108px;
   z-index: 4;
   width: 898px;
}

#servicesbutton  {
   left: 437px;
}

#headergraphics  {
   background: url(../images/headergraphics.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 1px;
   z-index: 3;
   width: 1144px;
   height: 216px;
}

#copyrighttext  {
   visibility: visible;
   position: absolute;
   left: 369px;
   top: 1125px;
   z-index: 5;
   width: 207px;
}

#quotevertrule  {
   background-image: url(../images/quotevertrule.gif);
   left: 693px;
}

#pid1services  {
   margin: 0px auto 0px auto;
   width: 1144px;
   position: relative;
}

#homebutton a  {
   background-image: url(../images/homebutton.gif);
}

#slideShow  {
   background: url(../images/himelanesec.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 716px;
   top: 221px;
   z-index: 6;
   width: 110px;
   height: 44px;
}

#id53goldbar  {
   background: url(../images/id53goldbar.gif) no-repeat;
   visibility: visible;
   position: relative;
   z-index: 5;
   width: 100%;
   height: 15px;
}

#id80goldbar  {
   background: url(../images/id80goldbar.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 879px;
   top: 357px;
   z-index: 6;
   width: 122px;
   height: 19px;
}

#clientlogos  {
   background: url(../images/clientlogos.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 890px;
   top: 459px;
   z-index: 6;
   width: 102px;
   height: 124px;
}
/* ---------------- Styling for quick links menu ----------------------------*/
#id93bgtone  {
	background: url(../images/id93bgtone.gif) no-repeat;
	/*	background-image: url(images/graybar.gif) no-repeat top;*/
	background-color: #ebeaea;
	visibility: visible;
	position: absolute;
	_position:relative;
	_float:left;
	left: 29px;
	top: 39px;
	_top:-70px;
	z-index: 6;
	width: 122px;
	/*height: 189px;*/
}
#id93bgtone.iframe {
!float:left;
!position:relative;
!top:-70px;
}
.quicklinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding: 0;
}
.quicklinks a:link, .quicklinks a:visited {
	color: #000066;	
	text-decoration: none;
}
.quicklinks a:hover, .quicklinks a:active {
	font-style: italic;
}
.quicklinks li {
	list-style-type: none;
	/*display: block;*/
	border-bottom: #dfc000 solid thin;
}
.topquicklink {
	padding: 24px 2px 6px 2px;
}
.quicklink {
	padding: 6px 2px;
}
/* ----------------------- end styling for quick links menu -------------------- */
#ourcompbar  {
   background: url(../images/ourcompbar.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 164px;
   top: 147px;
   z-index: 5;
   width: 122px;
   height: 19px;
}
/*----------------- Styling for Breaking News Box----------------*/
#breakingNews {
	visibility: visible;
	position: absolute;
	left: 735px;
	top: 266px;
	z-index: 5;
	width: 122px;
/*	height: 300px;*/
	background-color: #f2f2f2;
}
#breakingNews h4 {
	background-color: #dfc000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0;
	text-align: center;
	font-size: 11px;
	display: block;s
	padding: 4px;
}
#breakingNews h5 {
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #000000;
}
#breakingNews p {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-align: left;
	margin: 0;
	padding: 0 4px;
	color: #000000;
}
#breakingNews.homepage {
	margin-top: 62px;
}
/*------------------end Breaking News Box------------------------*/
#homebutton  {
   left: 179px;
}

#buttonbar  {
	background: #ccd3e5;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: -2px;
	z-index: 10;
	width: 898px;
	height: 19px;
}

#blurbar  {
   background: url(../images/blurbar.gif) no-repeat;
   visibility: visible;
   position: relative;
   z-index: 6;
   width: 100%;
   height: 22px;
}

#ssilogo  {
	background: url(../images/ssilogo.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 89px;
	top: 26px;
	z-index: 4;
	width: 255px;
	height: 88px;
}

#whitebg  {
   background: url(../images/whitebg.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 1144px;
   height: 1242px;
}

#bridge  {
   background: url(../images/bridge.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 704px;
   top: 200px;
   z-index: 5;
   width: 299px;
   height: 138px;
}
#picture  {
	visibility: visible;
	position: absolute;
	left: 574px;
	top: 107px;
	z-index: 5;
	width: 299px;
	height: 138px;
}
/*------------Photos with captions - left and right versions -------------*/
.captionedPhotoRight {
	float: right;
	margin: 0 0 6px 10px;
	padding: 0 0 0 6px;
	line-height: 1em;
	width: 300px;
}
.captionedPhotoLeft {
	float: left;
	margin: 0 10px 6px 0;
	padding: 0 6px 0 0;
	line-height: 1em;
	width: 300px;
}
.captionedPhotoRight p, .captionedPhotoLeft p {
	width: 100%;
	margin: 0;
	padding: 6px;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
.captionedPhotoRight img, .captionedPhotoLeft img {
	margin: 0;
	padding: 0;
	display: block;
}
/*---------------End styhles for photos with captions -------------*/

#rules  {
   background: url(../images/rules.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 164px;
   top: 186px;
   z-index: 7;
   width: 122px;
   height: 90px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-image: url(../images/BackgroundTile5.jpg);
   background-position: top;
   background-repeat: repeat-x;
/*   background-color: #d8d7e7;*/
}

.clear {
clear: both;
}

.floatL {
	float:left;
}

.floatLpadding{
float:left;
padding-right:10px;
}

#buttonbar .form2{
	margin-left:5px;
	text-align:left;
	font-size:90%;
	color:#000000;
	vertical-align: middle;
	background-color:#97A4FF;
}

#buttonbar form{
	position:absolute;
	top:0px;
	right:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	text-align:right;
	color:#3701b7;
	font-weight:bold;
	vertical-align: bottom;
	margin-right:2px;
	width: 133px;
	height: 21px;
}
/*-----------  Additional image formats -------------*/
.widelogo {
	padding: 10px 4px;
	float: left;
}
.padding {
	margin: 0 4px;
	float: left;
}
/*---------------- Additional text formats ---------------*/
.missionstatement {
	padding: 0 80px 10px 40px;
	font: .9em bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	color: #cd3529;
}
/*---------------- Unique page content divs ----------------*/
#coreValues {
	background-image: url(../images/Values-background-image.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	width:inherit;
}
#coreValues p {
	padding-right: 100px;
}
#coreValues p.narrow {
	padding-right: 170px;
}
#coreValues p.narrower {
	padding-right: 280px;
}
#coreValues p.narrowest {
	padding-right: 320px;
}
#coreValues p.narrowestmore {
	padding-right: 420px;
}
#engineering {
	background-image: url(../images/engineeringImg/engineeringBkg1.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#ITpage {
	background-image: url(../images/ServiceImages/ITbkg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#progMgmtPage {
	background-image: url(../images/ServiceImages/progmgmtBkg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
table#calendar h4, .defaultTable{
	font-size: 1em;
	font-weight: bold;
}
table#calendar, table#contracts, .defaultTable {
	font-size: .8em;
}
.defaultTable {
	border: #333333 thin;
	font-weight: normal;
	font: .8em Verdana;
}
td {
	vertical-align: top;
}
/*------------  Style for logo chart on  SeaPort-e Partner page -------------*/
table#partners img {
	padding: 10px 4px;
}
/*-------------- Style for ISO 9000 page ------------------------------------*/
#iso9000 {
	background-image: url(../images/ServiceImages/ISO9000Background.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#widetext p.isoPadding {
	padding-right: 320px;
}
/*---------------- Printable/non-printable Policies Page divs ---------------*/
#policiesScreen {
	display: inline;
}
#policiesPrint {
	display: none;
}
#apPoliciesGlass {
	position: absolute;
	top: -93px;
	left: -20px;
	background-image: url(../images/glasspane.gif);
	width: 670px;
	z-index: 500;
	height: 685px;
	visibility: visible;
}

/* --- Employee Portal Links Style ---- */
.employeePortal{
	font-family: "Frutiger 45 Light", Verdana;
	color: #6d6370;
	text-align: left;
	font-size: 1.1em;
	font-weight:bold;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 30px;
	margin-left:0px;
}

/* --- Center image in a pullquote --*/
#pullquote img, #pullquote2 img, #pullquote3 img, #pullquote4 img{
margin:0 5px;
}