/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
    margin:0;
    padding:0;
    height:100%; /* needed for container min-height */
    background:#ffc952;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    font-size:11px;
}

a img {
    border:0;
}

body,div,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,td {
    margin:0;
    padding:0;
}

label.error { float: none; color: red; padding-bottom: .5em; }

div#container {    
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:908px;
    background:url('images/bg-wrapper.jpg') repeat-y;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    padding-bottom:10px;
}

div#header {
    height:70px;
    background:transparent url('images/bg-top.jpg') no-repeat center top;
    padding:84px 0px 20px 20px;
}
    div#header #logo { float:left; }
    /* Navigation bar styles */
    div#header #mainmenu { float:right; text-align:right; color:white; }
    div#header #mainmenu #menu-left,
    div#header #mainmenu #menu-right { float:left; padding:10px 30px; height:36px; }
    div#header #mainmenu #menu-left { background:url('images/bg-nav-left.gif') repeat-x; font-weight:bold; font-size:12px; }
    div#header #mainmenu #menu-right { background:url('images/bg-nav-right.gif') repeat-x; padding:auto 50px; }
	div#header #mainmenu #menu-right ul { margin:0; padding:0; }
    div#header #mainmenu #menu-right ul li { display:inline; padding:0 8px; }
    div#header #mainmenu #menu-right ul li a { color:white; text-decoration:none; }
    div#header #mainmenu #menu-right ul li a:hover { text-decoration:underline; }
    div#header #mainmenu p { clear:both; color:black; margin-right:38px; }

div#content {
    padding:1em 1em 120px; /* bottom padding for footer */
}
    /* Sidebar styles */
    #sidebar-wrapper { float:left; }
    #sidebar { width:170px; height:350px; margin-left:24px; position:relative; top:-3px; }
    #sidebar #sidebar-top { background:url('images/bg-sidebar-up.jpg') no-repeat center top;
                            width:170px; height:43px; min-height:43px; color: #900; font-size:13px; font-weight:bold; }
    #sidebar #sidebar-top span { display:block; margin:0 auto; width:70%; padding:20px 0 5px 18px; text-align:right;
                                 border-bottom:1px solid #CCC; }
    #sidebar #sidebar-content { background:url('images/bg-sidebar-top.jpg') repeat-x; width:168px;
                                border-left:1px solid #ababab; border-right:1px solid #ababab; text-align:left; }
    #sidebar #sidebar-content-inner { padding:10px 12px; }
    #sidebar #sidebar-content ul { margin:10px auto; padding:0; }
    #sidebar #sidebar-content ul li { list-style-type:circle; padding:0; margin:0 auto; width:70%; }
    #sidebar #sidebar-middle { background:#8e8e8e; padding:5px 15px; color:white; font-weight:bold; }
    #sidebar #sidebar-bottom { background:url('images/bg-sidebar-bottom.jpg') repeat-x; width:168px;
                                border-left:1px solid #ababab; border-right:1px solid #ababab; text-align:left; }
    #sidebar #sidebar-bottom-inner { padding:10px 12px; }
    #sidebar #sidebar-bottom-inner input { margin:10px auto; }
    #sidebar #sidebar-bottom-bottom { background:url('images/bg-sidebar-down.gif') no-repeat; width:170px; height:5px; }
    #sidebar #sidebar-content-inner button { width:130px; }
    #sidebar #sidebar-bottom button { width:100px; }
    #sidebar button { background:url('images/bg-button.gif') repeat-x; border:1px solid #845d06;
                      padding:3px; cursor:pointer; }
    #sidebar input { width:95%; }

    /* Content styles */
    #main { float:right; width:680px; border:1px solid #ccc; }
	#page-content { padding:10px; }

    #subpage-table { overflow:auto; height:100%; min-height:100%; border:solid 1px #d5d5d5;  }
    #subpage-menu { width:150px; float:left; background:white; padding:5px; text-align:center; }
    #subpage-menu div { background:#ddd url('images/bg-subpage-menu.gif') repeat-x top; padding:5px; padding-bottom:10px; border:1px solid #ccc; }
    #subpage-menu div img { margin:5px auto; }
    #subpage-menu div ul { text-align:left; margin:0; padding:0; margin-left:20px; }
    #subpage-menu div ul li { font-size:12px; list-style-type:circle; margin:3px auto; }
    #subpage-menu div ul li a:visited { color:#0000CC; }
    #subpage-menu div ul li .active { font-weight:bold; }
    #subpage-content { height:100%; min-height:100%; padding:5px; }
    #subpage-title { border:solid 1px #d5d5d5;
                     background:url('images/bg-subpage-title.gif') repeat-x bottom;
                     font-size:14px; font-weight:bold; color:black; height:40px; }
    #subpage-title span { position:relative; left:20px; top:13px; margin:0; }
    #subpage-main { padding:10px 20px; overflow:hidden; text-align:left; }

div#footer {
    clear:both;
    position:absolute;
    width:100%;
    height:119px;
    bottom:0; /* stick to bottom */
    background:#ffc952 url('images/bg-bottom.jpg') no-repeat center bottom;
    text-align:right;
}
    div#footer p {
        width:908px;
        color:#969696;
        background:url('images/bg-footer.jpg') repeat-y;
        padding:0px;
        margin:0 auto;
    }

    div#footer p span {
        background:transparent;
        padding:10px 20px;
        display:block;
    }

#subpage-main a img {
    border: 3px solid white;
    box-shadow: 0 0px 4px 2px #969696;
    -webkit-box-shadow: 0 0 4px 2px #969696;
       -moz-box-shadow: 0 0 4px 2px #969696;
           -box-shadow: 0 0 4px 2px #969696;
    margin:8px;
}