@import url("reset.css");

@import url("forms.css");

body {
     background: url("../img/html_bg.png") repeat-x scroll 0% 0% #FFFFFF;
     color: #5C5B56;
     font: 12px/1.5 Arial,Helvetica,sans-serif;
}

h1 {
     font-family: Arial,Helvetica,sans-serif;
     font-size: 2em;
     font-weight: normal;
     line-height: 1em;
}

h2, h3, h4, h5, h6 {
     font-family: Arial,Helvetica,sans-serif;
     font-weight: normal;
}

h2 {
     font-size: 1.333em;
     line-height: 1.125em;
     margin: 1em 0pt;
}

.header h2 {
     margin-top: 0pt;
}

h3 {
     font-size: 1.3em;
     line-height: 1em;
     margin-bottom: 1em;
}

h4 {
     font-size: 1.1667em;
     line-height: 1.2857em;
     margin: 1.2857em 0pt;
}

p {
     font-size: 1em;
     margin: 1.5em 0pt;
}

.content-main h2 {
     float: left;
     font-size: 2em;
     line-height: 1em;
     margin: 0.4em 0pt;
     width: 100%;
}

.hfeed h2, .vcalendar h2 {
     letter-spacing: 1px;
     margin: 0pt;
}

.aside h4 {
     font-family: Arial;
     font-size: 1em;
     font-weight: bold;
     margin: 0pt 0pt 8px;
}

h4.information {
     border-top: 1px solid #FFFFFF;
     padding-top: 15px;
     width: 180px;
}

h4.related-info {
     font: 1.1667em/1.286em Georgia;
     margin: 0.75em 0pt;
}

.content-main a, .content-info a, .content-main a:visited, .content-info a:visited {
     color: #2554BE;
     text-decoration: none;
}

.content-main a:hover {
     color: #CD592A;
}

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

.header h2 a {
     color: #FFFFFF;
     text-decoration: none;
}

.hfeed h3 a, .vcalendar h3 a {
     line-height: 1.5em;
}

.article p + a {
     background: url("../img/article-full_blue.png") no-repeat scroll 100% 50% transparent;
     clear: both;
     float: left;
     font-size: 0.916em;
     font-weight: bold;
     padding-right: 10px;
     text-transform: lowercase;
}

.article p + a:hover {
     background: url("../img/article-full_orange.png") no-repeat scroll 100% 50% transparent;
}

.figure {
     background-color: #FFFFFF;
     color: #FFFFFF;
     float: left;
     min-height: 198px;
     position: relative;
}

.document .figure, .document-alt .figure {
     margin-bottom: 18px;
}

.figure img {
     left: 0pt;
     position: absolute;
}

.figcaption {
     background-color: rgba(0, 0, 0, 0.7);
     float: left;
     font-size: 0.8em;
     min-height: 198px;
     padding: 0pt 10px;
     position: relative;
     width: 200px;
     z-index: 1;
}

.homepage .figcaption, .homepage-alt .figcaption {
     background-color: #026799;
}

.document .figcaption, .document-alt .figcaption {
     background-color: rgba(10, 105, 151, 0.9);
     bottom: 0pt;
     margin: 0pt;
     min-height: 18px;
     padding: 0pt;
     position: absolute;
     width: 100%;
}

.document .figcaption p, .document-alt .figcaption p {
     padding: 0pt 10px;
}

.break {
     min-height: 199px;
     overflow: visible;
}

.break img {
     left: auto;
     margin-bottom: -18px;
     right: 0pt;
     top: -20px;
}

.figcaption p {
     margin-bottom: 1em;
}

.figcaption ul {
     list-style-type: none;
}

.figcaption h3 {
     font-size: 18px;
     line-height: 1.125em;
     margin-bottom: 0pt;
     margin-top: 18px;
}

.figcaption a, .figcaption a:link, .figcaption a:visited, .figcaption a:active {
     border-bottom: 1px solid rgba(255, 255, 255, 0.5);
     color: #FFFFFF;
     line-height: 2em;
}

.figcaption a:hover {
     -moz-transition: all 0.15s ease-in-out 0s ;
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}

.header h2 {
     clear: both;
     float: left;
     font-family: Arial,Helvetica,Arial,sans-serif;
     font-size: 2em;
     left: 10px;
     line-height: 1em;
     margin-bottom: 10px;
     position: relative;
     top: -5px;
}

#logo {
     background: url("../img/logo.png") no-repeat scroll 0% 0% transparent;
     display: block;
     float: right;
     height: 54px;
     left: -29px;
     margin: 0pt;
     position: relative;
     text-indent: -9999px;
     top: 17px;
     width: 183px;
}

h1 a {
     background-color: #076695;
     color: #FFFFFF;
     display: block;
     margin-top: 10px;
     padding: 11px 0pt 11px 16px;
     text-shadow: 1px 2px 1px #000000;
     width: 684px;
}

h1 a:hover {
     background: none repeat scroll 0% 0% #657983;
     text-shadow: 0pt -1px 1px #000000;
}

table {
/*    border: 1px solid #CCCCCC;*/
}

table th {
/*     	background-color: #ECECEC;*/
/*		border-bottom: 1px solid #CCCCCC;*/
}

table td {
/*     border: 1px solid #CCCCCC;*/
/*     padding: 0pt 3px;*/
}

table.zebra tr:nth-child(2n+3) {
     background-color: #ECECEC;
}

#container {
  background: url("../img/container_shadow.png") no-repeat scroll 960px 88px transparent;
     margin: 0pt auto;
     overflow: auto;
     width: 960px;
}

.header {
     float: left;
     width: 100%;
     min-height:88px;
}

.aside {
     background: url("../img/aside_bg.png") no-repeat scroll 0% 0% transparent;
     float: right;
     min-height: 780px;
     position: relative;
     width: 210px;
}

.content {
     background: none repeat scroll 0% 0% #FFFFFF;
     float: left;
     padding-left: 10px;
     position: relative;
     width: 720px;
}

.content-info {
     border-top: 1px solid #CCCCCC;
     float: left;
     font-size: 0.833em;
     padding-top: 18px;
     width: 100%;
}

.content-main {
     float: left;
     margin-bottom: 36px;
     margin-top: 18px;
     position: relative;
     width: 520px;
}

.col-1 {
     width: 160px;
}

.col-2 {
     width: 340px;
}

.col-3 {
     width: 520px;
}

.col-4 {
     width: 700px;
}

.left {
     float: left;
     margin: 0pt 20px 0pt 0pt;
}

.right {
     float: right;
     margin: 0pt 0pt 0pt 20px;
}

.nav-main {
     background-color: #353431;
     clear: both;
     float: left;
     width: 700px;
}

.nav-main li {
     border-left: 1px solid #535250;
     border-right: 1px solid #000000;
     display: inline;
     margin-left: -0.35em;
     margin-right: 0pt;
}

.nav-main li:first-child {
     border-left: 0pt none;
     margin-left: 0pt;
}

.nav-main li:last-child {
     border-left: 1px solid #535250;
     border-right: 0pt none;
}

.nav-main li a {
     color: #FFFFFF;
     display: inline-block;
     font-family: "Gill Sans MT",Helvetica,Arial,sans-serif;
     margin-top: 0.8em;
     padding: 0pt 0.7em 0.2em;
     text-decoration: none;
     text-transform: uppercase;
}

.nav-main li a:hover {
     -moz-transition: all 0.15s ease-in-out 0s ;
     background: none repeat scroll 0% 0% #FFFFFF;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     border: 0pt none;
     color: #000000;
}

.breadcrumb {
     float: left;
     font-size: 0.75em;
     margin-bottom: 2px;
     margin-top: 15px;
     width: 700px;
}

.breadcrumb li a {
     color: #5C5B56;
     text-decoration: none;
}

.breadcrumb a:hover {
     color: #CD592A;
     text-decoration: underline;
}

.breadcrumb li:last-child a {
     text-decoration: underline;
}

.breadcrumb li:last-child a {
     color: #CD592A;
}

.breadcrumb:hover li:last-child a {
     color: #5C5B56;
}

.breadcrumb:hover li:last-child a {
     text-decoration: none;
}

.breadcrumb li {
     display: inline;
}

.breadcrumb li:after {
     content: "> ";
     left: 2px;
     position: relative;
}

.breadcrumb li:last-child:after {
     content: "";
}

.nav-sub {
     border-top: 1px solid #C1C0BB;
     list-style-type: none;
     margin: 18px 0pt;
     width: 179px;
}

.nav-sub li a {
     background: url("../img/nav_sub_arrow.png") no-repeat scroll right center transparent;
     border-bottom: 1px solid #C1C0BB;
     border-top: 1px solid #FFFFFF;
     color: #312F2B;
     display: block;
     font: 16px Arial;
     padding: 10px 0pt;
     text-decoration: none;
     width: 100%;
}

.nav-sub li a:hover {
    
}

.nav-sub > li:last-child {
     border-bottom: 1px solid #FFFFFF;
}

.nav-sub li a:hover {
     background: url("../img/nav_sub_arrow-hover.png") no-repeat scroll right center transparent;
     color: #2554BE;
}

.related {
     float: left;
     margin: 5px 20px 0pt 0pt;
     width: 160px;
}

.document-alt .related {
     float: right;
     margin: 5px 0pt 0pt 20px;
}

.related ul {
     margin: 1em 0pt;
}

.related li {
     list-style-image: url("../img/article-full_blue.png");
     margin-bottom: 0.5em;
     margin-left: 13px;
}

.related a {
     color: #CD592A;
     text-decoration: none;
}

.related a:hover {
     text-decoration: underline;
}

.page-tools {
     float: left;
     list-style-type: none;
     margin-bottom: 18px;
     width: 100%;
}

.page-tools li {
     float: left;
     min-height: 20px;
}

.page-tools li:nth-child(1) {
     background: url("../img/rss-icon.png") no-repeat scroll left center transparent;
}

.page-tools li:nth-child(2) {
     background: url("../img/print-icon.png") no-repeat scroll left center transparent;
}

.page-tools li:nth-child(3) {
     background: url("../img/send-icon.png") no-repeat scroll left center transparent;
}

.page-tools li:nth-child(4) {
     background: url("../img/download-icon.png") no-repeat scroll left center transparent;
}

.page-tools li a {
     border-right: 1px solid #CCCCCC;
     color: #5C5B56;
     font-family: Arial,Helvetica,sans-serif;
     padding-right: 10px;
     text-decoration: none;
     text-transform: uppercase;
}

.page-tools li:nth-child(1) a {
     margin-left: 30px;
     margin-right: 10px;
}

.page-tools li:nth-child(2) a {
     margin-left: 30px;
     margin-right: 10px;
}

.page-tools li:nth-child(3) a {
     margin-left: 30px;
     margin-right: 10px;
}

.page-tools li:nth-child(4) a {
     border-right: 0pt none;
     margin-left: 30px;
}

.page-tools li:nth-child(1) a:hover, .page-tools li:nth-child(2) a:hover, .page-tools li:nth-child(3) a:hover, .page-tools li:nth-child(4) a:hover {
     -moz-transition: all 0.15s ease-in-out 0s ;
     color: #CD592A;
     text-decoration: underline;
}

.content-info .nav li {
     display: inline;
}

.content-info li a {
     border-right: 1px solid #CCCCCC;
     padding: 0pt 10px 0pt 7px;
}

.content-info li:first-child a {
     padding-left: 0pt;
}

.content-info li:last-child a {
     border-right: 0pt none;
}

.content-info li a:hover {
     text-decoration: underline;
}

.index-alt h1 a {
     width: 924px;
}

.index .content-main {
     width: 700px;
}

.index-alt .content {
     background-image: none;
     padding-right: 10px;
     width: 940px;
}

.index-alt .content-main {
     margin-left: 20px;
     width: 700px;
}

.index-alt .aside {
     float: left;
     width: 200px;
}

.index .vcalendar .article, .index-alt .vcalendar .article {
     margin-bottom: 10px;
}

.index .vcalendar .article p, .index-alt .vcalendar .article p {
     float: left;
     margin-top: 0pt;
     width: 85%;
}

.index-alt .nav-main {
     margin-bottom: 0pt;
     width: 940px;
}

.homepage .content-info a, .homepage-alt .content-info a, .homepage .content-info a:visited, .homepage-alt .content-info a:visited {
     color: #CD592A;
     text-decoration: none;
}

.homepage-alt h1 a {
     width: 924px;
}

.homepage .article h3 a, .homepage-alt .article h3 a {
     color: #CD592A;
}

.homepage h3 a:hover, .homepage-alt h3 a:hover {
     text-decoration: underline;
}

.homepage .article p + a, .homepage-alt .article p + a {
     background: url("../img/article-full_orange.png") no-repeat scroll 100% 50% transparent;
     color: #CD592A;
}

.homepage .article p + a:hover, .homepage-alt .article p + a:hover {
     text-decoration: underline;
}

.homepage img.left {
     margin: 0pt;
}

.homepage-alt .nav-main {
     margin-bottom: 0pt;
     width: 940px;
}

.homepage-alt .breadcrumb {
     margin-left: 20px;
}

.homepage-alt .content {
     background-image: none;
     padding-right: 10px;
     width: 940px;
}

.homepage .content-main {
     width: 700px;
}

.homepage-alt .content-main {
     margin-left: 20px;
     width: 700px;
}

.homepage-alt .content-main .left {
     margin-right: 0pt;
}

.homepage-alt .aside {
     float: left;
     width: 200px;
}

.homepage .vcalendar .article, .homepage-alt .vcalendar .article {
     background-color: transparent;
     padding: 0pt;
     width: 340px;
}

.homepage .hfeed .article p, .homepage-alt .hfeed .article p {
     margin-top: 0pt;
}

.homepage .vcalendar .article p, .homepage-alt .vcalendar .article p {
     margin-top: 0pt;
}

.homepage-alt p.right.col-2 {
     margin-left: 0pt;
}

.document .content-main > h2, .document-alt .content-main > h2 {
     color: #999999;
     font-size: 1.9em;
     line-height: 1em;
     margin: 0pt 0pt 14px;
}

.document .content-info a, .document-alt .content-info a, .document .content-info a:visited, .document-alt .content-info a:visited {
     color: #CD592A;
     text-decoration: none;
}

.document-alt h1 a {
     width: 924px;
}

.document .content-main > ul, .document-alt .content-main > ul {
     list-style-type: none;
}

.document .content-main ul li a, .document-alt .content-main ul li a {
     color: #CD592A;
     line-height: 2em;
}

.homepage img.left {
     margin: 0pt;
}

.document-alt .content {
     background-image: none;
     padding-right: 10px;
     width: 940px;
}

.document-alt .content-main {
     margin-left: 20px;
     width: 520px;
}

.document-alt .aside {
     float: left;
     width: 200px;
}

.homepage .hfeed .article, .homepage .vcalendar .article {
     margin-top: 18px;
}

.document .nav-main {
     margin-bottom: 0pt;
}

.document-alt .nav-main {
     margin-bottom: 0pt;
     width: 940px;
}

.document-alt .breadcrumb {
     margin-left: 20px;
}

.hfeed {
     clear: both;
     float: left;
     margin-top: 18px;
     position: relative;
     width: 340px;
}

.hfeed .article {
     margin-right: 0pt;
     margin-top: 10px;
}

.vcalendar {
     float: right;
     margin-top: 18px;
     width: 340px;
}

.vcalendar .article {
     background-color: #ECECEE;
     border-radius: 10px 10px 10px 10px;
     float: left;
     margin-left: 0pt;
     margin-top: 10px;
     padding: 14px 10px;
     text-shadow: 1px 1px 0pt #FFFFFF;
     width: 320px;
}

.vcalendar .article a.url {
     display: block;
     float: left;
     padding-right: 50px;
     text-decoration: underline;
     width: 225px;
}

.vcalendar .article .dtstart {
     background-color: #2554BE;
     border-radius: 5px 5px 5px 5px;
     color: #FFFFFE;
     float: right;
     padding: 0pt 10px;
     text-align: center;
     text-shadow: none;
}

.vcalendar .article .dtstart .d {
     display: block;
     font-size: 1.2em;
     line-height: 1.5em;
}

.vcalendar .article .dtstart .m {
     display: block;
     font-size: 0.8em;
     line-height: 1.2em;
     text-transform: uppercase;
}

.vcalendar .article .dtstart .y {
     display: block;
     font-size: 0.7em;
     line-height: 1.5em;
}