.body{
font-family: Arial;
font-size: 12pt;
width: 100%;
background-image: ('lgrey108.jpg')
}
.content-top{
width: 150px;
height: 20px;
background-color: gold;
text-align: right
}
#content-middle{
font-family: Futura;
font-size: 12pt;
width: 90%;
margin-left: 40px;
margin-right: 60px
}
#content-middle-blogpage{
font-family: Arial;
font-size: 10pt;
width: 40%;
margin-left: 20px;
margin-right: 20px
}
#content-middle-firstcolumn{
display: inline;
float: left;
font-family: Futura;
font-size: 10pt;
width: 40%;
margin-left: 60px;
margin-right: 20px
}
#content-middle-secondcolumn{
display: inline;
float: right;
font-family: Futura;
font-size: 10pt;
width: 40%;
margin-left: 20px;
margin-right: 60px
}
content-bottom{
width: 180px;
height: 20px;
background-color: gold;
text-align: right
}
#header
{
padding: 5px;
background-color: #003399;
color:#CCCC00;
border-bottom: 1px solid gold;
text-align:center;
font-family: Arial;
font-size: 12pt;
}
#header h1
{
padding: 0;
margin: 0;
}
#top
{
padding: 5px;
background-color: #003399;
color:#CCCC00;
border-bottom: 1px solid gold;
text-align:center;
font-family: Papyrus;
font-size: 12pt;
}
#top h2
{
padding: 0;
margin: 0;
}
#top a
{
color:#CCCC00;
text-align:center;
}
#second-top
{
padding: 5px;
height: 40px;
}
#second-top h2
{
padding: 0;
margin: 0;
}
#second-top ul
{
background-color: #CCCC00;
border: 1px solid blue;
}
#second-top a
{
text-align:center;
font-family: Comic Sans MS;
font-size: 12pt;
color:#FFFFFF;
background-color: #000000;
width: 100px;
}
#footer
{
clear: both;
padding: 5px;
background-color: none;
color:#003399;
border-bottom: 1px solid gold;
text-align:center;
font-family: Papyrus;
font-size: 12pt;
}
klllllll77777777777777777777777777777777777777