*
{
margin: 0;
padding: 0;
}
body
{
margin: 0;
padding: 0;
background: #fff url("learncssandxhtml-siteimage1.png") repeat-x top;
font-size: 15px;
font-family: arial, tahoma, helvetica, sans-serif;
color: #000;
}
a
{
color: #000;
text-decoration: none;
}
a:hover
{
color: #000;
text-decoration: underline;
}
p
{
margin: 0;
padding: 0 0 12px 0;
color: #000;
font-family: arial, tahoma, helvetica, sans-serif;
font-size: 15px;
}
.clear
{
clear: both;
}
h1
{
color: #002844;
margin:0 0 8px 0;
padding:0 0 4px 0;
font: normal 19px Georgia, Arial, Helvetica, sans-serif;
}
h2
{
margin: 0 0 12px 0;
padding: 5px 0 6px 0;
color: #002844;
font-weight: normal;
font-size: 20px;
font-family: georgia, times, arial, helvetica, tahoma, sans-serif;
}
h3
{
margin: 0 0 7px 0;
padding: 10px 0 6px 0;
font-weight: bold;
font-size: 19px;
font-family: georgia, times, arial, helvetica, tahoma, sans-serif;
color: #002844;
}
ul
{
margin: 0;
padding: 0;
}
ul li
{
margin: 0;
padding: 0;
list-style-type:none;
}
ol
{
margin: 0;
padding: 0;
}
ol li
{
margin: 0;
padding: 0;
}
#wrap
{
width: 892px;
margin: 46px auto 0 auto;
padding: 0;
background: #fff url("learncssandxhtml-siteimage2.png") center top no-repeat;
}
#header
{
height: 90px;
clear: both;
margin: 0;
padding: 0;
}
#header h1
{
position: relative;
top: 30px;
left: 200px;
width: 600px;
margin: 0;
padding: 0;
color: #002844;
font-size: 40px;
font-family: georgia, times, arial, sans-serif, tahoma;
}
#header h1 a
{
margin: 0;
padding: 0;
color: #002844;
font-size: 40px;
font-family: georgia, times, arial, sans-serif, tahoma;
text-decoration: none;
}
#header h1 a:hover
{
text-decoration: none;
}
#topnavigationmenu
{
padding: 7px 0 0 10px;
margin:0 6px;
height: 31px;
border-left: 1px solid #0c446f;
border-right: 1px solid #0c446f;
background: #0c446f url("learncssandxhtml-siteimage3.png") repeat-x left top;
color:#adbcc7;
}
#topnavigationlist
{
width: 790px;
float: left;
} 
#topnavigationlist ul
{
margin: 0;
padding: 0;
color: #fff;
}
#topnavigationlist ul li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
color: #fff;
}
#topnavigationlist ul li a
{
margin: 0;
padding: 0 10px 0 10px;
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: bold;
font-family: arial, tahoma, sans-serif;
}
#topnavigationlist ul li a:hover
{
text-decoration: underline;
}
#content
{
margin: 0 6px;
padding: 37px 5px 0 5px;
background: url("learncssandxhtml-siteimage4.png") left top repeat-x;
}
#leftcolumn
{
width: 180px;
float: left;
margin: 0;
padding: 0 5px 0 0;

}
#leftcolumn p
{
margin: 5px 0;
padding: 5px;
color: #000;
font-size: 15px;
family: arial, tahoma, sans-serif;
border: 1px dotted #d4d4d4;
}
#leftcolumn p a
{
text-decoration: underline;
}
#leftcolumn p a:hover
{
text-decoration: none;
}
#leftcolumn h1
{
margin: 0 0 7px 0;
padding: 10px 0 6px 0;
font-weight: normal;
font-size: 19px;
font-family: arial, helvetica, tahoma, sans-serif;
color: #002844;
}
#leftcolumn h1 a
{
margin: 0 0 7px 0;
padding: 10px 0 6px 0;
font-weight: normal;
font-size: 19px;
font-family: arial, helvetica, tahoma, sans-serif;
color: #002844;
text-decoration: none;
}
#leftcolumn ul
{
margin: 0;
padding: 0 0 8px 0;
}
#leftcolumn ul li
{
display: block;
list-style-type: none;
margin: 0;
padding: 4px 0 4px 5px;
font-size: 13px;
font-family: arial, tahoma, sans-serif;
border-bottom: 1px solid #d4d4d4;
}
#leftcolumn ul li a
{
font-size: 15px;
font-family: arial, tahoma, sans-serif;
text-decoration: underline;
}
#leftcolumn ul li a:hover
{
text-decoration: none;
}
#main
{
width: 657px;
min-height: 400px;
float: left;
margin: 0;
padding: 0 5px 0 10px;
color: #000;
border-left: 1px dotted #d4d4d4;
}
#main a
{
text-decoration: underline;
}
#main a:hover
{
text-decoration: none;
}
#main h1
{
margin: 0;
padding: 0;
color: #002844;
font-size: 28px;
font-family: georgia, times, arial, tahoma, sans-serif;
}
#main h2
{
margin: 10px 10px 5px 10px;
padding: 0;
color: #002844;
font-size: 20px;
font-family: arial, tahoma, sans-serif;
}
#main h3
{
margin: 10px 10px 5px 10px;
padding: 0;
}
#main p
{
margin: 5px;
padding: 5px;
color: #000;
font-size: 16px;
font-family: arial, tahoma, sans-serif;
}
#main ul
{
margin: 5px;
padding: 0;
}
#main ul li
{
margin: 2px 0 2px 0;
padding: 0 0 0 25px;
display: block;
color: #000;
font-size: 16px;
font-family: arial, tahoma, sans-serif;
background: url("learncssandxhtml-siteimage5.jpg") 0 4px no-repeat;
}

#main span.uppertext
{
color: #002844;
font-size: 17px;
font-weight: bold;
font-family: arial, tahoma, sans-serif;
}
#main span.uppertext a
{
color: #002844;
text-decoration: underline;
}
#main span.uppertext a:hover
{
text-decoration: none;
}
#main span.subtext
{
font-size: 13px;
}
#main span.subtext a
{
text-decoration: underline;
font-size: 13px;
}
#main span.subtext a:hover
{
text-decoration: none;
font-size: 13px;
}
#main  .tutorialbox
{
margin: 0;
padding: 0 3px 3px 3px;
white-space: pre;
font-size: 14px;
font-family: arial, tahoma, sans-serif;
color: #000;
border: 1px solid #000;
}
.contentimages
{
width: 650px;
margin: 0 auto;
padding: 12px 0 0 0;
float: left;
}
.contentimages p
{
margin: 0;
padding: 0;
line-height: 19px;
color: #000;
font-size: 15px;
font-family: arial, helvetica, tahoma, sans-serif;
}
.contentimages a
{
color: #000;
text-decoration: underline;
}
.contentimages a:hover
{
text-decoration: none;
}
div.imagebox img
{
width: 250px;
height: 163px;
margin: 0;
padding: 0;
border: 1px solid #002844;
}
div.imagebox
{
text-align: center;
width: 265px;
height: 240px;
margin: 0 5px 18px 10px;
padding: 5px 10px 0 4px;
float: left;
overflow: hidden;
position: relative;
display: inline;
border: 1px dotted #002844;
}
div .imagebox:hover
{
border: 1px solid #002844;
}
#main table.hosting
{
width: 650px;
border-collapse: collapse;
margin: 10px 5px;
padding: 0;
}
#main th
{
background: #efefef;
height: 29px;
padding-left: 5px;
padding-right: 2px;
color: #000;
font-weight: normal;
text-align: left;
border: 1px solid #191972;
}
#main tr
{
height: 30px;
}
#main td
{
margin: 0;
padding: 2px 3px;
border: 1px solid #191972;
}
#main tr.rowa
{
background: #f8f8f8;
}
#main tr.rowb
{
background: #efefef;
}
#main .video
{
float: left;
width: 657px;
height: 395px;
margin: 0;
padding: 2px 2px 0 2px;
border-top: 1px dotted #002844;
border-bottom: 1px dotted #002844;
}
#main .freewebsitetemplates
{
float: left;
width: 260px;
height: 230px;
margin: 2px 30px 2px 5px;
padding: 0;
border: 0 dotted #fff;
}
#main .freewebsitetemplates img
{
width: 250px;
height: 163px;
margin: 0;
padding: 2px;
background: #fff;
border: 1px solid #000;
}
#main .freewebsitetemplates ul
{
margin: 5px 0 5px 5px;
padding: 0;
}
#main .freewebsitetemplates ul li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#main .freewebsitetemplates ul li a.websitetemplatepreview
{
padding: 0 0 0 22px;
margin: 0 0 0 3px;
font-size: 17px;
font-weight: normal;
}
#main .freewebsitetemplates ul li a.websitetemplatedownload
{
padding: 0 0 0 22px;
margin: 0 0 0 3px;
font-size: 17px;
font-weight: normal;
}

#main #bottom
{
clear: both;
width: 650px;
margin: 0;
padding: 0;
font: normal 1em 'trebuchet ms', tahoma, arial, sans-serif;
text-align: left;
font-size: 1em;
border-top: 1px dotted #d4d4d4;
}
#main #bottomcontent
{
float: right;
width: 600px;
margin: 40px 0 0 25px;
padding: 0 0 0 5px;
}
#main #bottom h1
{
margin: 0;
padding: 5px;
font-size: 18px;
font-family: arial, 'trebuchet ms', tahoma, sans-serif;
color: #002844;
}
#main #bottomcontent a
{
text-decoration: none;
color: #002844;
font-size: 15px;
}
#main #bottomcontent a:hover
{
text-decoration: underline;
color: #333;
}
#main #bottomcontent ul
{
list-style-type: square;
margin: 0 0 0 10px;
padding: 0;
}
#main #bottomcontent ul li
{
margin: 0;
padding: 0 0 0 25px;
display: block;
}
#main #bottomcontent ul li a
{
margin: 0;
padding: 0;
font-size: 15px;
text-decoration: none;
}
#main #bottomcontent ul li a:hover
{
text-decoration: underline;
}
#main #bottomcontent .leftbottomcolumn
{
float: right;
width: 270px;
margin: 0;
padding: 0 5px 30px 0;
}
#main #bottomcontent .rightbottomcolumn
{
float: right;
width: 270px;
margin: 0;
padding: 0 0 30px 0;
}
#footer
{
margin: 0 auto;
padding: 20px 0 10px 0;
text-align: center;
clear: both;
}
#footer p
{
margin: 15px 0 0 0;
padding: 0;
color: #002844;
font-size: 14px;
font-family: arial, tahoma, helvetica, sans-serif;
}
#footer a
{
color: #002844;
text-decoration: none;
}
#footer a:hover
{
color: #002844;
text-decoration: underline;
}