@charset "iso-8859-1";
/* =========================
last revised: 6 May 2008

Notes: 	tag selector established by HTML label, e.g., body
		.label establishes a "class" selector
		#label establishes an "ID" slector, can be used only once per page. 
============================ */

/* ======================
this creates the first background layer
as well as body styles	========================= */

body {
  	 ;
  	font-family: Comic san serif, Comic Sans MS, Arial, Helvetica, Verdana, non-serif;
  	font-size: 120%;
	background-color: #FFF7C6;
	}
/* ======================
To add to body above:
		font-size: 62.5%; 
	Makes "normal" size = 10 pixels instead of 16, for easier calculation
	Further font size manipulation can be in em units, 16px = 1.6em
	========================= */
#bakgrnd { 
	background-image: url(images/bg4a.gif) ; 
	background-position: left;
	background-repeat: repeat;
	background-color: #FFF7C6;
	/* background-image: url(/images/bg2.gif); */
	}
body img { 
	border: 1px navy;
	text-decoration: none;
}
/* ======================
	Alternate body bg color
			========================= */
.body-alt { background-color: #FFFF99 /* lt yellow */;
}
/* ======================
	divs for banner, navbar & content -- called with id="xxx"
	I don't like the absolute positioning; want to find a better way
				========================= */
#masthead { margin: 0;
	text-align: center;
	} /* = space for banner.htm included file */
#logo1 {float: left; 
	width: 60px;
	height: 75px:
	}
#logo2 {float: right; 
	width: 60px;
	height: 75px:
	}
#banner {float: clear;
	width: 610px;
	}	
#topnav { 	margin-top: 10px;
	padding-left: 5px;
	text-align: center;
} /* to appear under banner */
#leftnav { float: left;
	width: 128px;
	margin-top: 20px;
	padding-left: 10px;
	text-align: center;
	font-size: 0.9em;
	border: 1px solid blue;
}  /* = space for navbar.htm included file, menu to run along left side */
#content {	margin-left: 145px;
	margin-top: 20px;
	padding-left: 10px;
	border-left: 1px solid #D6ECAE;
} /* space for page content */
#rt-col { float: right;
	margin-left: 80%;
} /* = space for right column on page
	tricky, because "content" needs to be squeezed to allow space on right */
	
/* ======================
	special banner formatting
				========================= */
  h1.banner {font-family: Baskerville Old Face;
   	font-weight: bolder;
  	color: navy;
  	text-align: center;
  	background: yellow;
  	font-face: Baskerville Old Face; 
} 
  .motto { font-family: Cooper Black, Times New Roman, serif; 
    color: green;
    text-align: center; 
    font: 1.8em italic;
    padding: 15%;
   } /* formats motto in banner */
 .denver {text-align: center;
    font: bold italic;
    color: #CC3300;
   } /* formats DSA location in banner */

/* ======================
	paragraphs
		========================= */
p {font-size: 1.0em; 
	margin: 0.5em 0.2em 0 0.3em ;
}
p:firstletter ( 
	font-size: 2.4em; float: left; }
p.smallcap {font-variant: small-caps; }
.byline { text-align : right;	
	font-size: 0.8em; }
.close { margin: 0 0 0 0;
}
/* ============================
	all links	========================== */
a {
	text-decoration: underline;
}
a:link { 
	background: transparent;
	color: #0066FF;
	color: blue;
}
a:visited {
	background: transparent;
	color: #0066FF;
	color: purple;
}
a:hover {
	background: transparent;
	color: #505BA4;
	text-decoration: underline;
}
a:active {color: red}

.navcategory {
  color: black;
  font-size : small;
  font-weight: normal
}
.navlink {
  color: blue;
  font-size : small;
  font-family : Verdana;
  font-weight: normal
}
.navnolink {
  color:gray;
  font-size : small;
  font-family: comic sans ms;
  font-weight: normal
}

/* =========================
	page titles & headings 
	h1 = page title, h2 = section heading, etc.
	Headings take full width of containing blocks & force line breaks before following text
		====================== */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0em;
  margin-bottom: 0.0em;
  margin-left: 0; 
}
h1, h2 {
  font-family: Comic Sans MS, "Arial Black", sans-serif;
  text-align: center;
  color: navy;
  margin-bottom: -0em;
}
h3, h4, h5, h6 {
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif, Verdana;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

h1 {
  text-align: center;
  font-size: 1.5em;
  color: navy; 
  text-color: navy;
  background-color: #D33; /* xx% red, xx% green?, xx% blue */
} 

h2 {
  text-align: center;
  text-indent: 0%;
  font-size: 1.4em;
  font-style: bold;
  color: navy;
}
h3 {  text-align: center;
	font-size: 1.3em;
  color: blue;
}
h4 {font-size: 1.3em;
  color: green;
}
h5   { font: 1.3em bold; color: purple}
h6 {font: 1.3em italic bold; color: green;
}

/* =========================
	Lead sentence spans (based on normal font-size reduced to 10px)
	Purpose: To lead a paragraph w/o a line break
	 ====================== */
.ld-blk {color: black; font-size: 1.1em; font-weight: bold; }
.ld-red {color: red; font-size: 1.1em; font-weight: bold; }
.ld-blu {color: blue; font-size: 1.1em; font-weight: bold;  }
.ld-grn {color: green; font-size: 1.1em; font-weight: bold; }
.ld-purp { color: #800080 ; font-size: 1.1em; font-weight: bold; } /* purple */
.ld-brn {color: #800000; font-size: 1.1em; font-weight: bold; } /* brown */
.ld-br {color: #CC3300; font-size: 1.1em; font-weight: bold; } /* brick-red */
.ld-pump {color: #FF6600; font-size: 1.1em; font-weight: bold; } /* pumpkin orange */
.mid-red {color: red; font-size: 1.1em; font-weight: bold; }

/* =========================
	tables	====================== */
table { width : 100%
    margin-left: auto; 
    margin-right: auto
}
/* =========================
	table rows	====================== */
tr
.s {background-color: #f0f0f0} /* silver-gray? */
.w {background-color: #ffffff}  /* white */
.r {color: red}
.bg-y {background-color: yellow}  /* hi-lite efftect */
.y {color: yellow; background-color: #f0f0f0}  /* yellow text, bg=gray */
.grn {background-color: rgb(0%,40%,0%); }  /* green bg */

/* =========================
	table cells	====================== */
td
.c {font-family: comic sans ms; 
    font-size: small;
    text-align: center; 
    margin-left: auto; 
    margin-right: auto
}
.l {font-family: comic sans ms; 
    font-size: small;
    text-align: left; 
    margin-left: auto; 
    margin-right: auto
}
.r {color: red
    font-family: courier; 
    font-size: small;
    text-align: center; 
    margin-left: auto; 
    margin-right: auto
}
.s {background-color: f0f0f0} /* silver */
.w {background-color: ffffff} /* white */
.r {color: red}
.y {color: yellow}
}

/* =========================
	bullet list	
	Needs work
	====================== */

ul {
}

.brickred {color: #CC3300}
.pumpkin {color: #FF6600}

/* =========================
	definition list	====================== */
dl {
  margin-top: 0;
  Margin-bottom: .25em;
  margin-left: .5em
}
dt {
  margin-top: 0;
  Margin-bottom: .25em;
  margin-left: .5em
}
dd (
  font-size : 0.8em;
}

/* =========================
	divisions within text (from McKeever?)	====================== */
.contentMain {
  font-size : 1em;
  font-family : Arial, Helvetica, san serif"";
  width : 398px;
  top : 145px;
  left : 50px;
  position : absolute
}
.sidebar  {
  LEFT: 473px;
  POSITION: absolute;
  TOP: 105px;
  WIDTH: 155px;
}

/* =========================
	fancy horizontal line (from Geary)	======================= */
div.hr {
	background-image: url('/images/xxx.jpg');
	background-position:  center;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	margin: auto;
	width: 385px
}
/* *****************************************************
General information at the bottom of each page 	**************************************************** */
#footer {
	margin-left: auto;
	margin-right: auto;
	font-size: small;
}
/* ====================
	centers text	====================== */
.center {
	text-align: center;
}
.small {
	 font-size: small;
}

#navtbl{
	width: 20%;
	margin-left: auto;
	margin-right: auto;
}
#navtbl td {
	width: 10%;
	text-align: center;
	height: 30px;

}
#navtbl  .next
{
 background-position:  center;
 background-image: url('images/next.gif');
 background-repeat: no-repeat;
 height:30px
}
#navtbl  .back
{
 background-position:  center;
 background-image: url('images/back.gif');
 background-repeat: no-repeat;
  height:30px

}
/* ====================
	end css	====================== */