@media all {    
	html, body {
        font-family: sans-serif;
    }
    h1 {
        font-family: serif;
        font-size: 500%;
        /*font-stretch: narrower;*/
        float: left;
        margin: 0;
    }
    h1 .alt, h2 .alt, h3 .alt {
        color: red;
    } 
   h2 {
        font-family: "Myriad Pro", sans-serif;
        font-weight: normal;
        text-align: right;
        font-size: medium;
        padding: .2em;
    }
    h3 {
        font-size: xx-large;
    }
    td.h3 {
        font-size:30px;
    }
    h4 {
        font-size: x-large;
    }
    a {
        color: #FF5;
        text-decoration: none;
    } 
    a img {
        Color: silver;
    }
   a:visited {
        color: #CC2;
        font-weight: bolder;
    } 
   a:hover {
        background-color: #333;
    } 
   a:active, #menu a:focus {
        text-decoration: underline;
    } 

    #header1 {
    width: 700px; float:left;
    }

    #header2 {
    width: 300px; float:right;
    }

   #footer {
        color: #AAA;
        font-size: small;
        text-align: center;
        clear: both;
    }	
	.panel {
		display: block;
		margin: 2em;
		padding: 0 1em 1em 1em;
		text-align: center;
		clear: left;
		}	
	.panel.left {
		width: 40%;
		margin: 0 0 2em 2em;
		}	
	.panel.right {
		width: 40%;
		float: right;
		margin: 0;
		margin: 0 2em 2em 0;
		}	
	.panel ul {
		list-style-type: none;
		font-size: larger;
		}	
	.panel ul li {
		display: inline;
		padding: 0 2em 0 2em;
		line-height: 2;
		white-space: nowrap;
		}}

@media screen {    html, body {
        margin: 0;
        padding: 0 0 1em 0;
        background-color: black;
        color: white;
    } 

   ul#menu, ul#menu2 {
        clear: left;
        list-style-type: none;
        padding: 0;
        margin: 0 0 2em 0;
        font-variant: small-caps;
        font-weight: bold;
    } 
   #menu li, #menu2 li {
        display: inline;
        width: 24%;
        float: left;
        margin: 0;
        text-align: center;
        border-left: .2em solid white;
    } 
   #menu2 li {
	width: 33%;
	}
   #menu li:first-child, #menu2 li:first-child {
        border-left: none;
    } 
   #menu, #menu2  a {
        display: block;
    }.
panel {border: .2em solid #AAA;-moz-border-radius: 2em;border-radius: 2em;}}

@media print {
    ul#menu, #menu2  {
        display: none;
    }}