html, body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0;
    text-align: center; 
    border: 0; 
    color: white;
    background-color: rgb(204,204,153);
    font-family: 'Gill sans', Arial, sans-serif;
    }
.thetable {
    position: relative;
    display: table;
    width: 650px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    border: 0;
    clear: both;
    border-spacing: 0; /* required by Opera 6 */
    }

/* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow{display: table-row;}

.tablecell {
    position: relative;
    display: table-cell;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
    min-height: 100%;
    }
/* Centered content column */
.two {
    background-color: rgb(0,0,38);
/*    background-color: orange; */
    position: relative;
    margin: 0 auto;
    border-left: 6px solid rgb(0,0,38);
    border-right: 6px solid rgb(0,0,38);
    }
.three {
/*    background-color: rgb(104,102,54); */
    background-color: rgb(0,0,38);
    position: relative;
    margin: 0 auto;
    border-left: 6px solid rgb(0,0,38);
    border-right: 6px solid rgb(0,0,38);
    }
/* Donation link and SYM logo on green background */
#header {
    background-color: rgb(51,102,0);
	padding: 0;
	margin: 0;
	border: none;
	height: 83px;
	}
#support {
    float: left;
    margin: 62px 0 0 100px; 
    padding: 0;
    }
/* The PNG logo with transparency - IE is tricked into using transparency via JavaScript.  Thanks for the half-assed effort, Microsoft morons! */
#logo {
    float: right;
	margin: 5px 10px 0 0;
	}
/* Top-level navigation */
#nav {
	background-color: white;
	padding: 5px;
	text-align: right;
	}
 #nav ol {
    float: left;
    	list-style: none;
    	margin: 0;
	padding: 0;
	}
#nav ol li {
    display: block;
    }
#nav ol li a {
    display: block;
    border: none;
    }
/* Secondary navigation */
#nav2 {
/*    clear: both; */
    background-color: rgb(51,102,0);
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
    }
#nav2 ol {
    margin: 0;
    padding: 0;
    }
#nav2 ol li {
    display: inline;
    list-style-type: none;
    text-align: left;
    text-transform: uppercase;
    font-size: 9pt;
    border-right: 2px solid white;
    }
#nav2 ol li a {
    background-color: rgb(51,102,0);
    padding: 0 1.5em;
    }
#nav2 ol li a.current {
    color: rgb(0,0,38);
    background-color: rgb(144,191,1);
    }
#nav2 ol li a:hover {
    color: white;
    background-color: rgb(144,191,1);
    }
/* The content container in the middle */
#content {
    width: 650px;
    }
#introText {
    width: 650px;
    height: 365px;
    color: white;
	background-image: url('../images/Bottom-Background.jpg');
	background-position: top left;
	}
#introTable {
    padding: 0 2em;
    color: white;
    margin: 0 60px;
    }
#introTable caption {
    text-transform: uppercase;
    font-size: 150%;
    padding-top: 60px;
    padding-bottom: 50px;
    }
#introTable tr {
    text-align: left;
    margin: 0 45px;
    }
#introTable td {
    vertical-align: top;
    }
#introTable h1 {
    color: white;
    }
#mStatement {
    font-weight: bold;
    padding: 0 2em;
    }
/* The main content */
#textContent {
    background-color: rgb(0,0,38);
    padding: 1em;
    }
#textContent h1 {
    margin-bottom: 0.5em;
    }
#textContent h2 {
    margin-top: 0.7em;
    font-weight: bold;
/*    color: rgb(144,191,1); */
    }
#textContent h3 {
/*    color: rgb(144,191,1); */
    font-weight: bold;
    }
#textContent span#mission {
    font-weight: bold;
    font-style: italic;
    }
#textContent .italic {
    font-style: italic;
    }
#textContent .neonGreen {
    color: rgb(144,191,1);
    }
a.neonGreen:hover {
    color: rgb(144,191,1);
    text-decoration: underline;
    }
#textContent ul.personInfo {
    margin: 2em 0 0 0;
    padding: 0;
    list-style-type: none;
    font: bold 105% 'Gill sans', Arial, sans-serif;
    }
#textContent ul li {
    margin-bottom: 0.5em;
    }
#textContent ol li {
    margin-bottom: 0.5em;
    }
#textContent dd {
    margin: 1em 1.5em;
    }
#textContent dd ul {
    margin-top: 1em;
    }
#textContent .question {
    font-weight: bold;
    }
#textContent table tr td {
    padding: 0.5em 1em;
    }
#textContent th {
    font-style: italic;
    font-size: 95%;
    text-align: left;
    text-decoration: underline;
    }
#personalContact, table#contributions, table#statistics, table#schedule {
    margin: 1.5em 0 0 0;
    font-size: 90%;
    color: rgb(0,0,38);
    }
#personalContact th, table#contributions th, table#statistics th {
    margin: 0;
    padding: 0.5em;
    text-align: left;
    text-decoration: none;
    font: normal 105% 'Gill sans', Arial, sans-serif;
    color: white;
    background-color: rgb(51,102,0);
    }
tr.odd {
    background-color: rgb(210,210,210);
    }
tr.even {
    background-color: white;
    }    
#personalContact td {
    margin: 0;
    padding: 0 0 0.5em;
    }
td a {
    color: rgb(51,102,0);
    }
td a:hover {
    color: rgb(51,102,0);
    text-decoration: underline;
    }
/* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}
a {
	text-decoration: none;
	font-weight: normal;
	color:  white;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: none;
	}

/* removing margins from headings corrects an Opera 6 display error */
h1, h2{ font-family: 'Gill sans', Arial, sans-serif; padding: 0; margin: 0; }
h1 { font-size: 140%; font-weight: normal; text-transform: uppercase; color: rgb(144,191,1); }
h2 { font-size: 100%; font-weight: normal; text-transform: uppercase; }
h3 { font-size: 90%; font-weight: normal; text-transform: uppercase; }
h5 { font-size: 85%; font-weight: normal; margin-bottom: 0; }

dfn, acronym { font-style: normal; }
acronym:hover, abbr:hover {
    cursor: help;
    }

img {
    border: none;
    margin: 0;
    padding: 0;
    }
li img {
    display: block;
    vertical-align: top;
    }