/* ----- WEBFONTS ----- */
@font-face {
font-family: 'NimbusSanNov-Lig';
src: url('../../resource/webfonts/new/15C7E7_0.eot');
src: url('../../resource/webfonts/new/15C7E7_0.eot#iefix') format('embedded-opentype'),
url('../../resource/webfonts/new/15C7E7_0.woff') format('woff'),
url('../../resource/webfonts/new/15C7E7_0.ttf') format('truetype'),
url('../../resource/webfonts/new/15C7E7_0.svg#wf') format('svg');
}
@font-face {
font-family: 'NimbusSanNov-Med';
font-weight: normal;
src: url('../../resource/webfonts/1123A1_1C.eot');
src: url('../../resource/webfonts/1123A1_1C.eot#iefix') format('embedded-opentype'),
url('../../resource/webfonts/1123A1_1C.woff') format('woff'),
url('../../resource/webfonts/1123A1_1C.ttf') format('truetype'),
url('../../resource/webfonts/1123A1_1C.svg#wf') format('svg');
}
@font-face {
font-family: 'NimbusSanNovCon-SemBol';
src: url('../../resource/webfonts/1123A1_16.eot');
src: url('../../resource/webfonts/1123A1_16.eot#iefix') format('embedded-opentype'),
url('../../resource/webfonts/1123A1_16.woff') format('woff'),
url('../../resource/webfonts/1123A1_16.ttf') format('truetype'),
url('../../resource/webfonts/1123A1_16.svg#wf') format('svg');
}
@font-face {
font-family: 'NimbusSanNov-Bol';
src: url('../../resource/webfonts/1123A1_1E.eot');
src: url('../../resource/webfonts/1123A1_1E.eot#iefix') format('embedded-opentype'),
url('../../resource/webfonts/1123A1_1E.woff') format('woff'),
url('../../resource/webfonts/1123A1_1E.ttf') format('truetype'),
url('../../resource/webfonts/1123A1_1E.svg#wf') format('svg');
}

h1, h2, h3, #navigation, #secondary-navigation, .audience-quote, .breadcrumb-navigation {
font-family: 'NimbusSanNovCon-SemBol', Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}

#footer-contact strong, #footer-navigation ul, p.callout, th, #link-bar .subscribe {
font-family: 'NimbusSanNov-Bol', Verdana, Arial, Helvetica, sans-serif;
}

#content-highlight, #headercontent, #secondary-navigation p {
font-family: 'NimbusSanNov-Lig', Verdana, Arial, Helvetica, sans-serif;
}

body {
font-family: 'NimbusSanNov-Med', Verdana, Arial, Helvetica, sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	body { text-shadow: 0 0 1px rgba(0,0,0,0.1); } /* fix Chrome font rendering on Windows */
}

#navigation, .audience-quote {
font-family: 'NimbusSanNovCon-SemBol', Verdana, Arial, Helvetica, sans-serif;
}


/* ----- BASE STYLES ----- */

html, body, div {
margin: 0;
padding: 0;
}

a img {
border: 0;
}

img {
display: block;
}

p {
margin-top: 0;
}

a:link {
color: #002D62;
}

a:active {
color: #002D62;
}

a:visited {
color: #00397C;
}

a:hover {
color: #04B158;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
body { text-shadow: 0 0 1px rgba(0,0,0,0.1); } /* fix Chrome font rendering on Windows */
}

.clearfix:after, .percent-10:after, .percent-20:after, .percent-25:after, .percent-33:after, .percent-50:after, .percent-66:after, .percent-75:after, .contact-form:after, #content-highlight:after, #secondary-navigation:after, #content:after, #printing-sharing:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html {
overflow-y: scroll; /* Fix Firefox scoll bars */
}


/* ----- CONTAINERS ----- */
html {
background: #002D62;
}

#link-bar, #header, #navigation, #secondary-navigation, #breadcrumbs, #content-highlight, #content, #printing-sharing, #footer {
clear: left;
margin: 0 auto;
width: 960px;
}

#link-bar-container, #header-container, #navigation-container, #breadcrumbs-container, #content-highlight-container, #secondary-navigation-container, #content-container, #printing-sharing-container, #footer-container {
min-width: 980px;
}


/* ----- LINK BAR ----- */
#link-bar-container {
background: #04B158;
}

#link-bar {
font-size: 11pt;
position: relative;
}

#link-bar ul {
float: right;
margin: 0;
padding: 0;
width: auto;
}

#link-bar li {
display: inline;
list-style-type: none;
margin-right: 30px;
}

#link-bar img {
display: inline;
margin-right: 5px;
margin-bottom: -5px;
}

#link-bar a {
color: #fff;
display: block;
float: right;
padding: 5px 10px;
margin: 0 0 0 30px;
}

#link-bar a:hover {
color: #ddffee;
}

#link-bar .subscribe a:link, #link-bar .subscribe a:visited {
background: #ac2650;
}

#link-bar .subscribe a:hover {
background: #002d62;
}

/* ----- HEADER ----- */
#header-container {
background: #04B158 url('../../resource/images/layout/green-stripe.jpg') top left repeat-x;
-moz-box-shadow:inset 0 5px 5px #1b8846;
-webkit-box-shadow:inset 0 5px 5px #1b8846;
box-shadow:inset 0 5px 5px #1b8846;
position: relative;
}

#header {
padding: 15px 0 35px 0;
position: relative;
}

#header-content {
color: #fff;
font-size: 11pt;
left: 350px;
position: absolute;
text-align: right;
top: 15px;
width: 610px;
}

#header-content .author {
font-size: 10pt;
}

/* ----- NAVIGATION ----- */
#navigation-container {
background: #000;
border-bottom: 3px solid #04B158;
position: relative; /* Fix IE navigation overlapping with header */
}

#navigation ul, #navigation li {
margin: 0;
padding: 0;

}

#navigation {
font-size: 13.5pt;
position: relative; /* Fix IE navigation overlapping with header */
}

#navigation li {
cursor: pointer;
display: block;
float: left;
font-size: 13.5pt;
list-style-type: none;
width: auto;
}

#navigation li:hover {
background: #004723; /* fix menus for IE7 */
}

#navigation li a {
/* border-right: 2px solid #04B158; */
display: block;
margin-right: 2px;
padding: 5px 20px 15px 20px;
position: relative; /* Fix IE navigation overlapping with header */
text-decoration: none;
width: auto;
}

#navigation ul ul {
display: none;
}

#navigation li.active a:link, #navigation li.active a:visited, #navigation li.active a:hover {
background: #04B158;
-webkit-border-top-right-radius: 15px;
-moz-border-top-right-radius: 15px;
border-top-right-radius: 15px;
-moz-box-shadow: 0 -5px 5px #187f41;
-webkit-box-shadow: 0 -5px 5px #187f41;
box-shadow: 0 -5px 5px #187f41;
color: #fff;
display: inline-block; /* Add HasLayout to fix IE6-7 navigation overlapping with header when scrolling */
font-size: 18pt;
margin-top: -25px;
padding-top: 25px;
position: relative; /* Fix IE navigation overlapping with header */
width: auto;
}

#navigation li.active a.solutions:link, #navigation li.active a.solutions:visited, #navigation li.active a.solutions:hover {
font-size: 16pt;
padding-top: 27px;
}

#navigation a:link, #navigation a:visited {
color: #fff;
}

#navigation a:hover {
background: #004723;
-webkit-border-top-right-radius: 15px;
-moz-border-top-right-radius: 15px;
border-top-right-radius: 15px;
-moz-box-shadow: 0 -5px 5px #187f41;
-webkit-box-shadow: 0 -5px 5px #187f41;
box-shadow: 0 -5px 5px #187f41;
margin-top: -15px;
padding-top: 20px;
}


/* ----- SECONDARY NAVIGATION ----- */
#secondary-navigation-container {
background: #04b158;
padding: 5px 0;
}

#secondary-navigation p {
font-size: 21pt;
margin: 0;
padding: 0;
}

#secondary-navigation ul {
margin: 0;
padding: 0;
width: auto;
}

#secondary-navigation li {
display: inline;
list-style-type: none;
font-size: 12pt; 
margin: 15px 30px 15px 0;
}

#secondary-navigation a {
text-decoration: none;
}

#secondary-navigation a:link, #secondary-navigation a:active, #secondary-navigation a:visited {
color: #fff;
}

#secondary-navigation a:hover {
color: #cfe4fd;
}


/* BREADCRUMBS AND PAGE TITLE */
#breadcrumbs-container {
background: #dcdde5;
}

#breadcrumbs {
padding: 25px 0 5px 0; 
}

.breadcrumb-navigation {
font-size: 10pt; 
margin-bottom: 0;
}

#breadcrumbs .author {
margin-top: -24px;
margin-bottom: 0;
}


/* ----- CONTENT HIGHLIGHT ----- */
#content-highlight-container {
background: #04B158 url('../../resource/images/layout/blue-stripe.jpg') top left repeat-x;
padding: 25px 0;
}

#content-highlight h1, #content-highlight p, #content-highlight h2 {
color: #fff;
}

#content-highlight p {
font-size: 21pt;
}

#content-highlight a:link, #content-highlight a:active, #content-highlight a:visited {
color: #fff;
}

#content-highlight a:hover {
color: #cfe4fd;
}

/* ----- CONTENT ----- */
#content-container {
background: #f2f7fb;
-moz-box-shadow:inset 0 5px 5px #bbb;
-webkit-box-shadow:inset 0 5px 5px #bbb;
box-shadow:inset 0 5px 5px #bbb;
padding: 0 0 50px 0;
}

#content {
color: #333333;
font-size: 11pt;
padding-top: 25px;
}

.section {
display: inline; /* IE6 double margin bug fix */
float: left;
}

.newline {
clear: left;
margin-top: 25px;
}

.percent-10 {
margin-right: 30px;
width: 66px;
}

.percent-20 {
margin-right: 30px;
width: 162px;
}

.percent-25 {
margin-right: 30px;
width: 210px;
}

.percent-33 {
margin-right: 30px;
width: 290px;
}

.percent-50 {
margin-right: 30px;
width: 450px;
}

.percent-66 {
margin-right: 30px;
width: 610px;
}

.percent-75 {
margin-right: 30px;
width: 690px;
}

.percent-100 {
clear: left;
margin-top: 25px;
width: 960px;
}

h1 {
color: #002D62;
font-size: 24pt;
margin: 0 0 24pt 0;
}

h2 {
color: #002D62;
font-size: 21pt;
margin: 0 0 21pt 0;
}

h1 img, h2 img {
display: inline;
margin-bottom: -20px;
margin-right: 10px;
}

h3 {
font-size: 14pt;
margin: 0 0 14pt 0;
}

h3.blog-title { 
margin-bottom: 0;
}

p {
font-size: 11pt;
margin: 0 0 11pt 0;
}

table {
border-collapse: collapse;
margin: 0 0 11pt 0;
}

th, td {
border: 1px solid #002d62;
margin: 0;
padding: 5px;
text-align: left;
vertical-align: top;
}

th {
background: #002d62;
color: #fff;
font-size: 12pt;
}

th a:link, th a:active, th a:visited {
color: #fff;
}

th a:hover {
color: #cfe4fd;
}

td {
font-size: 11pt;
}

.audience-thumbnail {
width: 55px;
margin-right: 15px;
}

.audience-quote p {
font-size: 18px;
margin: 0;
width: 140px;
}

.callout {
color: #04b158;
font-size: 22px;
}

.pullout-quote {
background: #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0 5px 5px #bbb;
-webkit-box-shadow: 0 5px 5px #bbb;
box-shadow: 0 5px 5px #bbb; 
padding: 10px 50px 10px 50px;
margin-bottom: 25px;
}

.introduction {
color: #002D62;
}

p.article-title {
margin-bottom: 0;
}
p.article-source {
}

img.right {
float: right;
margin: 0 0 25px 25px;
}

img.left {
float: left;
margin: 0 25px 25px 0;
}

.clear {
clear: both;
}

.top-link {
float: right;
}

#content .author {
font-size: 10pt;
}

ul {
padding-left: 15px;
margin-left: 0;
}

li {
font-size: 11pt;
padding-left: 0;
margin-left: 0;
}

td li {
margin-bottom: 7px;
}

td img, th img {
display: inline;
}

.compare-table td, .compare-table th {
text-align: center;
}

.compare-table td a {
text-align: left;
}

.contact-form {
background: #fff; 
border: 1px solid #002d62; 
border-radius: 15px; 
-moz-box-shadow: 5px 5px 5px #bbb;
-webkit-box-shadow: 5px 5px 5px #bbb;
box-shadow: 5px 5px 5px #bbb;
display: inline-block; /* Add HasLayout to fix IE6-7 navigation overlapping with header when scrolling */
margin-top: -90px; 
padding: 30px;
position: relative;
z-index: 700;
}

.note {
color: #a8a8a8;
font-size: 10pt;
}

.programlist-auto-size {
background: url("/resource/images/layout/green-gradient.gif") repeat-x 0 0 #f2f7fb;
margin: 0;
padding: 30px;
}

.top-link {
float: right;
}

.lower-roman {
list-style-type: lower-roman;
}



/* ----- PRINTING AND SHARING ----- */
#printing-sharing-container {
background: #f2f7fb;
}

#printing-sharing {
height: 45px;
}

.printfriendly {
float: left;
width: 90px;
}

.addthis_toolbox {
display: inline;
float: left;
}


/* ----- FOOTER ----- */
#footer-container {
background: #002D62;
-moz-box-shadow: 0 -5px 5px #bbb;
-webkit-box-shadow: 0 -5px 5px #bbb;
box-shadow: 0 -5px 5px #bbb;
padding: 25px 0;
}

#footer {
color: #fff;
}

#footer a:link, #footer a:active, #footer a:visited {
color: #fff;
}

#footer a:hover {
color: #cfe4fd;
}

#footer-social-media {
float: left;
width: 125px;
}

#footer-social-media img{
display: inline;
margin-right: 10px;
}

#footer-contact {
float: left;
font-size: 10pt;
width: 220px;
}

#footer-contact strong {
font-size: 18pt;
}

#footer-navigation {
float: left;
font-size: 10pt;
width: 615px;
}

#footer-navigation ul {
float: right;
margin: 0;
padding: 0;
}

#footer-navigation li {
display: inline;
list-style-type: none;
margin-right: 15px;
}