body {
     
            background: #0d306f 0 bottom repeat-x;
            margin: 8px;

            line-height: 1.6;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: rgba(45,46,47,1);
text-align: left;
        }

        #logo-text {
            font-size: 2.5rem;
            padding: 10px;
            text-shadow: 1px 1px 5px black;
            color: #ffffff;
        }
       h1 {
            font-size: 2em;
        }

        h1, h2, h3, h4, h5, h6 {
            font-weight: normal;
            line-height: 1.5;
            padding: 0;
            position: relative;
            font-family: 'Yanone Kaffeesatz';
            text-shadow: 1px 1px 1px #ffffff;
            margin: 0;
        }

        h5 {
            margin: 0 10px 0 5px;
        }
        .page {
            min-height: 350px;
            margin: 0 0 20px 0;
            padding: 20px;
            position: relative;
            z-index: 1;
        
          /*  background-image: url(./light/content-bg.png);*/
            background-repeat: repeat-y;
            background-position: -1200px 0;
        }






   #main-menu .flip-black .menu-middle, #main-menu .flip-blue .menu-middle, #main-menu .flip-brown .menu-middle, #main-menu .flip-dark-purple .menu-middle, #main-menu .flip-dark .menu-middle, #main-menu .flip-green .menu-middle, #main-menu .flip-light-blue .menu-middle, #main-menu .flip-light .menu-middle, #main-menu .flip-navy .menu-middle, #main-menu .flip-orange .menu-middle, #main-menu .flip-pink .menu-middle, #main-menu .flip-purple .menu-middle, #main-menu .flip-red .menu-middle, #main-menu .flip-slate .menu-middle, #main-menu .flip-teal .menu-middle {
            float: left;
            width: 938px;
            height: 57px;
        }

        #main-menu .flip-black .menu-left, #main-menu .flip-blue .menu-left, #main-menu .flip-brown .menu-left, #main-menu .flip-dark-purple .menu-left, #main-menu .flip-dark .menu-left, #main-menu .flip-green .menu-left, #main-menu .flip-light-blue .menu-left, #main-menu .flip-light .menu-left, #main-menu .flip-navy .menu-left, #main-menu .flip-orange .menu-left, #main-menu .flip-pink .menu-left, #main-menu .flip-purple .menu-left, #main-menu .flip-red .menu-left, #main-menu .flip-slate .menu-left, #main-menu .flip-teal .menu-left {
            float: left;
            width: 17px;
            height: 57px;
        }

        #main-menu .flip-dark .menu-right {
            background: url(./core/menu-flip-dark.png) 0 -114px no-repeat;
        }

        #main-menu .flip-black .menu-right, #main-menu .flip-blue .menu-right, #main-menu .flip-brown .menu-right, #main-menu .flip-dark-purple .menu-right, #main-menu .flip-dark .menu-right, #main-menu .flip-green .menu-right, #main-menu .flip-light-blue .menu-right, #main-menu .flip-light .menu-right, #main-menu .flip-navy .menu-right, #main-menu .flip-orange .menu-right, #main-menu .flip-pink .menu-right, #main-menu .flip-purple .menu-right, #main-menu .flip-red .menu-right, #main-menu .flip-slate .menu-right, #main-menu .flip-teal .menu-right {
            float: left;
            width: 17px;
            height: 57px;
        }

        #main-menu .flip-dark .menu-middle {
            background: url(./core/menu-flip-dark.png) 0 -57px repeat-x;
        }

        #main-menu .flip-dark .menu-left {
            background: url(./core/menu-flip-dark.png) 0 0 no-repeat;
        }

        #main-top {
            background: url(./shape/main-top-boxed-light.png) no-repeat;
            height: 60px;
        }

        user agent stylesheet div {
            display: block;
        }
















        #main-wrapper {
            position: relative;
            z-index: 1;
            margin: 0 auto;
            max-width: 1000px;  /*change this to max-width */
        }

        #header {
            margin: auto;
            padding: 10px 0;
            position: relative;
            max-width: 960px;  /*change this to max-width */
        }

        #main-inner {
            min-height: 600px;
            padding: 0 20px;
        }

        #main-menu .menu a {
            color: #eaeaea;
            text-shadow: #000000 1px 1px 1px;
        }

        #main-menu .menu, #main-menu .menu * {
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
            z-index: 4;
        }

        #content .page {
            background-repeat: repeat-y;
            background-position: -1200px 0;
            margin: 0 0 20px 0;
            padding: 20px;
            position: relative;
            z-index: 1;
        }

            #content .page, #content .page .top, #content .page .bottom {
              background: white;
            }


        #content {
            /*float: left;*/
            margin: 0 10px;
            padding: 0 0 20px 0;
            max-width: 600px;  /*change this to max-width */
            overflow:hidden;
        }

        #sidebar {
            float: right;
            max-width:330px;  /*change this to max-width */
        }
        #main {
            background: url(./shape/main-boxed-light.png) repeat-y;
            padding: 5px 0;
        }
        
        #main-menu .flip-black, #main-menu .flip-blue, #main-menu .flip-brown, #main-menu .flip-dark-purple, #main-menu .flip-dark, #main-menu .flip-green, #main-menu .flip-light-blue, #main-menu .flip-light, #main-menu .flip-navy, #main-menu .flip-orange, #main-menu .flip-pink, #main-menu .flip-purple, #main-menu .flip-red, #main-menu .flip-slate, #main-menu .flip-teal {
            margin: 0 0 0 -486px;
            position: absolute;
            top: 0;
            left: 50%;
            width: 972px;
            z-index: 100;
        }

#main-menu .flip-black .menu, #main-menu .flip-blue .menu, #main-menu .flip-brown .menu, #main-menu .flip-dark-purple .menu, #main-menu .flip-dark .menu, #main-menu .flip-green .menu, #main-menu .flip-light-blue .menu, #main-menu .flip-light .menu, #main-menu .flip-navy .menu, #main-menu .flip-orange .menu, #main-menu .flip-pink .menu, #main-menu .flip-purple .menu, #main-menu .flip-red .menu, #main-menu .flip-slate .menu, #main-menu .flip-teal .menu {
  float: left;
}
#main-menu .menu {
  line-height: 1.0;
}
#main-menu .menu li {
  float: left;
  position: relative;
}

#main-menu .flip-black .menu a, #main-menu .flip-blue .menu a, #main-menu .flip-brown .menu a, #main-menu .flip-dark-purple .menu a, #main-menu .flip-dark .menu a, #main-menu .flip-green .menu a, #main-menu .flip-light-blue .menu a, #main-menu .flip-light .menu a, #main-menu .flip-navy .menu a, #main-menu .flip-orange .menu a, #main-menu .flip-pink .menu a, #main-menu .flip-purple .menu a, #main-menu .flip-red .menu a, #main-menu .flip-slate .menu a, #main-menu .flip-teal .menu a {
  display: block;
  font-family: Arial, Helevtica, Verdana,san-serif;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 100%;
  padding: 20px 15px 17px 15px;
  text-decoration: none;
  text-transform: uppercase;
}


        @media screen and (max-width: 768px) {
            body { font-size: 0.875rem; }

            #logo-text { font-size: 2rem; }

            h1, h2, h3, h4, h5, h6 { font-size: 1.5em; }

            #header, #main-wrapper, #content {
                width: 100%;
                padding: 5px 0;
            }

            #sidebar {
                width: 100%;
                padding: 5px 0;
                max-width:768px;
            }
     

        }