/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

/**
* Michael Certoma
* Responsive Design
*/
 
@font-face {
    font-family: 'UbuntuMedium';
    src: url('../../fonts/ubuntu-m-webfont.eot');
    src: url('../../fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/ubuntu-m-webfont.woff') format('woff'),
         url('../../fonts/ubuntu-m-webfont.ttf') format('truetype'),
         url('../../fonts/ubuntu-m-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'UbuntuBold';
    src: url('../../fonts/ubuntu-b-webfont.eot');
    src: url('../../fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/ubuntu-b-webfont.woff') format('woff'),
         url('../../fonts/ubuntu-b-webfont.ttf') format('truetype'),
         url('../../fonts/ubuntu-b-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('../../fonts/ubuntu-r-webfont.eot');
    src: url('../../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/ubuntu-r-webfont.woff') format('woff'),
         url('../../fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('../../fonts/ubuntu-r-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; font-size: 13px; }
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input, textarea {
   border-radius: 1px;
}
.no-boxshadow input, .no-boxshadow textarea { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background-color: #f67100; color:#fff; text-shadow: none; }
::-webkit-selection { background-color:#f67100; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * You might tweak these..
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #666666;
  /* Set your base font here, to apply evenly */
  font-size:12px; font-family:Georgia; line-height:19px; margin:0 0 5px 0; font-weight:normal; font-style:normal;}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6, p { font-weight:normal; font-style:normal;}

h1 { font-family:UbuntuBold; font-size:18px; line-height:18px; margin:15px 0 5px 0; color:#25478e; padding:0; }

h2 { font-family:UbuntuBold; font-size:16px; line-height:16px; margin:15px 0 5px 0; color:#25478e; padding:0; }

h5 { font-family:arial; font-weight:bold; font-size:13px; line-height:13px; margin:5px 0 5px 0; color:#666666; padding:0; }

p { color:#666666; font-size:12px; font-family:Georgia; line-height:19px; margin:0 0 5px 0; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

ul, ol { font-family:Georgia; font-size:11px; line-height:19px; color:#666666; }

ol { padding:0 0 0 25px; margin:10px 0; }

em {font-style:italic;}

/* Form Styling
-------------------------------------------------------------- */
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */
input.text, input.title,
textarea, select {
	margin: 0;
	border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   {font-size:11px;}
textarea      { width: 390px; height: 250px; padding:5px; }

input, select, option {font-size:11px; color: #999; }

th {font-weight:normal;}


/**
 * Primary styles
 *
 * Author: 
 */
 
* { margin: 0; }

html {
        background: url(../../img/background.jpg) no-repeat center top;
}

body, html { height:100%; min-width:1000px; }

#header { width:100%; min-height:78px; background:url(../../img/nav_repeater.png) repeat; border-top:2px solid #ec6800; border-bottom:1px solid #fff;
-webkit-box-shadow: 0px 2px 10px 2px #cccccc;
-moz-box-shadow: 0px 2px 10px 2px #cccccc;
box-shadow: 0px 2px 10px 2px #cccccc; 
font-family: UbuntuMedium;
color: #25468d;
font-size:13px;
line-height:22px;
}

#headerArea { position:relative; width:980px; margin:0 auto; clear:both; }

#subheaderArea { position:relative; width:980px; height:48px; margin:0 auto 26px auto; clear:both; }

#search_box { background: url(../../img/search_background.png) no-repeat; width:310px; height:27px; float:left; margin:21px 318px 0 30px; }
#search_box_input { border:0; background:#ffffff; font-family:arial; font-size:11px; line-height:13px; font-weight:bold; color:#8c8c8c; height:13px; margin:6px 0 0 10px; width:260px; }
#search_button { margin:6px 0 0 12px; }
#btSubscribe { float:left; background: url(../../img/bt_subscribe.png) no-repeat; width:115px; height:28px; margin:21px 0 0 0; padding:0 12px 0 0; border-right: 1px solid #dbdbdb; cursor:pointer; }
#btDonate { float:left; background: url(../../img/bt_donate.png) no-repeat; width:133px; height:28px; margin:21px 0 0 12px; cursor:pointer; }
#btDonate:hover, #btSubscribe:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;}

.rightBox, .leftBox { width:150px; min-height:48px; float:left; margin:15px 0; color: #25468d; }
.leftBox {text-align:right;}

.leftBox .arrow, .leftBox .arrowBot { float:none; margin:8px -14px 0 6px; }

.arrow, .arrowBot { margin:0px 0 0 6px; }

.leftBox .top, .rightBox .top, .leftBox .bottom, .rightBox .bottom {cursor:pointer;}
.leftBox a, .rightBox a { font-family:arial; font-size:10px; color:#868686; line-height:16px; text-decoration:none; width:150px; clear:both; display:block; }
.leftBox a:hover, .rightBox a:hover {color:#f67100;}

.top:hover, .bottom:hover {color:#f67100;}

.subMenuTop, .subMenuBottom { color:#868686; width:150px; display:none; height:95px; overflow:hidden; }

a.seeAll { color:#f67100; text-transform:uppercase; }
a.seeAll:hover {text-decoration:underline;}

#logo { position:absolute; z-index:1; width:272px; height:156px; background-image:url(../../img/logo.png); background-repeat: no-repeat; top:2px; left:50%; margin:0 0 0 -136px; cursor:pointer; }

#container { position:relative; width:980px; margin:20px auto 0 auto; clear:both; padding-bottom:190px; }
.clear { position:relative; clear:both; width:100%; }

.homeImage { width:964px; height:417px; position:relative; clear:both; border:8px solid #ffffff;
-webkit-box-shadow: 0px 4px 10px 2px #dbdbdb;
-moz-box-shadow: 0px 4px 10px 2px #dbdbdb;
box-shadow: 0px 4px 10px 2px #dbdbdb; }

.orangeBox { font-family:UbuntuMedium; padding:10px 20px; position:absolute;
background-color: rgba(236, 104, 0, .67);
color: rgba(236, 104, 0, .67); }
.orangeBox h1 { font-size:26px; line-height:26px; margin:10px 0; color:#ffffff; }
.orangeBox h2 { font-family:UbuntuBold; font-size:12px; line-height:12px; margin:5px 10px 0 0; color:#ffffff; }
.orangeBox p { font-size:12px; line-height:18px; margin:0 0 10px 0; color:#ffffff; }

#tabBar { width:916px; height:50px; position:relative; padding:0 0 0 60px; clear:both; font-family:UbuntuMedium; font-size:13px; line-height:24px; text-align:center; cursor:pointer; margin:0 0 0 2px;}

.tabOn { float:left; position:relative; background-image: url(../../img/tab_on.png); background-repeat: no-repeat; width:160px; height:30px; margin:0 0 0 -45px; z-index:10; color:#f67100; }
.tabOff { float:left; position:relative; background-image: url(../../img/tab_off.png); background-repeat: no-repeat; width:160px; height:30px; margin:0 0 0 -40px; z-index:9; color:#6f6f6f; cursor:pointer;
text-shadow: 0px 2px 0px #ffffff; }

#socialArea { float:right; margin:13px 10px 0 0; line-height:16px; text-align:left; color:#6e6e6e; width:200px}
#socialArea img, #toolBar img { float:right; margin-right:4px; }
#toolBar img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;}

#homeContent { width:976px; position:relative; margin:1px 0 0 2px; height:auto; clear:both; border-top:1px solid #dddddd; }

#researchBox { background: url(../../img/lr_box_bottom.jpg) no-repeat center bottom; width:333px; height:324px; float:left; padding:0 23px 24px 27px; margin:32px 0 0 -8px; }
#researchBox h1 { font-family:UbuntuBold; font-size:18px; line-height:18px; margin:0 0 20px 0; color:#25468c; }

.researchItem, .researchItem ul, .researchItem p { font-family:UbuntuRegular; font-size:13px; line-height:17px; color:#5886c4; width:288px; clear:both; margin:0 0 24px 0; list-style:none; }
.researchItem .img { width:112px; height:76px; margin:2px 12px 0 0; background:#cccccc; float:left; }
.researchItem p { position:absolute; bottom:60px; font-family:UbuntuMedium; color:#8d8d8d; margin-left:15px; }

#knowBoxArea { float:left; margin:28px 0 0 12px; }
#knowBoxTop { width:294px; background:url(../../img/box_top.jpg) no-repeat center top; height:32px; line-height:36px; font-size:13px; font-family:UbuntuBold; padding:0 15px; color:#24478f;
text-shadow: 0px 1px 1px #ffffff; }

#knowBox { border:1px solid #d9d9d9; border-top:0px; min-height:78px; width:294px; padding:0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px; 
}

.knowBoxItemLast, .knowBoxItemSwitch, .knowBoxItem { width:292px; padding:13px 15px; border-top:1px solid #d9d9d9; font-family:UbuntuMedium; color:#8d8d8d; font-size:12px; line-height:18px; cursor:pointer; }
.knowBoxItemLast:hover, .knowBoxItemSwitch:hover,.knowBoxItem:hover {background:#f0f0f0;}
.knowBoxItemSwitch {background:#f9faff;}
.knowBoxItemLast { -moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px; }
.knowBoxItem img, .knowBoxItemSwitch img, .knowBoxItemLast img { float:right; margin:5px -5px 0 0; }
.knowBox cellItem { display:table-cell; vertical-align:middle; width:235px; }
.knowBox cellArrow { display:table-cell; vertical-align:middle; width:11px; background:url(../../img/orange_arrow.jpg) no-repeat center center; }

#tabBoxArea { width:322px; float:left; margin:20px 0 0 15px; }
#tabBoxTop { height:26px; width:290px; margin:0 0 -1px 0; padding:0 0 0 32px; z-index:10; }
.tbOn { float:left; background:url(../../img/htab_on.png) no-repeat; width:126px; height:26px; margin:0 0 0 -30px; position:relative; z-index:10; color:#f67100; font-family:UbuntuMedium; font-size:13px; line-height:26px; text-align:center; cursor:pointer; }
.tbOff { float:left; background:url(../../img/htab_off.png) no-repeat; width:126px; height:26px; margin:0 0 0 -30px; position:relative; z-index:9; color:#25468c; font-family:UbuntuMedium; font-size:13px; line-height:26px; text-align:center; cursor:pointer; }
.tabBox { width:288px; border:1px solid #d9d9d9; height:216px; padding:9px 17px; z-index:9; }
.tabBoxInside { width:288px; height:216px; overflow:hidden; }
.tabBoxItem { font-family:UbuntuMedium; font-size:11px; color:#7e7e7e; height:24px; line-height:24px; float:left; margin:10px 10px 0 0; padding:0 6px; background:#f9faff; border:1px solid #e5e5e5; cursor:pointer; overflow:hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.tabBoxItem:hover {background:#f0f0f0;}

#langArea { width:320px; margin:15px 1px 0 1px; border-top:1px solid #f1f1f1; border-bottom:1px solid #dfdfdf; }
#articlesArea { clear:both; width:310px; margin:1px 0; border-bottom:1px solid #f1f1f1; border-top:1px solid #dfdfdf; min-height:5px; color:#24468e; font-family:UbuntuBold; font-size:13px; line-height:13px; padding:16px 5px; }
#articlesArea img { float:left; margin:0 18px 0 0; }
#articlesArea select { width:188px; height:22px; font-family:arial; color:#666666; font-size:10px; margin:10px 0 0 0; }

.push { height:170px; clear:both; width:100%; position:relative; }

#site { min-height:100%; position:relative; }

#footerArea { position:absolute; bottom:0; width:100%; height:170px; overflow:hidden; background:url(../../img/footer_back.jpg); }
#footerLines { background:url(../../img/footer_repeater.png) repeat; width:100%; height:170px; position:absolute; z-index:10; }
#footerPattern { background:url(../../img/footer_background.png) repeat; position:absolute; width:100%; height:366px; z-index:8; }
 
#fab1 { position:absolute; top:0; width:1726px; left:50%; margin:0 0 0 -863px; height:1px; border-top:1px solid rgba(72, 72, 72, .26); }
#fab2 { position:absolute; top:1px; width:1726px; left:50%; margin:0 0 0 -863px; height:1px; border-top:1px solid rgba(255, 255, 255, .45); }

#footerContent{position: relative; width: 980px; top: 5px; margin: auto; height: 165px; font-family: arial; font-weight: bold; color: #ffffff; font-size: 10px; line-height: 14px; text-shadow: 0px 1px 0px #8c8c8c; z-index: 11;}
#footerContent a { color:inherit; text-decoration:none; }
#footerContent a:hover {text-decoration:underline;}
#footerLinks { padding:0 15px; line-height:48px; font-size:12px; }
#fc1 { width:100%; border-top:1px solid rgba(72, 72, 72, .26); border-bottom:1px solid rgba(255, 255, 255, .45);}
#fc2 { width:100%; height:1px;  }

#footerInfo {padding:15px;}
#footerInfo img {float:right;}

/*Subpage items*/

#subMenu { float:left; margin:0 16px 0 0; padding:0 12px 14px 12px; background:#ffffff;
-webkit-box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);
-moz-box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);
box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);  }
#subMenu li{list-style: none;}
#subMenu ul{margin: 0px;}
.subItem, .subItemOn { background:url(../../img/sm_line.jpg) repeat-x bottom; line-height:14px; font-family:UbuntuMedium; font-size:12px; color:#888888; width:205px; cursor:pointer; padding:16px 0; }
.subItem:hover {color:#5886c4;}
#subItemOn, .subItemOn {color:#5886c4;}

.subItem p {margin-bottom:0;}

.subSubMenu {display:none;}
.subSubMenu a { color:#acacac; font-size:10px; line-height:14px; font-family:UbuntuMedium; text-decoration:none; padding:0 0 0 8px; }
.subSubMenu a:hover { color:#666666; text-decoration:underline; }

.subMenuHeader { font-family:UbuntuRegular; color:#5886c4; font-size:18px; line-height:18px; padding:35px 0 13px 0; border-bottom:1px solid #f1f1f1; width:205px; }
.subMenuHeader a { float:right; display:block; clear:none; font-size:9px; font-family:UbuntuBold; color:#5886c4; text-decoration:none; line-height:28px; } 
.subMenuArea { border-top:solid 1px #dfdfdf; width:205px; margin:1px 0; }
.subMenuArea ul { font-family:UbuntuRegular; color:#5886c4; font-size:12px; line-height:16px; padding:0 0 0 15px; margin:13px 0 0 0; }
.subMenuArea li { padding:0; margin:8px 0; }
.subMenuArea a { color:#999999; text-decoration:none; }
.subMenuArea a:hover {color:#5886c4;}

#main { float:left; background:#ffffff; padding:7px 9px 12px 8px;
-webkit-box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);
-moz-box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);
box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);  }

#subHeader { width:718px; height:158px; overflow:hidden; background:url(../../img/subheader_default.jpg); background-repeat:no-repeat; position:relative; clear:both; }
#subHeader div { width:718px; position:absolute; height:44px; bottom:0; left:0; background-color: rgba(37, 71, 142, .7); font-family:UbuntuMedium; font-size:26px; line-height:44px; padding: 0 0 0 20px; color:#ffffff; }

#toolBar { font-family:arial; color:#8c8c8c; font-weight:bold; line-height:16px; font-size:10px; margin:10px 0; width:718px; padding: 0 20px; }
#toolBar a { color:inherit; text-decoration:none; }
#toolBar a:hover {text-decoration:underline;}

#subContent { width:718px; padding: 0 20px; min-height:350px; }

#subContent p, #subContent table {margin-left:10px;}

/**Video Page**/

.videoItem { width:648px; height:43px; border:1px solid #e5e5e5; background:#f9faff; margin:1px 0 1px 22px; font-family:UbuntuRegular; font-size:11px; line-height:19px; overflow:hidden; color:#666666; padding:0 0 0 12px; }
.videoItem span { color:#25468d; padding:3px 0 0 0; display:block; }

.videoButton { float:right; width:68px; border-left:1px solid #e5e5e5; line-height:43px; font-family:UbuntuBold; font-size:9px; color:#666666; text-align:center; cursor:pointer; }
.videoButton:hover {background:#f0f0f0;}

/**Staff Page**/

.doubleLine { float:right; border-top:1px solid #f1f1f1; border-bottom:solid 1px #dfdfdf; height:1px; width:670px; margin:15px 0 25px 0; }

.staffItem { float:left; width:100%; border-bottom:1px solid #f1f1f1; padding:10px 0; margin: 0 0 10px 0; }

.staffImage { float:left; width:76px; height:76px; border:3px solid #ffffff;
-webkit-box-shadow: 1px 1px 5px 2px rgba(219, 219, 219, .8);
-moz-box-shadow: 1px 1px 5px 2px rgba(219, 219, 219, .8);
box-shadow: 1px 1px 5px 2px rgba(219, 219, 219, .8);  }
.staffBio { float:left; width:555px; margin:0 0 0 15px; }
.staffBio span { font-size:11px; font-style:italic; line-height:13px; }
.staffBio h5 {margin-left:10px;}

/** Search Page **/

ol#search_results {font-size:12px;}

ol#search_results li { margin:0px 100px 15px 0; padding:0 0 15px 0px; border-bottom:1px solid #dfdfdf; }


/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { /*zoom: 1;*/ }


   /*___________________/--------------\______________________*/
  /*                     -MISC. GENERAL-                     */
 /*---------------------\______________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- MISC. GENERAL */
.display-none{display: none !important;}
.unique-margin-1{margin:15px 32px 15px 43px;}
.unique-margin-2{margin:15px 43px 15px 262px;}
*, *:before, *:after{
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;}

.homeImage .description{width: 100%;}

#main-nav{display:none;}
   /*___________________/--------------\______________________*/
  /*                     -JQUERY CUSTOM-                     */
 /*---------------------\______________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- JQUERY CUSTOM */
.collapsed-form-wrapper{}
#form-wrapper{}

   /*___________________/--------------\______________________*/
  /*                     -BUTTON BUTTON-                     */
 /*---------------------\______________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- BUTTON BUTTON */
.button-ec6800 a,
.button-25478e a{color: #ffffff;}

/* ORANGE */
.button-ec6800{background-color: #ec6800; font-size: 1em; height: 31px; line-height: 31px; padding: 0 23px; color: #ffffff; text-align: center;}
.button-ec6800:hover{background-color: #ff7d16;}
.button-ec6800:active{background-color: #ec6800;}

/* BLUE */
.button-25478e{background-color: #25478e; font-size: 1em; height: 31px; line-height: 31px; padding: 0 23px; color: #ffffff; text-align: center;}
.button-25478e:hover{background-color: #2950a3;}
.button-25478e:active{background-color: #25478e;}


   /*___________________/--------------\______________________*/
  /*                     -PUZZLE PIECES-                     */
 /*---------------------\______________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- PUZZLE PIECES */
.puzzle-pieces-img{float: left; margin: 0 10px 0 0;}
.puzzle-pieces-wrapper select{width: 100%;}
.puzzle-pieces-success-stories{display: inline-block; width: 43%; margin: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.expanded-form-wrapper{height: 520px;
-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
.collapsed-form-wrapper{height: 0px; overflow: hidden;
-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

   /*___________________/--------------\______________________*/
  /*                     -PHOTO CONTEST-                     */
 /*---------------------\______________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- PHOTO CONTEST */
.line .unit.size1of2{display: inline-table; width: 50% !important;}
.size1of2 p{width: 50% !important;}
.line .unit p,
.line .unit label{display: inline-block;}
.ff_composer{margin-top: 41px; font-family: 'UbuntuMedium';}
.line .unit.size1of2{margin-top: 23px !important;}
.ff_composer input{line-height: 31px; font-size: .89em; height: 31px; padding: 0 13px; color: #333; background-color: #fcfcfc; font-style: italic; font-family: 'UbuntuMedium' !important;
	-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
.ff_composer input:focus{outline: none; background-color: #fff; font-style: normal;
	-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
.line .unit p,
.line .unit label{display: inline-block;}
.line .unit p{width: 67%; margin-left: 3% !important;}
.line .unit label{width: 29%;}
.line .unit{margin: 0px; padding: 0px !important;}
.line .size1of2 label{display: inline;}
.line .size1of2 p{width: 23%}
.line .size1of2{width: inherit !important;}
#main-error{width: 980px; margin: auto; background-color: #fff; padding: 7px 9px 12px 8px;
  -webkit-box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);
  -moz-box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);
  box-shadow: 0px -4px 5px 2px rgba(219, 219, 219, .2);}
#thank-you{position: relative; top: 0; width: 100%; height: 47px; line-height: 47px; background-color: #ec6800; color: #fff; text-align: center; font-size: 1.3em;}
.ff_composer textarea, .ff_composer input[type="text"], .ff_composer input[type="email"], .ff_composer input[type="url"], .ff_composer input[type="number"], .ff_composer input[type="password"], .ff_composer input[type="search"]{width: 100% !important;}

#new_submission .submit,
.ff_composer input[type="submit"]{background-color: #ec6800; border: 0; height: 29px; line-height: 29px; width: 50%; color: #ffffff; text-transform: uppercase; font-size: 1em; font-style: normal; margin: auto; display: block; font-family: 'UbuntuMedium';
	-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

#new_submission .submit,
.ff_composer input[type="submit"]:hover{background-color: #ff7d16; font-size: 1.1em;
	-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

#new_submission .submit,
.ff_composer input[type="submit"]:active{font-size: .89em; background-color: #ec6800;
	-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

#new_submission .dform_container select{width: 40%; display: inline-block;}
#new_submission input.text, .new_submission input.title{width: 89%; padding: 3px 7px; color: #333;}

#new_submission .dform_container textarea{height: 73px; width: 100%;}

#new_submission .dfleft_label .dform_label{width: 100%; margin-top: 41px;}
#new_submission h2{margin-top: 41px;}
#new_submission .dfcolumns .column{min-height: inherit !important;}

   /*_______________/--------------------\______________________*/
  /*                    -DONATION PAGE-                        */
 /*-----------------\____________________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- DONATION PAGE */
.authorize,
.paypal-button{display: inline;}

.dform_cart_pay_aunet{margin-top: 38px !important;}
.dfinput_full{margin: 20px 0;}

.cc_ccv{width: 40% !important;}
.cc_number input{width: 50% !important;}

.ccv_img{margin-left: 30%;}
.cc_logos{margin-left: 10%;}

   /*_______________/--------------------\______________________*/
  /*                 -TRANSITION EFFECTS-                      */
 /*-----------------\____________________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- TRANSITION EFFECTS */
.eio-2,
.eio-2:hover,
.eio-2:focus{
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.eio-3,
.eio-3:hover,
.eio-3:focus{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.eio-5,
.eio-5:hover,
.eio-5:focus{
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.eio-7,
.eio-7:hover,
.eio-7:focus{
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.eio-11,
.eio-11:hover,
.eio-11:focus{
        -webkit-transition: all 1.1s ease-in-out;
        -moz-transition: all 1.1s ease-in-out;
        -o-transition: all 1.1s ease-in-out;
        -ms-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out;
}
.eio-13,
.eio-13:hover,
.eio-13:focus{
        -webkit-transition: all 1.3 ease-in-out;
        -moz-transition: all 1.3s ease-in-out;
        -o-transition: all 1.3s ease-in-out;
        -ms-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out;
}
.eio-17,
.eio-17:hover,
.eio-17:focus{
        -webkit-transition: all 1.7s ease-in-out;
        -moz-transition: all 1.7s ease-in-out;
        -o-transition: all 1.7s ease-in-out;
        -ms-transition: all 1.7s ease-in-out;
    transition: all 1.7s ease-in-out;
}

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */
/*/**---------------------------------------------------------------------------------------------------------------- MEDIA QUERIES */
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print{
  * { background: transparent !important; color: black !important; text-shadow: none !important;} /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  p, h2, h3 {orphans: 3; widows: 3; }
  h2, h3{page-break-after: avoid;}
}
@page {margin: 0.5cm;}

   /*_______________/--------------------\______________________*/
  /*                 -RESPONSIVE DESIGN-                       */
 /*-----------------\____________________/--------------------*/
/*/**---------------------------------------------------------------------------------------------------------------- MISC */
#main-nav > a{display: none;}
#subMenu > a{display: none;}
img{max-width: 100%; height: auto;}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 1020px */
@media (max-width: 1020px){
.cc_cardinfo .info_block{float: none !important; width: 51% !important; display: inline-block;}

#subMenu{display: inline-block; float: none; height: auto !important;}
#main{width: 100%; display: inline-block; float: none; height: auto !important;}
#main #subHeader,
#main #subHeader div,
#main #subContent{width: 720px; margin: auto;}
#main #toolBar{width: 720px; margin: 10px auto;}
#main #subHeader div{font-size: 1.7em;}
    
#subMenu{position: relative; top: auto; left: auto; padding: 13px 13px 0px 13px; z-index: 999; border-top-left-radius: 13%; border-top-right-radius: 13%; border-right: 1px solid #f67100; border-top: 1px solid #f67100;}
#subMenu > a{width: 23px; height: 23px; text-align: left; text-indent: -9999px; background-color: #f67100; position: relative;}
#subMenu > a:before, #subMenu > a:after{position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: '';}
#subMenu > a:after{top: 60%;}
#subMenu:not( :target ) > a:first-of-type, #subMenu:target > a:last-of-type{display: block;}
/* first level */
#subMenu > ul{height: auto; display: none; position: absolute; left: 0; right: 0; background-color: #ffffff; width: 235px; padding: 5px 12px 14px 12px; border-right: 1px solid #f67100; border-top: 1px solid #f67100; border-bottom: 1px solid #f67100;}
#subMenu:target > ul{display: block;}
#subMenu > ul > li{width: 100%; float: none;}
#subMenu > ul > li > a{height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */}
/* second level */
#subMenu li ul{position: static; padding: 1.25em; /* 20 */ padding-top: 0;}
}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 980px */
@media (max-width: 980px){
body, html{min-width: 100%;}
#logo{position: relative; background-position: 50% 0;}
#headerArea{width: 100%;}
.rightBox, .leftBox{width: 24%; display: inline-block; text-align: left; padding: 0 0 3% 7%; margin: 0px; float: none;}
.unique-margin-1{margin:0px;}
.unique-margin-2{margin:0px;}
    
#container{margin: 0px; padding-bottom: 200px;}
    
#subheaderArea{width: 100%; margin: 0px; height: auto;}
#search_box{background-image: url(../../img/search_background.png); width: 60%; height: 27px; float: none; margin: 0px; background-repeat: no-repeat; background-position: 50% 0; display: inline-block; text-align: center; margin: 0; position: relative; top: -13px;}

#btSubscribe{float: none; display: inline-block;}
#btDonate{float: none; display: inline-block;}

#container{width: 100%;}
.homeImage{width: 100%;}
.orangeBox{max-height: 153px;}
.orangeBox h1{width: 80%; font-size: 23px;}

#tabBar{width: 100%; padding: 0px;}

#socialArea{float: none; display: inline-block; margin: 25px 0 0 0;}
    
#image-tabs{width: 100%;}
.tabOn,
.tabOff{background-image: none; border-bottom-right-radius: 50em; border-bottom-left-radius: 50em; box-shadow: 0px 7px 10px 2px #dbdbdb;font-size: 9px; width: 20%; height: 23px; top: 0px; margin: 0; text-shadow: 0 0 0; z-index: 99;}
#tabBar .tabOn{background-color: #fff;}
#tabBar .tabOff{background-color: #ccc;}
    
#homeContent{margin: 30px 0 0 0; width: 100%;}
#researchBox{float: none; width: 358px; margin: -60px auto 0; padding: 90px 33px;}
#knowBoxArea{float: none; width: 50%; display: inline-block; margin: 33px 0;}
#tabBoxArea{float: none; width: 49%; display: inline-block; margin: 0;}
#knowBox,
#knowBoxTop,
#knowBoxItem,
.knowBoxItemLast,
.knowBoxItemSwitch,
.knowBoxItem{width: 294px;}

.knowBoxItemLast, .knowBoxItemSwitch, .knowBoxItem{left: -1px; position: relative;}
#langArea,
#langArea #articlesArea{border: none;}

#latest-wrapper{width: 296px; margin: auto;}
#tabboxwrapper{width: 322px; margin: auto;}

#footerContent{width: 100%;}
#footerLines{height: 200px;}
#footerArea{height: 200px;}
#footerLinks{line-height: 18px; padding: 15px;}
}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 880px */
@media (max-width: 880px){
.rightBox, .leftBox{width: 48%; padding: 0 0 0 15%;}
#search-box{}}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 750px */
@media (max-width: 750px){
#search_box{width: 100%; top: 13px;}
#btSubscribe{background-position: 50% 0; margin: 30px 0px; width: 49%;}
#btDonate{background-position: 50% 0; margin: 30px 0px; width: 50%;}

.homeImage{height: 327px; background-size: cover;}
.homeImage .description{top: 200px !important;}
.homeImage .learnmore{top: 200px !important;}
    
.orangeBox h1{font-size: 17px;}
.orangeBox h2{font-size: 10px; line-height: 10px; margin: 0 5px 0 0;}
.orangeBox p{font-size: 9px; line-height: 16px; margin: 0 0 5px 0;}
}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 720px */
@media (max-width: 720px){
#main #subHeader,
#main #subHeader div,
#main #toolBar,
#main #subContent{width: 100%;}
#main #subHeader div{font-size: 1.5em;}
}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 600px */
@media (max-width: 600px){    
.homeImage .description p,
.homeImage .description h5{display: none;}
#knowBoxArea{width: 100%;}
#tabBoxArea{width: 100%;}

#main #subHeader div{font-size: 1.3em;}
}
/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 480px */
@media (max-width: 480px){
.hide-480{display: none;}

.bottom{margin: 10px;}
.rightBox, .leftBox{width: 100%; display: inline-block; text-align: center; padding: 0 0 3% 0;}
    
#socialArea{width: 45%; margin-top: 75px;}
.homeImage{height: 210px; background-size: contain;}
.homeImage .description{top: 135px !important; width: 100%;}
.homeImage .orangeBox h1{font-size: 13px; width: 100%; line-height: 13px; margin: 0;}
.homeImage .learnmore{top: 230px !important; z-index: 99; width: 50%;}
#image-tabs{width: 50%;}
.tabOn,
.tabOff{border-bottom-right-radius: 0; border-bottom-left-radius: 0; width: 100%;}
#container{margin: 0px; padding-bottom: 230px;}
#footerLines{height: 230px;}
#footerArea{height: 230px;}
    
#main-nav{display:block;}
ul.child-menu-item{padding: 3px 0px 3px 13px;}
#main-nav li.menu-wrapper{border-bottom: 1px solid #ccc;}
#main-nav li.last{border-bottom: 0px;}
#main-nav li.menu-wrapper h2{padding: 0 0 0 13px;}
#main-nav li.menu-wrapper ul.child-menu-item{padding: 0 0 7px 23px;}
#main-nav li.last ul.child-menu-item{padding: 0 0 0 23px;}
#main-nav{position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;}
#main-nav > a{width: 43px; height: 43px; text-align: left; text-indent: -9999px; background-color: #f67100; position: relative; z-index: 9998;}
#main-nav > a:before, #main-nav > a:after{position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: '';}
#main-nav > a:after{top: 60%;}
#main-nav:not( :target ) > a:first-of-type, #main-nav:target > a:last-of-type{display: block;}
/* first level */
#main-nav > ul{height: auto; display: none; position: absolute; left: 0; right: 0; background-color: #fff; z-index: 9997; margin-top: -43px; padding: 43px 0px 13px 0px; border-bottom: 2px solid #f67100; border-top: 2px solid #f67100;}
#main-nav:target > ul{display: block;}
#main-nav > ul > li{width: 100%; float: none;}
#main-nav > ul > li > a{height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */}

#main #subHeader div{font-size: 1em;}
}

/*/**---------------------------------------------------------------------------------------------------------------- MAX-WIDTH: 400px */
@media (max-width: 400px){
.homeImage{height: 177px; background-size: contain;}
.homeImage .description{top: 100px !important; width: 100%;}
.homeImage .orangeBox h1{font-size: 13px; width: 100%; line-height: 13px; margin: 0;}
.homeImage .description p,
.homeImage .description h5{display: none;}
.homeImage .learnmore{top: 200px !important; z-index: 99; width: 50%;}
}