*{
	margin:0px;
	padding:0px;
}


body{
color: #404040;
background-color: #F3F2F3;
text-align: center;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0px;
padding: 0px;
vertical-align: middle;
}

/* unvisited link */
a:link {
    color: #404040;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #404040;
}

/* mouse over link */
a:hover {
    color: #0000FF;
}

/* selected link */
a:active {
    color: #0000FF;
}

header{
padding-bottom: 15em;
color: #0000ff;
text-align: left;
font-size: 2em;
margin: 0px;
margin-top: 3em;
letter-spacing: 0.01em;
}
header a:link{
	color: #fff;
}
header a:hover {
    color: #0000FF;
}
@media (max-width: 67em) {
header{
margin-top: 0.5em;
padding-bottom: 10em;
}
}

span{
font-size: .75em;
font-family: "times new roman", serif;
}

marquee{
white-space: nowrap;
z-index: 5;
font-family: "times new roman", serif;
font-weight: bold;
color: #fff;
font-size: 6em;
top: 0px;
left: 0px;
margin: 0px;
padding: .1em; 
position: fixed;  
}

marquee a:link{
	color: #fff;
}
marquee a:visited{
    color: #fff;
}
marquee a:hover {
    color: #0000FF;
}
@media (max-width: 67em) {
marquee{
font-size: 4em;
padding: 1em;
padding: 0px;
}
}

#main{
font-size: 0.75em;
top: 7em;
position: relative;
margin: 0 auto;
width: 60%;
line-height: 2.5em;
}
@media (max-width: 67em) {
#main{
width: 80%;
}
}

#main a{
    text-decoration: underline;
}


#main p{
padding-bottom:1em;
border-top: solid;
border-color: #0000ff;
border-width: 1px;
margin-bottom: 3em;
vertical-align: middle;
}

@media (max-width: 67em) {
#main p{
font-size: 1.25em;
border-top: hidden;
float: left;
margin-bottom: .5em;
width: 100%;
}
}

@media (max-width: 67em) {
.sub{
font-weight: bolder;
border-bottom: solid;
float: left;
}
}

.sub{
padding-top: 1em;
letter-spacing: 0.02em;
float: left;
width:48%;
text-align: left;
font-size: 1.5em;	
line-height: 150%;
}

.info{
padding-top: 1em;
float: right;
line-height: 175%;
text-align: left;
width: 48%;
font-size: 1em;
}


.one{
margin: auto;
width: 100%;
}

.two{
margin: auto;
width: 49.7%;
}
@media (max-width: 67em) {
.two{
width: 100%;
}
}

.three{
margin: auto;
width: 32.9%;
}
@media (max-width: 67em) {
.three{
width: 100%;
}
}

.box{
    display: inline-block;
    margin-bottom: 15em;
    width: 100%;
    border-color: #0000ff;
    border-width: 1px;
}

figcaption{
padding: 1em;
padding-top: 0em;
font-size: 0.8em;
}

#chat{
background-color: #F3F2F3;
position: fixed;
bottom: 0px;
left:0px;
margin: 0px;
padding: 10px;
}
@media (max-width: 67em) {
#chat{
display: none;
}
}

footer{
padding-top: 1em;
padding-bottom:1em;
border-top: solid;
border-color: #0000ff;
border-width: 1px;
margin-bottom: 4em;
text-align: middle;
}