<style type="text/css">

body
{
 margin:0;
 padding:0;
 background-color:#f1f1f1 !important;
}
.box
{
 width:960px;
 padding:10px;
 background-color:#f1f1f1;
 border:1px solid #ccc;
 border-radius:5px;
 margin-top:50px;
}

/* header styles */
#HeadBox { width:980px; height:350px; padding:0; margin:0 auto;
text-align:left; 
border-style:solid;
border-width:thin;}
#HeadBox a { color:#FFF;}
#HeadBox a:hover { color:#a94442;}
#HeadBox h3 { float:left; padding:8px 12px 0 0;}
#HeadBox h3 strong { color:#FFF;}
#HeadBox h2 {color:#a94442; margin-top:40px; margin-left:15px; font-size:36px; text-shadow: 
6px 10px 15px #888888;}

/* Title header styles */
#TitleBox { width:980px; height:52px; padding:0; margin:0 auto; text-align:left;
    background-color:#f1f1f1; color:#000000;
    border-style:none none none none; border-width:thin;}
    #TitleBox a {color: #0018d1; }
    #TitleBox a:hover { }
    #TitleBox h3 { float:left; padding:2;}
    #TitleBox h3 strong { color: #0018d1;margin-top:0px; margin-left:0px; font-size:36px; text-shadow: 
        6px 10px 15px #888888;}
    #TitleBox h3 { color: #0018d1;margin-top:0px; margin-left:0px; font-size:36px; text-shadow: 
        6px 10px 15px #888888;}
    #TitleBox h2 {color:#0018d1; margin-top:0px; margin-left:0px; font-size:36px; text-shadow: 
        6px 10px 15px #888888;}

/* Nav header styles */
#NavBox { width:980px; height:52px; padding:0; margin:0 auto; text-align:left;
    background-color:#ffffff; color:#000000;
    border-style:solid solid none solid; border-width:thin;}
    #NavBox a {color: #0018d1; }
    #NavBox a:hover { }
    #NavBox h3 { float:left; padding:2;}
    #NavBox h3 strong { color:#FFF;}
    
    #NavRightCon { float:right; margin:0; padding:8px 10 0 0px; list-style:none;}
    #NavRightCon li { display:inline; margin:2; padding:0 0px;}
    #NavRightCon li a { text-decoration:none; padding:0px 0px; margin:0;
    color:#6600cc;display:inline-block;}
    #NavRightCon li a:hover { color:#0027eb; background-color: #f2f2f2; }
    #NavRightCon li + li:before{
        content: " | ";
        padding: 0 0px;
    }

/*left menu box*/
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
 /*   overflow: hidden; */
    background-color: #ffffff;
    float:left;
}

.menu li {
    float: left;
}

.menu li +li:before{
    content: "|";
}

.menu li a, .dropbtn {
    display: inline-block;
    color: #6600cc;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
}

.menu li a:hover, .dropdown:hover .dropbtn {
    background-color: #f2f2f2;
    color: #0027eb;
}

.menu li.dropdown {
    display: inline-block;
}

/*right menu box*/
.menuR {
float:right;
}

.menuR ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    float:right;
}

.menuR li {
    float: right;
}

.menuR li +li:before{
    content: "|";
}

.menuR li a, .dropbtn {
    display: inline-block;
    color: #6600cc;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
}

.menuR li a:hover, .dropdown:hover .dropbtn {
    background-color: #f2f2f2;
    color: #0027eb;
}

.menuR li.dropdown {
    display: inline-block;
}


/*Dropdown styles*/
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: #6600cc;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f2f2f2}

.dropdown:hover .dropdown-content {
    display: block;
}

/* body container styles */
#BodyBox { width:980px; height:auto; padding:0; margin:0 auto;
text-align:left; background-color:white; border-style:solid; border-width:thin;min-height:300px;}
#BodyBox a { }
#BodyBox a:hover {}
#BodyBox h3 { float:left; padding:8px 12px 0 0;}
#BodyBox h3 strong { color:#FFF;}
#BodyBox h2 { padding:2px 2px 0 0; margin: 2;}

#BodyContentBox { width:960px; height:auto; padding:0; margin:auto;
text-align:left;}
#BodyContentBox a { }
#BodyContentBox a:hover {}
#BodyContentBox h3 { float:left; padding:8px 12px 0 0;}
#BodyContentBox h3 strong { color:#FFF;}
#BodyContentBox h2 { padding:2px 2px 0 0; margin: 2;}


/* footer styles */
#FootBox { width:980px; min-height:60px; padding:0; margin:0 auto; text-align:left; 
    background-color:#ffffff; border-style:none solid solid solid; border-width:thin;}
#FootBox a { color:#0018d1;}
#FootBox a:hover { color:#0027eb;}
#FootBox h3 { float:left; padding:8px 12px 0 0;}
#FootBox h3 strong { color:#FFF;}

/* h2 boot page name styles */
#BootH2 { }
#BootH2 h2 {color:#0027eb; margin-top:4px; text-align:right; font-size:22px; }

.InfoH2 {
    color: blue;
    font-size: 32px;
    font-weight: bold;
    margin-left: 30px;
}

</style>
