body
{
width: 950px;
margin: 0;
padding: 0;
background: #c0c0c0;
font-family: arial, tahoma, sans-serif;
font-size: 1em;
color: #000;
}
a
{
color: #be2426;
text-decoration: underline;
}
a:hover
{
color: #000;
text-decoration: none;
}
#header
{
width: 950px;
height: 160px;
margin: 0 0 0 5px;
padding: 0;
background: url("freecssxhtmltemplates-template29image1.jpg") 30px 5px no-repeat;
}
#header h1
{
text-align: left;
margin: 15px 0 0 140px;
padding: 15px 0 0 0;
font-size: 35px;
font-family: arial, tahoma, sans-serif;
}
#header h1 a
{
color: #002844;
text-decoration: none;
}
#header h1 a:hover
{
}
#header h1 .letter
{
font-size: 40px;
font-family: georgia, arial, tahoma, sans-serif;
}
#header h2
{
text-align: left;
margin: 10px 0 0 165px;
padding: 0;
font-size: 28px;
font-family: arial, tahoma, sans-serif;
color: #002844;
}
#topnavigation
{
width: 950px;
height: 50px;
background: url("freecssxhtmltemplates-template29image2.gif") center center no-repeat;
margin: 0 0 0 5px;
padding: 0;
}
#topnavigation ul
{
list-style-type: none;
margin: 0;
padding: 12px 0 0 0;
}
#topnavigation ul li
{
display: inline;
margin: 0;
padding: 0;
}
#topnavigation ul li a
{
margin: 0;
padding: 0 0 0 20px;
color: #002844;
text-decoration: none;
font-size: 18px;
font-family: arial, tahoma, sans-serif;
}
#topnavigation ul li a:hover
{
background: url("freecssxhtmltemplates-template29image3.jpg") 5px 3px no-repeat;
}
#contentwrap
{
width: 950px;
margin: 0;
padding: 15px 0 0 5px;
}
#leftcolumn
{
float: left;
width: 500px;
margin: 0;
padding: 0;
}
#leftcolumn #leftcolumntop
{
margin: 0;
padding: 0;
width: 500px;
height: 28px;
background: url("freecssxhtmltemplates-template29image4.gif") no-repeat left top;
}
#leftcolumn #leftcolumncontent
{
margin: 0;
padding: 0 10px;
background: url("freecssxhtmltemplates-template29image5.jpg") left center repeat-y;
}
#leftcolumn #leftcolumnbottom
{
margin: 0;
padding: 0;
height: 30px;
background: url("freecssxhtmltemplates-template29image6.gif") no-repeat left top;
}
#leftcolumn a
{
color: #000;
text-decoration: underline;
}
#leftcolumn a:hover
{
text-decoration: none;
}
#leftcolumn h1
{
margin: 0;
padding: 5px;
font-size: 1.6em;
font-family: georgia, arial, tahoma, sans-serif;
color: #000;
}
#leftcolumn h2
{
margin: 0;
padding: 5px;
font-size: 1.4em;
font-family: georgia, arial, tahoma, sans-serif;
color: #000;
}
#leftcolumn p
{
margin: 15px 0 0 0;
padding: 0;
font-size: 1em;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#leftcolumn img
{
border: 1px solid #000;
padding: 5px;
background: #fff;
width: 100px;
height: 100px;
}
#leftcolumn ul
{
margin: 10px 5px 10px 20px;
padding: 0;
}
#leftcolumn ul li
{
display: block;
list-style-type: none;
margin: 3px 0;
padding: 0;
}
#leftcolumn ul li a
{
margin: 0;
padding: 0;
color: #000;
text-decoration: underline;
}
#leftcolumn ul li a:hover
{
text-decoration: none;
}
#leftcolumn .floatleft
{
float: left;
margin: 5px 15px 5px 0px;
padding: 0;
width: 150px;
height: 150px;
border: 0px solid #fff;
}
#leftcolumn .floatright
{
float: right;
margin: 5px 0px 5px 15px;
padding: 0;
width: 150px;
height: 150px;
border: 0px solid #fff;
}
#rightcolumn
{
float: right;
width: 210px;
margin: 5px 0 0 10px;
padding: 0;
}
#rightcolumn .rightcolumntop
{
margin: 0;
padding: 0;
height: 30px;
background: url("freecssxhtmltemplates-template29image7.gif") no-repeat left top;
}
#rightcolumn .rightcolumnbottom
{
margin: 0;
padding: 0;
height: 19px;
background: url("freecssxhtmltemplates-template29image8.jpg") no-repeat left top;
}
#rightcolumn .rightcolumncontent
{
margin: 0;
padding: 5px;
background: url("freecssxhtmltemplates-template29image9.gif") left center repeat-y;
}
#rightcolumn h1
{
margin: 5px;
padding: 0;
font-family: arial, tahoma, sans-serif;
font-size: 1.3em;
color: #000
}
#rightcolumn h1:first-letter
{
font-size: 1.5em;
font-family: georgia, times, arial, tahoma, sans-serif;
}
#rightcolumn ul
{
margin: 1px;
padding: 0;
}
#rightcolumn ul li
{
margin: 0;
padding: 0;
display: block;
list-style: none;
line-height: 1.5em;
border-bottom: 1px dashed #002844;
}
#rightcolumn ul li a
{
margin: 0;
padding: 0 0 0 15px;
text-decoration: none;
color: #002844;
}
#rightcolumn ul li a:hover
{
background: url("freecssxhtmltemplates-template29image10.jpg") left center no-repeat;
}
#rightcolumn .rightcolumnbox
{
margin: 10px 0;
padding: 0;
}
#centercolumn
{
float: right;
width: 210px;
margin: 5px 0 0 0;
padding: 0;
}
#centercolumn .centercolumntop
{
margin: 0;
padding: 0;
height: 30px;
background: url("freecssxhtmltemplates-template29image7.gif") no-repeat left top;
}
#centercolumn .centercolumnbottom
{
margin: 0;
padding: 0;
height: 19px;
background: url("freecssxhtmltemplates-template29image8.jpg") no-repeat left top;
}
#centercolumn .centercolumncontent
{
margin: 0;
padding: 5px;
background: url("freecssxhtmltemplates-template29image9.gif") left center repeat-y;
}
#centercolumn h1
{
margin: 5px;
padding: 0;
font-family: arial, tahoma, sans-serif;
font-size: 1.3em;
color: #000
}
#centercolumn h1:first-letter
{
font-size: 1.5em;
font-family: georgia, times, arial, tahoma, sans-serif;
}
#centercolumn ul
{
margin: 1px;
padding: 0;
}
#centercolumn ul li
{
margin: 0;
padding: 0;
display: block;
list-style: none;
line-height: 1.5em;
border-bottom: 1px dashed #002844;
}
#centercolumn ul li a
{
margin: 0;
padding: 0 0 0 15px;
text-decoration: none;
color: #002844;
}
#centercolumn ul li a:hover
{
background: url("freecssxhtmltemplates-template29image10.jpg") left center no-repeat;
}
#centercolumn .centercolumnbox
{
margin: 10px 0;
padding: 0;
}
#footer
{
width: 950px;
height: 50px;
margin: 15px 0 0 5px;
padding: 0;
color: #bbb;
background: url("freecssxhtmltemplates-template29image11.gif") center center no-repeat;
}
#footer p
{
margin: 10px 0 0 10px;
padding: 5px;
text-align: center;
line-height: normal;
font-size: 14px;
}
#footer a
{
color: #bbb;
font-size: 14px;
text-decoration: none;
}
#footer a:hover
{
text-decoration: underline;
}
.clear
{
clear: both;
}