/* LPF Stylesheet, based on:
   * W3C's Web Accessibility Initiative: http://www.w3.org/WAI/wai-main.css, which is:
   * Copyright 2005 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   * See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
*/

/*
 * Layout of pages using this style sheet:
 * #masthead [ No <p>s in here ]
 *   img
 *   h1 
 *   h3+, h4+
 * #tagline
 *   p
 * #nav (top left column navbar)
 *   h2 (invisible to naked eye)
 *   ...
 *   [.sidebar] (optional; left-side, nested under NAV)
 * #main
 *   h1
 *   [#announce] (right-side)
 *   .highlights
 *   text*
 * #footer
 *   h2 [will be hidden]
 *   address
 */



/* Basics */

body {
    margin: 0em; 
    padding: 0;
    background: #ffffff;
    font-family: "Trebuchet MS", sans-serif; 
    font-size: 100%;
    color: black;
    line-height: 130%; }

img {
    border-style: none;		/* Undo Mozilla UA style sheet */
    vertical-align: baseline;
    max-width: 100%; }		/* Scale images down on narrow windows */

form { 
    margin: 0;
    padding: 0; }


/* Headers */
h1 { 
    margin: 4px 0 14px 0;
    padding: 1.3em 0 0 0;
    font-weight: bold;
    font-size: 145%;
    font-family: Georgia, Palatino, serif; }

h2 { color: #930;
    border-bottom: 1px dashed #c60; }



/* General Stuff */

li { margin-bottom: 5px; }

.changed { background: red; }

.highlight {
    border: solid 1px #630;
    border: solid 1px #3f133d;
    color: #630;
    background-color: #FFC;
    font-weight: bold;
    padding: 0.5em; }


/* Structure markup that is not needed in visual display, but used for screen readers, etc. */
.no-display {
    position: absolute; 
    left: -999px; 
    width: 990px; }

hr { color: #3f133d; background-color: #3f133d; }

/* For images, put in img (doesn't display in some browsers when in div or span) */
.float-right { float: right; }

.float-left { float: left; }

.subtext {
	font-size: 0.9em;
	font-style: italic;
	color: #333333; }


/*
 * The #MASTHEAD element contains one or two logos. It has a white
 * background.
 */
#masthead {
    margin-left: 24%;		/* The background to the right of the logos */
    background: white; }

* > #masthead {
    background-position: 0.6em 0; } /* Hide from WinIE */

#masthead img {
    /*   max-width: 49%;   Scale logos down on narrow screens */
    vertical-align: bottom; }	/* Avoid empty space for descenders below */

/*
 * The #TAGLINE
 */
#tagline {
    display: block;
    overflow: hidden; /* Let height include floats */
    margin: 0;
    padding: 0;
    color: white; 
    background: #3f133d;
    clear: both; /* HACK: hide from MacIE5 */ 
    min-height: 23px; }

#tagline p {
    margin: 0;
    padding: 0.3em 20px 0.3em 0.3em;
    text-align: right; }


/*
 * #NAV is the navigation area. The H2s are hidden (invisible to the naked eye).
 */
#nav {
    clear: left;
    float: left;
    width: 24%;
    padding: 0 4 0 4;
    background: #cbe5e5;
    font-size: 0.95em; }

#nav h2 {			/* hide visual rendering of h2 */
    position: absolute;
    left: -999px;
    width: 990px; }

#nav a:link, 
#nav a:visited { color: #012320; text-decoration: none; }

#nav a:hover,
#nav a:focus { border-bottom: 2px solid #9d342f; }

#nav ul { list-style-type: none; }


/* 
 * optional #SIDEBAR, nested in #NAV
 */
.sidebar { 
    border-top: 2px solid #3f133d; 
    background: #cbe5e5;
    padding: 3px 3px 3px 3px; }

.sidebar h2 { /* hide visual rendering of h2 */
    position: absolute;
    left: -999px;
    width: 990px; }


/*
 * #MAIN contains the contents that differs from page to page.
 */
#main { 
    margin: 0 15% 0 26%; /* 26% is bigger than 24%, the width of #nav */
    font-family: Palatino, Georgia, Times; }		

#main h2 {
    font-size: 1.35em;
    margin-top: 1.0em;
    margin-bottom: 0; }

#main h3 {
    color: #993300;
    font-size: 1.15em;
    font-family: "Trebuchet MS", sans-serif; }

#main a:link, 
#main a:visited { color: #9d342f; text-decoration: none;}

#main a:hover,
#main a:focus { border-bottom: 2px solid #012320; }



/* 
 * MAIN > HIGHLIGHTS 
 */

#highlights { margin: 0 15% 1.5em 0; }

#highlights h3 {   /* QUESTION: space should be on margin or padding? */
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0; }

#highlights p {   /* QUESTION: space should be on margin or padding? */
	margin: 0.3em 0 0 0 ;
	padding: 0; }

#highlights ul { list-style-type: square; margin-left: -1.5em; }

#highlights hr { margin: 1.5em 0 0 0; }

#highlights ul li { margin-top: 8px; margin-bottom: 14px; }

/* MAIN > ANNOUNCE (right hand side) */

#announce {
    margin: 0 0 1em 2em;
    padding: 0 0.3em 0.5em 1em;
    background: #ffffcc;
    border: 1px solid #3f133d; }

#announce h2 {
    font-size: 1.15em;
    margin: 1em 0 0.5em 0; }

#announce ul { 
    margin: 0; 
    padding: 0; 
    padding-left: 1.1em;
    list-style: square; }

#announce li { margin: 0 0 0.3em 0; }

#announce p {
    margin-top: 0;
    padding-top: 0; }


/*
 * The #FOOTER contains the copyright
 */
#footer {
    border-top: 1px solid #3f133d; 
    clear: both;
    color: #333;
    font-size: 0.9em; 
    padding: 1em; }

#footer h2 {  /* Hide visual rendering of h2 */
    position: absolute; 
    left: -999px; 
    width: 990px; }

#footer a:link, 
#footer a:visited { color: #9d342f; text-decoration: none;}

#footer a:hover,
#footer a:focus { border-bottom: 2px solid #012320; }