/* if body background color changes, also change it in routines.php/create_thumbnail  */
/*  
  7pt = 9.33px
  8pt = 10.66px
  9pt = 12px
  10pt = 13.33px
  12pt = 16px
  14pt = 18.66px
  16pt = 20px
  
  background color: #434343
*/
div#printtitle {display:hidden;}   /* heading just for printed version */
.printonly {display:none;}  

/* need this next line for mozilla browser to allocate space for scrollbar, or page jumps left as scrollbar is added */
body {overflow:-moz-scrollbars-vertical;}

body     {    
	border: 0;
    margin: 0;
    padding: 0;
    background-color: #bcbec9;    /* big page background color */
    }
body, p, ul, dl, ol, li, td, th, input, select, textarea {
	font-family: Arial, Verdana, sans-serif;
	line-height: 125%;
	font-size: 12.33px;    
	font-weight: normal;
	color: #343434;
	letter-spacing: .02em;
	}
	
/*   ---- layout for all non-index pages  -----  */
div#page  {
    background: #9EB4E5 url("images/backbanner.jpg") no-repeat;
	width: 1000px;
	margin: 0;
	padding: 0;
	margin-left:auto;   /* center on page */
	margin-right:auto;
	}
/*  page titles are h1   */
div#pagecontent { 
	margin: 0 0px 0 0px;
	background:  url(images/grad.jpg) bottom repeat-x;	 
	 }
.indented  {padding-left:20px;}

table, td, img {border: 0;}
table, td { margin: 0; padding: 0; vertical-align:top;}
p, th, td, li {
    text-align: left;
    }
p { 
    margin: 0px 0 12px 0;
    letter-spacing: .06em;
    }
.caption  {
    font-size:10px;
	line-height:115%;
	color: #383838;
    }
.captionhead {
	display: block;
	color: #383838;
	font-size:12px;
	font-weight:bold;
	}
	
a {outline: none;
	}   	
    
/*  -------------------------- menu -------------------- */
 
div#menu img {
	vertical-align: middle;
	margin: 0;
	padding: 1px 0px 0 0;
	height: 40px;
	width: 47px;
	}
div#menu ul.nav   {
	margin-top: 0px;
	margin-right: -3px;
	padding-top: 1px;
	}
div#menu ul.nav li  {
	display: inline;
	margin: 0px 45px 0px 0px;
	}

div#menu ul.nav a {
    background: transparent;
	color: #464646;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0 0px;
	padding: 2px 0px;
	text-decoration: none;
	text-transform: uppercase; 
	letter-spacing:.2em;
}
div#menu ul.nav a:hover {
	color: #DDDDDD;
	}
div#menu ul.nav a.active,
div#menu ul.nav a:link.active,
div#menu ul.nav a:hover.active {
	color: #435CAC;
	text-decoration: none;
}


/* ------------------ footer links -------------------------------- */    
table#footer  {
    width: 1000px;
    padding:  30px 0 5px 0;
    clear: both;
    vertical-align: bottom;
    } 
      
table#footer td  {
    font-size: 9px;
    text-align: center;
    padding: 0px;
    color: #454545;
    }
table#footer a,
table#footer a:visited  {
    text-decoration: none;
    color: #454545;
    }
table#footer a:hover  {
    text-decoration: none;
    color: #222222;
    }
table#footer a.spaceit {    padding-right: 22px; }
table#footer td.credits { padding-bottom: 8px;  }
table#footer td.credits a,
table#footer td.credits a:hover,
table#footer td.credits a:visited {
	color:#CFA748;
	}   

/* ----------------------- links in body --------------------- */
a:link   { 
    text-decoration: none;
    color: #000494;
    outline: 0;
    }
a:hover {
    text-decoration: none;
    outline: 0;
    color: #406529;   
    }
a:visited {
    text-decoration: none;
    color: #5D005D; 
    outline: 0;
    }
   
/* ---- used for page headings on all pages except index --- */    
h1  {
	margin: 133px 0 20px 42px;
	font-size: 18.66px;
	font-weight: 900;
	color: #565656;
	color: #454648;
	text-transform: uppercase;
	letter-spacing: .4em;
	font-family: "Arial Black";
	padding: 0;
    }

/* ----- used for location headings ---- */
h2  { 
	color: #1F41BC;
	color: #454648;
	font-weight: bold;
	margin: 10.66px 0 0px 0;
	line-height:110%;
	font-size: 11.66px;
	text-transform: uppercase;
	letter-spacing: .06em;
    }
    
/* ----- used for equipment headings -------  */
h3  { 
    font-size: 13.333px;
    font-weight: bold;
    margin: 0px 0 3px 0px;
    color: #383838;
    text-transform:uppercase;
    }
    
/* ----- used for employment headings  ------  */    
h4  {font-size: 13.33px;
    font-weight: bold;
    margin: 12px 0 0px 0px;
    color: #454648;
    }
    
/* ------ used for application main headings  ------- */
h5  {font-size: 16px;
	font-weight: bold;
	margin: 20px 0 10px 40px;
	color: #383838;
	text-transform:uppercase;
	 
	}
/* ---------- used for application labels ------- */
h6 {font-size: 14px;
	font-weight:bold;
	margin: 10px 0 0 0;
	}

/* ------------------------- index -------------------------------- */
div#index  {
    background:  url("images/back.jpg") no-repeat;
    height: 624px;
    margin-left:auto;        /* center on page */
	margin-right:auto;
	width:1000px;
	}
div#indextext {
	width: 1000px;
	margin: 381px 0 70px 0px;
	color: #FFFFFF;
	padding: 6px 0 6px 0;
	background: #435CAC;
	}


div#indextext p,
div#indextext ul,
div#indextext ul li {
	color: #EFEFEF;
	font-size: 14px;
	text-align:center;
	}
div#indextext p {
	padding: 0px 0 0px 0;
	margin: 1px 0 1px 0;	 	
	}
p.index1 {
    letter-spacing: .16em;
	}
p.index2  {
	letter-spacing: .085em;
	}
ul.index3  {
	margin: 0;
	list-style: none;	
	 }
ul.index3  li   {
	display: inline;     
	color: #FFFFFF;
	padding: 0  0px 0 0px;
	margin: 0  42px 0 0px;
	}	

	
/* -------------------  locations ---------------------------- */

table#locations {
	margin: -10px -25px 60px 42px;
	width: 320px;
	float: left; 
	}
table#locations td.locleft  {
	padding-right: 16px;
	padding-top: 0px;
	width: 160px;
	font-size: 11px;
	line-height: 125%;
	}
table#locations td.locright  {
	width:160px;
	padding-top: -10px;
	font-size: 11px;
	line-height: 125%;
	}
div.locimage img {
	width: 614px;
	float: right;
	margin: -30px 10px 0 0;
	}
div.locimage .locimagetext  {
	display: block;
	margin: 0 40px 0 0;
	text-align: right;
	}	


/* -------------------  about us  ---------------------------- */
#column1  {
	width:415px;
	float:left;
	margin: 0px 0 20px 42px;
	}
#column2  {
 	width:454px;
 	float:right;
 	margin-right: 42px;
	}

img.aboutfam  {
	float:left;
	width:343px;     /* 363-rightmargin */ 
	margin: -40px 0 5px -14px;
  	padding: 0px;
  	}
  	
.aboutfamtext {
	float:right;
	width:120px;
	margin:65px 0 0 0px;
	}
.aboutfamhead {
	margin: 0px 0 3px 0;
	}

/* -------------------  employment  ---------------------------- */

div#employtext  {
	float:left;
	width: 350px;
	margin: 0px 0 0 42px;
	padding:  0;
	}
div#employtext ul {
	margin-top: 9px;
	}
div#employtext ul li {
	margin: 0 0 0 -24px;
	letter-spacing: .07em;
	}
	
div#employimg  img {
	float: left;  
	margin: -30px 0 35px -10px;	
	margin: -30px 0 35px 30px;	
	}
div#employimg div {
	padding: 150px 20px 0px 0; 
	float: left;
	 
	}
/* -------------------  equipment  ---------------------------- */
table#equip  {
	border-collapse: collapse;
	/* width:966px;
	height:250px; */
	margin: 35px 42px 40px 10px;
	
	}
/* -------------------  application ----------------------------- */
table.app {
	border:1px solid black;
	margin-bottom:15px;
	}
table.app th,
table.app td.head {
	text-align:center;
	font-weight:bold;
	background-color:#efefef;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	text-align:center;
	}
hr {width:60%;height:8px;margin:25px 0 25px 40px;text-align:left;}
div.hidden {display:none;}
div.shown {display:visible;}
 
table.confirm th, 
table.confirm td  {
	border-right: 1px solid #343434;
	}
 
form.readonly input {
	background:#9EB4E5;
	font-weight:bold;
	font-family:serif;
	border:none;
	border-bottom:1px solid black;
	text-align:center;
	vertical-align:middle; } 

.app_message {
	color:#800517;
	font-weight:bold;
	}
/* ------------------------- D E B U G ------------------------- */    
/*table td {border: 1px solid red;}
iframe {border: 1px solid green;}
*/