<!--[if ie]>

html { scrollbar-face-color: #ccccc2; scrollbar-shadow-color: #ccccc2; scrollbar-highlight-color: #ccccc2; scrollbar-3dlight-color: #ccccc2; scrollbar-darkshadow-color: #ccccc2; scrollbar-track-color: #e9e9e2; scrollbar-arrow-color: #e9e9e2; }

<![endif]-->
body,
html{
    margin:0;
    padding:0;

}
body {
    min-width:720px;
    margin:0px auto; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
    position:absolute;
    width:100%;
    margin:0px auto;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
    position:fixed;
    margin:0px auto;


}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
    /* set left margin and bottom padding for IE5/Win */
    padding:50px 0 0 0;
    margin-left:0;
    /* set left margin and bottom padding for others */
    voice-family: "\"}\"";
    voice-family:inherit;
    margin-left:16px;
    padding-bottom:0px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
    margin-top: -12px;
    margin-left:0;
}
div#middle {
    width:720px;
    margin:0 auto;
}
div#sidebar {
    width:180px;
    float:left;
}
div#content {
    padding:0 10px;
    margin-left:180px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:30px;
}
body>div#footerwrap {
    position:fixed;
    background-color:#FEA901;
}/*
div#footer {
height:75px;
width:100%;
margin:0 auto;
}

Styling rules to make this demo page look nice. */


div#footer {
    width:960;
    margin:0 auto;
    /*height:29px; */
    border:0px solid #a3a391;
    background:#FEA901;
    color:#eee;
}
div#header{
    position:absolute;
    width:100%;
    /*height:29px; */
    border-left:solid 1px #CCCCCC;
    border-right:solid 1px #CCCCCC;
    color:#eee;
    margin:0px auto;
    background:#FEA901;
   

}


div#footer2 { 
    width:100%;
    margin:0 auto;
    height:40px;
    border-top:0px solid #a3a391;
    color:#eee;

}

div#middle,
div#sidebar {
    background:#eee;
}
div#content {
    background:#fff;
}
h1,
h2 {
    padding:0;
    margin:0;
}
div#sidebar h2 {
    padding-left:5px;
}
div#footer h2 {
    text-align:center;
    padding:0;
    margin:0;
}
div #footer p {
    margin:0;
    padding:0;
    text-align:center;
}

h1 {

    text-align:center;
    padding-top:5px;
}
h2 {
    padding-top:1em;
    margin-top:0;
}
p {
    margin-bottom:0;
    font-size:0.8em;
    line-height:1.4em;
}
pre {
    font-size:0.9em;
    line-height:1.4em;
}
ul {
    font-size:0.8em;
    line-height:1.4em;
}

<!--[if ie 6]>
html {
    overflow:hidden;
}
body {
    height:100%;
    overflow:auto;
}
#footerwrap {
    bottom:-1px;
}

body>div#middlewrap { margin-top: 0px; }<![endif]-->