/* ############################################################# */
/* Adds "text align" selector to compensate for lack of          */
/* support for auto margins in IE. Defines page-wide             */
/* background color.                                             */
/* ############################################################# */

body {
    text-align: center;
    background-color: black;
		background-image: url(../images/diagonal_icons.jpg);
		background-attachment: fixed;
    }
.em {
    color: #9900cc;
    font-weight: bold;
    }
.redtext {
    color: red;
    font-weight: bold;
    }

/* ############################################################# */
/* Defines "id" styles for the "container" page division.        */
/* Again, "text-align" compensates for lack of "auto" margin     */
/* support in IE.                                                */
/* ############################################################# */

 #container {
    text-align: left;
    color: silver;
    background-color: black;
    width: 770px;
    margin: 10px auto 10px auto;
    border-top: 1px solid white;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    }

/* ############################################################# */
/* Declaration list for the selector id "top". This selector     */
/* targets the masthead portion of the html pages.               */
/* ############################################################# */

 #top {
    padding: 0;
    margin: 0 auto 0 auto;
    height: 120px;
    width: 770px;
    background-color: silver;
    background-image: url("../images/fate_header_01.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid black;
    }

/* ############################################################# */
/* Declaration list for the selector id "leftnav". This selector */
/* targets the left-hand navigation column of the html pages.    */
/* ############################################################# */

 #leftnav {
    float:left;
		width: 160px;
		margin: 15px 0px 0px 2px;
		padding: 2px;
		}

    #leftnav ul {
        margin: 0;
		    padding: 0;
        list-style-type: none;
		    }
    #leftnav li {
		    width: 165px;
        margin: 0 0 1px 0;
		    }
    #leftnav a {
        display: block;
				font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 1em;
		    font-weight: bold;
		    color: black;
				text-align: center;
		    text-decoration: none;
		    background-color: silver;
		    width: 160px;
				margin: 0 0 5px 10px;
		    padding: 2px;
		    border: 3px outset silver;
		    }
    #leftnav a:hover {
		    color: white;
        background-color: black;
				border: 3px inset silver;
		    }
    #leftnav li li a {
        display: block;
		    background-color: #003333;
		    color: white;
				font-family: Arial, Helvetica, sans-serif;
				font-size: .9em;
		    font-weight: bold;
		    text-decoration: none;
		    width: 150px;
		    padding: 2px;
				margin-top: 2px;
				margin-left: 20px;
		    border: 3px outset #004444;
		    }
		#leftnav li li a:hover {
        display: block;
		    background-color: black;
		    color: white;
				font-family: Arial, Helvetica, sans-serif;
		    font-weight: bold;
		    text-decoration: none;
		    padding: 2px;
		    width: 150px;
		    border: 3px inset #003333;

		    }

 #content {
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
    margin-left: 210px;
		border-left: 1px solid white;
		padding: 1em;
		line-height: 120%;
		}
    #content h3 {
	       font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
			   font-size: 1.1em;
	       text-decoration: underline;
		  	 color: white;
	       margin-top: 0;
			   margin-right: 0;
			   margin-bottom: .5em;
			   margin-left: 0;
			   }
    #content h2 {
	       font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
			   font-size: 1.2em;
	       text-decoration: underline;
			   color: white;
	       margin-top: 0;
			   margin-right: 0;
			   margin-bottom: .5em;
			   margin-left: 0;
			   }
		#content ul {
		     list-style-type: none;
				 padding: 0;
				 margin: 0 0 0 20px;
				 font-size: 1em;
				 }
		#content a {
		     color: #009999;
				 }
		#content a:hover {
		     color: white;
				 }
	  #intranav {
	       margin-top: 25px;
			   }
    #intranav ul {
	       display: block;
			   background-color: #003333;
			   text-align: center;
			   border: 1px solid gray;
	       margin-top: 0;
				 margin-left: 0;
			   padding: 2px 0 6px 0;
	       list-style-type: none;
		  	 }
	  #intranav ul li {
	       color: #336666;
			   font-size: 1em;
			   font-weight: bold;
	       display: inline;
			   padding: 0;
			   }
	  #intranav ul li a {
			   color: silver;
			   text-decoration: none;
			   font-size: 1em;
			   }
	  #intranav ul li a:hover {
	       color: white;
			   }
    #intra {
		     display: block;
				 margin-top: 15px;
				 margin-bottom: 15px;
				 font-size: .7em;
				 }
		#intra a {
		     color: silver;
				 }
 #footer {
    clear: both;
		text-align: center;
		margin: 0;
		padding: .5em;
		border-top: 1px solid white;
		}
#footer p {
font-size: .8em;
margin: 15px auto 5px auto
}
#footer a {
color: silver;
}
    #footernav {
	      text-align: center;
			  }
    #footernav ul {
	      margin: 0;
			  padding: 0;
	      list-style-type: none;
			  }
	  #footernav ul li {
	      display: inline;
			  }
	  #footernav ul li a {
			  color: silver;
			  font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
				font-weight: bold;
			  font-size: 1em;
				text-decoration: none;
				border-bottom: 3px double silver;
				padding: 0;
				margin: 0 5px 0 5px;
			  }
	  #footer ul li a:hover {
	      color: white;
			  }