body
{
    background: #CCCCCC;
    margin: 0px;
    text-align: center;
    font-family: verdana, Helvetica, sans-serif;
    font-size: 12px;
}
p
{

}
img
{
    border: 0;
}
a:link
{
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    color: #FF9933;
    font-weight: bold;
    text-decoration: none;
}
#Content
{
    background: #FFFFFF;
    text-align: left;
    float: left;
    width: 100%;
border-left:solid 1px #336699;
border-right:solid 1px #336699;
}
#Middle
{
    background:#FFFFFF;


}
#Wrapper
{
    width: 780px;
    text-align: center;
    margin: 0px auto;
}
#Header
{     
}
#HeaderAd
{
    text-align: center;
    padding: 15px 0px 15px 0px;
}
#TopBar{
height:20px;
background:#336699;
float:left;
width:100%;
}
#TopPanel{

}
#Footer
{
    float: left;
    width: 100%;
    text-align: center;
    height:20px;
    background:url(/files/layout/footer.jpg);
    color: #FFFFFF;
}
#Footer a:link
{
    color: #FFFFFF;
}
#Footer a:visited
{
    color: #FFFFFF;
}
#Footer a:hover
{
    color: #FF9933;
}
#Body
{
    float: left;
    width: 505px;
    padding:10px 0px 5px 10px;
    text-align:left;

}
#SideBar
{
    float: right;
    width: 260px;
    background:#FFFFFF;
    border-left:solid 1px #336699;

}
#HeaderLeft
{
    padding-top:5px;
    float: left;
}
#HeaderRight
{
    padding-top:5px;
    float: right;
}
#blog-title
{
    font-family: Courier New, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0px;
}
#blog-description
{
    font-family: Courier New, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
}
#TopNav
{
    float:left;
    height:19px;
    background:url(/files/layout/header.jpg);
    width:100%;
}

#blog-categories
{
    float:left;
    padding-top:2px;
    padding-left:5px;
}

#blog-categories a:link
{
    font-family: tahoma, Helvetica, sans-serif;
    padding: 0px 7px 0px 7px;
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;    
}
#blog-categories a:visited
{
    font-family: tahoma, Helvetica, sans-serif;
    padding: 0px 7px 0px 7px;
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    
}
#blog-categories a:hover
{
    padding: 0px 7px 0px 7px;
    font-family: tahoma, Helvetica, sans-serif;
    color: #FF9933;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;    
}
#BodyTitle
{
    background: #669999;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
    margin-bottom: 5px;
    padding: 4px;
}
.PanelWithBorder{
overflow:auto;
float:left;
width:260px;
height:100px;
border-right:1px solid #336699;

}
.PanelNoBorder{
overflow:auto;
float:left;
width:258px;
height:100px;
}
.PanelTitle{
color:#FFFFFF;
font-size:12px;
font-family: Verdana, Geneva, Arial, sans-serif;
width:260px;
text-align:center;
float:left;
font-weight:bold;
padding-top:2px;
}
.post-title
{
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    color: #336666;
    border-bottom: solid 2px #336699;
    font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
    padding-bottom: 2px;
    font-weight: bold;
}
.post-title a:link
{
    color: #336699;
}
.post-title a:visited
{
    color: #336699;
}
.post-title a:hover
{
    color: #FF9933;
}
.post-body
{
    margin:0px;
    padding:0px 5px 0px 5px;
    border-bottom: solid 1px #336699;
}
.post-footer
{
    padding-bottom: 15px;
    text-align: right;
}

.sidebar-title
{
    margin:0px;
    font-size: 14px;
    color: #336699;
    font-weight: bold;
    font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
    padding: 2px;
    border-bottom: solid 2px #336699;
}
.sidebar-padding{
padding:0px 5px 0px 5px;
}
.panel-box
{
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;  
    width:238px; 
}
.panel-box ul
{
    padding: 0px 10px 0px 10px;
    margin:0px;    
    list-style: none;
}
.panel-box ul li
{
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.panel-box ul li a:link
{
    width:100%;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #336699;
    border-bottom: 1px dashed #999999;
}
.panel-box ul li a:visited
{
    width:100%;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #336699;
    border-bottom: 1px dashed #999999;
}
.panel-box ul li a:hover
{
    width:100%;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #FF9933;
    border-bottom: 1px dashed #003366;
}

.sidebar-box
{
    padding-bottom: 10px;
    margin: 0px 0px 0px 0px;       
}
.sidebar-box ul
{
    padding: 5px 0px 0px 0px;
    margin:0px 2px 0px 2px;    
    list-style: none;    
 }
.sidebar-box ul li
{
    margin-bottom: 2px;
    padding-bottom:2px;
}
.sidebar-box ul li a:link
{
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #336699;
    border-bottom: 1px dashed #999999;
}
.sidebar-box ul li a:visited
{
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #336699;
    border-bottom: 1px dashed #999999;
}
.sidebar-box ul li a:hover
{
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #FF9933;
    border-bottom: 1px dashed #003366;
}
.sidebar-body
{
    padding: 5px;
}
.relatedPosts{
margin-top:20px;
border: 1px solid #336699;
text-align: left;
padding:5px;
background: #EEEEEE;
}
#comments
{
    margin: 0;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, sans-serif;
    border-bottom: solid 1px #CCCCCC;
    text-align: left;
    color: #336699;
}
#respond
{
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, sans-serif;
    text-align: left;
    color: #336699;
}
.commentblock
{
    padding-top: 20px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
.textbox
{
    border: solid 1px #336699;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, sans-serif;
}
.button
{
    border: solid 1px #003366;
    font-size: 11px;
    cursor: hand;
    background-color: #336699;
    color: #FFFFFF;
}
.leftImage{
float:left;
padding:1px;
background:#336699;
border:1px solid #003366;
margin-right:5px;
}
.rightImage{
float:right;
padding:1px;
background:#336699;
border:1px solid #003366;
margin-left:5px;
}
.adTopLinks{
  margin:5px 5px 13px 5px;
padding:0px;
background: #336699;
border: 1px solid #003366;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1"><title>
	Untitled Page
</title></head>
<body>
    <form name="form1" method="post" action="style.aspx" id="form1">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGSJLuIrCAb7K2VooiHDQMH1iplEUQ==" />

    <div>
    
    </div>
    </form>
</body>
</html>

