12
Here is my code, I got it from an AJAX sample:
body, div, p, h1, h2, h3, h4, ul, li, table
{
margin:0;
padding:0;
border:none;
}
body
{
background: #B4B4B4 url(images/body_bg.gif) repeat left top;
font-family: Tahoma, Arial, sans-serif;
font-size:75%;
}
/* Master Page Layout */
#master_header
{
margin: -1px auto 0 auto;
width: 800px;
}
#master_headertop
{
background: url(images/headertop_img.jpg) no-repeat left top;
}
#master_headerbottom
{
background: url(images/headerbottom_img.png) no-repeat left top;
}
#master_page
{
margin: 5px auto 20px auto;
width: 800px;
}
#master_menu
{
float: left;
width: 240px;
padding-right: 10px;
}
.sidebar
{
width: 100%;
margin-bottom: 10px;
}
.sidebarheader
{
height: 24px;
padding: 10px 0 0 35px;
background: url(images/sidebar_header.png) no-repeat left top;
color: #FFF;
font-family: Arial, Sans-Serif;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
.sidebarcontent
{
border: 1px solid #0F2543;
padding: 20px 20px 20px 30px;
line-height: 1.5em;
font-weight: bold;
}
#master_sidebarSamples
{
padding-top: 72px;
background: #FFF url(images/samples_bg.gif) no-repeat left top;
}
#master_sidebarWalkthroughs
{
padding-top: 72px;
background: #FFF url(images/walkthrough_bg.gif) no-repeat left top;
}
.sidebarcontent a
{
padding: 2px 5px;
color: #5377A9;
text-decoration: none;
}
.sidebarcontent a:hover
{
background-color: #0F2543;
color: #FFF;
}
.sidebarcontent a:visited
{
font-weight: normal;
}
#master_content
{
float: left;
width: 550px;
margin-right: -550px;
color: #666666;
}
/*
#master_content a
{
color: #5377A9;
padding: 1px;
}
#master_content a:link
{
}
#master_content a:visited
{
}
#master_content a:hover
{
background-color: #BFBFBF;
color:#FFF;
}
*/
#master_content ul
{
margin: 0 25px