.container {
    width: 844px;
    margin: 0 auto;
    text-align: left
}

#head {
    background: url(../images/shroggleLogo.gif) no-repeat;
    height: 278px;
}

#head h2 {
    margin: 0 0 0 200px;
    padding: 0;
}

#middle {
    background: url(../images/middle.gif) repeat-y;
    display: block;
    float: left;
    width: 844px;
}

#middle_page {
    margin: 0 auto;
    width: 810px;
}

#middle_index {
    background: url(../images/middle_index.jpg) no-repeat;
    display: block;
    float: none;
    position: absolute;
    height: 345px;
    width: 723px;
    top: 255px;
    margin: 0 53px 0 53px;
}

#separate {
    background: url(../images/bottom.gif) no-repeat;
    height: 83px;
}

#bottom {
    background: url(../images/bottom_bg.gif) repeat-y;
    width: 844px;
    float: left;
    font: 12px Arial;
}

#bottom_page {
    margin: 0 45px 0 45px;
}

#footer {
    background: url(../images/footer.gif) no-repeat top left;
    height: 35px;
}

#menu_v2 {
    LIST-STYLE-TYPE: none;
    margin: 0 auto;
    width: 720px;
    margin-top: 10px;
}

#menu_v2 li {
    DISPLAY: inline;
    FLOAT: left;
    margin: 0 14px 0 14px;
    padding: 0;
}

#menu_v2 li span {
    DISPLAY: block;
    COLOR: #ffffff;
    TEXT-ALIGN: center;
    padding: 0 10px 0 10px;
    background-color: #35352D;
    margin: 1px;
}

#menu_v2 li A {
    DISPLAY: block;
    COLOR: #333333;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    padding: 0 8px 0 8px;
    margin: 1px;
    font-size: 14px;
}

#menu_v2 A:visited {
    DISPLAY: block;
    COLOR: #333333;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    padding: 0 8px 0 8px;
    margin: 1px;
    font-size: 14px;
}

#menu_v2  A:hover {
    DISPLAY: block;
    COLOR: #336600;
    TEXT-DECORATION: none;
    padding: 0 8px 0 8px;
    margin: 1px;
    font-size: 14px;
}

#menu {
    padding: 10px 0 15px 160px;
    LIST-STYLE-TYPE: none;
    text-align: left;
}

#menu LI {
    DISPLAY: inline;
    FLOAT: left;
    margin: 0 4px 0 0;
    padding: 0;
}

#menu li span {
    DISPLAY: block;
    COLOR: #ffffff;
    TEXT-ALIGN: center;
    padding: 0 10px 0 10px;
    background-color: #35352D;
    margin: 1px;
}

#menu li A {
    DISPLAY: block;
    COLOR: #333333;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    padding: 0 10px 0 10px;
    margin: 1px;
    font-weight: bold;
}

#menu A:visited {
    DISPLAY: block;
    COLOR: #333333;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    padding: 0 10px 0 10px;
    margin: 1px;
    font-weight: bold;
}

#menu A:hover {
    DISPLAY: block;
    COLOR: #336600;
    TEXT-DECORATION: none;
    padding: 0 10px 0 10px;
    margin: 1px;
    font-weight: bold;
}

#middle_menu_2 {
    list-style-type: none;
    text-align: left;
    font-size: 13px;
    background: url(../images/registration_nums2.gif) no-repeat;
    height: 53px;
    font-weight: bold;
    margin-bottom: 15px;
}

#middle_menu {
    list-style-type: none;
    text-align: left;
    font-size: 13px;
    background: url(../images/registration_nums.gif) no-repeat;
    height: 53px;
    font-weight: bold;
    margin-bottom: 15px;
}

#middle_menu LI {
    DISPLAY: inline;
    FLOAT: left;
    margin: 20px 0 0 20px;
    padding: 0;
}

#middle_menu_2 LI {
    DISPLAY: inline;
    FLOAT: left;
    margin: 20px 0 0 0px;
    padding: 0;
}

#middle_menu li span, #middle_menu_2 li span {
    display: block;
    color: #515862;
    font-size: 18px;
}

#middle_menu li A, #middle_menu A:visited {
    display: block;
    text-decoration: none;
    margin: 2px 0 0 70px;
    color: #666666;
}

#middle_menu_2 a, #middle_menu_2 a:visited {
    display: block;
    text-decoration: none;
    margin: 2px 0 0 20px;
    color: #666666;
}

#middle_menu A:hover {
    display: block;
    color: #336600;
    text-decoration: none;
    margin: 2px 0 0 70px;
}

#middle_menu_2 a:hover {
    display: block;
    color: #336600;
    text-decoration: none;
    margin: 2px 0 0 20px;
}

table {
    margin: 0;
}

table.tbl_index {
    width: 743px;
}

.tbl_index td {
    background-color: #E9E0DB;
    padding: 15px;
}

.tbl_index b {
    font-weight: bold;
    color: #000000;
}

.bottom_page p {
    font-weight: bold;
}

.tbl_dblborder {
    border: 3px double #ccc;
    border-collapse: collapse;
}

.tbl_dblborder td {
    border: 1px solid #ccc;
    text-align: center;
}

.tbl_dblborder td input {
    margin: 2px;
    text-align: left;
}

.tbl_dblborder thead td {
    color: #7B7878;
    text-align: center;
    font-weight: bold;
}

.tbl_dblborder tbody {
    color: #1F2B41;
    font-style: italic;
}

/*first type*/
#header_home {
    height: 217px;
    background: url(../images/Head_home.jpg) no-repeat top center;
    vertical-align: top;
}

#content_home {
    width: 100%;
    background: url(../images/Bg_home.jpg) repeat-y top center;
    position: relative;
    text-align: left;

}

#content_home_bg {
    background: url(../images/Head_home_bottom.jpg) no-repeat top center;
    padding-top: 5px;
}

#footer_home {
    background: url(../images/Footer_home.jpg) no-repeat center top;
    height: 215px;
}

.middle_form {
    width: 790px;
}

.align_center {
    position: relative;
    width: 100%;
}

.align_center:after {
    content: '';
    display: block;
    clear: both;
}

.align_center_to_left {
    position: relative;
    right: 50%;
    float: right;
}

.align_center_to_right {
    text-align: center;
    position: relative;
    z-index: 1;
    right: -50%;
}