/* -----------------------------------------------------------------------


 Echota Website CSS
 main.css
 01/26/2009
	
	1) 	CORE STYLES
	2) 	HEADER
	3) 	MENU
	4) 	SUBMENU
	5) 	BLOCKQUOTE
	6) 	CONTENT
	7) 	MAIN IMAGES
	8) 	BREADCRUMBS
	9) 	PHP FORM
	10)	FOOTER
	11)	CATS FOOTER PER CPL
	12)	SPECIFIC CSS FOR CONTENT PAGE
	13)	SPECIFIC CSS FOR services.html
	14)	CATS CAREERS APPLY
	15)	NAICS CODES

----------------------------------------------------------------------- */

/* --------------------------------- CORE STYLES --------------------------------- */ 
body {
	background-color:#E9E9E9; /* This is the footer background color */
	font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
}
div#header-holder {
	background-color: #FBFBFB;
	height:150px;
}
div#header-holder div.logo {
	padding-top:28px;
}
div#header-holder div.motto {
	padding-top:38px;
}
div#menu-holder {
	height:40px;
	background-image: url(../images/Link-BG.jpg);
	background-repeat: repeat-x; 
	background-color: #E9E9E9;
	background-position: top;
}
div#content-holder {
	background-color: #FBFBFB;
	background-image:url(../images/gradient-background-hash.jpg);
	background-repeat:repeat-x;
	padding-bottom:50px;
	min-height:327px;
}
div.content {
	background-color:#FBFBFB;
}
p,ul,td {
	color:#525252;
}
h1 {
	color:#525252;
	font-family:"Georgia";
	font-size:1.6em;
	font-weight:bold;
}
h2,h3 {
	text-align:left;
	color:#525252;
	font-family:"Georgia";
	font-weight:bold;
}
h2 {
	font-size:1.3em;
	margin-top:10px;
}
h3.poc {
	font-size:1em;
	margin-top:20px;
	margin-bottom:5px;
}
h3 {
	font-size:1.2em;
	margin-top:20px;
}
form {
	margin:0;
	padding:0;
}
ul {
	margin:10px;
	padding-left:20px;
	list-style-type:square;
}
a {
	outline: none;
	color: #1763b9; /*#314b2e;*/ 
	text-decoration: none; 
}
a:visited {
	outline: none;
	color: #1763b9; /*#223420;*/
	text-decoration: none;
}
a:focus, a:hover { 
	outline: none;
	color: #314b2e;
	text-decoration: underline; 
}
a.active {
	outline: none;
	color: #525252; /* #1763b9 #314b2e;*/ 
	text-decoration: underline;
}
a.blank {
	background: url(../images/blank.png) center right no-repeat;
	padding-right: 13px;
}


/* --------------------------------- HEADER --------------------------------- */ 
.header {
	height:173px;
	margin-top:154px;
	margin-bottom:40px;
}


/* --------------------------------- MENU --------------------------------- */ 
#etnav {
	background-image: url(../images/Link-BG.jpg);
	background-repeat: repeat-x; 
	background-color: #E9E9E9;
	background-position: top;
}
#etmenu {
	display:block; 
	height:40px;
}

#etmenu ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
}
#etmenu li {
	float:left; 
	display:block;
	width: 158px; 
}
#etmenu li.last {
	width: 160px; 
}
#etmenu li.list1 { background:transparent url(../images/Link-01.jpg); }
#etmenu li.list2 { background:transparent url(../images/Link-02.jpg); }
#etmenu li.list3 { background:transparent url(../images/Link-03.jpg); }
#etmenu li.list4 { background:transparent url(../images/Link-04.jpg); }
#etmenu li.list5 { background:transparent url(../images/Link-05.jpg); }
#etmenu li.list6 { background:transparent url(../images/Link-06.jpg); }
#etmenu a {
	display:block; 
	padding-top:40px; 
	height:0; color:#000; 
	text-decoration:none; 
	overflow:hidden;
}
/* hack for IE 5 to hide links */
* html #etmenu a:link, * html #etmenu a:visited {height:40px; he\ight:0;} 

#etmenu a#item1:hover { background:transparent url(../images/Link-01.jpg) 0px  -40px no-repeat; }
#etmenu a#item2:hover { background:transparent url(../images/Link-02.jpg) 0px  -40px no-repeat; }
#etmenu a#item3:hover { background:transparent url(../images/Link-03.jpg) 0px  -40px no-repeat; }
#etmenu a#item4:hover { background:transparent url(../images/Link-04.jpg) 0px  -40px no-repeat; }
#etmenu a#item5:hover { background:transparent url(../images/Link-05.jpg) 0px  -40px no-repeat; }
#etmenu a#item6:hover { background:transparent url(../images/Link-06.jpg) 0px  -40px no-repeat; }

#etmenu a.active#item1 { background:transparent url(../images/Link-01.jpg) 0px  -80px no-repeat; }
#etmenu a.active#item2 { background:transparent url(../images/Link-02.jpg) 0px  -80px no-repeat; }
#etmenu a.active#item3 { background:transparent url(../images/Link-03.jpg) 0px  -80px no-repeat; }
#etmenu a.active#item4 { background:transparent url(../images/Link-04.jpg) 0px  -80px no-repeat; }
#etmenu a.active#item5 { background:transparent url(../images/Link-05.jpg) 0px  -80px no-repeat; }
#etmenu a.active#item6 { background:transparent url(../images/Link-06.jpg) 0px  -80px no-repeat; }

/* hack for IE 5 to hide links */
* html #etmenu a:hover, #etmenu a.active {height:40px; he\ight:0;} 


/* --------------------------------- SUBMENU --------------------------------- */ 
#sub-nav {
	background-color: #FBFBFB;
}
#sub-menu {
	background-color: #FBFBFB;
}
#sub-menu ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
}
#sub-menu ul li {
	background:transparent url(../images/submenu-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	display:block;
	margin:0;
	padding:10px;
	width: 230px;
	height: auto;	
}
#sub-menu ul.second li {
	background:none;
	display:block;
	margin:0;
	padding:0;
	margin-left:30px; 
	text-indent: -20px;
	width: 200px;
	height: auto;	
}
#sub-menu ul li a {
	text-decoration:none; 
	padding-left:20px;
	font-size:1.1em;
	font-weight:bold;
}
#sub-menu ul li a.active {
	text-decoration:none; 
	/*background: transparent url("../images/submenu-bullet.gif") no-repeat 0 0;*/
}
#sub-menu ul li a:hover {
	text-decoration:none;
	color:#909090;
}
#sub-menu ul.second li a {
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
}
#sub-menu ul.second li a.active {
	/* font-weight:bold; */
	color:#000000;
	background:none;
}
#sub-menu ul.second li a:hover {
	text-decoration:underline;
}
#sub-menu ul.second li a.active:hover {
	text-decoration:none;
}


/* --------------------------------- BLOCKQUOTE --------------------------------- */ 
blockquote {
	margin:0px 10px 50px 10px;
	color:#575757;
	padding: 0 50px;
	background: transparent url("../images/blockquote.gif") no-repeat 0 0;
	font-style:normal;
	font-size:1.1em;
}


/* --------------------------------- CONTENT --------------------------------- */ 
.content {
	min-height:327px;
}
.contact-icon {
	float:left;
}
.contact-icon img {
	padding-right:18px;
}
.contact-info {
	float:left;
}
p.indent, h3.indent {
	padding-left:10px;
}


/* --------------------------------- MAIN IMAGES --------------------------------- */ 
/* Span-8*/
div#frame {
	height:218px;
}
div#frame .top {
	background-image:url(../images/frame-top.jpg);
	background-repeat:no-repeat; 
	height:9px;
}
div#frame .repeat {
	background-image:url(../images/frame-repeat.jpg);
	background-repeat:repeat-y; 
	height:200px;
	padding: 0 8px;
}
div#frame .bottom {
	background-image:url(../images/frame-bottom.jpg);
	background-repeat:no-repeat; 
	height:9px;
}
/* Span-16 */
div#frame16 {
	height:218px;
	margin-bottom:20px;
}
div#frame16 .top {
	background-image:url(../images/frame16-top.jpg);
	background-repeat:no-repeat; 
	height:9px;
}
div#frame16 .repeat {
	background-image:url(../images/frame16-repeat.jpg);
	background-repeat:repeat-y; 
	height:202px;
	padding: 0 8px;
}
div#frame16 .bottom {
	background-image:url(../images/frame16-bottom.jpg);
	background-repeat:no-repeat; 
	height:9px;
}
/* Span-22 */
div#frame22 {
	height:312px;
	margin-bottom:20px;
	margin-top:20px;
}
div#frame22 .top {
	background-image:url(../images/frame22-top.jpg);
	background-repeat:no-repeat; 
	height:9px;
}
div#frame22 .repeat {
	background-image:url(../images/frame22-repeat.jpg);
	background-repeat:repeat-y; 
	height:296px;
	padding: 0 8px;
}
div#frame22 .bottom {
	background-image:url(../images/frame22-bottom.jpg);
	background-repeat:no-repeat; 
	height:9px;
}


/* --------------------------------- BREADCRUMBS --------------------------------- */ 
div#breadcrumbs {
	margin: 20px 0;
	font-size:0.9em;
}


/* --------------------------------- PHP FORM --------------------------------- */ 
.statusmsg_error {
	clear:left;
	padding: 5px; /* Some padding to make some more space for our text  */
	background: #FFCECE; /* Add a background color to our status message   */
	border: 1px solid #ff0000; /* Add a border arround our status message   */
	color: #000000; /* The text color */
	width:250px;
}
.statusmsg_success {
	padding: 5px; /* Some padding to make some more space for our text  */
	background: #ceffd5; /* Add a background color to our status message   */
	border: 1px solid #00ff00; /* Add a border arround our status message   */
	color: #000000; /* The text color */
	width:250px;
}


/* --------------------------------- FOOTER --------------------------------- */ 
#footer {
	background-color: #E9E9E9;
	background-image:url(../images/footer-border.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:50px;
	text-align:center;
}
#footer p {
	margin:0;
	padding:0;
	float:left;
}
#footer ul {
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#footer li {
	margin:0;
	padding:0;
	float:left;
	padding:0 10px;
	border-right:1px solid #999999;
}
#footer li.last {
	padding:0 10px;
	border-right:none;
}


/* --------------------------------- CATS FOOTER PER CPL --------------------------------- */ 
#cats-footerBlock {
    margin-top: 50px;
    text-align: center;
}
#cats-footerBlock p#cats-footerText {
    font: normal normal normal 8pt/130% Arial, Tahoma, sans-serif;
}


/* --------------------------------- SPECIFIC CSS FOR CONTENT PAGE --------------------------------- */ 
div.contacts div {
	height:100px;
	padding:20px;
	background-color:#FFFFFF;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #b1b1b1;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #bbbbbb;
	margin-bottom:20px;
}


/* --------------------------------- SPECIFIC CSS FOR services.html --------------------------------- */ 
div.divisions div {
	height:250px;
	width:190px;
}
div.divisions div.middle {
	margin-left:20px;
}
div.divisions div ul {
	margin:10px;
	padding-left:20px; 
	list-style-type:square;
}


/* --------------------------------- CATS CAREERS APPLY --------------------------------- */ 
#catsOutput p.instructions {
    margin-left: 30px;
}


/* --------------------------------- NAICS CODES --------------------------------- */ 
div.naics hr { 
	clear:both;
	border:0;
	color:#525252;
	background-color:#525252;
	height:1px;
	width:100%;
	text-align:left;
	margin:0;
}
div.naics p { float:left; padding:0; margin:5px 0; }
div.naics p.code { width:80px; }
div.naics p.description { width:430px; padding-right:20px; }
div.naics p.sb { width:100px; text-align:center; }
div.naics p.bold { font-weight:bold; }