@charset "utf-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

body {
	background-image:url(../images/interface/blueband-bkgd.gif); 
	background-repeat:repeat-x;
}
#bodyhome {
	background-image:url(../images/interface/blueband-bkgd-home.gif);
	background-repeat:repeat-x;
}
#container { 
	width: 846px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 
#header {  
	background: #ffffff; 
	padding: 0px;  
	position:relative;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	margin-left: 30px;
	width: 126px;
	height: 75px;
	background: url(../images/logos/GeoLogo.gif) no-repeat;
	cursor: pointer;
} 
#header h1 span{
	display: none;
}
h1 {
	font: bold 140% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	color: #B32317;
}
h1.center {
	text-align:center;
}
h2 {
	font: bold 125% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #B32317;
}
h3 {
	font: bold 115% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #004B8D;
}
h4 {
	font: bold 100% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #004B8D;
}
p.center, h3.center, .center {
	text-align:center;
}
a.skip {
	display:none;
}

#banner span.photobar{
	display: block;
	padding: 0px;
}
span.photobar img{
	margin-left: 0; 
}
#photobarhome {
	background-image: url(../images/interface/homepageFlash_Still.jpg);
	/*background-position: bottom;*/
	background-repeat: no-repeat;
}
/*____ mainMenu _________________________________*/

ul#mainMenu{
	position: relative;
	top:0px;
	left: 189px; /* 189px; w/out first divider image, 178px w/first divider image - Linda's edits*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width:675px;
}
#mainMenu li{
	font: bold 75% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;	
	width: 93px;
	float: left;
	text-align: center;
	background-image:url(../images/interface/mmTab1.gif); 
	background-repeat:no-repeat;
	padding-right:1px;
	padding-bottom:2px;/*3px*/
	padding-top:4px;
}
#mainMenu li.on{
	/*border-bottom: 3px solid #B32317;  red */
	background-image:url(../images/interface/mmTab2.gif); 
	background-repeat:no-repeat;
}
#mainMenu li.on a:link, #mainMenu li.on a:visited{
	color: #fff;
}
#mainMenu li.on a:hover{
	color: #4a0b06; /*dk red*/
}

#mainMenu li a:link, #mainMenu li a:visited{
	text-decoration: none;
	color: #fff; /*blue*/
	margin: 0px;
}
#mainMenu li a:hover{
	color: #003b6e; /*blue*/ /*#B32317; red
	border-bottom: 3px solid #B32317;*/
}
#mainMenu li.bullet {
	width: 10px;
}
/*____ mainMenu End _________________________________*/

/*____ metaMenu _________________________________*/
#metaMenu{
	display: block;
	width: 450px;
	position: absolute;
	top: 20px;
	right: 30px;
	padding: 0;
}
#metaMenu ul{
	margin: 0px 10px 0 0;
	padding: 0;
	font: normal 65% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	width: 240px;/*230px*/
	height:40px;
}
#metaMenu ul li{
	display: inline;
	padding: 0px 15px 15px 15px;
	background-image: url(../images/interface/submmDivider.gif); 
	background-position:right; 
	background-repeat:no-repeat;
	width:80px;
}
#metaMenu ul li a{
	color: #004b8d; /*blue*/
	text-decoration:none;
	border-bottom: 3px solid #fff;
}
#metaMenu ul li a:hover {
	text-decoration:none;
	color:#b32317; /*red*/
	border-bottom: 3px solid #B32317;
}
#metaMenu form{
	margin: 0px 0px 0px 3px;
	float: right;
}

/*------- MetaMenu for Frameit page -------------*/
#metaMenuFI {
	display: block;
	width: 600px;
	position: absolute;
	top: 20px;
	right: 30px;
	padding: 0;
}
#metaMenuFI ul{
	margin: 0px 10px 0 0;
	padding: 0;
	font: normal 65% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	width: 240px;/*230px*/
	height:40px;
}
#metaMenuFI ul li{
	display: inline;
	padding: 0px 15px 15px 15px;
	background-image: url(../images/interface/submmDivider.gif); 
	background-position:right; 
	background-repeat:no-repeat;
	width:80px;
}
#metaMenuFI ul li a{
	color: #004b8d; /*blue*/
	text-decoration:none;
	border-bottom: 3px solid #fff;
	
}
#metaMenuFI ul li a:hover {
	text-decoration:none;
	color:#b32317; /*red*/
	border-bottom: 3px solid #B32317;
}

#metaMenuFI span.frameit {
	float:right;
	margin:0px 0px 0px 3px;
	width:350px;
}
.frameitText {
	font-size:70%;
	font-weight:bold;
	color:#004b8d;
}
.frameit a {
	color: #004b8d; /*blue*/
	text-decoration:underline;
}
.frameit a:hover {
	color: #004b8d; /*blue*/
	text-decoration:none;
}
.frameitTextSmall {
	font-size:65%;
	color:#999999;
}
/*------- End MetaMenu for Frameit page -------------*/
/*____ metaMenu End  _________________________________*/

/* _______ Breadcrumbs ____________________________*/

#breadcrumbs{
	margin: 6px 0px 5px 0px;
	font: 70% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	padding: 0 0 3px 0;
	border-bottom:#bfbfbf 4px dotted;
	color: #999;
	height:20px;
}

#breadcrumbs li{
	display: inline;
	margin-right: 15px;
	margin-left: -10px;
	padding-right: 5px;
	padding-left: 20px;
	background-image: url(../images/breadcrumb-bullet.gif);
	background-repeat: no-repeat;
}

ul#breadcrumbs li.there a:link, ul#breadcrumbs li.there a:visited {
	color: #999;
	font-weight: bold;

}
ul#breadcrumbs li.there a:hover {
	color: #004b8d;
	font-weight: bold;
}
ul#breadcrumbs li.here {
	color: #999;
}

/* _______ Breadcrumbs End ____________________________*/

/*_____ sidebar1 & sidebar2  ________________________________*/

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 10px 10px 10px; /* padding keeps the content of the div away from the edges */
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}
#sidebar1 h2 {
	font: bold 120% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #B32317;
	margin-top:10px;
}
#sidebar1 h3, #sidebar2 h3 {
	font: bold 120% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #B32317;
}
#sidebar1 a:link, #sidebar1 a:visited{
	font-size:95%;
}
#sidebar1.meta2 {
	float: left; /* since this element is floated, a width must be given */
	width: 100%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 10px 10px 10px; /* padding keeps the content of the div away from the edges */
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#sidebar1.meta2 a:link , #sidebar1.meta2 a:visited , #sidebar1.meta2 a:hover  {
	color:#999999;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 10px 10px 10px; /* padding keeps the content of the div away from the edges */
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
}
#sidebar2 ul li, #sidebar1 ul li { 
	list-style-image:url(../images/bullet10.gif); 
	padding: 0 0px 6px 0;
	margin-left:-10px;
}

#sidebar1.indent {
	margin-left:37px;
}

#sidebar1 p.mission {
	margin-left:30px;
}
#sidebar1.off {
	display: none;
}	
#sidebar2.off {
	display: none;
}

/* following 2 declarations are a hack for the IE box model problem */
html>body #sidebar1 h3, html>body #sidebar2 h3{
	margin: 0px;
	padding: 0px;
	width: 240px;
}
#sidebar1 h3, #sidebar2 h3{
	padding: 0px;
	width: 240px;
	font-size: 120%;
	font-weight:bold;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #B32317;
}

#sidebar2 a:link, #sidebar2 a:visited {
	font-size:90%;
}

/*_____ sidebar1 & sidebar2  end ________________________________*/

/*_____ Main Content  ___________________________________*/

#mainContent { 
	/*margin: 0 260px; 0 275px*/ /*the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	/*float:right;*/
}
#mainContent.middle {
	margin:0 260px;
	width:275px;
}
#mainContent.extended {
	margin: 0 0 0 275px; 
	width:550px;
}
#mainContent.extendleft {
	margin:0 275px 0 0;
	width:550px;
}
#mainContent ul li {
	list-style-image:url(../images/bullet10.gif);
}
#mainContent ul li.off {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:12px;
}
#mainContent a:link, #mainContent a:visited, #sidebar2 a:link, #sidebar2 a:visited, #sidebar1 a:link, #sidebar1 a:visited {
	color:#004b8d;
	text-decoration:underline;
	font-weight:bold;
}	
#mainContent a:hover, #sidebar2 a:hover, #sidebar1 a:hover {
	color:#B32317;
	text-decoration:none;
	font-weight:bold;
}
#mainContent ul li {
	margin:3px 0 3px 0;
}
#mainContent ol li {
	list-style:decimal;
	/*margin:3px 0 3px 0;*/
}

#Projects {
	font-size:85%;
	}
.fltRtCaption {
	float:right;
	width: 210px;
	margin: 0 5px 15px 10px;
}
#indentproj {
	float:right;
	margin:0 0 0 15px;
	width:243px;
}


/*_____ Main Content end ________________________________*/

/*___ Footer ___________________________________________*/
#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	text-align: center;
	font: 70% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color:#999;
	border-top: thin groove;
	margin-top: 10px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a:link, #footer a:visited
	{
	color:#999;
	text-decoration:underline;
}
#footer a:hover {
	color:#004b8d;
	text-decoration:none;
	}

/*___ Footer end ___________________________________________*/

/* __ GSA Contracts - Texas Navigation ______________*/
.gsaNav {
	font-size:90%;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color:#abceec;
	padding: 2px;
}
/* __ GSA Contracts - Texas Navigation  End ______________*/

/* ___Misc. styles used through out site ____________________ */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 0 10px 10px;
	padding:5px 0 0 0;
	clear:right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
}
.fltrtPhoto { 
	float: right;
	margin-left: 10px;
	margin-bottom:5px;
	border: 5px solid #c3c3c3;
	clear:right;
}
.fltrtPhotoCaption {
	float:right;
	margin:0 0 10px 10px;
	width: 250px;
	padding: 10px;
	font-size: 75%;
	color:#004b8d;
}
div .fltrtPhotoCaption img {
	border: 5px solid #c3c3c3;
}
.fltrtPhotoCaption150 {
	float:right;
	margin:0 0 10px 10px;
	width: 150px;
	padding: 10px;
	font-size: 75%;
	color:#004b8d;
}
div .fltrtPhotoCaption150 img {
	border: 5px solid #c3c3c3;
}

/* .fltrtCallout used on GeoPlan page*/
div .fltrtCallout {
	float:right;
	width:135px;
	background-color:#fee79e;
	border:1px solid #dd6527;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 10px 10px;
	text-align:center;
	padding:8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.photoborder {
	border: 5px solid #c3c3c3;
	margin:10px 5px 10px 5px;
}
.photoborderNoMargin {
	border: 5px solid #c3c3c3;
}

.photocaption {
	font-size: 75%;
	color:#004b8d;
}
.smallgray {
	font-size:75%;
	color: #666666;
}
.small {
	font-size:85%;
}
.smallbold {
	font-size:75%;
	font-weight:bold;
}
.emphasis {
	color:#B32317;
	font-weight:bold;
}
.emphasiscity {
	color:#B32317;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:-10px;
}
.datebold {
	font-size:95%;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
.grayText {
	color:#666666;
}
.photoborderHome {
	border: 5px solid #c3c3c3;
	margin:5px 0px 2px 0px;
}
#projdtail {
	font-size:80%;
}
.iconalign {
	border:none;
	vertical-align:middle;	
}
.iconalignsm {
	border:none;
	vertical-align:middle;
	padding: 5px 0 10px 0;
	margin-left:15px;	
}
.imgnoborder {
	border:none;
}
p.aligncenter {
	text-align:center
}
#alignbtm {
	height:130px; 
	margin-top:15px;
	position:absolute;
	bottom:0;
}
#storylink {
	color:#5A7098;
	font-size:80%;
}
#storylink a {
	text-decoration:underline;
}
.noshow {
	display: none;
}

/*-------------------------------------
Used to keep line spacing consistent using Sub and Sup tags
------------------------------------------- */
sup,sub {	
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	vertical-align: bottom;
	position: relative;	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/*------------------------------
End Sub Sup
---------------------------------*/
/* ------------------------------------
Career Page Quote box 
-----------------------------------------*/
#careerquotebox {
	background-color:#eaeaea;
	width:220px;
	background-position: center;
	padding:10px 10px 5px 0px;
}
#careerquotebox img {
	border:5px solid #c3c3c3;
}
#careerquotebox p {
	padding:0 10px 0 10px;
}
#careerquotebox .quote {
	font: 85% normal "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color:#004b8d;
}
#careerquotebox .sig {
	font: 80% normal "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#004b8d;
}

/* --------------------------
Career listings styles 
-----------------------------------*/
.careers_location {
	font-size: 80%;
	font-weight:bold;
}
#grdCeridianData td{
	padding:2px;
}
#grdCeridianData th {
	background-color:#CCCCCC;
	padding:2px;
	text-align:center;
}
#divJobName {
	font-size:110%;
	font-weight:bold;
	color:#004b8d;
}
#tblDetail1 {
	margin-left:-2px;
}

/* -------------------------------------------------
Dynamic Dropdown Menus
-------------------------------------------------*/
.ddmMainMenu {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px solid #8b8b8b; /* gray */
	border-bottom: 1px solid #8b8b8b;
	border-left: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #8b8b8b;
	cursor: pointer;
	text-align:left;
	font-size:12px;
	line-height:16px;
}
.ddmSubMenu {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px solid #8b8b8b; /* gray */
	border-bottom: 1px solid #8b8b8b;
	border-left: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #8b8b8b;
	cursor: pointer;
	text-align:left;
}
.ddmHeaderCell {
	font-weight: bold;
	background-color: #004B8D;
	padding: 3px;
	cursor: default;
}
.ddmLinkCell {
	padding: 3px;
}
.ddmLinkCellOver { /*onmouseover*/
	background-color: #004b8d;
	padding: 3px;
}
.ddmRepProjects {
	background-color:#004b8d;
	color: #004B8D;
	padding: 3px;
	cursor: default;
}
.ddmRepProjectsOver { /*onmouseover*/
	background-color: #004b8d;
	padding: 3px;
}
.ddmWebSiteExtension {
	background-color:#FFFFFF;
	color: #004B8D;
	padding: 3px;
	cursor: default;
}
.ddmWebSiteExtensionOver { /*onmouseover*/
	background-color: #004b8d;
	padding: 3px;
}
/* -------------------------------------------------*/

/*--------------------
Our Work page 
----------------------*/
#owcontent {
	margin: 0; 
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
#owcontent li {
	list-style-image:url(../images/bullet10.gif);
	font-size:85%;
	padding-bottom:7px;
}
#owcontent a:link, #owcontent a:visited {
	color:#004b8d;
	text-decoration:underline;
	font-weight:bold;
}	
#owcontent a:hover {
	color:#B32317;
	text-decoration:none;
	font-weight:bold;
}
#owcontent .redtitle a:link, #owcontent .redtitle a:visited {
	color:#B32317;
	text-decoration:underline;
	font-weight:bold;
}	
#owcontent .redtitle a:hover {
	color:#004b8d;
	text-decoration:none;
	font-weight:bold;
}

/*--------------------------------------------
     Disclaimer box code 
--------------------------------------------*/
#disclaim {
	background-color: #ffffff;
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align:left;
	line-height: 1.3;
	padding: 20px;
	margin: 0 auto;
	margin-top:20px;
	border: 1px solid #4885B7;
}
#disclaim .agree {
	background-color: #00559B;
	display: block;
	width: 120px;
	height: 24px;
	border: 1px solid #004B8D;
	color:#ffffff;
	text-align: center;
	padding:2px;
	font-weight: bold;
	float:right;
}
#disclaim .agree a:link, #disclaim .agree a:visited {
	display: block;
	width: 120px;
	height: 24px;
	background-color:#00559B;
	color:#ffffff;
	text-decoration: underline;
}
#disclaim .agree a:hover {
	background-color:#588FBD;
	display: block;
	width: 120px;
	height: 24px;
	color:#ffffff;
	text-decoration: none;
}
/*--------------------------------------------
     End Disclaimer box code 
--------------------------------------------*/