@charset "utf-8";
/* CSS Document */

@import "menu.css";
@import "clearfix.css";

/*
GREEN: #8cc63f
GRAY: #919191
DARK GRAY: #4a4b4c
DARK DARK GRAY: #1c1a1a
*/

body { margin:0; padding:0 0 30px 0; background-color:#000; color:#919191; min-width:945px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
h1 { color:#8cc63f; font-size:100%; text-transform:uppercase; font-weight:100}
h2  {color:#8cc63f; font-size:100%; font-weight:100}
h3 { color:#ccc; font-size:100%;}
h4 {color:#8cc63f; font-size:100%;}
h5 {}
p {}
blockquote {}
hr { clear:both; height:1px; border:none; background-color:#4a4b4c;}
ul {}
ol {}
li {}
dl {}
dt {}
dd {}
label { cursor:pointer;}
em,
i {}
b,
strong {}
a,
a:visited { color:#8cc63f;}
a:hover,
a:active { color:#ccc;}

p.disclosure{font-size:10px;}

a.arrow { font-weight:100; font-size:12px; text-transform:uppercase; text-decoration:none; background-image:url(../images/bullet_greenarrow.gif); background-position:0 3px; background-repeat:no-repeat; padding-left:15px;}
a.rollover { background-color:#000; display:block;}

p.imageCaption { font-size:87%; margin-top:3px;}
p.imageCaption a { color:#919191; text-decoration:none;}
p.imageCaption a:hover,
p.imageCaption a:active { color:#8cc63f;}

.green { color:#8cc63f;}

/* Alternate Flash Content */
.alt { display:none;}

div.photoList { clear:left;}
div.photoList img { float:left; margin:0 10px 10px 0;}
div.photoList p { padding-top:25px; line-height:13px !important;}

#header { width:943px; height:95px; margin:0 auto 9px auto; border-left:solid 1px #4a4b4c; border-right:solid 1px #4a4b4c; border-bottom:solid 1px #4a4b4c; background:#000 url(../images/header_bg.gif) repeat-y top right;}
#header { font-size:10px;}
#header #logo {  float:left;}

#intro {  width:913px; margin:9px auto; padding:20px 15px; border:solid 1px #4a4b4c; min-height:98px; background-color:#000;}
#intro p { font-size:25px; margin:0;}
#intro em { color:#8cc63f; font-style:normal;}


#footer { width:945px; margin:9px auto; font-size:10px; clear:both;}
#footer div { float:left; margin-right:20px;}
#footer address { float:left; margin-right:20px; font-style:normal;}

#bodyTabs { width:945px; margin:9px auto 0 auto; text-align:right;}
#bodyTabs ul { margin:0 10px 0 0 ; padding:0; list-style:none; height:20px;}
#bodyTabs ul li { height:19px; margin-left:8px; float:right; display:inline;}
#bodyTabs ul li a { padding:3px 10px; border-left:solid 1px #4a4b4c; border-right:solid 1px #4a4b4c; border-top:solid 1px #4a4b4c; text-transform:uppercase;font-size:10px; text-decoration:none; color:#999;line-height:19px;}
#bodyTabs ul li a:hover,
#bodyTabs ul li a:active,
#bodyTabs ul li a.selected {color:#8cc63f;}

#body { width:903px; margin:9px auto; padding:20px 20px 40px 20px; margin:0 auto 9px auto; border:solid 1px #4a4b4c;}
* html #body { padding-bottom:20px;}
#body p { line-height:150%;}
#body #mainContent { width:440px; float:right; display:inline;}
#body #subContent  { width:440px; float:left; display:inline;}

#body div.threeColumn { width:287px; display:inline; float:right;}
#body div#mainContent.threeColumn,
#body div#subContent.threeColumn { width:287px; float:right;}
#body div#midContent.threeColumn { margin:0 21px 0 21px;}
#body div#mainContent ul { padding:0; margin:0; list-style:none;}
#body div#mainContent ul li { background:transparent url(../images/bullet_twoarrow.gif) no-repeat 0px 7px; margin:0; padding:0 0 0 15px; line-height:150%;}
#body div#mainContent ul li + li { margin-top:.5em;}

#body div#subContent #videos{}
#body div#subContent #videos #thumbs{ float:left; margin:7px 0px;}
#body div#subContent #videos #thumbs img{margin-bottom:7px;}
#body div#subContent #videos #thumbs a img{border:none; outline:none;}
#body div#subContent #videos #iframe{ float:left; margin:0px 0 0 0px; padding:0px;}
#body div#subContent #videos #iframe iframe{ border:none; outline:none;}

#body.unevenColumns #mainContent { width:340px; float:right; display:inline;}
#body.unevenColumns #subContent  { width:550px; float:left; display:inline;}

#bodyHome { width:903px; margin:9px auto;  padding:20px 20px 40px 20px; margin:0 auto 9px auto; border:solid 1px #4a4b4c;}
#bodyHome #mainContent { width:320px; float:right; display:inline;}
#bodyHome #mainContent ul { margin:0 0 2em 0;padding:0;list-style:none;}
#bodyHome #mainContent ul li { padding-left:26px; background:transparent url(../images/bullet_greenarrow.gif) no-repeat 3px 4px; margin-bottom:1em;}
#bodyHome #mainContent ul li a { color:#919191; text-decoration:none;} 
#bodyHome #mainContent ul li a:hover,
#bodyHome #mainContent ul li a:active { color:#ccc;} 
#bodyHome #subContent  { width:550px; float:left; display:inline;}
#bodyHome #subContent div.question { width:268px; height:178px; margin:0 0 10px 0; display:inline; float:left;}
#bodyHome #subContent div.question a { display:block; width:268px; height:178px;}
#bodyHome #subContent #question1 { background:#000 url(../images/q_thinking.jpg) no-repeat;}
#bodyHome #subContent #question2 { background:#000 url(../images/q_whoyouare.jpg) no-repeat; margin-left:10px;}
#bodyHome #subContent #question3 { background:#000 url(../images/q_situp.jpg) no-repeat; margin-bottom:0;}
#bodyHome #subContent #question4 { background:#000 url(../images/q_stakeclaim.jpg) no-repeat; margin-left:10px; margin-bottom:0;}


#printIcon { width:18px; height:18px; float:right; margin-left:8px;}
#printIcon a { display:block; width:18px; height:18px; background:transparent url(../images/print_icon.gif) no-repeat;}
#printIcon a span { display:none;}

#articleBoxNav { width:440px; height: 25px; padding-top:121px; overflow:hidden; background:transparent url(../images/articlebox_bg_1.jpg) no-repeat;}
#articleBoxNav ul { margin:0; padding:0; list-style:none;}
#articleBoxNav ul li { display:inline; float:left;}
#articleBoxNav ul li a { display:block; padding:10px 10px 4px 10px;font-size:11px; font-weight:bold; color:#666;background-color:transparent; line-height:11px; text-decoration:none;}
#articleBoxNav ul li a:hover,
#articleBoxNav ul li a:active { color:#8cc63f;}
#articleBoxNav ul li a.selected { padding:9px 9px 4px 9px; border-top:solid 1px #666; border-left:solid 1px #666; border-right:solid 1px #666; background-color:#000; color:#fff;}

#caseStudyNav { color:#ccc; font-size:12px;}
#caseStudyNav a { color:#ccc; text-decoration:none;}
#caseStudyNav a:hover,
#caseStudyNav a:active { color:#fff;}
#caseStudyNav a.selected { color:#8cc63f;}

#latestArticles { background-color:#1c1a1a; padding:15px 30px; min-height:230px;}
#latestArticles h3 { color:#fff;}
#latestArticles span { font-weight:100}
#latestArticles ul { margin:0; padding:0; list-style-image:url(../images/bullet_greenarrow.gif);}
#latestArticles ul li { font-size:169%;}
#latestArticles a { text-decoration:none;}

#pastArticles { background-color:#1c1a1a; padding:15px 30px; min-height:230px;}
#pastArticles h3 { color:#fff;}
#pastArticles span { font-weight:100}
#pastArticles ul { margin:0; padding:0; list-style-image:url(../images/bullet_greenarrow.gif);}
#pastArticles ul li { font-size:169%;}
#pastArticles a { text-decoration:none;}

#optInBanner { display:none; border:solid 1px #4a4b4c; background:#000 url(../images/optin_bg.jpg) no-repeat; padding:10px 6px 10px 120px; margin-top:9px;}
#optInBanner p { margin:0; font-size:11px; line-height:12px;}
#optInBanner em,
#optInBanner i { color:#fff; font-style:normal;}


a.pdf { background:transparent url(../images/document_icon.gif) no-repeat; padding-left:19px; font-size:10px; font-weight:bold; color:#666666; text-decoration:none; }
a.pdf:hover,
a.pdf:active { color:#ccc; text-decoration:underline}

div.left { width:200px; float:left; display:inline;}
div.right { width:200px; float:right; display:inline;}

#contactForm { background:#23221f url(../images/form_bg_top.gif) no-repeat -1px 0; padding:20px 0 0 0;}
#contactForm fieldset { padding:0 0 0 20px; margin:0 0 0 0px; border:none;}
#contactForm input,
#contactForm textarea { background-color:#777; border:none;}
#contactForm label { width:190px; float:left; display:inline; font-size:11px; margin:0 20px 0 0; padding:0 0 10px 0;}
#contactForm input { width:190px;}
* html #contactForm { background-position:0 0}
* html #contactForm label { width:188px;}
* html #contactForm input { width:188px;}
#contactForm #jobInfo input,
#contactForm #jobInfo label { width:400px;}
#contactForm textarea { width:400px;}
#contactForm #checkBoxes input { width:auto; padding:0; margin:0; background-color:#23221f;}
#contactForm #checkBoxes label { width:400px;}
#contactForm #submitFields { background:#000 url(../images/form_bg_bottom.gif) no-repeat -1px 0; padding:20px 0 0 0; margin:0; text-align:right;}
* html #contactForm #submitFields { width:442px; background-position:0 0;}
#contactForm #submitFields a { text-transform:uppercase; text-decoration:none; padding-left:18px; background:transparent url(../images/bullet_greenarrow.gif) no-repeat 3px 2px; font-size:11px;}


/* For Uneven columns page with wide videos (holiday page) */

body.video #intro { min-height:58px;}
body.video #body.unevenColumns #mainContent { width:250px; float:right; display:inline;}
body.video #body.unevenColumns #subContent  { width:640px; float:left; display:inline; text-align:center !important;}
body.video div.photoList { clear:left; padding-bottom:0px;}
body.video div.photoList img { float:left; margin:3px 15px 10px 0;}
body.video div.photoList p { padding-top:0px !important; margin-top:0px; line-height:13px !important;}
body.video #body.unevenColumns a{color:#919191 !important; text-decoration:none !important;}
body.video #body.unevenColumns a:hover, 
body.video #body.unevenColumns a:active {color:#8cc63f !important;}
body.video p{margin-bottom:2px;}
 #videoLink{ width:640px !important; height:34px !important; margin-top:35px; text-align:center !important;}
 #videoLink a{ background-image:url(../../holiday/holiday_sendvideo.gif); background-repeat:no-repeat; background-position:0 0; display:block; width:277px !important; height:34px !important; margin:0 auto;}
#videoLink a:hover{background-image:url(../../holiday/holiday_sendvideo.gif); background-repeat:no-repeat; background-position:-277px 0; display:block; width:277px !important; height:34px !important;}
