/*
 * Home page style sheet.
 *
 * $Id: homepage.css 15028 2011-10-13 16:18:50Z hj $
 *
 * 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;
}