@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300);
html {
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-size: 100%;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  margin: 0 auto;
  max-width: 61.25rem;
  width: 100%; }

.row:after {
  content: "";
  display: table;
  clear: both; }

@media (min-width: 40rem) {
    .column {
        float: left;
        margin-left: 1rem;
    }
    .column:first-child {
        margin-left: 0;
    }
    .column.full {
        width: 100%;
    }
    .column.nine {
        width: 85%;
    }
    .column.three-fourths  {
        width: 73%;
    }
    .column.two-thirds {
        width: 65.5%;
    }
    .column.half {
        width: 49%;
    }
    .column.one-third {
        width: 32%;
    }
    .column.one-fourth {
        width: 23%;
    }
    .column.one {
        width: 10%;
    }
    .column.centered {
      float: none;
      margin-left: auto;
      margin-right: auto; }
    .column.right {
      float: right !important; } }
.cursorDefault {
    cursor: default;
}
.cursorPointer {
    cursor: pointer;
}
a img {
    border: none;
}
a {
    color: #3C3C3C;
    text-decoration: none;
}
a:hover {
    color: #3C3C3C;
    text-decoration: underline;
}
.greyDropShadow {
    box-shadow: 0 0 8px #aaa;
    -webkit-box-shadow: 0 0 8px #aaa;
    -moz-box-shadow: 0 0 8px #aaa;
}
.greyText {
    color: #676767;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
img {
    height: auto;
    max-width: 100%;
    width: auto;
}
#container {
    width: 980px;
    margin: auto;
}
#header {
    background-color: #F7F7F7;
    line-height: normal;
    overflow: hidden;
}
#header a {
    color: #3C3C3C;
}
#siteNav{
    float: right;
    position: relative;
    margin: 10px 15px;
}
#topNav {
    position: relative;
    text-align: right;
    float: right;
    margin-top: 38px;
    margin-bottom: 0;
    padding-left: 0 !important;
}
#topNav li {
    display: inline;
    font-size: 1.1em;
}
#topNav li a {
    padding: 12px 12px 14px 12px;
}
#topNav li a:hover {
    background: url(../images/style/gradient.png) repeat-x;
    text-decoration: none;
}
#chiefLogo {
    position: relative;
    float: left;
    background: url(../images/style/main-sprite.png) no-repeat -7px -11px;
    width: 30px;
    height: 106px;
}
#rpLogo {
    float: left;
    position: relative;
    top: 20px;
    left: 30px;
    font-size: 9pt;
}
#rpLogo span {
    margin-left: 1px;
}
#rpLogo a {
    text-decoration: none;
}
.title {
    height: 100px;
    margin: 10px auto;
}
.title img {
    float: left;
}
.pageTitle {
    font-size: 2.75em;
    text-align: center;
    font-weight: 500;
    padding-top: 12px;
}
.lightgray-bg {
    background-color: #F7F7F7;
}
.gray-bg {
    background-color: lightgray;
}
.main-gray-bg {
    background-color: #f1f1f0;
}
.extra-padding {
    padding: 0.5rem 1rem;
}
.extra-margin {
    margin: 1rem 0;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.image-center {
    display: block;
    margin: 0 auto;
}
.app-store-logo {
    margin: 10px;
}
#footer {
    background-color: #F7F7F7;
    margin-bottom: 1rem;
}
.footerNav {
    margin-left: 6.25rem !important;
}
.footerNav h3 {
    color: #676767;
    margin-bottom: -5px;
}
.footerNav ul {
    list-style-type: none;
    padding-left: 0;
}
.footerNav ul li {
    line-height: 1.5em;
}
.footerNav ul li img {
    margin: 3px;
}
#footer a {
    color: #3C3C3C;
}
#copy {
    margin: auto;
    text-align: center;
    color: #676767;
    font-size: .85em;
}