/* Drop styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, ol, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%;
font-family: inherit; vertical-align: baseline; background: transparent;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
/* End of drop */

ins, del{ text-decoration: none; }

.png{ behavior: url('/media/css/iepngfix.htc'); }
.nobr{ white-space: nowrap; }
.bold{ font-weight: bold; }
.print{ display: none }

html{
    height: 100%;
}

body{
    font: normal normal 80% Arial, Helvetica, sans-serif;
    background: #fff;
    color: #1c1c1c;
    min-width: 980px;
    height: 100%;
}

#flashcontent, #flashcontent table{
    height: 100%;
    width: 100%;
    min-width: 860px;
    min-height: 550px;
    //width: expression((( document.documentElement.clientWidth || document.body.clientWidth) < 860 ) ? "860px" : "100%" );
    //height: expression((( document.documentElement.clientHeight || document.body.clientHeight) < 550 ) ? "550px" : "100%" );
}

#flash-animation{ height: 100%; }

#flashcontent embed, #flashcontent object{
    vertical-align: bottom;
}

a{
    color: #195cab;
}

div .accentuated{
    height: 42px;
    margin: 20px 0;
    background: #fff url(../img/accent-l.gif) no-repeat top left;
    overflow: hidden;
} * html div .accentuated {zoom:1}

div .accentuated a{
    height: 42px;
    float: left;
    padding: 12px 24px 0 0;
    margin-left: 15px;
    background: #fff url(../img/accent-r.gif) no-repeat top right;
}

em{
    font-style: italic;
}

#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #fff url(../img/back.jpg) no-repeat top right;
} * html #wrapper{
    width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%");
}

.index-body #wrapper{
    background: none;
    height: 100% !important;
    min-height: auto;
}

.index-body #wrapper object {
    min-height: 550px;
    min-width: 980px;
} * html .index-body #wrapper object {
    width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%");
    height: expression((( document.documentElement.clientHeight || document.body.clientHeight) < 550 ) ? "550px" : "100%" );
}

.index-body #footer{
    display: none;
}

#logo{
    //border-bottom: 1px solid white;
}

.left-column{
    float: left;
    width: 30%;
    padding-right: 35px;
} .left-column .inner{
    width: 215px;
    float: right;
    clear: both;
}

.header{
    font-size: 80%;
    color: #ffc002;
    padding: 5px 0;
    overflow: hidden;
} * html .header { zoom: 1; }

.vip{
    float: right;
    width: 33%;
    margin-left: 470px;
    margin-top: -5px;
    position: absolute;
    display: none !important;
}

.header .vip span{
    color: #999;
    text-decoration: none;
}

.header a, .header span{
    text-decoration: none;
    padding: 0 0 0 8px;
}

.header a:hover, .header span{
    text-decoration: underline;
}

.header p.border-right a,
.header p.border-right span{
    padding: 0 8px 0 0;
}

.header p{
    display: inline-block;
    padding: 5px 0;
}

.header p.border-right{
    border-right: 1px solid #dfdedb;
}
.header p.border-left{
    border-left: 1px solid #dfdedb;
}


.right-column{
    margin-left: 32.5%;
} .right-column .inner{
    width: 80%;
}

.left-column p{
    margin: 10px 0;
}

#main-menu {
    margin-top: 50px;
    font-size: 90%;
}

#main-menu li {
    margin: 0 0 45px 0;
}

#main-menu ul {
    padding-left: 25px;
    margin: 0 0 -31px 0;
    font-size: 95%;
    font-weight: normal;
}

#main-menu ul li {
    margin: 5px 0 5px 0;
}

#main-menu a {
    text-decoration: none;
    color: #005bab;
}

#main-menu ul a {
    color: #000000;
}

#main-menu .active {
    color: #005bab;
    font-weight: bold;
}

#flash-menu{
    height: 180px;
    font-size: 85%;
}

#flash-menu a{
    color: #000;
}

#flash-menu li{
    margin: 4px 0;
}    

#flash-menu ul{
    width: 400px;
}

#flash-menu ul ul{
    margin-top: -1.6em;
    margin-left: 200px;
    position: absolute;
}

#content {
    margin-top: 50px;
}

#main-menu-flash{
    height: 300px;
    overflow: hidden;
} * html #main-menu-flash {zoom:1}

#main-menu-flash *{
    margin-top: 50px;
}

.offside #content{
    margin-top: 90px;

}

#content h1{
    margin: 0 0 20px;
    color: #757575;
    text-transform: uppercase;
    font-size: 130%;
    font-weight: bold;
}

#content h1 a{
    color: #757575;
    text-decoration: none;
}

#content h1 a:hover{
    color: #757575;
    text-decoration: underline;
}

#content h1 strong{
    color: #000;
}

.offside #content h1, .offside #content h3{
    color: #005fa2;
}

#content h4{
    clear: left;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    margin: 20px 0 10px;
}


#content .block{
    padding: 0 0 0 40px;
    background: url(../img/block-bg.gif) no-repeat 0 0;
    overflow: hidden;
    font-size: 90%;
} * html #content .block {zoom: 1}

#content .block .photos{
    margin: 10px 0;
}

#content h3{
    margin: 10px 0;
    color: #005bab;
    text-transform: uppercase;
    font-size: 110%;
    font-weight: bold;
}

#content h3 ins{
    color: #ffc002;
}

#content h3 a{
    text-decoration: none;
}

#content h3 a:hover{
    text-decoration: underline;
}


#content .block img{
    float: left;
    border: 1px solid #005bab;
    margin: 0 10px 10px 0;
}

#content .block img.big{
    float: none;
    margin-bottom: 0;
}

#content .block img.noborder{
    border: 0 none;
}

#content .block img.icon{
    float: left;
    border: 1px solid #195cab;
    margin: 0 10px 10px 0;
}

#content .date h3{
    float: left;
}

p.pr img{
    border: 1px solid #195cab;
}

div.pr{
    border: 1px solid #195cab;
}

div.pr, p.pr{
    margin-bottom: 15px;
}


#content .content{
    margin-left: 6em;
}

#content .date .content h3{
    float: none;
}

#content .comment{
    margin: -5px 0 -5px;
    color: #999;
    font-size: 95%;
}

#content ul.paginator{
    overflow: hidden;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 95%;
} * html #content ul.paginator{zoom:1}
#content ul.paginator li{
    float: left;
    padding: 2px 3px;
    margin: 0 3px;
    background: none;
}
#content ul.paginator li a{
    text-decoration: underline;
}
#content ul.paginator li.current{
    font-weight: bold;
    color: #fff;
    background: #ffc002;
}

#content ul.paginator li.prev, #content ul.paginator li.next{
    color: #999;
}

#content dl{
    overflow: hidden;
    margin: 10px 0 20px;
} * html #content dl {zoom:1}

#content dt{
    clear: left;
    float: left;
    padding-right: 15px;
    padding-top: 10px;
}

#content dd{
    margin-left: 190px;
    padding-top: 10px;
}

#content p{
    margin: 10px 0;
}

#content dd p, #content dd ul, #content dd ol{
    margin-top: 0;
    margin-bottom: 0;
}


#content blockquote{
    font-weight: bold;
}

#content blockquote div.content{
    margin: -15px 16px;
}

#content blockquote div.top{
    height: 17px;
    background: url(../img/blockquote.gif) no-repeat 100% -16px;
    margin-right: -16px;
}

#content blockquote div.bottom{
    background: url(../img/blockquote.gif) no-repeat -16px 0;
}

#content blockquote div.bottom div{
    height: 17px;
    background: url(../img/blockquote.gif) no-repeat 100% 0;
    margin-right: -16px;
}

#content ul, #content ol{
    margin: 10px 0 10px 20px;
}
#content ul li{
    margin: 4px 0;
    padding-left: 23px;
    background: url(../img/li.gif) no-repeat 0 .6em;
}
#content ol{
    margin-left: 43px;
}
#content ol li{
    margin: 4px 0;
}

#content ul#sitemap, #content ul#sitemap ul{
    margin: 0;
}

#content ul#sitemap li{
    background: none;
    font-size: 110%;
    margin: 5px 0;
    padding: 0;
}
#content ul#sitemap li a{
    display: block;
    border-left: 2px solid #f9c307;
    padding-left: 15px;
}
#content ul#sitemap li ul{
    margin-bottom: 10px;
}
#content ul#sitemap li li{
    margin-left: 30px;
    font-size: 90%;
}
#content ul#sitemap li li a{
    border-left: 3px solid #ddd;
}
#content ul#sitemap li li ul{
    margin-bottom: 0;
}
#content ul#sitemap li li li a{
    border: 0 none;
}

#content div.table{
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px 10px 0;
}
#content table{
    width: 100%;
}

#content table thead, #content table tbody{
    margin: 10px;
}
#content table thead th{
    background: #e9e9e9;
    padding: 10px 10px 9px;
    text-transform: uppercase;
    border-bottom: 1px solid #e9e9e9;
}
#content table tbody td{
    padding: 10px;
    border-top: 1px solid #ddd;
}

#content form{
    border: 1px solid #e9e9e9;
    padding: 5px 15px;
    overflow: hidden;
    max-width: 570px;
} * html #content form { zoom: 1 }

#content form h3{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 5px;
    color: #666;
    margin-bottom: 25px;
}
#content form p {
    overflow: hidden;
    clear: both;
    margin: 10px 0;
    padding-left: 160px;
} * html #content form p{ zoom: 1 }

#content form p label{
    width: 160px;
    margin-left: -160px;
    font-size: 90%;
    display: block;
    float: left;
    color: #444;
}

* html #content form p label{
    padding-left: 160px;
    margin-bottom: -1.7em;
}

#content form p.required label{
    font-weight: bold;
}

#content form p.message{
    font-size: 90%;
    padding: 15px 0 25px;
    text-align: left;
}


#content form p input, #content form p textarea, #content form p select{
    width: 98%;
}

#content .list-header{
    border-bottom: 1px dashed #000;
    display: inline;
    cursor: pointer;
    //cursor: hand;
}

#content .list-item{
    overflow: hidden;
    height: 0;
} * html #content .list-item{zoom:1}

#content .errorlist li{
    background: none;
    padding-left: 140px;
    margin-bottom: -10px;
    font-size: 85%;
    color: #f00;
}

#pusher{
    clear: both;
    height: 130px;
}

#footer{
    margin-top: -42px;
    height: 42px;
}

#footer .feedback{
    padding-left: 16px;
    background: url(../img/feedback.gif) no-repeat 0 50%;
}

#footer p.copyright{
    float: right;
    border-left: 1px solid #005bab;
    padding: 0 0 25px 15px;
    font-size: 85%;
    color: #999;
    line-height: 160%;
    width: 33%;
}