/* Layout for front end */
body { background-color: #ebebeb; }

/* main background color */
header, .container { background-color: #fff;  }

header {
    /*  when using an image..
    background-repeat: repeat-x;
    background-image: url('../../images/site-sprite.png');
    background-position: 0px -775px;*/
    background-color:#fff;
    overflow:hidden;
}

nav { }
nav .container { background-color:transparent; }


#main-content {
    background-repeat: repeat-x;
    background-image: url('site-sprite.png');
    background-position: 0px -1345px;

}
#main-content .container { background-color:#fff; }

/* navigation/menu */
.menu {}
.menu a { color:#000; text-decoration:none; display:block;  padding:9px 10px; }

.primary-menu {  background-image: url('site-sprite.png'); background-position: 0px -1160px;  background-repeat: repeat-x; background-color:#3d3d3d; }
    .primary-menu .menu, .primary-menu .menu a{ margin:0px; background-image: url('site-sprite.png'); background-position: 0px -169px;  background-repeat: repeat-x;   }
    .primary-menu .menu a:hover { background-image: url('site-sprite.png'); background-position: 0px -80px;  background-repeat: repeat-x; }
    .primary-menu .menu a.active { background-image: url('site-sprite.png'); background-position: 0px -260px;  background-repeat: repeat-x;  }

    /* nav colouring */
    .primary-menu a { color:#050505; }
    .menu a:hover { color:#FD0A21; }
    .menu a.active { color:#FFF; }

    .secondary-menu a { color:#050505; }
    .secondary-menu a:hover { color:#FD0A21; }
    .secondary-menu a.active { color:#B80304; }

    .secondary-menu { background-image: url('site-sprite.png'); background-position: 0px -1253px;  background-repeat: repeat-x; }
    .secondary-menu .menu, .secondary-menu .menu a  { margin:0px; background-image: url('site-sprite.png'); background-position: 0px -499px;  background-repeat: repeat-x;  }
    .secondary-menu a:hover { background-image: url('site-sprite.png'); background-position: 0px -410px;  background-repeat: repeat-x; }
    .secondary-menu a.active { background-image: url('site-sprite.png'); background-position: 0px -590px;  background-repeat: repeat-x; }

    .secondary-menu ul ul { padding-left: 20px; background-color:#2F9DA1; }
    .secondary-menu ul ul li { float:none; }


    #search input { text-indent:5px; width:190px; border:1px inset #cecece; height:24px; padding:0px;  }
    #search input.submit { padding:0px; margin:0px; margin-left:10px; text-indent: 9999px; width:90px; height:24px; border:none; overflow: hidden;
                          background-image: url('site-sprite.png'); background-position: -10px -10px; background-repeat: no-repeat;
                        }
    #search input.submit:hover { background-position: -10px -34px; }
    #search input.submit:hover { background-position: -10px -138px; }



#footer { font-size:0.8em; }
#footer, #footer .container { background-color:#dedede; }
    #footer a { color:#232323; text-decoration:none; text-transform:uppercase;  padding:5px 10px 7px; }
    #footer p { font-size:0.833em; color:#010101; }


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border:1px solid #5f8692; }


/* Styling any forms */
form { }
fieldset { }
legend { color:#000; border:none; }