/* CONTAINER
------------- */
#container {
    margin: 0em 4em 1em 3em;
    width: 90%;
}

/* BODY
-------- */
body  { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 90%;
    margin: 0;
	padding: 0;

}

/* HEADER
---------- */
#header  {
    width: auto;
    margin: 0;
	padding: 0.25em 0 0.25em 0;
}
#header h1  { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 150%; 
    color: #FFFFFF;
    background-color: #cc0000;
    text-align:left;
    padding: 0.5em;
    margin: 0
}

/* NAVIGATION
-------------- */	
#navigation {
	width: auto;
	margin: 0 0 0.25em 0;
	padding: 0.25em 0 0.25em 0;
	background-color: #d9d9d9;
}
#navlist {
	margin: 0;
	padding: 0;
	text-align: right;
}
#navlist li {
	display: inline;
	list-style: none;
	padding: 0 0.5em 0 0.7em;
	border-left: 1px solid #8a8a8a;
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 80%;
}
#navlist li#navhome {
	display: inline;
	list-style: none;
	border: none;
}
#navlist a, #navlist a:link, #navlist a:visited {
	text-decoration: none;
	color: #000;
}
#navlist a:hover, #navlist a:active { 
	text-decoration: underline;
	color: #6666CC;
}

/* CONTENT
----------- */
#content {
    padding: 0;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}    

#introduction-left {
    float: left;
    padding: 0 0.5em 0.5em 0;
}

#resources {
    float: left;
    width: 100%;
    padding: 1em 0 0 0;
}

.description { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: #454545; 
    padding: 0.5em; 
    background-color: #F5F5F5;
}

.highlight { 
    color: #454545; 
    padding: 0.5em; 
    background-color: #ffc;
    font-weight: bold;
}

ul   { 
    font-family: Arial, Helvetica, sans-serif; 
    list-style-type: square;
}

#resources td   {
    border: 0;
}
    

/* HEADINGS
--------------- */
h1    {
    font-size: 160%; 
    font-family: Verdana, Arial, sans-serif;
    color: #990000;
}

h2    {
    font-family: Verdana, Arial, sans-serif; 
    font-size: 1.3em; 
    color: #454545;
    font-weight: bold;
    background: #ffefef;
    border: 1px solid #ffcfcf;
    padding: 0.1em;
    margin: 0.8em 0 0.5em 0;
}

h3    { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 1.1em; 
    font-weight: bold;

}

h4    {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
   }

/* FOOTER
----------- */
#footer {
    float: left;
    margin-top: 50px; 
    margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 80%;
	color: #666;
    width: 99%;
}