*
{
margin:0px;
padding:0px;
}
body
{
background:#eee url("freecssxhtmltemplates-template33image1.jpg") 0 0 repeat;
color: #dcdcdc;
font-size:1em;
font-family:"Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
}
p
{
margin:0;
padding:0;
color:#000;
font-family:arial, tahoma, helvetica, verdana, sans-serif;;
font-size:15px;
}
#wrapper 
{
width:900px;
margin:0 auto;
padding:0;
background:#fff;
}
#topnavigation
{
width:896px;
height:50px;
margin:0 auto;
padding:0;
background:#fff url("freecssxhtmltemplates-template33image2.jpg") 0 0 no-repeat;
}
#topnavigation ul
{
margin:0;
padding:15px 0 0 15px;
}
#topnavigation ul li
{
display:inline;
margin:0;
padding:0;
}
#topnavigation ul li a
{
margin:0;
padding:0 0 0 18px;
color:#fff;
font-size:16px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
text-decoration:none;
}
#topnavigation ul li a:hover
{
margin:0;
padding:0 0 0 18px;
color:#fff;
font-size:16px;
font-weight:normal;
text-decoration:underline;
}
#main
{
width:896px;
margin:0px auto;
padding:0;
background:#fff url("freecssxhtmltemplates-template33image3.jpg") 0 0 no-repeat ;
height:220px;
}
#main h1
{
position:relative;
top:0;
left:575px;
width:315px;
margin:0;
padding:0;
color:#000;
font-size:34px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
}
#main h1 a
{
color:#000;
text-decoration:none;
}
#main h1 a:hover
{
color:#000;
text-decoration:none;
}
#main h1 span
{
color:#8b0000;
font-size:38px;
font-weight:bold;
}
#main h2
{
position:relative;
top:5px;
left:575px;
width:315px;
margin:0;
padding:0;
color:#000;
font-family:arial, tahoma, helvetica, sans-serif;
font-weight:normal;
font-size:24px;
}
#main p
{
position:relative;
top:15px;
left:575px;
width:315px;
margin:0;
padding:0;
color:#000;
font-size:15px;
font-family:arial, tahoma, helvetica, sans-serif;
}
#main p a
{
color:#000;
text-decoration:underline;
}
#main p a:hover
{
color:#000;
text-decoration:none;
}
#banners
{
width:896px;
margin:0 auto;
padding:0;
height:175px;
background:url("freecssxhtmltemplates-template33image4.gif") 0 0 repeat-x;	
}
#left
{
float:left;
width:275px;
height:170px;
margin:0;
padding:5px 0 0 0;
}
#right
{
float:right;
width:275px;
height:170px;
margin:0;
padding:5px 0 0 0;
}
#center
{
height:170px;
margin:0px 275px 0px 275px;
padding:5px 0 0 0;
border-left:3px double #fff;
border-right:3px double #fff;
}
#left h1,#right h1,#center h1
{
color:#fff;
font-size:22px;
margin:0;
padding:5px;
text-align:center;
font-family:arial, tahoma, helvetica, sans-serif;
}
#left p,#right p,#center p
{
margin:0;
padding:10px 15px 0px 20px;
color:#fff;
font-size:15px;
font-family:arial, tahoma, helvetica, sans-serif;
}
#left a,#right a,#center a
{
color:#fff;
text-decoration:underline;
}
#left a:hover, #right a:hover, #center a:hover
{
color:#fff;
text-decoration:none;
}
#content
{
width:896px;
margin:5px auto;
padding:0;
background:#fff;
}
#leftcontent
{
float:left;
width:275px;
margin:7px 0 0 0;
padding:0 0 5px 0;
background:#fff;
}
#leftcontent #left-column
{
width:100%;
}
#leftcontent h1
{
width:275px;
height:40px;
margin:0 auto;
padding:7px 5px 0 15px;
color:#fff;
font-size:22px;
font-weight:normal;
font-family:arial, helvetica, tahoma, sans-serif;
background:url("freecssxhtmltemplates-template33image5.jpg") 0 0 no-repeat;
}
#leftcontent #left-column img
{
margin:0;
padding:5px;
background:#fff;
width:125px;
height:125px;
border:0px solid #fff;
}
#leftcontent #left-column .floatleft
{
float:left;
margin:4px;
padding:0;
}
#leftcontent #left-column ul.lefttopmenu
{
margin:0;
padding:0;
}
#leftcontent #left-column ul.lefttopmenu li
{
margin:5px 0;
padding:5px 0;
display:block;
list-style-type:none;
color:#000;
font-size:15px;
font-family:arial, tahoma, sans-serif;
}
#leftcontent #left-column ul.lefttopmenu li a
{
color:#000;
font-size:15px;
font-family:arial, tahoma, sans-serif;
text-decoration:underline;
}
#leftcontent #left-column ul.lefttopmenu li a:hover
{
color:#000;
text-decoration:none;
}
#left-column ul
{
list-style-type:none;
margin:0;
padding:0;
}
#left-column ul li
{
padding:0;
margin:0 0 10px;
}
#left-column ul.leftbotommenu
{
margin:5px 8px 8px 8px;
padding:0;
text-align:left;
}
#left-column ul.leftbottommenu li
{
margin:0;
padding:2px 5px;
list-style-type:none;
color:#000;
font-size:14px;
font-family:arial, tahoma, sans-serif;
}
#left-column ul.leftbottommenu li a
{
margin:0;
padding:0 2px 0 15px;
color:#000;
font-size:16px;
font-family:arial, tahoma, sans-serif;
text-decoration:underline;
background:url("freecssxhtmltemplates-template33image6.jpg") 0 2px no-repeat;
}
#left-column ul.leftbottommenu li a:hover
{
color:#000;
border:none;
text-decoration:none;
}
#rightcontent
{
float:right;
width:600px;
margin:5px 5px 0 0;
padding:0 5px 5px 10px;
background:#fff;
}
#rightcontent h1
{
width:580px;
height:40px;
margin:0 auto;
padding:7px 5px 0 20px;
color:#fff;
font-size:22px;
font-weight:normal;
font-family:arial, helvetica, tahoma, sans-serif;
background:url("freecssxhtmltemplates-template33image7.jpg") 0 0 no-repeat;
}
#rightcontent a
{
color:#000;
text-decoration:underline;
}
#rightcontent a:hover
{
color:#000;
text-decoration:none;
}
#rightcontent .box
{
width:580px;
min-height:175px;
margin:0 auto;
padding:0;
}
#rightcontent img
{
margin:0;
padding:5px;
background:#fff;
width:150px;
height:150px;
border:0px solid #fff;
}
#rightcontent .floatleft
{
float:left;
margin:5px 15px 5px 0px;
padding:0;
}
#rightcontent .floatright
{
float:right;
margin:5px 0px 5px 15px;
padding:0;
}
#rightcontent p
{
margin:5px;
padding:0;
font-size:15px;
font-family:arial, tahoma, sans-serif;
color:#000;
}
#footer
{
clear:both;
width:896px;
margin:0 auto;
padding:0;
text-align:center;
background:#1a1a1a url("freecssxhtmltemplates-template33image8.jpg") 0 0 repeat;
}
#footer p a
{
color:#fff;
text-decoration:none;
}
#footer p a:hover
{
text-decoration:underline;
}
#footer p
{
margin:5px auto;
padding:0;
color:#fff;
font-size:14px;
font-family:arial, tahoma, sans-serif;
}
#footer ul
{
margin:0;
padding:0;
}
#footer ul li
{
display:inline;
list-style-type:none;
margin:0;
padding:0 0 0 5px;
color:#ccc;
font-size:11px;
font-family:arial, tahoma, sans-serif;
}
#footer ul li a
{
color:#ccc;
font-size:11px;
font-family:arial, tahoma, sans-serif;
text-decoration:none;
}
#footer ul li a:hover
{
text-decoration:none;
}
#footer a
{
color:#ffb21e;
text-decoration:none;
}
#footer a:hover
{
text-decoration:underline;
}
.clear
{
clear:both;
}