/*------------------------------------------------------------*
**
    CSS coding by Empire Elements - www.empire-elements.co.uk
    Contact us on : info@empire-elements.co.uk
        UK Mobile: 07891 226 702   Tel: 020 8816 8289

**------------------------------------------------------------*/
/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
        }
/*------------------------------------------------------------*
**  Main Container
**------------------------------------------------------------*/
#Container {
        width: 800px;
        text-align: justify;
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        position: relative;
        padding: 10px;
        border: 1px solid #CCCCCC;
}
/*------------------------------------------------------------*
**  Main Container
**------------------------------------------------------------*/
#Top{
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 5px;
}
#Top img{
        float: right;
}
#Top h1{
        font-family: "Trebuchet MS", Arial, Verdana;
        font-size: 18px;
        font-weight: bold;
        color: #FC7316;
        font-style: normal;
        line-height: normal;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
}
#Top h2{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: black;
        margin: 0px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        font-weight: bold;
}
/*------------------------------------------------------------*
**  Top Image
**------------------------------------------------------------*/
div#TopImage {
        text-align: left;
        width: 800px;
        padding-top: 5px;
        padding-bottom: 0px;
        margin-bottom: 0px;
}
/*------------------------------------------------------------*
**  InfoLine
**------------------------------------------------------------*/
div#InfoLine {
        background-color: Black;
        font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        font-weight: normal;
        padding-right: 10px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 40px;
        text-align: left;
}
/*------------------------------------------------------------*
**  MainText
**------------------------------------------------------------*/
/* Container Start*/
div#MainText {
        width: 800px;
        clear: both;
        float: left;
}
div#MainText h1{
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 16px;
        font-weight: bold;
        color: #E1801E;
        margin-top: 0px;
}
div#MainText h2{
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
        color: #E1801E;
        margin-top: 10px;
}
/* Container Left Start*/
div#MainText-left {
        width: 180px;
        padding-bottom: 35px;
}
div#MainText-left ul {
        height: 25px;
        list-style: none;
        width: 180px;
        clear: left;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 250px;
        padding-left: 0px;
}
div#MainText-left ul li {
        list-style: none;
        display: block;
        width: 180px;
        float: left;
        text-align: left;
        line-height: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
}
div#MainText-left ul li span {
        width: 100%;
        height: 25px;
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding-left: 10px;
        background-color: #E1801E;
        margin: 1px;
        border-left-width: 3px;
        border-left-style: solid;
        border-left-color: black;
}
div#MainText-left ul li a{
        width: 100%;
        height: 25px;
        display: block;
        color: black;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding-left: 10px;
        background-color: #CDCCCC;
        margin: 1px;
        border-left-width: 3px;
        border-left-style: solid;
        border-left-color: black;
}
div#MainText-left ul li a:hover {
        color: black;
        background-color: #E1801E;
        font-weight: bold;
        border-left-width: 3px;
        border-left-style: solid;
        border-left-color: black;
}
div#MainText-left ul li img {
        vertical-align: middle;
        border: 0px;
        margin-left: 0px;
        margin-right: 10px;
        margin-top: 3px;
        margin-bottom: 0px;
        float: left;
}
/* Container Right Start*/
div#MainText-right {
        clear: both;
        width: 570px;
        float: right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-left: 0px;
        line-height: 18px;
}
div#MainText-right span {
        vertical-align: bottom;
        float: right;
        text-align: right;
        width: 570px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-bottom: 0px;
        margin-right: 5px;
        margin-left: 0px;
        padding-top: 5px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
}
div#MainText-right hr {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        font-size: 5px;
        width: 300px;
        text-align: center;
}
div#nav
{
        height: 25px;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 40px;
        float: left;
}
div#nav ul
{
        height: 25px;
        list-style: none;
        width: 100%;
        display: inline;
        margin-left: 0px;
        padding-left: 0px;
        background-color: #CDCCCC;
}
div#nav ul li
{
        list-style: none;
        display: block;
        width: 16.5%;
        float: left;
        text-align: center;
        line-height: 25px;
        font-size: 10px;
        font-weight: normal;
        border-right: 1px solid #FFFFFF;
        background-color: #CDCCCC;
}
div#nav ul li a
{
        width: 100%;
        height: 25px;
        display: block;
        color: black;
        text-decoration: none;
        font-family: "Trebuchet MS";
        font-size: 12px;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
}
div#nav ul li.last
{
        width: 129px;
}
div#nav ul li a:hover
{
        color: #FFFFFF;
        font-weight: bold;
        background-color: #E1801E;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
}
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
div#Footer {
        width: 100%;
        clear: both;
        background-color: #CDCCCC;
}
div#Footer p{
        padding: 5px;
        margin: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: black;
}
div#Footer a{
        color: #FC7316;
        text-decoration: none;
}
div#Footer a:hover{
        color: #005787;
        text-decoration: none;
}