/* levels6 for internal pages. Working version */

/* STORE ITEMS MOVE TO SEPARATE CSS SHEET */

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; 
	text-decoration:underline;
  }

.pde_parent a:link {
  background:url(dir/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;
	}

a:visited { 
  color:#698b22; 
  text-decoration:underline;
	}
	
.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;
	}	

a:hover {
  color:#002558;
	border-bottom:1px 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 { 
	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;
  }
	
a:hover.imag {
	border-bottom:3px solid #973100;
  }

/* 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,h1,h2,h3,h4,h5,.summ,.copyright,.auth { color:#003366; }
.whythishere { color:#006699; }

/* 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 { font-family: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 { 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 FUNCTIONS: 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:italic; }
.nav2,.linkbtn { font-size:75%/130%; font-weight:800; }
.nav3 { font-size:85%; }


/* TEXT secondary functions: SIZE, STYLE */
.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; }
.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 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,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; }
	
/* 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:800px;
	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;
	white-space:nowrap;
	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 {
  text-align:left;
  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:600px; 
  }

div.nav2 {
   margin-right:15px; 
	 }
div.nav3 {
  padding-left:12px; padding-right:8px; padding-top:8px; padding-bottom:14px;
  margin-left:6px;
	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;
  }
