/*
 * Home page style sheet.
 *
 * $Id: homepage.css 11982 2010-06-08 15:25:04Z ecrist $
 *
 * Basic two-column design with header and footer, and a funky -1 left
 * margin on the left column to make it work with Netscape Navigator 4.x.
 *
 */

html, body { 
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
    font-size: 90%;         /* initially set to % so that ems work with IE */
    text-align: center;     /* to center container in IE5.x because it doesnt handle margin: 0 auto */
    margin: 2px; 
    padding: 2px; 
    background-color: #fff;
    color: #333;
} 

h1, h2 {
	font-size: 1em;
	font-family: sans-serif;
}
h3 {
	font-size: .9em;
	font-family: sans-serif;
}

form {
    margin: 0;
}
button {
    margin: 2px;
    background-color: #ccf;
    width: 90%;
}

#container {
    width: 45em; 
    text-align: left;       /* reset the text alignment */
    margin: 0 auto;         /* centers the container in compliant browsers */
}
#nav {
    width: 14em;
    float: left;
    padding: 1em .5em 1em .5em;
}
    
#content {
	/* note that pages using above #container limit this to fixed width */
    min-width: 20em;
    max-width: 30em;
    /* really stupid MSIE forces us to do the following: */
    width:expression(   document.body.clientWidth > (500/12) *
                        parseInt(document.body.currentStyle.fontSize) ?
                            "30em" : "auto" );
    padding: 1em;
    margin-left: 16em;
    border-left: 1px solid #006;
}

#header {
    background-color: #fff;
    color: #006;
    border-bottom: 1px solid #006;
    margin-bottom: 0px;
    text-align: center;
}
    
#footer {
    background-color: #fff;
    color: #006;
    border-top: 1px solid #006;
    font-size: .8em;
    text-align: center;
    padding: 1em 0 0 0;
    clear: both;
}


.spacer {
    clear: both;
}
    
p {
    padding: 0;
    margin-top: 0;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
}


 /*printer styles*/ 
@media print { 
    /*hide the left column when printing*/
    #nav {display: none;} 
}

/* This is for register.php */
#required {
    background-color: #FF5555;
}
#noedit {
    border: 0;
    background-color: #fff;
}
h1.center, h2.center {
	font-size: 1em;
	font-family: sans-serif;
    text-align: center;
}

table.border, tr.border, td.border {
    border: 1px solid black;
    border-collapse: collapse;
}
td.messy {
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    padding: 5px;
}

