@charset "utf-8";
html {
        height: 100%;
}
body {
        min-height: 100%;
        height: 100%;
        position: relative;
}
* html body {
        height: 100%;
}
body {
        font: 13px Tahoma, Geneva, sans-serif;
        background: #FAFAFA;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #666;
}
a {
        text-decoration: underline;
        color: #6fa5d0;
}
strong {
        color: #333;
}
big {
        font-size: 125%;
}
small {
        font-size: 75%;
}
h1, h2 {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        padding: 25px 10px 10px 10px;
}
h1:first-letter,
h2:first-letter {
        color: #6fa5d0;
}
h2 {
        font-size: 18px;
        padding-top: 27px;
}
h3 {
        font-size: 18px;
        font-weight: bold;
        color: #6fa5d0;
        line-height: 1;
        margin: 24px 10px 10px 10px;
}
p {
        margin: 0 10px 15px 10px;
        line-height: 15px;
}

#mainContent img{
        margin: 5px 10px 15px 10px;
        border: 10px solid #f4f5f6;
}

#mainContent img.clearer{
        margin: 0;
        border: none;
}

.three-columns #mainContent img,
.three-columns #sidebar-left img,
.three-columns #sidebar-right img {
        margin: 25px 0 15px;
        border: 10px solid #f4f5f6;
}
dl {
        margin: 10px 0;
}
dl dt {
        font-weight: bold;
        color: #333;
}
dl dd {
        color: #999;
        margin-bottom: 5px;
}
dl dt .number {
        color: #e5e6e8;
        font-size: 18px;
        font-weight: bold;
        display: block;
        text-align: right;
}
/*common panel styles*/
.panel-left {
        background-repeat: repeat-y;
        background-position: left;
}
.panel-right {
        background-repeat: repeat-y;
        background-position: right;
}
.panel-top-left {
        position: absolute;
        top: 0;
        left: 0;
}
.panel-top-right {
        position: absolute;
        top: 0;
        right: 0;
}
.panel-bottom-left {
        position: absolute;
        bottom: 0;
        left: 0;
}
.panel-bottom-right {
        position: absolute;
        bottom: 0;
        right: 0;
}
.panel-bottom {
        background-repeat: repeat-x;
        background-position: bottom;
}
/*panel-light*/
.panel-light {
        position: relative;
        margin: 10px;
}
.panel-light .panel-left,
.panel-light .panel-right {
        background-image: url(../images/panel_light_border.png);
}
.panel-light .panel-right {
        padding: 15px 20px;
}
.panel-light .panel-bottom {
        background-image: url(../images/panel_light_bottom.png);
}
.panel-light .panel-top-left,
.panel-light .panel-top-right {
        width: 10px;
        height: 10px;
        overflow: hidden;
        font-size: 1px;
        line-height: 10px;
}
.panel-light .panel-top-left {
        background-image: url(../images/panel_light_top_left.png);
}
.panel-light .panel-top-right {
        background-image: url(../images/panel_light_top_right.png);
}
.panel-light .panel-bottom-left,
.panel-light .panel-bottom-right {
        width: 10px;
        height: 12px;
        font-size: 1px;
        line-height: 12px;
        overflow: hidden;
}
.panel-light .panel-bottom-left {
        background-image: url(../images/panel_light_bottom_left.png)
}
.panel-light .panel-bottom-right {
        background: url(../images/panel_light_bottom_right.png);
}
.panel-light h1, .panel-light h2 {
        margin: 0;
}
/*panel-dark*/
.panel-dark {
        position: relative;
        margin: 20px 10px;
        background: #5b676a url(../images/panel_dark_top.png) repeat-x top;
        color: #d3d6d8;
}
.panel-dark h1,
.panel-dark h2 {
        margin: 0;
        color: #FFF;
}
.panel-dark p {
        margin: 10px 0 0;
}
.panel-dark .panel-left,
.panel-dark .panel-right {
        background-image: url(../images/panel_light_border.png);
}
.panel-dark .panel-right {
        padding: 15px 20px;
        min-height: 97px;
        height: auto !important;
        height: 97px;
}
.panel-dark .panel-bottom {
        background-image: url(../images/panel_dark_bottom.png);
}
.panel-dark .panel-top-left,
.panel-dark .panel-top-right {
        width: 10px;
        height: 10px;
        overflow: hidden;
        font-size: 1px;
        line-height: 10px;
}
.panel-dark .panel-top-left {
        background-image: url(../images/panel_dark_top_left.png);
}
.panel-dark .panel-top-right {
        background-image: url(../images/panel_dark_top_right.png);
}
.panel-dark .panel-bottom-left,
.panel-dark .panel-bottom-right {
        width: 10px;
        height: 13px;
        font-size: 1px;
        line-height: 13px;
        overflow: hidden;
}
.panel-dark .panel-bottom-left {
        background-image: url(../images/panel_dark_bottom_left.png);
}
.panel-dark .panel-bottom-right {
        background: url(../images/panel_dark_bottom_right.png);
}
#container {
        width: 942px;
        margin: 0 auto;
        text-align: left;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin-bottom: -120px; /*bottom margin equals to the footer height*/
}
#header {
        height: 123px;
        position: relative;
}
#header img, #footer img {
        border: none;
}
#header .head {
        float: right;
        margin-right: 10px;
}
#header .head .bg {
        background: url(../images/header_bg.jpg) no-repeat right top;
        z-index: 100;
        width: 555px;
        height: 123px;
        position: relative;
}
#header .head h1 {
        margin: 0;
        font-size: 30px;
        color: #d5d6d6;
        z-index: 1;
        position: absolute;
        right: 10px;
}
#header .head h1:first-letter {
        color: inherit;
}
#header .head h1 em {
        font-size: 70%;
}
#header .head h1 .phone {
        color: #434c4f;
        font-size: 70%;
        display: block;
        font-weight: bold;
}
#header .head h1 .phone sup {
        font-size: 70%;
        vertical-align: super;
}
#header .logo {
        padding-top: 50px;
        left: -83px;
        padding-left: 118px;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        background: url(../images/logo_bg.jpg) no-repeat left top;
        height: 73px;
        width: 303px;
}
#header .logo a {
        color: #999;
        text-decoration: none;
        z-index: 10;
        cursor: pointer !important;
}
#header .logo h1 {
        margin: 0;
        font-size: 12px;
        color: #999;
        font-weight: normal;
        white-space: nowrap;
        width: 303px;
        height: 53px;
}
#header .logo .undercover {
        display: block;
}
#header .logo h1 strong {
        display: block;
        color: #4b5558;
        text-transform: uppercase;
        font-size: 200%;
}
#header .logo .image {
        position: absolute;
        top: 51px;
        left: 118px;
}
#menu {
        background: #4b5558 url(../images/menu_bg.png) no-repeat left top;
        height: 32px;
        position: relative;
        font: bold 10px Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #FFF;
        padding: 0 25px;
}
#menu ul li {
        /*display: inline;*/
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        position: relative;
}
#menu ul li a {
        color: #FFF;
        text-decoration: none;
        padding: 0 15px;
        display: block;
}
#menu ul li a:hover, #menu ul li a.MenuBarItemSubmenuHover {
        color: #6fa5d0;
}
#menu ul li ul {
        background: #FAFAFA;
        display: inline-block;
        border: 1px solid #CCC;
}
#menu ul li ul li {
        float: none;
        white-space: nowrap;
        padding: 0;
}
#menu ul li ul li * {
        color: #333;
}
#menu ul li ul li a:hover {
        background: #F1F1F1;
}
.three-columns #sidebar-left {
        float: left;
        width: 300px;
}
.three-columns #sidebar-right {
        float: right;
        width: 300px;
}
#mainContent {
        width: 942px;
        padding: 0 27px 25px 0px;
}
.three-columns #mainContent {
        margin: 0 318px;
        padding:0;
        width:auto;
}

 ul {
        padding-left: 10px;
        list-style-image:none;
        list-style-position:inside;
        list-style-type:circle;
}

#mainContent .column-left{
        width:460px;
        float:left;
}

#mainContent .column-left.line
{
        border-right:3px solid #ccc;
}
#mainContent .column-right.line
{
        border-left:3px solid #ccc;
}


#mainContent .column-right{
        width:460px;
        float:right;
}

#mainContent ul li {
        padding: 5px 0;
}

#mainContent .number {
        color: #aaa;
        font-size: 18px;
        font-weight: bold;
        display: block;
        margin-left: -30px;
        position:absolute;
}

#mainContent .history {
        display: block;
        padding: 10px 0px 25px 40px;
}

#mainContent .history .text {
        border-left: 3px solid #ccc;
}

.footer-space {
        height: 120px !important;
}
.footer-container {
        margin: 35px auto 40px auto;
        text-align: left;
        width: 942px;
        background: #f1f1f1 url(../images/footer_left.gif) no-repeat left top;
}
#footer {
        font-size: 10px;
        color: #666 !important;
        background: url(../images/footer_right.gif) no-repeat right top;
        height: 45px;
        padding: 0 15px;
        overflow: hidden;
}
#footer * {
        color: #666 !important;
}
#footer p {
        margin: 0;
        padding: 10px 0;
        line-height: 25px;
}
#footer .menu {
        float: right;
}
#footer .menu a {
        margin: 0 1ex;
}
#footer a {
        text-decoration: none;
        color: #666;
}
#footer a:hover {
        text-decoration: underline;
}
.clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}
div.hline {
   border-top:1px solid #ccc;
   margin:0 10px 15px;
}