html
{
    min-height: 100%;
    margin-bottom: 1px;
}

body
{
    margin: 0;
    color: #000;
    font: 12px Arial, Helvetica, sans-serif;
    background: #dbd6ad;
    text-align: justify;
}
img
{
    border: 0;
}
a
{
    text-decoration: none;
    color: #8a831a;
}
a:hover
{
    text-decoration: underline;
}
#wrapper
{
    width: 864px;
    background: #fff url(/images/bg-wrapper.gif) repeat-y;
    margin: 0 auto;
    padding: 0 14px;
}
#header
{
    width: 864px;
    overflow: hidden;
}
.breadcrumbs
{
    margin: 0;
    padding: 8px 5px 4px 0;
    list-style: none;
    float: right;
    overflow: hidden;
}
.breadcrumbs li
{
    float: left;
    color: #666;
    font-size: 10px;
    padding: 0 6px 0 9px;
    background: url(/images/bullet-breadcrumbs.gif) no-repeat 0 50%;
    margin: 0 9px 0 -9px;
}
.breadcrumbs li a
{
    color: #666;
}
#main
{
    width: 864px;
    overflow: hidden;
    background: url(/images/bg-main.gif) repeat-y;
}
#main2
{
    width: 864px;
    overflow: hidden;
    background: url(/images/bg-main2.gif) repeat-y;
}
#sidebar
{
    width: 109px;
    float: left;
    background: url(/images/bg-sidebar.gif) no-repeat;
    padding: 0 0 0 43px;
}
.logo
{
    display: block;
}
.logo a
{
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    width: 109px;
    height: 112px;
    background: url(/images/logo.gif) no-repeat;
}
.visionLogo
{
    display: block;
}
.visionLogo a
{
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    width: 151px;
    height: 19px;
    background: url(/images/vision.bmp) no-repeat;
}
.nav
{
    margin: 0;
    padding: 23px 13px 0 0;
    list-style: none;
}
.nav li
{
    padding: 0 0 0 8px;
    margin: 0 0 6px;
}
.nav li a
{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.nav ul
{
    margin: 0;
    padding: 5px 0 2px;
    list-style: none;
}
.nav ul li
{
    padding: 0 0 0 12px;
    margin: 0 0 3px;
}
.nav ul li a
{
    font-size: 11px;
    font-weight: normal;
}
.nav li.active a
{
    color: #e6e2c6;
}
.nav li.active ul a, .nav li ul a:hover
{
    color: #fff;
}
.nav ul li.active a
{
    color: #e6e2c6;
}
.nav a:hover
{
    color: #e6e2c6;
    text-decoration: none;
}
#nav
{
    margin: 36px 0 0 43px;
    padding: 0 0 4px;
    list-style: none;
    float: left;
    width: 109px;
    display: inline;
}
#nav:after
{
    /*content: "";*/
    clear: both;
    display: block;
}
#nav li
{
    width: 109px;
    float: left;
    clear: both;
    position: relative;
}
#nav li:hover a, #nav li.hover a
{
    background: #ada759;
    text-decoration: none;
}
#nav li a
{
    color: #fff;
    display: block;
    padding: 3px 0 3px 9px;
    font-weight: bold;
    font-size: 12px;
    width: 100px;
}
#nav ul
{
    position: absolute;
    top: 0;
    left: 109px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ada759;
    display: none;
}
#nav ul li
{
    width: 115px;
}
#nav ul li a
{
    font-size: 11px;
    padding: 4px 0 4px 11px;
    width: 104px;
}
#nav ul li a:hover
{
    text-decoration: underline;
}
#nav li:hover ul, #nav li.hover ul
{
    display: block;
}
.blue
{
    background: #5988c6 !important;
}
#content
{
    float: right;
    width: 712px;
}
#content2
{
    float: right;
    width: 815px;
    margin-right: 15px;
}
.gallery-holder
{
    width: 712px;
}
.gallery-holder .gallery
{
    width: 712px;
    height: 311px;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.gallery-holder .gallery li
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.gallery-holder .gallery li.active
{
    display: block;
}
.gallery-holder .gallery li img
{
    display: block;
}
.gallery-holder .block
{
    background: #e6e2c6;
    width: 100%;
    overflow: hidden;
    padding: 0 0 3px;
}
.gallery-holder .block .image-num
{
    color: #8a831a;
    font-size: 10px;
    float: left;
    margin: 10px 0 0 26px;
}
.gallery-holder .block .image-num .num
{
    padding: 0 0 0 5px;
}
.gallery-holder .block .image-num .sum
{
    padding: 0 0 0 2px;
}
.gallery-holder .block .gallery-nav
{
    margin: 9px 0 0 10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    height: 1%;
    float: left;
    display: inline;
}
.gallery-holder .block .gallery-nav li
{
    float: left;
    background: url(/images/separator-gallery-nav.gif) no-repeat 0 50%;
    padding: 0 8px 0 10px;
    margin: 0 2px 0 -2px;
}
.gallery-holder .block .gallery-nav li a
{
    color: #8a831a;
    font-size: 12px;
    font-weight: bold;
}
.gallery-holder .block .thumbnails
{
    margin: 4px 0 0 20px;
    padding: 0;
    list-style: none;
    float: left;
    display: inline;
}
.gallery-holder .block .thumbnails li
{
    float: left;
    border: 1px solid #fff;
    margin: 0 12px 0 0;
    display: inline;
}
.gallery-holder .block .thumbnails li img
{
    display: block;
}
.content-holder
{
    width: 662px;
    padding: 31px 24px 15px 26px;
    overflow: hidden;
    line-height: 16px;
    font-size: 12px;
}
.content-holder2
{
    width: 815;
    padding: 0 24px 0 25px;
    overflow: hidden;
    font-size: 12px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    vertical-align: middle;
}
.content-holder h1
{
    color: #8a831a;
    font-size: 14px;
    margin: 0 0 19px;
    text-transform: uppercase;
    line-height: 14px;
}
.content-holder h2
{
    color: Black;
    font-size: 13px;
    margin: 10px 0 14px;
    text-transform: uppercase;
    line-height: 13px;
}
.content-holder .block
{
    width: 442px;
    padding: 0 35px 5px 0;
    float: left;
    border-right: 1px solid #8a831a;
}
.content-holder .block h2
{
    font-size: 12px;
    margin: 0;
}
.content-holder .block p
{
    margin: 16px 0 0;
}
.content-holder .block dl
{
    margin: 0;
    width: 100%;
    overflow: hidden;
}
.content-holder .block dl dt
{
    float: left;
    font-weight: bold;
    clear: left;
}
.content-holder .block dl dd
{
    margin: 0;
}
.content-holder .side-block
{
    width: 173px;
    border-left: 1px solid #8a831a;
    float: left;
    padding: 0 0 0 11px;
    margin: 0 0 0 -1px;
    display: inline;
    text-align: left;
}
.content-holder .side-block h2
{
    font-size: 11px;
    margin: 0 0 8px;
    line-height: 11px;
}
.content-holder .side-block ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.content-holder .side-block ul li
{
    height: 1%;
    vertical-align: middle;
    margin: 0 0 6px;
}
.content-holder .side-block ul li a
{
    color: #8a831a;
    font-size: 11px;
    line-height: 15px;
}
.gallery-block
{
    width: 712px;
    position: relative;
}
.gallery-block .gallery
{
    width: 712px;
    height: 230px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.gallery-block .gallery li
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.gallery-block .gallery li.active
{
    display: block;
}
.gallery-block img
{
    display: block;
}
.gallery-block .thumbnails
{
    position: absolute;
    left: 490px;
    bottom: -20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.gallery-block .thumbnails li
{
    float: left;
    border: 1px solid #fff;
    margin: 0 11px 0 0;
    display: inline;
}
#header .activities
{
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
    float: right;
}
#header .activities li
{
    float: left;
    color: #fff;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    line-height: 26px;
    margin: 0 9px 0 0;
    display: inline;
}
.main-frame
{
    background: url(/images/bg-main-frame.gif) repeat-y;
    width: 864px;
    position: relative;
    z-index: 20;
}
.main-frame:after
{
    clear: both;
    display: block;
    content: "";
}
.main-frame .block
{
    width: 318px;
    float: left;
    padding: 32px 90px 0 40px;
    font-size: 11px;
}
.vision2020
{
    margin: 0 0 15px;
}
.vision2020 a
{
    background: url(/images/bg-vision2020.gif) no-repeat;
    width: 194px;
    height: 36px;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}
#visionFooter
{
    color: #8a831a;
    font-size: small;
}
#visionFooter .visionLogo a
{
    float: left;
}
.columns
{
    text-align: right;
    padding: 0 30px 0 15px;
    font-size: x-small;
}
.main-frame .block p
{
    margin: 0 0 5px;
}
.main-frame .block ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-frame .block ul li
{
    padding: 0 0 0 7px;
    background: url(/images/bullet-list.gif) no-repeat 0 5px;
    margin: 0 0 3px;
}
.project-block
{
    width: 200px;
    float: left;
    padding: 25px 20px 0;
    line-height: 17px;
}
.project-block .visual
{
    width: 160px;
    border: 1px solid #fff;
    margin: 0 0 12px;
}
.project-block .visual img
{
    display: block;
}
.project-block h2
{
    color: #8a831a;
    font-size: 12px;
    margin: 0 0 11px;
    text-transform: uppercase;
    line-height: normal;
}
.project-block h3
{
    color: #000;
    font-size: 12px;
    margin: 0;
    line-height: normal;
}
.project-block p
{
    margin: 0 0 5px;
}
.main-visual
{
    width: 864px;
    position: relative;
}
.main-visual img
{
    display: block;
}
.main-visual .gallery
{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 864px;
    height: 442px;
    position: relative;
    z-index: 1;
}
.main-visual .gallery li
{
    position: absolute;
    width: 862px;
    top: 0;
    left: 0;
    display: none;
}
.main-visual .gallery li.active
{
    display: block;
}
.main-visual .block
{
    width: 864px;
    background: url(/images/bg-main-visual.gif) repeat-y;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 442px;
    overflow: hidden;
}
.main-visual .block .logo
{
    float: left;
    margin: 0 0 0 43px;
    display: inline;
}
.main-visual .aside
{
    float: right;
    margin: 0 24px 0 0;
    display: inline;
    width: 240px;
}
.main-visual .news
{
    width: 200px;
    padding: 20px 20px 10px;
    background: url(/images/bg-news.png);
    line-height: 17px;
}
.news h2
{
    color: #8a831a;
    font-size: 12px;
    margin: 0 0 11px;
    text-transform: uppercase;
    line-height: normal;
}
.news ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.news h3
{
    color: #000;
    font-size: 12px;
    margin: 0;
    line-height: normal;
}
.news p
{
    margin: 0 0 10px;
}
.main-visual .thumbnails
{
    margin: 12px 0 0 -24px;
    padding: 0;
    list-style: none;
    width: 264px;
}
.main-visual .thumbnails li
{
    float: left;
    margin: 0 0 0 24px;
    display: inline;
    border: 1px solid #fff;
}

#footer
{
    width: 892px;
    margin: 0 -14px;
    background: url(/images/bg-footer.gif) repeat-y;
}
#footer .holder
{
    width: 864px;
    padding: 0 14px 5px;
    background: url(/images/bg-footer-b.gif) no-repeat 0 100%;
}
#footer ul
{
    margin: 0 0 0 44px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    height: 1%;
}
#footer ul li
{
    float: left;
    background: url(/images/separator-footer-nav.gif) no-repeat 0 50%;
    padding: 0 7px 0 9px;
    margin: 0 9px 0 -9px;
    font-size: 10px;
    color: #fff;
    line-height: 21px;
    text-transform: uppercase;
}
#footer ul li a
{
    color: #fff;
}


/* RKB 04-15-10 */
.mouseover
{
    background-color: Yellow;
}
.mouseout
{
    background-color: White;
}

.gv
{
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 11px;
    width: 100%;
    border: solid 1px #ad9e87;
}
.gv th, .gv td
{
    cursor: default;
    height: 20px;
}
.gv th
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ad9e87;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ad9e87;
    color: #59483f;
    font-weight: bold;
    text-align: center;
}
.gv td
{
    color: #000;
    padding: 2px 2px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #f2e8da;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f2e8da;
}
.Login
{
    width: 40%;
    text-align: left;
    padding: 5px 10px 5px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: White;
    color: Black;
}
.LoginWrapper
{
    width: 100%;
    text-align: center;
}
table
{
    border-style: none;
    border-collapse: collapse;
}
#ownerLogo
{
    margin: 0px 0px 15px 15px;
    display: block;
}
#ownerLogo a
{
    overflow: hidden;
    text-indent: -9999px;
    text-align: right;
    display: block;
}
.item
{
    font-weight: bold;
    padding-right: 4px;
}
td.title
{
    vertical-align: top;
    font-weight: bold;
    text-align: right;
    width: 120px;
}
td.value
{
    text-align: left;
    width: 350px;
    padding-left: 8px;
}
table.login
{
    background-color: #dbd6ad;
    padding: 10px 10px 10px 10px;
}
td.item
{
    vertical-align: middle;
}
td.content
{
    border-top: 1px solid black;
}
.watermarked
{
    font-style: italic;
    color: Gray;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalForeground
{
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 11px;
    background-color: #fff;
    border: solid 2px #000;
    padding: 4px;
}
.dvFooter
{
    padding: 5px 0px 5px 0px;
    text-align: right;
}
.dvHeader
{
    font-weight: bold;
    font-size: medium;
    text-align: center;
}
.dvColumnHeader
{
    text-align: right;
    font-weight: bold;
    width: 150px;
}
.dvItemValue
{
    width: 250px;
    color: Green;
}
.ErrorMsg
{
    color: Red;
    text-transform: capitalize;
    font-size: small;
}
.insideBody
{
    text-align: center;
    width: 760px;
}
.contentBox
{
    float: left;
    width: 375px;
    padding: 5px 0 0 5px;
}
#vision
{
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
}
#vision img
{
    padding-right: 10px;
    vertical-align: middle;
}

#moreinfo
{
    text-align: center;
    border: 1px solid black;
    font-size: x-small;
    margin: 25px 0 0 0;
    padding: 5px 0 5px 0;
}