/* GENERAL ELEMENTS */

body {
    color: #494b4c;
    font-family: 'Droid Serif', serif;
    font-size: 10.5pt;
}

h1, h2, h3, h4 {
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-weight: normal;
    color: #669900;
    margin-bottom: 10px;
}

h1 { font-size: 20pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 13pt; }

hr {
    height: 1px;
}

a {
    color: #267399;
    text-decoration: underline;
}

a:visited, a:active {
    color: #4432a3;
}

a:hover {
    color: #994640;
}

ul ul,
ol ol {
    margin-bottom: 0;
}

ul li {
    list-style-image: url('../images/list-bullet-general.png');
}

ul li li {
    list-style-image: url('../images/list-bullet-general-sub.png');
}

.skip-navigation a {
    position: absolute;
    left: -9999px;
}

.skip-navigation a:focus {
    left: 0;
    background-color: #555;
    color: white;
    padding: 5px 10px;
}

/* GENERAL MENU STYLES */

ul.menu {
    margin: 0;
    padding: 0;
}

ul.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

ul.menu li a {
    text-decoration: none;
    display: block;
    color: #267399;
}

/* ZONE: USER */

.zone-user-wrapper {
    height: 27px;
    background-color: #eee;
    border-bottom: 1px solid #aaa;
}

/* USER INFO & USER MENU */

.region-user-info, .region-user-menu {
    min-height: 1px;
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    line-height: 26px;
}

.region-user-info p, .region-user-menu p {
    margin: 0;
    padding: 0;
}

.region-user-menu ul li a {
    margin-right: 10px;
    text-transform: uppercase;
}

/* BRANDING */

img.logo {
    margin: 35px 0;
    max-width: 100%;
}

.region-site-info h1 {
    margin-top: 20px;
    font-size: 13pt;
}

/* ZONE: MAIN MENU */

.zone-main-menu-wrapper {
    background: black url('../images/menu-bg.png') repeat-x;
}

/* MAIN MENU */

ul#main-menu {
    height: 40px;
    line-height: 40px;
}

ul#main-menu>li {
    border-right: 1px solid #474747;
}

ul#main-menu>li:first-child {
    border-left: 1px solid #474747;
}

ul#main-menu>li:last-child a {
    margin-right: 0;
}

.region-main-menu a {
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: white;
    padding: 0 8px;
}

/* ZONE: BREADCRUMB */

.zone-breadcrumb {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 11.5pt;
}

.breadcrumb-separator {
    font-family: sans-serif;
}

/* ZONE: PREFACE */

.zone-preface-wrapper {
    background: #f2f2f2 url('../images/diagonal-bg.png');
    padding-top: 10px;
    padding-bottom: 10px;
}

/* PREFACE */

.region-preface-inner {
    background-color: white;
    border: 1px solid #dedede;
    padding: 5px;
}

/* ZONE: FOOTER */

.zone-footer-wrapper {
    padding-bottom: 30px;
}

/* FOOTER MENU */

.region-footer-menu {
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.region-footer-menu ul li {
    padding: 0 8px;
    border-left: 1px solid #aaa;
}

.region-footer-menu ul li:first-child {
    padding-left: 0;
    border: none;
}

.region-footer-menu ul li a {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #888;
}

/* FORMS */

form {
    margin-bottom: 10px;
}

table.form, table.form td {
    border: none;
}

input[type='text'],
input[type='password'] {
    height: 24px;
    line-height: 26px;
}

fieldset {
    margin-bottom: 15px;
}

label {
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 11.5pt;
}

table.form label {
    display: block;
    text-align: right;
}

label.hide {
    position: absolute;
    left: -9999px;
}

select {
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-size: 11pt;
    height: 28px;
}

/* BUTTONS */

input[type='submit'],
button,
a.button {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 10.5pt;
    text-transform: uppercase;
    color: white;
    border: 1px solid #669900;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    background: #669900 url('../images/element-bg-general.png') repeat-x;
}

a.button {
    text-decoration: none;
    padding: 5px 7px;
}

/* TABLES */

th {
    font-family: 'News Cycle', Arial, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 12pt;
    text-transform: uppercase;
    color: white;
    padding: 2px 8px 4px 8px;
    background: #669900 url('../images/element-bg-general.png') repeat-x;
    text-align: left;
}

th input[type='text'] {
    height: auto;
    line-height: auto;
}

th a, th a:hover {
    color: white;
}

thead, td {
    border: 1px solid #e4e4e5;
}

td {
    padding: 2px 8px;
}

/* WEB FONTS */

@font-face {
    font-family: 'News Cycle';
    src: url('../fonts/NewsCycle-Regular-webfont.eot');
    src: url('../fonts/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NewsCycle-Regular-webfont.woff') format('woff'),
         url('../fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('../fonts/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif';
    src: url('../fonts/droidserif-webfont.eot');
    src: url('../fonts/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-webfont.woff') format('woff'),
         url('../fonts/droidserif-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif Italic';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-italic-webfont.woff') format('woff'),
         url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif Bold';
    src: url('../fonts/droidserif-bold-webfont.eot');
    src: url('../fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-bold-webfont.woff') format('woff'),
         url('../fonts/droidserif-bold-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif Bold Italic';
    src: url('../fonts/droidserif-bolditalic-webfont.eot');
    src: url('../fonts/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-bolditalic-webfont.woff') format('woff'),
         url('../fonts/droidserif-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-bolditalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}