<div id="navigation"><var>navigation[1|2|3]</var></div>
<div id="content"><var>content</var></div>
<div id="sidebar"><var>sidebar</var></div>
<div id="footer">
<div class="gutter"><var>footer</var></div>
</div>
</div>

<div id="container">
    <div id="header">
        <h1>
            Headline
        </h1>
        <img src="header.jpg" alt="" />
    </div>

    <div id="navigation">
        <var>navigation[1|2|3]</var>
        <div id="sidebar">
            <var>sidebar</var>
        </div>
    </div>

    <div id="content">
        <var>content</var>
    </div>

    <div id="footer">
        <div class="gutter">
            <var>footer</var>
        </div>
    </div>
</div>

body
{
       text-align:left;
       background: url(http://www3.jimdo.com/usertemplates/1652904/img/bg.gif) #fff;
       BACKGROUND-REPEAT: repeat-x;
}

#container
{
       margin:0px auto;
       width:960px;
       background:#fff;
}

#header
{
       margin:0px auto;
}

#content
{
       width:960px;
       float:left;
       margin: 0px auto;
       background:#fff;
}

#navigation
{
       margin:0px auto;
       width:960px;
       float:left;
       background: url(http://www3.jimdo.com/usertemplates/1652904/img/navbg.png) #900;
      
}
#sidebar
{
       width:180px;
       float:left;
       margin:0px;
}

#footer .gutter
{
       background:#fff;
       padding:20px;
       margin: 0px auto;
}

/* Navigation
----------------------------------------------- */

ul#mainNav1
{
        margin: 0px auto;
}

ul#mainNav1 li
{
        float:left;
        margin:0px auto;
        list-style:none;
}

ul#mainNav1 li a
{
font:bold 13px/180% 宋体;
text-decoration: none;
display:block;
         border-right:2px solid #fff;
color:#fff;
}

ul#mainNav1 li a { padding:5px 20px 5px 20px; }

ul#mainNav1 a:hover{color:#0f0;}

ul#mainNav1 a.current { font-weight:bold; color:#0f0;}