p {font-family:"Arial"}
h1 {font-family:"Arial"}
h2 {font-family:"Arial"}
h3 {font-family:"Arial"}
h4 {font-family:"Arial"}
h5 {font-family:"Arial"}
ul {font-family:"Arial"}
th {font-family:"Arial"}
td {font-family:"Arial"}
ol {font-family:"Arial"}
#container
{
margin: 0 30px;
background: #FFFFFF;
}
#header
{
background-color:#610B0B;
padding: 0px;
width: 100%;
height: 250px;
}
#header2
{
background-color:#610B0B;
padding: 0px;
height: 250px;
width: 300px;
float: left;
}
#pic_l
{
padding: 0px;
height: 250px;
float:left;
}
#pic_r
{
padding: 0px;
height: 250px;
float:right;
}
#header h1 { margin: 0; color: #FFFFFF;
text-align:center;}
#header2 h1 { margin: 0; color: #FFFFFF;
text-align:center;}
#navigation
{
float: left;
width: 100%;
background: #28A828;
}
#navigation ul
{
margin: 0;
padding: 0;
font-family:"Arial"
}
#navigation ul li
{
list-style-type: none;
display: inline;
}
#navigation li a
{
display: block;
float: left;
padding: 5px 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
#navigation li a:hover { background: #610B0B; }
#content
{
clear: left;
padding: 20px;
background: #E3F6CE;}
table.simple {
border-collapse:collapse;}
table.simple th {
border: 1px solid;
padding: 8px;
font-family:"Arial";
}
table.simple td {
border: 1px solid;
padding: 8px;
font-family:"Arial";
}
#content td {
padding: 8px;
font-family:"Arial";
text-align:center;
}
#footer
{
background: #610B0B;
text-align: right;
padding: 20px;
font-family:"Arial"
}
#footer h4
{color: #FFFFFF; }
ul.one {list-style-type: circle;}
ul.two {list-style-type: square;}
ul.three {list-style-type: disc;}
ul.four {list-style-type: circle;}
ul.five {list-style-type: square;}
.pic_this
{
width: 250px;
height: 270px;
float: left;
text-align: center;
margin: 3px;
}
@media only screen and (max-width: 750px) {
#pic_l {width: 100px; height: 100px;}
#pic_r {width: 100px; height: 100px;}