/*  FoxFire Studios of Saint Louis */
/*  Main Cascading Style Sheet     */
/*  © 2004 David Gonterman         */

/*  Section One:  The actual HTML Tag styles */

body {
  background: url(http://foxfirestudios.net/images/brushedaluminum.gif);
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color : Black;
}

a:link {
  color: blue;
  text-decoration: none;
  background-color : inherit;
}

a:visited {
  color: blue;
  text-decoration: none;
  background-color : inherit;
}

a:hover {
  color: blue;
  text-decoration: underline;
  background-color : inherit;
}

a:active {
  color: blue;
  text-decoration: line-through;
}

div > p {
  margin-top: 0;
}

pre {
 margin: 10px;
 padding: 5px;
 background: #fff;
 font-family: 'Courier New', Courier, monospace;
 font-size: 11px;
 word-wrap: break-word;
}

 

/*  Section Two:  The Holy Grail Triple Border Effect One-Half */

/*  Row 1--Small Site Logo */

#topleft {
  margin-bottom: 10px;
  float: left;
  height: 105px;
  width: 245px;
}
#topright {
  background: #ccd;
  padding: 5px;
  height: 105px;
  margin-left: 250px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 3px outset #ccd;
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-size: 65px;
}

/*  Row 1--Large Site Logo */

#topleft-main {
  padding: 2px;
  margin-bottom: 10px;
  float: left;
  height: 105px;
  width: 500px;
}
#topright-main {
  background: #ccd;
  padding: 5px;
  height: 105px;
  margin-left: 550px;
  margin-bottom: 10px;
  border: 3px outset #ccd;
  text-align: center;
}

/*  Row 2--Triple Column */

#wrapper {
  margin: 0 10px;
  padding: 0;
}
#left {
  float: left;
  width: 190px;
  background-color: #ccd;
  border: 3px groove #ccd;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 10pt;
}
#right {
  float: right;
  width: 200px;
  background: #ccd;
  border: 3px groove #ccd;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 10pt;
}

#banner {
  margin-left: 140px;
  margin-right: 220px;
  background-color: #ccd;
  border: 3px groove #ccd;
  padding: 5px;
  margin-bottom: 10px;
}

#center {
  margin-left: 210px;
  margin-right: 220px;
  background-color: #fffff6;
  padding: 5px;
  border: 3px ridge #dff;
  margin-bottom: 10px;
}

/*  Row 2--Double Column  Use the 'wrapper,' and 'left' from the Triple Column  */


#submenu {
  margin-left: 140px;
  padding: 5px;
}

#banner-two {
  margin-left: 210px;
  background-color: #ccd;
  border: 3px groove #ccd;
  padding: 5px;
  margin-bottom: 10px;
}

#center-two {
  margin-left: 210px;
  background-color: #fffff6;
  padding: 5px;
  border: 3px ridge #dff;
  margin-bottom: 10px;
}

/*  Row 3--Use to keep Footer from ducking inside Row 2  */
#clear {
  clear: both;
}

/*  Row 4--Footer */

#footer {
  background: #ccd;
  border: 3px inset #ccd;
  margin: 30px 20px 20px 20px;
  text-align: left;
  font-family: Courier, 'Courier New', monospace;
  font-size: 8pt;
}

/*  Section Three--Text Effects  */

.smalllabel {
  font-family: Courier, 'Courier New', monospace;
  letter-spacing: -0.05em;
  font-size: 14pt;
  text-align: center;
  text-decoration: overline;
  font-variant: small-caps;
  font-weight: 700;
}

.indent {
  text-indent: 2em;
}

.dropcap
 {float:left;
 margin-top:-.2em;
 margin-right:.1em;
 color:black;
 font-size:50px;
 font-weight:bold;
 font-family:"times","Times New Roman";} 

li a:link {
  font-size: 1.15em;
  color: blue;
  text-decoration: none;
  background-color : inherit;
}

li a:visited {
  font-size: 1.15em;
  color: blue;
  text-decoration: none;
  background-color : inherit;
}

li a:hover {
  font-size: 1.15em;
  color: blue;
  text-decoration: underline;
}

li a:active {
  font-size: 1.15em;
  color: blue;
}

.hintsClass {
 text-align: justify;
 text-indent: 2em; 
 font-size: 12pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #cce4f1;
 border: 3px outset #cce4f1;
 padding: 3px;
}

.coding {
 font-family: 'Courier New', Courier, monospace;
}

/*New Main Menu CSS*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

dt {
	font-size: 16pt;
	font-family: sans-serif;
	font-style: italic;
}