﻿body {
    padding:0;
    margin:0;
    overflow-x:hidden;
}
#wapper {
    width:100%;
    height:auto;
}
#header {
    width:100%;
    height:auto;
}
#title {
    width:100%;
    height:auto;
    background-color:#ece8d5;
}
#title_main {
    width:697px;
    height:50px;
    margin:auto;
    padding:10px 0 10px 327px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
    font-size:40px;
    color:#310d49;
    font-weight:bold;
}
#menubar {
    width:100%;
    height:32px;
    background-color:#777b72;
    border-bottom:2px solid #ddd9c5;
}
#menubar_main {
    width:697px;
    height:32px;
    margin:auto;
    padding:0 0 0 327px;
}
#banner {
    width:1026px;
    height:254px;
    margin:auto;
}
#banner_left {
    width:327px;
    height:254px;
    float:left;
    background-image:url('Images/logo_back_image.png');
}
#banner_right {
    width:699px;
    height:254px;
    float:left;
}

#logo_back {
    width:318px;
    height:239px;
    background-image:url('Images/logo_back.png');
    margin-top:-100px;
}
#logo {
    width:100%;
    height:100%;
    background-image:url('Images/logo.png');
    background-position:center;
    background-repeat:no-repeat;
}

.gallery {
    width:100%;
    height:auto;
    background-color:#04569b;
}
#gallery_main {
    width:1024px;
    height:87px;
    padding:10px 0 10px 0;
    margin:auto;
}
#gallery_main_inner
{
    width: 704px;
    height: 92px;
    margin-left: 325px;
}
#page {
    width:1024px;
    height:auto;
    margin:auto;
   
    margin-bottom:-100px;
    overflow:visible;
    float:left;
   
}
#page_outer {
    width:1024px;
    height:auto;
    margin:auto;
}
#navigation {
    width:303px;
    height:auto;
    float:left;
    margin-left:20px;
    margin-top:-100px;
    position:relative;
    z-index:9;

}
#navigation_top {
    width:303px;
    height:24px;
    background-image:url('Images/navigationg_top.png');
}
#navigation_middle {
    width:303px;
    height:auto;
    background-image:url('Images/navigationg_middil.png');
}
#navigation_bottom {
    width:303px;
    height:28px;
    background-image:url('Images/navigationg_bottom.png');
}
#page_content {
    width:691px;
    height:auto;
    float:left;
    padding-left:10px;
    padding-bottom:100px;
}
.page_content_text {
    width:100%;
    height:auto;
    padding:10px 0 10px 0;
    border-bottom:2px solid silver;
    font-family:'Segoe UI';
    font-size:16px;
    font-weight:bold;
}
.content_details {
    padding:10px;
    width:671px;
    height:auto;
    font-family:'Segoe UI';
    font-size:12px;
    text-align:justify;

}
.nav_box {
    width:272px;
    height:auto;
    padding:0 16px 0 15px;
}
.nav_box_title {
    width:100%;
    height:auto;
    text-align:center;
    border-bottom:2px solid #dbd7db;
    border-top:2px solid #dbd7db;
    padding:5px 0 5px 0;
    font-family:'Segoe UI';
    font-weight:bold;
}
.nav_box_body {
    width:252px;
    height:150px;
    padding:10px;
    font-family:'Segoe UI';
    font-size:12px;
}
#footer {
    width:74.96339677891654%;
    height:150px;
    background-color:#807f73;
    padding:0 12.51830161054173% 0 12.51830161054173%;
    min-width:1024px;
    overflow:hidden;
}
#copyright {
    width:74.96339677891654%;
    min-width:1024px;
    height:auto;
    padding:0 12.51830161054173% 0 12.51830161054173%;background-color:#222b72;
    overflow:hidden;
}
    #copyright div {
        width:48%;
        height:auto;
        float:left;
        padding:1%;
        font-family:'Segoe UI';
        font-size:14px;
        color:white;
    }
        #copyright div a {
            text-decoration:underline;
            color:white;
        }
        #copyright div a:hover {
            text-decoration:none;
            color:white;
        }
 
 #footer_box_s
{
    width: 714px;
    height: 80px;
    margin: 10px auto 0 330px;
}

.footer_box
{
    width: 111px;
    height: 15px;
    float: left;
    padding: 5px 20px 5px 10px;
}

.footer_box a
{
    color:White;
    font-size:14px;
    text-decoration:none;
}

.footer_box a:hover
{
    text-decoration:none;
    color:HotPink;
}