﻿/* Body */
/*   body encloses header, nav bar, content, and footer divs */
/*   explicitly set the width of each div to total 921px  */
/*   Height. Explicity set the height for each of the 4 divs,     */
/*     to total to 646px, for single page pdf creation */
/*   (header 106) + (nav 31 + 10 padding = 41) + footer (49) + content (450)   */
/*   body element has no explicit height; let it accumulate from the 4  div heights */
body { display:block; margin:0 auto 0 auto; border:0; padding:0; width:921px; background-color:#dadada;
	 font-family: "Century Gothic", sans-serif; font-size:medium;}
/* HEADER */
#header {margin:0; border:0; padding:0; height: 106px; width:921px;}
#header img {margin:0; border:0; padding:0; float:left; }
/* NAVIGATION BAR */
/*  total width is width plus padding, 901 + 20 = 921 */
#navigation {margin:0 0 0 0; border:0; padding:10px 0 0px 20px; height: 31px; width:901px; background-image: url(images/enautix_04.jpg); background-repeat:repeat-x;}
#navigation ul {margin:0; border:0; padding:0; }
#navigation li{margin:0;  display:inline; list-style-type:none; }
#navigation a{  border:0; border:0; padding:0; font-size:small; font-weight: 700; color: #414141; text-decoration: none; }
#navigation a:link { margin:0 22px 0 0; border:0; padding:0; font-size:small; font-weight: 700; color: #414141; text-decoration: none; }
#navigation a:visited { margin:0 22px 0 0; border:0; padding:0; font-size:small; font-weight: 700; color: #414141; text-decoration: none; }
#navigation a:hover { margin:0 22px 0 0; border:0; padding:0; font-size:small; font-weight: 700; color:#35A7E3; text-decoration: underline; }
/* FOOTER */
/*  assign id footer to the footer div */
/*  width is explicitly set to 921px in the footer div */
/*  height. not sure exactly how it is calculated, but it is 49px */
/*  only one item in footer div, a table having class footerNav */
#footer { width:921px; background-color: #40403f;  }
#footer table.footerNav { table-layout:fixed; margin:0; border:0;/* padding n/a */ border-collapse:collapse; color:#FFFFFF; }
#footer table.footerNav td{ /* margin n/a */ border:0; padding:0; color:#FFFFFF; font-size:0.8em; font-weight:bold; line-height:normal;
	text-align:center; vertical-align:middle; overflow:hidden;}
#footer td.details { width:568px; }
#footer td.links  { width:348px;  }
#footer li {margin:0 5px 0 5px; border:0; padding:0; display:inline; list-style-type:none; }
#footer a { margin:0; border:0; padding:0; color: #FFFFFF; text-decoration:underline; }
#footer a:hover {margin:0; border:0; padding:0; color:#ff9c0e; text-decoration: underline; }
/* CONTENT */
/*  explicitly set height to 450 px;   */
/*  assign the id content to the content div */
/*  width is explicitly set to 921px in the footer div */
#content {margin:0; border:0; padding :0; 1height:550px; width:921; background-color:#ffffff;  font-size:medium;}
/*   */
/* CONTENT LAYOUT TABLEs */
/*  all content is inside a single layout table  */
/*  the layout table and the breadcrumb and brochure bar, are the only parent items in the content div  */
/*  several choices, following:  */
/*  LAYOUT: Two Column layout, used on most pages  */
#content table.tblTwoCols { table-layout:fixed; margin:8px 10px 8px 10px; border:0; border-collapse:collapse; color:#000000; height:440px; }
/*     Left Column of the two column layout  */
#content td.colLf {border:0; padding:2px 2px 2px 2px; width:auto; text-align:left; vertical-align:top; font-size:95%; }
/*        The first level of list items has no bullets */
#content td.colLf ul {margin:2px 2px 2px 2px; border:0; padding:2px 2px 2px 2px;}
#content td.colLf li {margin:2px 2px 2px 2px; padding:2px 2px 2px 2px; list-style-type:none; }
/*        The second level of list items has square bullets and smaller font size */
#content td.colLf ul ul{margin: 2px 2px 2px 2px; border:0; padding:4px 5px 5px 15px;}
#content td.colLf li li{ margin:0; border:0; padding:0; list-style-type:square; font-size:85%; }
/*        The third level of list items has round bullets, and even smaller font */
#content td.colLf ul ul ul{margin:0; border:0; padding:5px 5px 8px 10px;}
#content td.colLf li li li{margin:0; border:0; padding:0; list-style-type:disc; font-size:85%; }
/*        Images     */
#content td.colLf img { margin:0; border:0; padding:0; }
/*        Hyperlinks  */
#content td.colLf a { color: #00008b;  text-decoration:underline; font-weight:bold;}
#content td.colLf a:hover { color: #50b4e7; text-decoration: underline; }
/*     Right Column of the two column layout  */
#content td.colRt {border:0; padding:2px 2px 2px 2px; width:400px; text-align:right; vertical-align:top; font-size:95%;}	
/*        The first level of list items has no bullets */
#content td.colRt ul {margin:2px 2px 2px 2px; border:0; padding:2px 2px 2px 2px;}
#content td.colRt li {margin:2px 2px 2px 2px; padding:2px 2px 2px 2px; list-style-type:none; }
/*        The second level of list items has square bullets and smaller font size */
#content td.colRt ul ul{margin: 2px 2px 2px 2px; border:0; padding:4px 5px 5px 15px;}
#content td.colRt li li{ margin:0; border:0; padding:0; list-style-type:square; font-size:85%; }
/*        The third level of list items has round bullets, and even smaller font */
#content td.colRt ul ul ul{margin:0; border:0; padding:5px 5px 8px 10px;}
#content td.colRt li li li{margin:0; border:0; padding:0; list-style-type:disc; font-size:85%; }
/*        Images     */
#content td.colRt img { margin:0; border:0; padding:0; }
/*        Hyperlinks  */
#content td.colRt a { color: #ff9c0e; font-size:inherit; text-decoration:underline;}
#content td.colRt a:hover { color: #50b4e7; text-decoration: underline; }
/*   */
/* LAYOUT: Experience matrix */  
/*   single column layout, for holding a table */
#content table.tblExp {table-layout:fixed; width:921px; margin:0; border:0; border-collapse:separate;
	 color:#000000; background-color:#ffffff; text-align:center; font-size:medium;}
#content table.tblExp td {border:thin solid #bae1f0; overflow:hidden; font-size:small; }
#content table.tblExp th {border:0; font-size:85%; color:#000000; background-color:#bae1f0;   }                                          
#content table.tblExp th.undersizedFirst {width:11%}
#content table.tblExp th.undersizedSecond {width:9%;  }
#content table.tblExp th.undersizedThird {width:9%;  }
#content table.tblExp th.undersizedFourth {width:10%;  }
#content table.tblExp th.undersizedFifth {width:9%;  }
#content table.tblExp th.undersizedSixth {width:9%;  }
#content table.tblExp th.undersizedSeventh {width:20%;  }
#content table.tblExp th.undersizedEighth {width:9%;  }
 

/* BREADCRUMB and Brochure button Bar */
/*   Assign the id crumbs to a div, in the content div */
#crumbs {margin:0 0 0 0; border:0; padding:0 0 0 0; width:auto; font-size:large; font-style:italic;
	background-image:url(images/crumbLine.jpg);}
#crumbs table.tblCrumbs {table-layout:fixed; margin:0; border:0; border-collapse:collapse; width:921px;}
#crumbs table.tblCrumbs td{border:0; padding:0; vertical-align:middle; overflow:hidden;}
#crumbs td.crumbLine { width:791px;  text-align:left; color: #f6c328; font-weight:bold; color:Gray;}

#crumbs td.crumbLine li {margin:0 5px 0 5px; border:0; padding:0; display:inline; list-style-type:none;  }
#crumbs td.crumbLine a{margin:0; padding:0; font-size:medium; color:Gray;}
#crumbs td.crumbLine a:link {color:#414141; text-decoration:underline;}
#crumbs td.crumbLine a:visited {text-decoration:underline;}
#crumbs td.crumbLine a:hover {text-decoration:none; color:#ff9c0e; }
#crumbs td.BrochureBtn  { width:130px; text-align:right; font-weight:bolder;}
#crumbs td.BrochureBtn li {margin:0 5px 0 5px; border:0; padding:0; display:inline; list-style-type:none;  }
#crumbs td.BrochureBtn a{margin:0; padding:0; font-size:medium; color:#000000;}
#crumbs td.BrochureBtn a:link {color:#414141; text-decoration:underline;}
#crumbs td.BrochureBtn a:visited {text-decoration:underline;}
#crumbs td.BrochureBtn a:hover {text-decoration:none; color:#576fd5; }

/* BUBBLE */
/* .bubbCol td {width:334px;} */ /* suspect nonfunctional */
.bubb { margin:0 0 10px 20px; border:0; padding:0; width: 334px;}
.bubb .bubbleTOP { height: 8px; width: 334px; background-image: url(images/bubble_TOP.jpg); background-repeat: no-repeat; background-position:bottom;}
.bubb .bubbleBottom { height: 8px; width: 334px; background-image: url(images/bubble_BOTTOM.jpg); background-repeat: no-repeat; }
.bubb .bubbleContent { margin:0; border:0; padding:0 10px 0 10px; color: #3e3d3d; background-image: url(images/bubble_FILLER.jpg);
     background-repeat: repeat-x; background-color: #3E3C3D; }
.bubbleTitle { display: block; margin:0; border:0; padding:0 0 5px 0; font-size:medium; color: #cccccc; }
.bubb .bubbleContent p {margin: 0px;  font-size:small; color:#FFFFFF; }
.bubb .bubbleContent .bubbleLINK { text-align: right; }
.bubb .bubbleContent .bubbleLINK a { color: #ff9c0e; text-decoration: none; font-size:medium; text-decoration:underline;}
.bubb .bubbleContent .bubbleLINK a:hover {color: #ffffff; text-decoration: underline; }
/* Contact list */
#listNames { margin:20px 0 0 0; border:0; padding:0; font-size:medium;}
#listNames a{ font-size:medium; color: #414141; text-decoration: none; }
#listNames a:link { font-size: large; padding:8px; color: #414141; text-decoration: none; }
#listNames a:visited { font-size:large; padding:8px; color: #414141; text-decoration: none; }
#listNames a:hover { text-decoration: none; color:#35A7E3; }
#listNames ul {padding:10px 1px 10px 1px;  list-style-type:none; }
#listNames li {padding:4px 1px 4px 1px; vertical-align:middle; }
#listNames img { margin:0; border:0; padding:0;  vertical-align:middle;}
/* CLASSES FOR CHANGING FONT SIZE, ETC. */
.proj { margin:0; border:0; padding:0;	font-size:115%;  line-height:1.4em;}