/* levels6 for internal pages. Working version */

/* STORE ITEMS MOVE TO SEPARATE CSS SHEET */

img {
	text-align:center
	}

table.recs1 {
  position:relative;
  top:0px; left:0px;
  border-collapse:collapse;
	color:#ccccff;
  background-color:#4682b4;
	border:1px solid #000000;
	vertical-align:middle;
	font-size:.7em; font-weight:900;
  }
	
table.recs1 td.stitle {
  background-color:#ccccff;
	color:#4682b4;
	font-size:1.2em; font-weight:800;
  }

table.recs1 td.resolution {
	border-bottom:1px solid #ccccff;
  }
	
table.recs1 td.flash {
  border:1px solid #4682b4;
	background-color:#ffffff;
	}
	
table.recs1 td.stitle {
  font-size:18pt;
	}
	
table.recs1 td.stitle img {
  float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:3px;
	margin-bottom:4px;
	}

/* LINKS */

a:link {
  color:#5485dd; 
	font-weight:bold; 
	text-decoration:none;
  }

.top {
	display:block;
	width:60px;
	text-align:center;
	line-height:2em;
	font-size:80%;
	font-weight:900;
	border:1px solid silver;
	z-index:100;
	margin-left:100px; }
.top a {
	display:block;
	background-color:#FFFF66;
	text-decoration:none;
	}

.pde_parent a:link {
  background:url(images/plus.gif) 0 50% no-repeat #4682b4; border-bottom:1px solid brown; cursor:help;
	}
	
.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,.recs1 a {
  color:#99FFCC; 
  }
	
.header a {
	padding:0px;
  color:#006058;
	decoration:none;
	border:0px;
	}
	
.footertext a   {
  color:gold; 
	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;
	}

/* VISITED LINKS */

a:visited { 
  color:#5485dd; 
  text-decoration:none;
	}
	
.nav2 a:visited { 
  display:block;
	color:#006058;
	decoration:none;
	background-color:#bcd2ee;
	}
	
.nav3 a:visited {
  color:#006058;  
  }

.recs1 a:visited {
  color:#006058;  
  }
	
.header a {
	padding:0px;
	decoration:none;
	border:0px;
	}
	
.footertext a:visited   {
  color:gold; 
	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;
	}	
	
/* HOVER LINKS */

a:hover {
  color:#002558;
	text-decoration:none;
	}

.top a:hover {
  display:block;
	background-color:#FFFF00;	
  color:#000000;
	text-decoration:none;
	}

.nav2 a:hover {
  display:block;
  color:#ffd700;
	text-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 { 
	color:#33FFFF;
	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;
	}
	
.pde_parent a:hover {
	background-color:#00CCFF;
	}

a:active {
  color: #2e8b57;
	}
.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,.nav3 { background-color:#4682b4; }

/* TEXT COLORS WHERE TEXT HAS BACKGROUND COLOR*/
/* off white goes with primary */
.cb1,.cb1h,#topics1,.subj,.dropcap,.linkbtn, .smneg { color:#ccccff; }
.dropcap { border:2px solid #ccccff; }

/* white */
.footer,.nav3 {color:#ffffff; }

/* TEXT COLOR where bkg is white */
body,p,h2,h3,h4,h5,h6,.summ,.copyright,.auth { color:#003366; }
h1 { color:purple }
.whythishere { color:#006699; }
.fadetxt {color: #408080}

/* TEXT FONT FAMILIES */
/* Article text. If best screen serif fonts are no go, alternate san serif are given. */
p, .prodtext {font-family:Georgia, Bookman, serif; }
h4.s,h5.s,h6s,.summ { font-family:Microsoft san Serif,Tahoma,Verdana,Geneva,New York,san serif; }
/* General text, but not article text, and headlines after h1 h2 */
body,h1.s,h2.s,h3,h4,h5,h6,.nav3,.copyright,.footer { font-family:Microsoft San Serif,Tahoma,Verdana,Geneva,san serif; }
h1,h2, .prodhead, .auth { font-family:Skia,Optima,Albertus,Futura,Trebuchet MS,Trebuchet,Franklin Gothic Medium,Tahoma,Verdana,Microsoft san Serif,san serif; }
.subj,.nav2,.linkbtn { font-family:Arial Narrow,Trebuchet MS,Trebuchet,MS San Serif,Arial,Helvetica; }

/* TEXT PRIMARY FUNCTIONS: SIZE, STYLE */
p { font-size:80%; line-height:110%; }
h1 { font-size:150%; }
h1.s { font-size:120%; }
h2 { font-size:135%; font-weight:bold; }
h2.s { font-size:110%; }
h3 {font-size:120%; font-weight:bold; }
h3.s { font-size:100%; font-weight:bold; }
h4 {font-size:110%; font-weight:bold; }
h4.s { font-size:100%; font-weight:bold; }
h5 {font-size:100%; font-weight:bold; }
h5.s { font-size:100%; font-style:italic; }
h6 {font-size:100%; font-weight:bold;font-style:italic; }
h6.s { font-size:90%; font-style:italic; }

/* TEXT n OBJECTS secondary functions: SIZE, STYLE */
.prodimg {
	float:left;
	border-width:0px;	
	margin-right:12px;
	margin-top:12px;
	}
.prodhead {
	position:relative; top:.5em;
	font-size:100%;
	font-weight:bold;
	margin-right:12px;
	margin-top:12px;
	margin-bottom:1em
	}
.prodtext {
	position:relative; top:-.3em;
	float:clear;
	margin-right:12px;
	margin-bottom:24px;
	font-size:80%;
	line-height:110%;
	font-weight:normal;
	}

.navbtn1 {
	margin-bottom:5px;
	text-align:left
	}
.auth { font-size:90%; line-height:110%; font-weight:bold; margin-bottom:14px;}
.sm, .smneg, .copyright,.subj,.degree { font-size:80%; line-height:110%; font-weight:bold; }
.copyright { margin-left:110px; font-size:75%; font-weight:900; }
.subj { font-size:75%; line-height:110%; }
.title { width:100%; font-size:1.3em; font-weight:600; border-top:1px solid gold; border-bottom:1px solid gold; }

/* TEXT n OBJECTS SPECIALIZED OR EFFECTS: SIZE, POSITION, SHAPE */
/* Home 1 is link above header */

.lead {
  font-weight:900;
  }
.inset {
  padding-left:14px; padding-right:10px;padding-top:5px; padding-bottom:8px;
	margin-top:12px;
	margin-bottom:18px;
	border:1px solid gold;
  }
.home1 { 
  position:absolute;
	top:90px; left:435px;
	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,times new roman,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:110px;
  background:#8090ff; 
	padding-left:5px; padding-right:5px;
	margin:0px auto;width:250px;
	width:500px;
	text-align:center;
	align:text-center;
	z-index:99;
	}
.footertext {
	font-size:12px;
	font-weight:900;
	color:#cccccc;
	}
.footertext div {
  background:#8090ff;
	}
	
.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; }

.special {
  border:1px solid gold; padding:2px; color:#ffffff;
	background-color:#FF00CC;
	font-family:erdana,Tahoma,Arial,Geneva,New York,san serif;
	}

/* 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:10px;
  width:800px; 
  }

div.nav2 {
   margin-right:15px; 
	 }
div.nav3 {
  padding-left:12px; padding-right:8px; padding-top:8px; padding-bottom:14px;
  margin-left:14px;
	border:2px solid #aaaaaa;
	}

/* 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-width:0px;
	vertical-align:top;
	z-index:1;
  }

table.headin td.one {
  background-image:url(images/headin_l.jpg);
  background-repeat:repeat-x;
  background-position:top;
	width:24px;
	border-width:0px;
	z-index:1;
  }
table.headin td.two {
  position:relative; top:-1;
  background-position:top;
  width:780px; height:121px;
	border-width: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;
	width:100%;
  border-width:0px;
	z-index:1;
  }
