.no_screen {
display: none;
}

.at_item span, #at15ptc { color: #4c4c4c!important; }

/* Global Class */
*{margin:0; padding:0}

body {
margin:0 auto;
padding-bottom:8px;
background:#4d4d4d url(images/bg.gif) repeat-x top left;
}

body, div, span, p, select, input, textarea, th, li {
font-family:arial, verdana, helvetica, sans-serif;
color:#fff;
font-size:14px;
}

select, input, textarea{color:#000; border:1px solid #6f6d6d}

p{margin:0 0 15px; line-height:18px}
blockquote { margin: 1.12em 40px; }
img{border:none}

a{color:#fff; text-decoration:underline}
a:hover{text-decoration:none}

h1{background:url(images/hrLine.gif) repeat-x bottom left; font-weight:normal; color:#fff; font-size:18px; padding-bottom:10px; margin-bottom:10px}
h2{color:#fff; font-size:15px; padding-bottom:10px}
h5{color:#fff; font-size:14px; padding-bottom:3px; font-style:italic}
h6{color:#fff; font-size:14px; padding-bottom:3px; font-weight:normal}

ul{margin:0 0 15px 0; list-style-type:none; list-style:none}
ul li{background:url(images/bullet.gif) no-repeat 0 6px; list-style-type:none; list-style:none; padding:0 0 4px 8px}

/* Re-useable Class */
h1.h1Title{background:none; font-weight:normal; color:#fff; font-size:19px; margin:0; padding-bottom:10px}
h2.h2SubTitle{color:#fff; font-weight:normal; font-size:19px; padding-bottom:0}

a.link01{font-weight:bold; color:#fff; text-decoration:none}
a.link01:hover{text-decoration:underline}

a.link02{color:#6db9f1; text-decoration:underline}
a.link02:hover{text-decoration:none}

.btn{background-color:#9db9c8; color:#020202; border-width:1px; margin-right:3px; border-style:solid; border-top-color:#6b7e88; border-left-color:#6b7e88; border-bottom-color:#020202; border-right-color:#020202; padding:0 2px; font-size:12px}

.radio{border:0; background:none}

.tac{text-align:center}
.tar{text-align:right}

.w74{width:74px}
.w90{width:90px}
.w100{width:100px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w154{width:154px}
.w332{width:332px}

.moreLink{text-align:right; font-weight:bold}
.moreLink a{text-decoration:none}
.moreLink a:hover{text-decoration:underline}

.xLarge{font-size:18px; font-weight:normal}
.xSmall{font-size:x-small}

.gridOuter{background:url(images/hrLine.gif) repeat-x top left; padding-top:7px}
.grid{background:#053a5a url(images/panelTitleBg.jpg) repeat-y top left}
.grid th{text-transform:uppercase; padding:4px 10px}
.grid td{background-color:#021f31; padding:8px 10px; vertical-align:top; font-size:11px}

.grid02{margin-bottom:10px}
.grid02 th{background:#9ed0f3 url(images/grid02TitleBg.jpg) repeat-y top left; font-weight:normal; padding:7px 10px}
.grid02 td{background-color:#ededf4; padding:3px; color:#000; vertical-align:top}

img.leftImg{margin-right:20px; margin-bottom:10px}

.clear{clear:both; font-size:0}

/* Layout Class */
#headerTop {
width:990px;
height:48px;
margin:19px auto 1px;
display:block;
text-align:right !important;
vertical-align:bottom !important;
}
#subscribe_button a {
border:1px solid #119ff2;
color:#119ff2;
text-align:center;
vertical-align:bottom !important;
text-decoration:none;
display:inline-block;
padding:2px 0;
height:19px;
width:120px;
font-size:15px;
font-weight:bold;
}
#subscribe_button a:hover {
border:1px solid #ebecf3;
color:#ebecf3;
}

#headerBar{background:url(images/headerBarBg.gif) repeat-x top left; width:996px; position:relative; margin:0 auto; height:35px}
#headerBar #headerBarLeft{float:left; height:35px}
#headerBar #headerBarLeft img{margin:10px 0 0 88px; display:block}
#headerBar #headerBarRight{background:url(images/headerBarRightBg.gif) no-repeat 0 3px; text-align:left; width:348px; height:35px; float:right}
#headerBar #headerBarRight .headerBarRightData{padding:8px 6px 0}
#headerBar #headerBarRight img{float:left; display:block}
#headerBar #headerBarRight strong{line-height:20px; color:#ebecf3; float:left; padding:0 0 0 40px; font-size:10px}
#headerBar #headerBarRight input{border:none; background-color:#ededf4; width:124px; float:left; margin:2px 6px}
#headerBar #logo{position:absolute; top:0; left:-4px; z-index:999}

#headerImg{border-left:3px solid #119ff2; width:990px; margin:0 auto; border-right:3px solid #119ff2}
#headerImg img{display:block}

#headerCreative{background:url(images/home.jpg) no-repeat top left; border-left:3px solid #119ff2; width:990px; height:260px; margin:0 auto; border-right:3px solid #119ff2}
#headerCreative .headerCreativeLeft{float:left}
#headerCreative .headerCreativeRight{float:right; width:375px; height:260px}

#dlC{position:absolute; top:0; left:0; z-index:1; overflow:visible; outline:none}
.dn{display:none}

.slider{width:580px; text-align:left; margin-left:30px; margin-top:20px; clear:both}
.slider .sliderTop{margin:0 0 8px 60px}
.slider .sliderImg{float:left; width:240px}
.slider .sliderData{float:left; width:320px; margin-left:15px}
.slider h1{background:none; padding:0; margin:0; font-weight:bold}
.slider p{margin:10px 0 15px; line-height:14px}
.slider a{text-decoration:none; font-weight:bold}

.sliderControl{position:absolute; z-index:2; display:block; width:400px; top:228px; left:160px}
.sliderControl .sliderBtns{border:1px solid #fff; width:82px; padding:4px 0; text-align:center; float:left}
.sliderControl img{padding:0 8px; display:block; float:left}
.sliderControl .sliderCount{font-weight:bold; float:left; margin-left:10px; padding-top:5px}

#navOuter{width:990px; margin:0 auto; border-left:3px solid #119ff2; border-right:3px solid #119ff2}
#nav{width:990px; float:left; list-style:none; margin:0; padding:0; height:33px; display:inline}
#nav li{background:url(images/navDivider.gif) no-repeat top right; width:163px; margin:0; padding:0; display:inline; text-align:left; list-style:none; float:left; padding-right:2px}
#nav a{background:url(images/nav.gif) repeat-x top left; display:block; text-decoration:none; height:33px; text-align:center}
#nav a:hover{background-position:bottom left}
#nav li.navLast{width:165px; padding:0; background:none}

#about .navAbout, #research .navResearch, #news .navNews, #tip .navTip, #donate .navDonate, #contact .navContact{background-position:bottom left}

#nav ul{padding:0; margin:0; list-style:none}
#nav a.trigger{}

/* hide from IE mac \*/
#nav li{position:static; width:auto}
/* end hiding from IE5 mac */

#nav li ul, #nav ul li{margin:0; padding:0; list-style:none; text-align:left; color:#fff}
#nav ul li a{background:#0f7abb url(images/subNavBullet.gif) no-repeat; background-position:4px 0 !important; height:auto; text-align:left; border-bottom:1px dotted #fff; font-weight:bold; padding:8px 14px; color:#fff}
#nav li ul{position:absolute; display:none; z-index:99;}
#nav li:hover a, #nav a:focus, #nav a:active, #nav li.navHvr a{background-position:bottom left}
#nav li:hover ul, #nav li.navHvr ul{display:block}
#nav ul li a:hover{color:#fff; background-color:#0d5079; background-position:4px -23px !important}

#nav .navWidth { width:163px; font-size:13px; }

#footer{background-color:#14120f; border:3px solid #119ff2; width:990px; height:30px; margin:8px auto 0}
#footer ul{float:left; padding:8px 2px 0; list-style:none}
#footer li{padding:0 10px; font-size:10px; float:left; border-right:1px solid #ebecf3; background:none}
#footer li.footerLinkLast{border-right:none}
#footer a{font-size:10px; color:#ebecf3; white-space:nowrap; text-decoration:none}
#footer a:hover{color:#717ca2}
#footer .copyrights{float:right; font-size:10px; text-align:right; padding:8px 12px 0; color:#717ca2}

#mainContainer{background:#161411 url(images/mainContainerBg.gif) repeat-x top left; width:990px; margin:0 auto; border-width:3px; border-style:solid; border-color:#119ff2; border-top:0}
#mainContentOuter{width:990px; padding:30px 0}
#mainContent{padding:0 43px; text-align:initial; position:relative}
 
ul.dataList{margin:0; padding:0}
ul.dataList li{margin:0; padding:0; background:none; padding-bottom:20px; font-size:13px}
ul.dataList li.dataListLast{padding-bottom:3px}
ul.dataList li h2{font-size:13px; padding-bottom:0}
ul.dataList li a{text-decoration:none}
ul.dataList li a:hover{text-decoration:underline}
ul.dataList li .dataListOuter{width:274px}
ul.dataList li .dataListImgLeft{float:left; margin-right:20px}
ul.dataList li .dataListRight{float:right; width:210px; font-size:13px}

ul.networkLinks{padding:0; margin:0; float:right; margin-top:10px}
ul.networkLinks li{padding:0; margin:0; float:left; padding-left:5px; background:none}
ul.networkLinks li img{display:block}

.homeBox{background:#1391dd url(images/homeBoxBg.jpg) repeat-x top left; padding:0}
.homeBox h1{margin:0; padding:0; background:url(images/homeBoxTitle.jpg) no-repeat bottom left; height:25px}
.homeBox h1 img{margin:7px 10px 0; display:inline}
.homeBox h2{font-size:12px; padding-bottom:0}
.homeBox img{display:block}
.homeBox .homeBoxData{width:260px; margin:0 0 0 10px; padding:10px 0}
.homeBox .homeBoxImg{float:left}
.homeBox .homeBoxText{float:right; width:190px; font-size:13px}
.homeBox .btnDonate{float:right; margin-top:4px !important}

.homeBoxMap{background:url(images/homeMapBg.jpg) no-repeat top left; height:118px; padding:0 0 0 18px; position:relative}
.homeBoxMap .map{margin:15px 10px 0 0}
.homeBoxMap .btnMap{position:absolute; top:56px; right:10px}

.panel{background-color:#044871; margin-bottom:5px; color:white; }
.panel a:link { color:white; }
.panel .panelTitle{background:#053a5a url(images/panelTitleBg.jpg) repeat-y top left; text-transform:uppercase; font-weight:bold; padding:4px 10px}
.panel .panelData{padding:10px}
.panel ul{margin:0}
.panel ul.panelNoBulletList{margin-bottom:15px}
.panel ul.panelNoBulletList li{background:none; padding:0 0 4px 0}
.panel ul.panelNoBulletList a { color:white; text-decoration:none; }
.panel ul.panelNoBulletList a:hover { text-decoration:underline; }
.panel ul.panelListCol{width:100%; margin-bottom:15px}
.panel ul.panelListCol li{background:none; list-style:none; list-style-type:none; padding:0 0 4px 0}
.panel ul.panelListCol .panelListColLeft{float:left; margin-right:10px}
.panel ul.panelListCol .panelListColRight{float:right; width:50px; text-align:right}
.panel .panelBlogBg{padding:10px; background-color:#053a5a}
/* .panel .panelBlogData{background-color:#044871; border-bottom:4px solid #031f30; border-right:4px solid #031f30; padding:10px; font-size:12px} */
.panel .panelBlogData{background-color:#053a5a; border-bottom:4px solid #031f30; border-right:4px solid #031f30; padding:10px; font-size:12px}
.panel .panelBlogData p{font-size:12px}

#includeBox{border:10px solid #292725; background:#040403; padding:10px}

#scrollBlogBox{padding:0; margin:0; margin-bottom:15px; width:100%; height:325px; display:block; overflow:hidden}
#scrollBlogBox #scrollBlog{padding:0; margin:0; overflow:scroll; overflow-x:hidden; width:400px; height:325px; z-index:-1}

#scrollCaseBox{padding:0; margin:0; width:100%; max-height:216px; display:block; overflow:hidden}
#scrollCaseBox #scrollCase{padding:0; margin:0; overflow:scroll; overflow-x:hidden; max-height:216px; z-index:-1}

#searchPanel{background:#4c5f6a url(images/searchPanelBg.gif) repeat-x bottom left; padding:5px 0; text-align:center; border:6px solid #012032; margin:15px 0}
#searchPanel table{text-align:left; margin:0 auto}

.pagerBoxOuter{float:right; width:147px; margin-top:9px; clear:right}
.pagerBox{background:url(images/pagerBg.gif) no-repeat top left; line-height:16px; width:147px; height:17px; text-align:center}
.pagerBox a{text-decoration:none}
.pagerBox a.pagerSelected{text-decoration:underline}

.pageShare{width:100%; position:relative; background:url(images/hrLine.gif) repeat-x bottom left; padding-bottom:15px; margin-bottom:15px}
.pageShare ul{padding:0; margin:0; float:left; margin-top:0px}
.pageShare ul li{padding:0; margin:0; float:left; padding-left:6px; background:none}
.pageShare ul li img{display:block}
.pageShare .btnRight{float:right}

#multimedia{background:url(images/hrLine.gif) repeat-x bottom left; padding-bottom:6px; margin-bottom:6px}
#multimedia h2{color:#fff; font-weight:normal; font-size:14px; text-align:center; padding-bottom:6px; margin-bottom:6px; background:url(images/hrLine.gif) repeat-x bottom left}
#multimedia p{background:url(images/hrLine.gif) repeat-x top left; margin:0; padding-top:6px; font-size:11px; line-height:normal}

/* Inner design frame for All pages */
.frame01Outer{background-color:#000; padding:7px 0 0}
.frame01Top{background:url(images/hrLine.gif) repeat-x top left; margin:0 20px 7px}
.frame01Top .frame01TopInner{background:url(images/hrLine.gif) repeat-x bottom left; padding:10px 0}
.frame01{background-color:#021f31; padding:20px 20px 7px}
.frame01Data{background:url(images/hrLine.gif) repeat-x bottom left; width:860px; position:relative; padding-bottom:20px}
.frame01Btm{height:35px; text-align:right; padding:0 20px}
.frame01Title{margin:2px 20px 7px}
.frame01Contact{background:#021f31 url(images/bgContact.jpg) no-repeat top right; padding:20px 20px 7px}
.frame01Contact p{padding-right:180px; padding-left:30px}

/* Inner design frame for About page */
.frame02Outer{background-color:#000; padding:10px 10px 35px}
.frame02Outer h1{background:none; margin:0}
.frame02Outer .frame02{background-color:#001f31; padding-bottom:12px}
.frame02Outer .frame02DataOuter{background:url(images/hrLine.gif) repeat-x bottom left; padding-bottom:12px}
.frame02Outer .frame02Data{background:url(images/bgAboutOuter.jpg) repeat-y top left; padding-bottom:12px}
.frame02Outer .frame02DataInner{background:url(images/bgAbout.jpg) no-repeat top left; padding:60px 40px 20px}

/* Inner design frame for Details pages */
.frame03Outer{background:url(images/hrLine.gif) repeat-x top left}
.frame03Outer .frame03{background:url(images/hrLine.gif) repeat-x bottom left; padding:10px 0}

/* Columns for Home page */
.col01{background:url(images/hrLine.gif) repeat-x bottom left; padding-bottom:10px; width:100%; position:relative}
.col01Left{float:left; width:274px}
.col01Right{float:right; width:600px}
.col01Right_col{width:600px; float:left}
.col01Right_colLeft{background:url(images/hrLine.gif) repeat-x bottom left; float:left; margin-bottom:5px; width:274px}
.col01Right_colRight{width:282px; float:right}

/* Columns for Document Details page */
.col02{width:100%; position:relative; clear:both}
.col02 h1{background:none; font-weight:normal; color:#fff; font-size:16px; margin-bottom:10px}
.col02Left{float:left; width:254px}
.col02Right{float:right; width:620px}

/* Columns for Donate/Tip page */
.col03{width:100%; position:relative}
.col03Left{float:left; width:270px}
.col03Mid{float:left; width:470px; margin-left:10px; background-color:#112c3b}
.col03Right{float:left; width:100px; margin-left:10px}

/* Columns for Research Groups page */
.col04{width:100%; position:relative; padding-bottom:8px}
.col04Left{float:left; width:280px}
.col04Right{float:left; width:280px; margin-left:10px}

/* Columns for Research page */
.col05{width:740px; background:url(images/vrLine.gif) repeat-y center top; margin:0 auto; position:relative}
.col05Left{width:340px; float:left}
.col05Right{width:340px; float:left; margin-left:60px}

/* Columns for News page */
.col06{width:790px; background:url(images/vrLine.gif) repeat-y 340px 0; margin:0 auto; position:relative}
.col06Left{width:310px; float:left}
.col06Right{width:420px; float:left; margin-left:60px}

/* Columns for Case/Article Details page */
.col07{width:100%; position:relative}
.col07Left{width:540px; float:left}
.col07Right{width:336px; float:right;}



#includeBox_White{border:10px solid #d8d8d8; background:#040403; padding:10px} /*NEW*/
.frame03Outer_White{ background-color:#fff; margin:0 -20px} /*NEW*/
.frame03Outer_White .frame03_White{padding:10px} /*NEW*/

.col07Left_White{width:540px; float:left; color:#000} /*NEW*/

.col07Left_White, .col07Left_White td, .col07Left_White h2, .col07Left_White h3, .col07Left_White h5, .col07Left_White p, .col07Left_White blockquote, .col07Left_White ul, .col07Left_White ol, .col07Left_White span, .col07Left_White div, .col07Left_White li {color:#000} /*NEW*/

.frame03_White, .frame03_White td, .frame03_White h2, .frame03_White h3, .frame03_White h5, .frame03_White p, .frame03_White blockquote, .frame03_White ul, .frame03_White ol, .frame03_White span, .frame03_White div, .frame03_White li {color:#000} /*NEW*/

.content_White, .content_White td, .content_White h2, .content_White h3, .content_White h5, .content_White p, .content_White blockquote, .content_White ul, .content_White ol, .content_White li, .content_White span, .content_White div {color:#000} /*NEW*/

.col07Left_White a, .frame03_White a, content_White a { color:#0000FF } /*NEW*/

.col07Left_White li, .content_White li {background:url(images/bullet_white.gif) no-repeat 0 6px;}

h1.h1_White{background-color:#fff; font-weight:normal; color:#000; font-size:19px; margin:0; padding:10px; margin:0 -20px} /*NEW*/

.sidelink a { color:white; }
gcse, .gsc-table-result, .gs-snippet { color: black !important; }
.gsc-option, .gsc-selected-option { color: #363636 }

.cp-thumb-small { /* float: left; */ max-width: 254px;/* max-height: 125px; */ /* margin: 0 20px 0 0; */overflow: hidden; }
.cp-small img { width: 254px;/* max-height: 150px; */}
.cp-small { padding-bottom: 4px; margin-bottom: 15px;}
.cp-thumb-xl { margin-bottom: 5px; }
.cp-title-xl { font-size: 36px; font-size: 2.25rem; }
.cp-title-small { font-size: 15px; font-size: 0.95rem; overflow: hidden; text-decoration: none;margin-top: 5px;}
.cp-title-small a:hover { text-decoration: underline; }

.entry-meta { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 5px; text-transform: uppercase; }
.entry-meta a:hover { text-decoration: underline; }

ul.dataListhp{margin:0; padding:0}
ul.dataListhp li{margin:0; padding:0; background:none; padding-bottom:20px; font-size: 15px;}
ul.dataListhp li.dataListLast{padding-bottom:3px}
ul.dataListhp li h2{font-size:13px; padding-bottom:0}
ul.dataListhp li a{text-decoration:none}
ul.dataListhp li a:hover{text-decoration:underline}
ul.dataListhp li .dataListOuter{width:274px}
ul.dataListhp li .dataListImgLeft{float:left; margin-right:20px}
ul.dataListhp li .dataListRight{float:right; width:210px; font-size:13px}

h1.hptitle {font-weight:bold;line-height: .7;font-size: 15px;}

img.image-left, img.image-right { display: block; }

img.image-left, p.image-left, div.image-left {
float: left;
padding-right: 15px;
}

img.image-right, p.image-right, div.image-right {
float: right;
padding-left: 15px;
}

figure {
    text-align: center;
    outline: solid 1px #000;
    margin-top:15px;
    margin-bottom:15px;
    display: table;
}

figure.image-none {
    text-align: inherit;
}

figure img {
   display: block;
   max-width: 100%;
}

.image-left {
   float: left;
   margin-right: 20px;
   margin-bottom: 5px;
}
.image-right {
    float: right;
    margin-left: 20px; 
    margin-bottom: 5px;
}

.image-center { text-align: center; }

figure.image-center, .image-center > figure, p.image-center, img.image-center {
margin: auto; 
margin-top:15px;
margin-bottom:15px;
}

img.image-center { display:block; margin-top:10px; margin-bottom:10px; }

figcaption {
    text-align: left;
    display: table-caption;
    caption-side: bottom;
    padding: 6px 10px;
    font-size: 13px;
    font-family: Helvetica,Arial,sans-serif;
}

.jw-text {
    color: #fff !important;
}

@media screen and (max-width: 995px) {
    figure, .image-left, .image-right, .image-center {
        float: none !important;
        margin:auto !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important; 
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}