/* http://www.csfllc.com/per/per.css */

/*CSF style sheet for personnel pages */

@import url(scrol.css) all;

body {
	background: #6F7A9E; color: #ffc;
	list-style: circle inside;
	text-align: justify; vertical-align: top;
	margin: 1em 3em 2em 2em;
	padding-left : 10%; padding-right : 10%;
	font: .85em/120% verdana, arial, helvetica, sans-serif;
	}	
p {
	text-align: justify;
}		
p.indent	 {
    background: #6F7A9E; color: #ffc;
	 font-weight: normal; font-style: normal;
    text-align : justify;
    margin: 0 .5em 0 1em;
    }	

img {
    border: 0px none;
	 color : #6F7A9E; background : transparent;
	}
td {
	background: #6F7A9E; color: #ffc;
	list-style: circle inside;
	/*text-align: justify; */vertical-align: top;
	margin: 1em 5em 2em;
	padding-left : 40px; padding-right : 40px;
	}
h1 {
	background: #6F7A9E; color: #ffc;
	text-align: center;
	font: normal 145%/200% "trebuchet ms", verdana, sans-serif;
	}
h2 {
	background: #6F7A9E; color: #ffc;
	font: 125% tahoma, 'vag rounded thin', verdana, sans-serif;
	}
h3 {
	background: #6F7A9E; color: #ffc;
	font: italic bold 120% arial, helvetica, sans-serif;
	}
.indent {
    font-style: italic; font-weight: bold; text-indent: 1em;
}	
.indentsb {
	font-weight: bold; text-indent: 3em;
}

/* ^^^^ Accessibilty styles ^^^\/^^^ "skiplinks" allows handicapped users to go 
directly to content when desired rather than be made to read links on each
page.  ^^^\/^^^ "access" classes underlines the first letter (where possible)
to show which letters are the accesskeys ^^^ I had to use the lowercase l
in newsletters as the accesskey as N was already used, so I chose to color 
that letter and underline yellow to highlight its existance. ^^^^ */

.skiplinks {display: none;}

.access {
text-decoration: underline;
}
.accesss {
text-decoration: underline;
}
/* Use accessshow when accesskey info needs to be written out.  */

.accessshow {
margin: 0 auto;
text-align: center;
background: #6F7A9E; color: #ffc;
padding-left : 5%; padding-right : 5%;
font: .75em/120% verdana, arial, helvetica, sans-serif;
}


/* ^^^^ END of Accessibilty styles ^^^^ */



/* nav id links are for top image links */

#nav {
	background: rgb(111, 122, 158); border: 0px none;
	text-align: center; text-decoration: none; color: #6F7A9E;
	white-space: nowrap;
}
#nav a {
	background: rgb(111, 122, 158); border: 0px none;
   text-align: center; text-decoration: none; color: #6F7A9E;
	}
#nav a:hover {
	background: rgb(111, 122, 158); border: 0px none;
   text-align: center; text-decoration: none; color: #6F7A9E;
	} 
/* End of nav links */	
	  
/* Start of classes for p's under Experience to bring p up closer to list
and to put more room under p before next Experience list item */
/* 3 classes have different names, but same values; use depending on where */	  
.last {
	margin: -1em 0 2em 0;
}	 
.descriptlast {
	margin: -1em 0 2em 0;
}	 
.descript {
	margin: -1em 0 2em 0;
}
/* Image bulleted links below */	
ul {list-style: outside url(../images/bult2.gif); text-align : justify;
}
ul.bult {
	list-style: outside url(../images/bult2.gif); text-align : justify;
	line-height: 1.55;
	}
ul.linehi, li.linehi, p.linehi {
	line-height: 1.65;
	}
	
	
ul.bult a {
	list-style: outside url(../images/bult2.gif); text-align : justify;
	text-decoration: none;
   background: #6F7A9E; color: #fff;
	}	

ul.bult a:hover {
    list-style: outside url(../images/bult2.gif);
    text-align : justify; text-decoration: none;
	 border-bottom: 1px dashed #ffc;
    background: #6F7A9E; color: #ffc;
}
/*ul.bult a:active, ul.bult a:focus {
	list-style: outside url(../images/bult2.gif);
	text-align : justify; text-decoration: none;
	background: #6F7A9E; color: #ffc;
	/*font: bold 1em/140% verdana, arial, helvetica, sans-serif; */
/*}*/

/* List w/ no bullet */

ul.nobult {
    list-style: none outside none;
    background: #6F7A9E; color: #ffc;
    text-align : justify;
    }
ul.nobult a:link, ul.bult a:visited {
    list-style: none outside none;
    text-align : justify; text-decoration: underline;
    background: #6F7A9E; color: white;
  }
ul.nobult a:hover {
    list-style: none outside none;
    text-align : justify; text-decoration: none;
    background: #6F7A9E; color: #ffc;
   }
ul.nobult a:active, ul.bult a:focus {
	list-style: none outside none;
	text-align : justify; text-decoration: none;
	background: #6F7A9E; color: #ffc;
	}
ul.nobultindent	 {
    list-style: none outside none;
    background: #6F7A9E; color: #ffc;
    text-align : justify;
    margin: 0 .5em 0 1em;
    }

/* Plain bullets */
ul.out { 
	list-style-position: outside;  list-style-type: disc; list-style-image: none; font-size: 1.3em;
	text-align : justify;
}	
ul.outCircle { 
	list-style-position: outside;  list-style-type: circle; list-style-image: none;
	text-align : justify;
	display: block;
}	
ul.outCir { 
	list-style-position: outside;  list-style-type: circle; list-style-image: none;
}	

ul.outSquare { 
	list-style-position: outside;  list-style-type: square; list-style-image: none; font-size: 1em;
	text-align : justify;
}	

ul.in { 
	list-style-position: inside;  list-style-type: circle;  list-style-image: none;
	text-align : justify;
}	

/* End of plain bullets */

/* per links used for list of employees  */	
.per a:link {
	font-weight : 700; text-align: left; 
	background: transparent; color : white; text-decoration: underline;/* font-size : 1em; */
    }  
.per a:visited {
	font-weight : 700; text-align: left; /* font-size : 1em; */
	background: transparent; color : white; text-decoration: underline;
    }  	 
.per a:hover {
	font-weight : 700; text-align: left; /* font-size : 1em; */
	background: transparent; color : white; text-decoration: none; 
	border: 3px inset white; padding : 3px 5px 3px 5px;
    }			 
/* End of per links  */	

/* Styles for background content section on employee resumes */

.bg {
    text-align: justify;
    margin: 0 .5em 0 1em;
	 line-height: 1.4;
	 letter-spacing: .025em;
}
.bgb {
    text-align: justify; margin-left: 1em;
    font-weight: bold;
	 line-height: 1.4;
}
.experIndent {
	text-indent: 12px; margin-left: 2em;
}
/* End of background content styles */
	
/* Footer links in id form  */
#footer {
    background:#6F7A9E; color:#fff; text-align: center;
    font: 85%/110% verdana, geneva, arial, helvetica, sans-serif;
    }
#footer a {
    background: rgb(111, 122, 158);  color: white; text-align: center;
	 text-decoration : none;
    }
#footer a:hover {
   background-color: transparent; color: #ffc;
	border : thin outset white; text-decoration : overline;
	 }
/* Footer links in class form below  */	 
.footer {
    background: rgb(111, 122, 158); color:#ffc; text-align: center;
    font: 85%/130% "ms sans serif", geneva, sans-serif;
    }
.footer a {
    background: rgb(111, 122, 158);  color: white; text-align: center;
    }
.footer a:hover {
    background-color: transparent; color: #ffc;
	 border : thin outset white; text-decoration : overline;
    }	
/* End of footer links   */

/* bots links in id form below */
#bots {
	margin: 0 auto;
	background-color: transparent; color : white;
	text-align: center;
	padding : 4px 5px 4px 5px;
	}
#bots a {
	background-color: transparent ; color : white;
	text-decoration: none; text-align: center;
	}
#bots a:hover {
   background-color: rgb(129, 139, 170); color: #ffc;
  	border : thin inset white;
	border-top : thin groove white;
	border-bottom : thin inset black;
	padding : 3px 6px 3px 6px; text-align: center;
      }	
	
/* bots links in class form below  */	
.bots {
	margin: 0 auto;
	background-color: transparent; color : white;
	text-decoration:none; padding : 4px 5px 4px 5px;
	text-align: center;
	display: inherit;
}	
.bots a {
	background-color: transparent ; color : white;
	text-decoration: none; text-align: center;
}
.bots a:hover {
   background-color: rgb(129, 139, 170); color: #ffc;
   border : thin inset white;
	border-top : thin groove white;
	border-bottom : thin inset black;
	padding : 3px 6px 3px 6px;
      }			
/* End of bots */

/* Copy id, then copy class  */
#copy {
    background-color: transparent; color: #ffc; text-align: center;
   font: 90%/130% "ms sans serif", geneva, sans-serif;
    }	
.copy {
    background-color: transparent; color: #ffc; text-align: center;
    font: 10px/130% "ms sans serif", geneva, sans-serif;
    } 	 
/* End of copyrights  */

/* botlinks id below */
#botlinks {background: rgb(111, 122, 158); color: white;
    text-decoration: underline; text-align: center;
	 padding : 3px 9px 3px 9px;
    font: .9em/150% verdana, geneva, arial, helvetica, sans-serif;
	}
#botlinks a {background: rgb(111, 122, 158); color: white;
    text-decoration: none; text-align: center;
    padding : 3px 9px 3px 9px;
	}
#botlinks a:hover {color: #ffc; text-align: center;
    background: transparent; border: 1px inset white;
	 text-decoration: overline;
	}
/* End of botlinks */		

/* to top */
#top {
	text-align: center; background: #6F7A9E; color: #fff;
}
#top a {
	font-weight : 700;  text-align: center; /*font-size : 110%; */
	background: transparent; color : white; text-decoration: none;
    }  
#top a:hover {
	font-weight : 700;  text-align: center; /*font-size : 110%; */
	background: transparent; color : white; text-decoration: none; 
	border: 3px inset white; padding : 3px 5px 3px 5px;
    }	

/* End of to top */

/* basic links  */
/* a:link, a:visited {
	background: #6F7A9E; color: white;
	text-decoration: underline; text-align: center;
  	}*/
/* a:hover {
	color: #ffc; background: transparent;
	text-decoration: none;
	padding : 3px 5px 3px 5px;
	border: 1px groove white;
	}*/
/* End of basic links */	

#bot {
	text-align : center; text-decoration : none;
	color: #ffc; background: transparent;
	font: .9em/150% verdana, geneva, arial, helvetica, sans-serif;
	}	
#bot a {
	text-align : center; text-decoration : none;
	color: #ffc; background: transparent;
	}	
#bot a:hover {
	color: #ffc; background: transparent;
	text-decoration: none; padding : 2px;
	border: 1px groove white;
	}	
 
.heading {
	text-align:justify;
	color:#fff; background : transparent;
	font: bold 150% verdana, geneva, arial, helvetica, sans-serif;
	}
.headingA {
    font: italic bold 22px "trebuchet ms", verdana, sans-serif;
    color: white;   background-color: rgb(111, 122, 158); text-align: center; 
	}		
.intro {
	background: #6F7A9E; color: #ffc;
	font: italic bold 120% "trebuchet ms", verdana, sans-serif;
	text-align: center; margin-left: 10%; margin-right: 10%;
	padding-left: 5%; padding-right: 5%;
	}
/* Below without C   */	
.prinintro {
    background: rgb(111, 122, 158); color: #ffc;
    font: italic bold 96% arial, helvetica, sans-serif;
    text-align: justify; 
	}
	
/* Below with C   */	
.princintro {
    background: rgb(111, 122, 158); color: #ffc;
	 font: italic bold 14px georgia, 'times new roman', times, serif;
	 padding-left : 6px; padding-right : 6px;
	 text-align : justify; 
	}	
.categ {
    background: #6F7A9E; color : white; 
	 font : bold 120% georgia, 'times new roman', times, serif;
	} 
.indent	 {
    background: #6F7A9E; color: #ffc;
    text-align : justify;
    margin: 0 .5em 0 1em;
    }	
  
em {  font-weight : normal;  font-style : italic;   }
.i {font-style: italic;
}
.j {text-align : justify;}
.c {text-align: center; }
.cb {	text-align: center; font-weight: bold; }
.l { text-align: left;}
.lb {	text-align: left; font-weight: bold; }
.j {text-align: justify;}
.jb {text-align: justify; font-weight: bold; }
.r {text-align : right; }
.rb {text-align : right; font-weight : bold; }
.b {font-weight: bold; }
.u {text-decoration: underline; }
.i {font: italic;}
.uc {text-decoration: underline; text-align : center; }
.sublib {font: italic bold 90%; text-align: left;}
.subib {font: italic bold 90%;}

.back a {
	text-decoration: underline; background: #6F7A9E; color: #fff;
	font-size: 110%; font-weight: bold;
	}
.back a:hover {
	text-decoration: overline; background: rgb(236, 236, 236);
	color: #6F7A9E; font-size: 110%; font-weight: bold;
	}

bullet {
	list-style-position: outside;
	list-style-image : url(../bullet5.gif);
}
.welc {
	font: bold 98%/130% georgia, "times new roman", times, serif;
	margin-left: 17%; margin-right: 17%;
}
.sect {font-weight : bold;  font-style : italic;
}
img.nob {background-color: transparent; color: rgb(111, 122, 158); border: 0px none;
}
img.nobc {background-color: transparent; color: rgb(111, 122, 158); border: 0px none;
	text-align : center;
}
.jus {
	text-align : justify;
}
.jb {
	text-align: justify; font-weight: bold; 
	}
.cen {
	text-align : center;
}
.cb {	
	text-align: center; font-weight: bold; 
	}
.lft {
	text-align : left;
}
.lb {	
	text-align: left; font-weight: bold; 
	}
.rt {
	text-align : right;
}
.rb {
	text-align : right; font-weight : bold; 
	}
.u {
	text-decoration: underline;
}
.hide {
	display: none;
}