/* levels6 for internal pages. Working version */

a:link {
  color:#000000; 
	border-bottom:1px solid #6495ed; 
	text-decoration:none;
  }
	
.nav2 a {
  display:block;
	padding-left:4px;
  color:#006058;
	decoration:none;
	background-color:#bcd2ee;
  border-top:1px solid #8db6cd;
	border-bottom:1px solid #8db6cd;
	}
	
.nav3 a:link { 
	text-decoration:none;
	}
	
.header a {
	padding:0px;
  color:#006058;
	decoration:none;
	border:0px;
	}
	
.footertext a   {
  color:#FF9966; 
	font-weight:bold;
	border-bottom:1px solid #008862;
	background:none;
	text-decoration:none;
	}

.linkbtn a:link {
  color:#FFFF00;
	background-color:#4682b4;
	decoration:none;
	display:block;
	height:100%; width:100%;
	border:1px solid brown;
	padding:4px 2px 4px 2px;
	}

a:visited { 
  color:#000000; 
	border-bottom:1px solid #008862;
  text-decoration:none;
	}
	
.nav2 a:visited { 
  display:block;
	color:#006058;
	decoration:none;
	background-color:#bcd2ee;
	}
	
.nav3 a:visited { 
	text-decoration:none;
	}
	
.header a {
	decoration:none;
	border:0px;
	}
	
.footertext a:visited   {
  color:#FF9966;
	font-weight:bold; 
	background:none;
	text-decoration:none;
	}
	
.linkbtn a:visited {
  color:#FFFF00;
	background-color:#4682b4;
	decoration:none;
	display:block;
	height:100%; width:100%;
	border:1px solid brown;
	padding:4px 2px 4px 2px;
	}	

a:hover {
  color:#002558;
	background-color:#ffff88;
	border-bottom:2px solid gold;
	text-decoration:none;
	}

.nav2 a:hover {
  display:block;
  color:#ffd700;
	decoration:none;
  background-color:#6495ed;
  border-top:1px solid #6c7b8b;
	border-bottom:1px solid #a4d3ee;
  border-left:1px solid #a4d3ee;
	border-right:0px;
	z-index:10;
  }
	
.nav3 a:hover {
  text-decoration:none;
	}
	
.header a:hover {
	padding:0px;
  color:#006058;
	decoration:none;
	border:0px;
	}
	
.footertext a:hover {
  color:yellow;
	background-color:transparent;
	border-left:0px; border-right:0px; border-top:0px;
	border-bottom:2px solid #a4d3ee;
	}
	
.linkbtn a:hover {
	color:#FFFF66;
	background-color:#00CCFF;
	decoration:none;
	display:block;
	height:100%; width:100%;
	border:1px solid gold;
	}

a:active {
  color: #2e8b57;
	background:#ffffff;
	}
.nav2 a:active {
  display:block;
	color:#ffd700;
	decoration:none;
	background-color:#6495ed;
	border-bottom:1px solid #a4d3ee;
	}

.footertext a:active {
  color:#ffd700;
	background-color:transparent;
	border-bottom:3px solid #a4d3ee;
	}

/* FOR BODY, NO MARGINS */
.nospacing {
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  visibility:visible;
  z-index:1;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
	text-align:center;
  }

/* BACKGROUND n TEXT COLOR COMBOS */
/* primary color is blue */
.cb1,#topics1,.subj,.dropcap { background-color:#4682b4; }

/* TEXT COLORS WHERE TEXT HAS BACKGROUND COLOR*/
/* off white goes with primary */
.cb1,.cb1h,#topics1,.subj,.dropcap,.linkbtn { color:#ccccff; }
.dropcap { border:2px solid #ccccff; }

/* white */
.footer {color:#ffffff; }

/* TEXT COLOR where bkg is white */
body,p,h1,h2,h3,h4,h5,.summ,.copyright,.auth,.nav3 { color:#003366; }

/* TEXT FONT FAMILIES */
/* Article text. If best screen serif fonts are no go, alternate san serif are given. */
p {font-family:Georgia, Bookman, serif; }
h4.s,h5.s,.summ,.three,.leftpiece, { font-family:Century Gothic,News Gothic,Microsoft Sans Serif,Tahoma,Verdana,Geneva,New York,sans serif; }
/* General text, but not article text, and headlines after h1 h2 */
body,h1.s,h2.s,h3,h4,h5,.nav3,.copyright,.footer,.rightpiece { font-family:Microsoft Sans Serif,Tahoma,Verdana,Geneva,New York,sans serif; }
h1,h2,.auth { font-family:Skia,Optima,Albertus,Futura,Trebuchet MS,Trebuchet,Franklin Gothic Medium,Tahoma,Verdana,Microsoft Sans Serif,sans serif; }
.subj,.nav2,.linkbtn { font-family:Arial Narrow,Trebuchet MS,Trebuchet,MS San Serif,Arial,Helvetica; }

/* TEXT PRIMARY: SIZE, STYLE */
p { font-size:100%; line-height:130%; }
h1 { font-size:150%; line-height:110%; }
h1.s { font-size:120%; line-height:110%; }
h2 { font-size:135%; line-height:110%; font-weight:bold; }
h2.s { font-size:110%; line-height:110%; }
h3 {font-size:120%; line-height:110%; font-weight:bold; }
h3.s { font-size:100%; line-height:110%; font-weight:bold; }
h4 {font-size:110%; line-height:110%; font-weight:bold; }
h4.s { font-size:100%; line-height:110%; font-weight:bold; }
h5 { font-size:100%; line-height:110%; font-weight:bold; }
h5.s { font-size:100%; line-height:110%; font-style:emph; }
.nav2,.linkbtn { font-size:75%/130%; font-weight:800; }
.nav3 { font-size:85%/120%; }
.three { font-size:85%/110% }


/* TEXT secondary: SIZE, STYLE */
.auth { font-size:90%; line-height:110%; font-weight:bold; margin-bottom:14px;}
.sm, .degree { font-size:80%; line-height:120%; font-weight:bold; }
.subj, .copyright { font-size:75%; line-height:110%; }
.leftpiece, .rightpiece {
  font-size:80%; line-height:120%;
	}

/* TEXT SPECIALIZED OR EFFECTS: SIZE, POSITION, SHAPE */
/* Home 1 is link above header */
.hilite {
  background-color:#FFFF66;
	}
.inset {
  padding-left:14px; padding-right:10px;padding-top:5px; padding-bottom:8px;
	margin-top:12px;
	margin-bottom:18px;
	border:1px solid gold;
  }
.leftpiece {
  padding:4px;
	margin-right:10px;
	border:1px solid #aaaaaa;
  }
.rightpiece {
  padding:4px;
	margin-right:4px;
	border:1px solid gray;
	}
.home1 { 
  position:absolute;
	top:90px; right:50%;
	margin-right:-195px;
	z-index:20;
	}
.dropcap {
	font-size:200%;
	float:left;
	line-height:normal;
	padding-right:0px; padding-left:3px; 
	margin-left:1px; margin-right:3px;
	font-family:bookman,serif;
	font-style:italic; text-align:center;
	font-weight:700;
	}
ul { list-style:disc outside; }
.footer { vertical-align:text-bottom; width:100%; }
.footertextbox {
  position:relative;
	top:118px;
	background-color:#000000;
	padding-left:5px; padding-right:5px;
	border-top:solid 1px silver;
	border-bottom:10px solid #000000;
	margin:0px auto;
	text-align:center;
	align:text-center;
	z-index:99;
	}
.footertext {
	font-size:12px;
	line-height:100%;
	font-weight:900;
	color:#cccccc;
	}
.footertext div {
  background:#000000;
	}
	
.linkbtn {
  padding:6px;
	border:1px solid black;
	text-align:center;
	width:120px;
	margin:auto;
	font-size:65%;
	line-height:105%;
	}
.boxtop {font-size:80%; line-height:110%; font-weight:900; text-align:center; }
	
/* SEARCH SEARCH SEARCH */
#bannersearch_in {
  position:absolute; top:18; right:10px;
	text-align:right;
		z-index:10;
	}
.search_input_in {
	margin-bottom:4px;
	margin-top:12px;
	color:#26a;
	background:#feb;
	border:2px inset #26a;
	}
	
.search_submit_in {
	color:#000;
	background:#fb0;
	border:2px outset #9cf;
	padding-bottom:2px;
	margin-bottom:6px;
	font-family:Arial Narrow; font-size:10px; font-weight:900;
	}


/* TABLE MAJOR XXXXXXXXXXXX */
/* HOO BOY */
#table1spacer { height:125px; }


#table1 {
  position:relative; top:0px; left:0px;
  width:100%;
	z-index:5;
	}
.cell1 {
  align:center;
	valign:top;
	}


/* TEXT BLOCKS, minor: POSITION, SHAPE */
/* top thin strip contains topics of page */
#topics1 {
  position:absolute; top:0px; left:0px;
	width:100%;
  font-size:70%;
  margin-top:0px;
  font-weight:bold;
  text-align:center;
  padding-top:2px;
  padding-bottom:4px;
  border-bottom:1px solid #CCCCFF;
	z-index:100;
  }
/* subj: topic line above title of article */
.subj {
  padding-left:12px;
  padding-right:12px;
  padding-top:.1em;
  padding-bottom:.16em;
  }
/* summ: brief summary after article title */
.summ {
  width:90%;
  margin-left:5%;
  margin-right:5%;
  border-top:1px solid #003366;
  border-bottom:1px solid #003366;
  padding-top:.5em;
  padding-bottom:.8em;
  }
	
	/* COLUMN FORMATTING using colleft however in template */
	
.tablecolleft { position:relative;
  left:0px; top:0px;
  width:800px; 
  }

div.nav2 {
   margin-right:15px; 
	 }
	/* nav3 is also used in bottom for more links in add htm */
div.nav3 {
  padding-left:12px; padding-right:8px; padding-top:8px; padding-bottom:10px;
	border:1px solid #aaaaaa; display:block; font-size:85%; line-height:120%;
	}

/* BOTTIN TABLE HOLDS REPEATING IMAGES, AND DIV FOR SLICED BOTTom INternal
  Uses HTML flow and actual table scheme, not same approach as header, because of
	browser difficulties in positioning elements at bottom of page
	 */
	 
table.bottin {
  width:100%; vertical-align:bottom;
  border-collapse:collapse;
  border-spacing:0px;
  }
#bone {
  background-image:url(images/bott_l.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  border-spacing:0px;
  }
#btwo {
  width:790px; height:121px;
  background-position:bottom;
  background-repeat:no-repeat;
  z-index:0;
  }
	
#bthree {
  background-image:url(images/bott_r.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  border-width:0px;
  }

/* TABLE HOLDS HEADIN REPEATING IMAGES, AND DIV FOR SLICED HEADIN */
/* Hey, re-do without spacer gifs */

table.headin {
  position:absolute;
  top:19px; left:0px;
  width:100%;
  height:130px;
  border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	vertical-align:top;
	zindex:1;
  }

table.headin td.one {
  background-image:url(images/headin_l.jpg);
  background-repeat:repeat-x;
  background-position:top;
  border-spacing:0px;
	border-width:0px;
	z-index:1;
  }
table.headin td.two {
  position:relative; top:-1;
  background-position:top;
  width:780px; height:121px;
	border-width:0px;
	border-spacing:0px;
  background-repeat:no-repeat;
	vertical-align:top;
  z-index:1;
  }

table.headin td.three {
  background-image:url(images/headin_r.jpg); position:relative; left:-1;
  background-repeat:repeat-x;
  background-position:top;
  border-width:0px;
	border-spacing:0px;
	z-index:1;
  }