/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; list-style: none; }
html, body { min-height: 100%; background: #ffffff url('../images/background.png') top left repeat-x; }
body { font: normal 11px/17px sans-serif; color: #000000; text-align: center; padding: 0px 10px; }
a { color: #58a9d5; text-decoration: none; font-weight: bold; }
a:hover { color: #106ca6; text-decoration: underline; }
a img { border:0; }
input,
select,
textarea { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; }
button.button { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit { width: 98px; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }
/*
h1 { font-size: 2em; }
h3 { font-size: 1.4em; }
h4 { font-size: 12px; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h2 { font-size: 16px; line-height: 21px; font-weight: bold; }
h3 { font-size: 17px; line-height: 30px; color: white !important; border-bottom: 1px solid #313131; margin-bottom: 10px; }
*/
h1, h2, h3, h4, h5, h6 { color: #106ca6; font-weight: bold; }
table { border-collapse: collapse; width: 100%; }
table th { text-align: left; }
table td.right { padding-left: 5px; }
table th.right { padding-left: 5px; }
table td.left { padding-right: 5px; }
table th.left { padding-right: 5px; }
blockquote { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset { border: 0 !important; }
address { font-style: normal; }
/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }
/* -- Basics layout -- */
#view { width: 100%; text-align: center; }
/* -- Main classes -- */
.fr { display: inline; float: right !important; }
.fl { display: inline; float: left !important; }
.clear { clear: both !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.last { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small { font-size: .9em; }
.big { font-size: 1.5em; }
.light { color: #999999 !important; }
.clearfix { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt { font-weight: bold; }
.test { border: 1px black solid; }
.inlink { display: block; padding-left: 14px; background: url('../../images/bg-inlink.gif') 0 4px no-repeat; }
.red { color: #f80909; }
.alpha { list-style: lower-alpha !important; }
.clear { height: 1px; border: none; background: transparent; }
/* -- Layout -- */
#container { width: 976px; margin: 0px auto; text-align: left; position: relative; top: 22px; }
#content { position: relative; min-height: 660px; background: transparent url('../images/content-background-2.png') top left repeat-y; }
#content .contentPadding { padding: 0px 7px; }
.content_footer { width: 976px; height: 21px; background: transparent url('../images/bottom-stripe.png') top left repeat-y; clear: both; display: block; }
#footer { text-align: left; padding: 10px 20px; font-size: 11px; line-height: 14px; }
#flashFakeHolder { width: 962px; height: 300px; }
#flashContainer { position: absolute; z-index: 1000; width: 962px; height: 300px; left: 7px; top: 104px; } /* background-color: #000000; opacity: .5; */
#head { position: relative; height: 104px; margin: 0px; padding: 0px; display: block; background: url('../images/header-top-background-2.png') bottom left no-repeat; }
#head #claim { position: relative; width: 221px; height: 104px; top: 0px; left: 25px; z-index: 1; font-size: 14px; line-height: 20px; color: black; }
#claim span { position: absolute; top: 0px; left: 0px; width: 221px; height: 104px; background: url('../images/headline-claim.png') no-repeat; }
#head #claim a { color: #000 !important; }
#head #button { top: 0px; position: absolute; left: 246px; width: 231px; height: 104px; }
#navigation { position: relative; min-height: 29px; width: 962px; z-index: 100; margin-top: 2px; background: url('../images/navigation-background.gif') top left repeat-x; }
#navigation .shareButtons { float: right; padding-right: 25px; padding-top: 3px; }
#navigation .shareButtons a { width: 19px; height: 19px; position: relative; }
#navigation .shareButtons a span { width: 19px; height: 19px; position: absolute; top: 0px; left: 0px; z-index: 50; }
#navigation .shareButtons a:hover span { background-position: 0px -19px; }
.fbShare span { background: url('../images/facebook-share.png') top left no-repeat; }
.twrShare span { background: url('../images/twitter-share.png') top left no-repeat; }
/* DROPDOWN DEFINITION */
/*
LEVEL ONE
*/
ul.dropdown { position: relative; padding-left: 20px; z-index: 200; }
ul.dropdown li { font-weight: bold; float: left; padding-left: 5px; padding-right: 25px; color: #ffffff; font-size: 12px; line-height: 29px; }
ul.dropdown li a { display: block; height: 29px; color: white !important; }
ul.dropdown li.hover,
ul.dropdown li:hover { color: white; position: relative; text-decoration: none !important; }
ul.dropdown a:hover { color: white; text-decoration: none !important; }
ul.dropdown li.hover a { color: white; }
/*
LEVEL TWO
*/
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; border-bottom: 1px solid #8fc0da; }
ul.dropdown ul.wide { width: 300px; }
ul.dropdown ul li { margin: 0px !important; padding: 0px !important; font-weight: normal; background: #ffffff; color: #58a9d5; border-left: 1px solid #8fc0da; border-right: 1px solid #8fc0da; float: none; height: 24px; line-height: 24px; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { width: 100%; color: #58a9d5 !important; height: 24px; background: url('../images/dropdown-bg.gif') top left repeat-x; }
ul.dropdown ul li a span { padding-left: 5px; padding-right: 15px; }
ul.dropdown ul li a:hover { color: white !important; text-decoration: none !important; background-position: 0px -24px; }
/*
LEVEL THREE
*/
/*
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
*/
#main { padding: 25px; z-index: 10; clear: both; padding-bottom: 0px !important; }
#main #leftColumn { float: left; width: 220px; }
.dlBox { margin-top: 20px; }
.dlBox h2 { color: #106ca6; font-size: 18px; line-height: 17px; }
.dlBox strong { font-weight: normal; color: #58a9d5; font-size: 14px; line-height: 17px; text-transform: uppercase; }
#download { width: 161px; height: 43px; display: block; position: relative; left: -8px; }
#download span { background: url('../images/button-download.gif') top left no-repeat; display: block; position: absolute; top: 0px; left: 0px; width: 161px; height: 43px; z-index: 100; }
#download:hover span { background-position: 0px -43px; }
#main #rightColumn { float: right; width: 675px; }
#main #rightColumn .paragraph p { display: block !important; margin-bottom: 1em;}
#main #rightColumn .paragraph ul.alpha { margin: 0.5em 20px 1em 10px !important; list-style: lower-alpha; }
#main #rightColumn .paragraph ul li { margin-left: 10px; margin-bottom: 0.2em; padding-left: 5px; list-style: lower-alpha; }
#main #rightColumn h2 { font-size: 22px; line-height: 20px; color: #106ca6; text-transform: uppercase; margin-bottom: 10px; }
#main #rightColumn h3 { font-size: 18px; line-height: 20px; color: #106ca6; text-transform: uppercase; margin-bottom: 5px; }
#main #rightColumn .column { float: left; width: 225px; display: block; }
#main #rightColumn .column p { padding-left: 20px; }
#main #rightColumn .first p { padding-left: 0px !important; } /* font-weight: bold; */
#main #rightColumn #introText { font-size: 13px; line-height: 17px; }
#main #rightColumn #introText p { margin-bottom: 1em; }
#main .dashed { background: url('../images/dotted-line.gif') top left repeat-x; padding-top: 15px; }
#main #rightColumn .articleItem { background: url('../images/dotted-line.gif') top left repeat-x; padding-top: 15px; margin-top: 1.5em; margin-bottom: 0em !important; }
#main #rightColumn .imageColumn { width: 225px; float: left; }
#main #rightColumn .textColumn { width: 450px; float: right; }
#main #rightColumn .full { width: 675px; float: none !important; display: block; }
#main #rightColumn .textColumn p { margin-bottom: 1em; }
#main #rightColumn .textColumn .linkMore { color: #106ca6 !important; background: url('../images/blue-arrow.gif') 0px 2px no-repeat; padding-left: 10px; }
#main #rightColumn #goalDetail { float: left; width: 450px; }
#main #rightColumn #goalDetail .dashed { padding-bottom: 1em; }
#main #rightColumn #goalNavigation { float: right; width: 200px; }
#main #rightColumn #goalNavigation .listIcons { margin-top: 2em; }
#main #rightColumn #goalNavigation h3 { font-size: 15px; line-height: 18px; color: #106ca6; text-transform: uppercase; }
#main #rightColumn #goalNavigation .icon { float: left; width: 100px; height: 100px; }
#main #rightColumn #goalNavigation .active {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#main #sleftColumn { float: left; width: 450px; }
#main #sleftColumn h2 { font-size: 30px; line-height: 27px; color: #106ca6; text-transform: uppercase; }
#main #sleftColumn h2.red { font-size: 20px; line-height: 20px; color: #f62b40; text-transform: uppercase; }
#main #sleftColumn h3 { font-size: 16px; line-height: 20px; color: #106ca6; text-transform: uppercase; }
#main #sleftColumn h3 span { color: #58a9d5; text-transform: uppercase; }
#main #sleftColumn #submissionInfo { color: #333333 !important; }
#main #sleftColumn p { margin-bottom: 1em; }
#main #srightColumn { float: right; width: 445px; background-color: #cde5f2; }
#main #srightColumn p { margin-bottom: 15px; display: block; }
#main #srightColumn fieldset { padding: 25px; }
#main #srightColumn h3 { font-size: 16px; line-height: 20px; color: #106ca6; text-transform: uppercase; margin-bottom: 5px; }
#main #srightColumn h3 span { color: #f62b40; text-transform: uppercase; }
#main #srightColumn h4 { font-size: 14px; line-height: 18px; color: #333333; margin-bottom: 5px; }
#main #srightColumn h4 span { color: #106ca6; text-transform: uppercase; }
#main #srightColumn .succesSubmit { padding: 25px; }
#main #srightColumn .flashMessage { border: 1px dashed #106ca6; background-color: #ffffff; margin: 25px 25px 0px 25px; padding: 10px; color: #f62b40; font-weight: bold; }
#main #srightColumn label { font-weight: bold; }
#main #srightColumn input.tf { width: 390px; border: 1px solid #81b4d4; color: #333333; font-size: 12px; line-height: 17px; }
/* #main #srightColumn input.cb { border: 1px solid #81b4d4; color: #333333; font-size: 12px; line-height: 17px; } */
#main #srightColumn select.tf { width: 390px; border: 1px solid #81b4d4; color: #333333; font-size: 12px; line-height: 17px; }
#main #srightColumn textarea { width: 390px; border: 1px solid #81b4d4; color: #707070; font-size: 12px; line-height: 17px; height: 160px; margin-bottom: 1em;}
#previewBt { width: 186px; height: 43px; display: block; position: relative; left: -8px; }
#previewBt span { background: url('../images/button-submit2.gif') top left no-repeat; display: block; position: absolute; top: 0px; left: 0px; width: 186px; height: 43px; z-index: 100; }
#previewBt:hover span { background-position: 0px -43px; }
#submitBt { width: 119px; height: 43px; display: block; position: relative; left: -8px; }
#submitBt span { background: url('../images/button-submit-final.gif') top left no-repeat; display: block; position: absolute; top: 0px; left: 0px; width: 119px; height: 43px; z-index: 100; }
#submitBt:hover span { background-position: 0px -43px; }
.noFlash { text-align: center; padding-top: 80px; font-size: 18px; line-height: 24px; color: #ffffff; text-transform: uppercase; font-weight: bold; }
#main #partners { margin-top: 35px; background: url('../images/dotted-line.gif') top left repeat-x; padding-top: 15px; }
#main #partners div { float: left; margin-right: 37px; }
#main #partners div.last { margin-right: 0px !important; }
#footer { color: #58a9d5; font-size: 12px; line-height: 15px; padding-bottom: 30px; }
#footer a { color: #58a9d5 !important; font-weight: bold; }
#footer a:hover { color: #106ca6 !important; text-decoration: underline; }