body
{
  margin: 0;
  padding: 0;
}


#nav
{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left; 
    width:100%;
}

#nav li
{
    float:left;
    margin-right:10px;
    position:relative;
}

#nav a
{
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}

#nav a:hover
{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}

.box {
  width: 100%;
  height: 200px;
 
}

img {
  width: 100%;
  height: 100%;
}

*
{
  margin: 0 auto 0 auto;
  text-align:left;
}

#container
{
  display: block; 
  height: auto;
  position: relative; 
  background-color: #FFFFFF;
}

@media only screen and (min-width: 901px)
{#container
{
  width: 900px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;
}}

@media only screen and (max-width: 900px) and (min-width: 601px)
{#container
{
  width: 600px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:4px;
}}

@media only screen and (max-width: 600px) and (min-width: 401px)
{#container
{
  width: 400px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
}}

@media only screen and (max-width: 400px) and (min-width: 301px)
{#container
{
  width: 300px;
  padding-left:3px;
  padding-right:3px;
  padding-bottom:2px;
}}




table 
{    
	width : 100%;      
	border : 2px solid blue ;
	font-size: 100%;
	text-align : left ;
	margin-left :  0px ;
	margin-right : 0px ;
	empty-cells : hide ;
}

table td, tr
{
	vertical-align: top ;
	border: 1px solid blue ;
	text-align : center ;
	margin-left : 10px ;
	font-size: 100%;
	color: black ;
	margin-right : 10px ;
	padding : 10px ;
}

table#blank 
{    
	width : 880px ;      
	border : 2px solid blue ;
	font-size: 100%;
	text-align : center ;
	margin-left :  0px ;
	margin-right : 0px ;
	empty-cells : hide ;
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

table#blank td,th
{
	vertical-align: top ;
	border: 0px solid blue ;
	text-align : center ;
	margin-left : 10px ;
	font-size: 100%;
	margin-right : 10px ;
	padding : 10px ;
}

#nav
{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:none; 
    width:100%;
}

#nav li
{
    float:left;
    margin-right:10px;
    position:relative;
}

#nav a
{
    display:block;
    padding:5px;
    color:#fff;
    background:#336;
    text-decoration:none;
}

#nav a:hover
{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}

.off
{
  color:#3A6028;	
}



#content
{
  width:1000px;
  height:auto;
  background-color:#FFF;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;
}

html, body 
{
  text-align: center;
}

p, li
{
  text-align: left;
  font-family: Times New Roman, serif;
  color: #000000;
  padding-top:10px;
  }

h1, h2, h3, h4, h5 {text-align: center; color: #FF0000; font-family: Times New Roman, serif;}   
h1, h2, h3, h4, h5 {padding-top:5px; padding-bottom:2px; }
h1 { font-size: 4em; }
h2 { font-size: 3em; }
h3 { font-size: 2.5em; }
h4 { font-size: 2em; }
h5 { font-size: 1.5em; }
p, table, li { font-size: 1.2em; }

a
{
	color:#0000FF
}

a:hover
{
	color:#008000
}

hr {
    display: block;
    height: 1px;
	border: 0;
    border-top: 4px solid #0000FF;
    margin: 1em 0;
    padding: 0;
}