/******************** global styles **************************/
html {background:/*#676768 #D1DBE9*/#fff url(/imgs/homebackground-gris.gif) repeat-x!important;}
body{font-size:1em;font-family: tahoma,verdana, geneva, sans-serif;margin:0 auto;padding:.5em;}
strong {font-weight:bold}
em {font-style:italic;}
sup {font-size: 0.74em; vertical-align:text-top;}
a {color: #0D499C;}
a:hover {color:#F47B29;}
a:visited {}
h1,h2,h3,h4,h5 {color:#333}
h1 {font-size:1.3em;font-weight:bold;margin-bottom:.5em}
h2 {font-size:1.2em;font-weight:bold;margin-bottom:.5em}
h3 {font-size:1.1em;font-weight:bold;margin-bottom:.5em}
h4 {font-size:1.0em;font-weight:bold;margin-bottom:.5em}
h5 {font-size:.95em;font-weight:bold;margin-bottom:.5em}

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {color:#274D7F!important;}
h1.orange, h2.orange, h3.orange, h4.orange, h5.orange {color:#DC6E24!important;}

blockquote {margin-left:2em;}
.left {float:left;}
.right {float:right;}

/*** clearing float  fix ***/
.clearfix:after {content: "."; display: block; height: 0;clear: both;visibility: hidden;}
*:first-child+html .clearfix { zoom: 1;/* triggers hasLayout ie7 */}
*html .clearfix { zoom: 1;/* triggers hasLayout  ie6 */}
/* page and header */
#page{width:850px;margin:0 auto;background:#fff;padding-bottom:0em;}
#header{padding:.5em; margin:0 0 .3em 0;clear:both}
#printlogo{display:none;}
#headlogo{margin-top:.5em; margin-left:.5em;position:relative;width:270px!important; padding:0;}
#topnav{float:right; margin-top:.5em;margin-right:0em!important;text-align:left;right:0!important;width:440px/*555px*/; }
/*ie 7 fix */
*:first-child+html #topnav {float:right;width:440px/*520px*/;}
/*ie6 fix */
*html #topnav{float:right;width:440px/*520px*/;}

/*CIDH fix */
.cidh_topnav {width:516px!important;}
.cidh_logo {width:300px!important;}
.slogan a{color: #F47B29;text-decoration:none;}

/* language bar */
#mainlangbar {font-size:.6em;text-align:right; margin-bottom:.5em;margin-right:1.2em; clear:both;}
#mainlangbar ul {margin: 0;padding: 0;color:#F07305;}
#mainlangbar ul li.first {background:none;}
#mainlangbar ul li {background:url(/imgs/orange_bullet.gif) no-repeat left .4em; padding-left:10px;padding-right: 2px;display:inline}
#mainlangbar a{text-decoration:none;text-align:center; color:#666;}
#mainlangbar a:hover{text-decoration:underline; color:#FF6600;}
#mainlangbar .selected {color:#F47B29; text-decoration:none;}
/* icon & search bar */
#globsearch {margin:0; clear:both;}
#globsearch form {margin:0 .8em 0 0;padding:0;float:right;}
*:first-child+html #globsearch form {margin:0 .5em 0 0;padding:0;float:right;}
/* Target Safari 4.0.x Only */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
#globsearch input.txtbox {font-size:.7em; height:16px;width:200px;border:1px solid #999;color:#666;margin:.1em .4em 0em .3em!important;padding:1px 2px;}
#globsearch input.searchbtn {margin:.08em 0 0 0; vertical-align:middle;}
*:first-child+html #globsearch input.searchbtn {margin-left:0em;}
/* form style for protocol db */
#protocoldbform {border:solid 1px #b7ddf2; background:#ebf4fb; margin:0 auto; width:610px; padding:.5em;}
#protocoldbform h1 {font-size:1.2em;font-weight:bold;margin-bottom:.7em;}
#protocoldbform h4 {margin:.3em!important;}
#protocoldbform p {font-size:.9em;color:#666;margin-bottom:.5em;padding-bottom:.5em;}
#protocoldbform p.last{border-bottom:solid 1px #b7ddf2;margin-bottom:.5em;padding-bottom:1.5em;}
#protocoldbform label{display:block; font-weight:bold; text-align:right; width:140px; float:left;}
#protocoldbform .small{color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px;}
#protocoldbform input{float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 0 20px 10px;}
#protocoldbform select {font-size:1em;padding:2px 2px;border:solid 1px #aacfe4;width:300px;margin:2px 0 20px 10px;}
#protocoldbform button{margin:0 0 0 5em; padding:.2em; background:#666666; text-align:center; line-height:31px; color:#FFFFFF; font-size:.9em; font-weight:bold;}
/* Icon navigation */
#navicon {float:right;list-style:none;margin:.2em 0.6em 0 0;padding:0;}
#navicon li {float:left;display:block;display:inline;margin:0 .2em .2em .2em;background:#fff;width:26px;height:20px;border:0;}
#navicon li.first {margin-left:0em;}
#navicon li a {border:none;}
#navicon li .show{display:block;width:26px;height:20px;}
#navicon li .hide {height:0;overflow: hidden;}
#navicon li:hover .hide, #navicon li.over .hide{cursor: pointer;width:26px;height:20px}
#navicon li:hover .show, #navicon li.over .show {height: 0;overflow: hidden;}
.slogan {padding-left:0px;text-align:left;color: #F47B29;font-size:.7em;font-family:Tahoma,Geneva,sans-serif;}
/*********************main navigation *****************/
 /* General */
#globalnav{font-size:.68em; font-weight:normal;font-family:arial,tahoma,geneva,sans-serif;}
#globalnav ul.sf-menu {margin-top:.5em!important;}
/*ie7 fix*/
*:first-child+html .fr #globalnav .sf-menu {width:560px!important;font-size:.97em;}
*:first-child+html .fr #globalnav .sf-menu li:hover ul {left: 30; top:1.5em/*2.5em*/; /* match top ul list item height */ z-index: 99; }
*:first-child+html .fr #globalnav .sf-menu li.sfHover ul {left: 30; top:1.5em /*2.5em*/; /* match top ul list item height */ z-index: 99; }
*:first-child+html .fr #globalnav .sf-menu li:hover ul li ul {top:0!important;}
/*ie6 fix*/
*html .fr #globalnav .sf-menu {font-size:.95em;}
/*******************Superfish*****************************************/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding: 0; list-style: none;z-index:100000000;}
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu ul li.line {border-bottom:1px solid #ACA899}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left; position: relative;}
.sf-menu a {display: block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top:1.4em /*2.5em*/; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 12em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 12em; /* match ul width */ top: 0;}
/*** menu skin ***/
.sf-menu {float:right;margin-bottom: .5em;margin-right:.6em;}
.sf-menu a {border-left:1px solid #EF7406; padding:.3em .5em .3em .5em;text-decoration:none;}
.sf-menu .first a, .sf-menu li li a, .sf-menu li li li a{border-left:0!important;}
.sf-menu a, .sf-menu a:visited  {/* visited pseudo selector so IE6 applies text colour*/color:#777;}
.sf-menu li {/*background: #BDD2FF;*/}
.sf-menu li ul {border:1px solid #ACA899;}
.sf-menu li li {background:#fff;font-weight:normal;}
.sf-menu li li a, .sf-menu li li li a {padding:.6em!important;}
.sf-menu li li li {background:#fff;font-weight:normal}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color: #EF7406;text-decoration:none;outline:0;}
.sf-menu li li a:hover{background:#EF7406; color:#fff; font-weight:normal;}
/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {/* give all except IE6 the correct values */top: .4em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position:  -10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position:  0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background: url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/**** Begin jQuery feature slideshow styles  ****/
.cycler {width:510px;padding:0; text-align:left; position:relative;font-family:verdana, Geneva, sans-serif;}
#rotator {position:relative; width:510px;background:transparent!important;}
#rotator div.slide {position:absolute; left:0; top:0; display:none;background:none!important;}
#rotator div.slide:first-child {display:block} 
#rotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;left:4px;bottom:1px!important;position:absolute;color:#fff;width:500px;margin:.3em 0em 0 0; padding:.2em 0 .2em 0;}
/* ie7 hack*/*:first-child+html #rotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;bottom:4px!important;left:4px;position:absolute;color:#fff;width:500px;margin:.3em 0em 0 0; padding:.2em 0 .2em 0;}
#rotator div.slide img {width:500px;bottom:0;border:1px solid #CCC; margin:.2em .4em 0em .2em; padding:0;}
/*#featurewrapper img {padding:0!important;margin:0!important;}*/
/*#rotator div.slide .topimg {background:transparent;bottom:195px;left:5px;padding:0;position:absolute;right:0;width:490px;color:#fff;}*/	
#rotator div.slide .caption p {margin:4px 6px;padding:0;font-size:.60em;font-size-adjust:.50;line-height:normal!important;}	
#rotator div.slide .caption h1 {font-size:.85em; font-weight:bold; line-height:normal;padding:0; margin:0 0 0 6px;color:#D1E0EF}	
#rotator div.slide .caption a {color:#FF6600; text-decoration:none;}
#rotator div.slide .caption a:hover {color:#FF9900; text-decoration:none;}
#rotator-nav {padding: 5px 0 5px 0; margin:2px 0 0 5px;list-style:none;z-index:1001;}
#rotator-nav li {display:inline; }
#rotator-nav li a {font: bold .70em verdana,arial; background:#859EC0; text-decoration: none; margin: 0 4px 0 0; padding: 3px 5px; color:#fff!important;}
#rotator-nav .activeLI a {background:#F47B29 url(/imgs/rotator/slidearrow.png) center top no-repeat; color:#fff!important;padding-top:.6em}
#rotator-nav a:focus {outline: none;}
#rotator-nav div.slide {margin-left:0!important;padding-left:0!important;}
#rotator-nav a#pbtn {cursor:pointer;margin: 0 0 0 5px; padding:3px 10px;}
#rotator-nav a.pause {background: url(/imgs/rotator/pause.png) center no-repeat}
#rotator-nav a.play {background: url(/imgs/rotator/play.png) center no-repeat}
#rotator-nav a.livewebcastbutton {background:#900;margin-left:1.5em;}
#navicon a.livewebcastbutton {background:#900;margin-left:-85.3px; font-size:0.70em; color:#FFF; text-decoration:none; padding:4px;}
.cycler pre {margin-top:0; color:#390; font-weight:bold}
.cycler .comment {color:#008000}
/**** End jQuery feature slideshow styles  ****/

/****** Begin jQuery Cycle styles for OAS key work areas ******/
.pillarcycler {width:510px;padding:0; text-align:left; position:relative;margin:0 auto;font-family:verdana, Geneva, sans-serif;}
#rollover {background:transparent!important;width:225px;float:left;}
#rollover div.pillarslide {position:absolute; width:280px;display:none;background:none!important;padding:0 0 5px 0; margin:5px 0 0 0;}
#rollover div.pillarslide:first-child {display:block;}
#rollover-nav {padding: 3px 0 3px 0; margin:1px 0 0 !important;width:230px!important;float:left;}
#rollover-nav li {font: bold .75em arial; line-height:1em text-decoration: none; margin: 0;background:#859EC0; /*#FFA86F;/*background:transparent url(/imgs/backgrounds/transbg.png) 0 0;*/padding:.5em; border-bottom:#D2DBE7 1px dotted;}
#rollover-nav li:last-child {border-bottom:0;}
/* ie7 hack*/*:first-child+html #rollover-nav li {padding:.3em;}
/* ie6 hack*/*html #maincontent #rollover-nav li {padding:.3em;}
#rollover-nav .activeLI a {text-decoration:none;color:#333!important;}
#rollover-nav .activeLI {background:url(/imgs/backgrounds/pilbutdown.png) repeat-x 0 0;}
#rollover-nav a {color:#fff;text-decoration:none;}
#rollover-nav .activeLI a:hover {/*color:#e8edf4!important;*/}
#rollover-nav .activeLI a:focus {outline: none;}
#rollover-nav div.pillarslide {margin-left:0!important;padding-left:0!important;}
#rollover div.pillarslide img {border:1px solid #CCC; width:280px;margin:-1px 0 0 2px; padding:0;float:right;}
/****** End jQuery Cycle styles for OAS key work areas ******/


/* styles for landing page */
#landingleft{float:left;width:540px; }
#landingright{float:right;width:290px;}
.captiondate {font-size:.65em!important;color:#FC6;}
span.captiondate {font-size:.85em!important;color:#FC6;}
#featurewrapleft {width:510px;height:332px;margin:0 auto 1em 1em; overflow:hidden; clear:both;padding:.5em;background:transparent url(/imgs/backgrounds/ltbluegradient.png) repeat-x; float:left}

#middlewrapleft {/*width:800px;*/width:510px; height:195px; margin:0 auto 1em 1em;padding:.5em .5em .7em .5em; overflow:hidden;background:transparent url(/imgs/backgrounds/graygradient.png) repeat-x; float:left;}
#middlewrapright {background:transparent url(/imgs/backgrounds/ltpurplegradient.png) repeat-x;overflow:hidden;float:right;margin:0 1em 1em auto; padding:.5em;width:262px;}
#middlewrapright h3 {font-size:.78em!important;background:#C4C4C4;padding:.3em .3em .3em .3em}
#middlewrapright h4 {font-size:.75em!important;padding:.3em 0 .3em 0;margin-bottom:.1em!important;}
#middlewrapright p {font-size:.65em;margin-bottom:.8em;}
#bottomwrap {width:815px; margin:0 auto;padding:0em;clear:both;}
.headtitle {/*background:#C4C4C4;*/ padding:.3em; margin:.8em 0 0 .8em; color:#777; font-weight:bold;}

/* Social Links Bar */
.sociallinks {background:url(/imgs/backgrounds/graygradient.png) repeat-x;margin:0 0 0 1em; padding:.5em;width:510px; height:100px; float:left;overflow:hidden; position:relative;}
.sociallinks h4 {color:#666666; font-size:.90em!important;font-weight:bolder!important;}

.sociallinks ul {margin:0 0 0 3em;}
.sociallinks ul.sms li {display:block; float:left; list-style:none; margin:.5em 1.5em 0 0;}
.sociallinks ul li.twitter a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/twittericon.png) no-repeat 0 0;text-indent:-9009px}
.sociallinks ul li.twitter a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/twittericon.png) no-repeat 0 -50px;}

.sociallinks ul li.youtube a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/youtubeicon.png) no-repeat 0 0;text-indent:-9009px}
.sociallinks ul li.youtube a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/youtubeicon.png) no-repeat 0 -50px;}

.sociallinks ul li.rss a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/feedicon.png) no-repeat 0 0;text-indent:-9009px}
.sociallinks ul li.rss a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/feedicon.png) no-repeat 0 -50px;}

.sociallinks ul.arts li {display:block; float:left; list-style:none; /*margin:-1.2em 1.5em 0 0;*/margin:.5em 1.5em 0 0;}
.sociallinks ul li.mag a {display:block; height:50px;width:100px; background:transparent url(/imgs/icons/magicon.png) no-repeat 0 6px;text-indent:-9009px}
.sociallinks ul li.mag a:hover {display:block; height:50px;width:100px; background:transparent url(/imgs/icons/magicon.png) no-repeat 0 -44px;}

.sociallinks ul li.art a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/articon.png) no-repeat 0 0;text-indent:-9009px}
.sociallinks  ul li.art a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/articon.png) no-repeat 0 -50px;}

/****** Social icons for footer ******/
/* Social Links Bar */
#footer .socialicons {margin:1em 300px !important;}
#footer .cidh_social {margin:1em 350px !important;}
.socialicons {padding:.5em;overflow:hidden; vertical-align:middle;}
.socialicons h4 {color:#666666; font-size:.90em!important;font-weight:bolder!important;}
ul.socialicons { padding:0;}
ul.socialicons li, ul.socialicons li.last {background:none!important; float:left; padding-left:.5em!important;padding-right:.8em!important;}
ul.socialicons li {text-align:center!important;}

ul.socialicons li.twitter a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/twittersmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:5px}
ul.socialicons li.twitter a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/twittersmicon.png) no-repeat 0 -20px;}

ul.socialicons li.facebook a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/facebooksmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:11px;*margin-left:2px}
ul.socialicons li.facebook a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/facebooksmicon.png) no-repeat 0 -20px;}

ul.socialicons li.youtube a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/youtubesmicon.png) no-repeat 0 0;text-indent:-9009px;  margin-left:10px;*margin-left:5px}
ul.socialicons li.youtube a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/youtubesmicon.png) no-repeat 0 -20px;}

ul.socialicons li.rss a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/feedsmicon.png) no-repeat 0 0;text-indent:-9009px}
ul.socialicons li.rss a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/feedsmicon.png) no-repeat 0 -20px;}

ul.socialicons li.flickr a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/flickrsmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:1px}
ul.socialicons li.flickr a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/flickrsmicon.png) no-repeat 0 -20px;}

ul.socialicons li.donate_en a {background:url("/imgs/icons/donatesmiconen.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;margin-left:5px;*margin-left:3px}
ul.socialicons li.donate_en a:hover {background:url("/imgs/icons/donatesmiconen.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;}
ul.socialicons li.donate_es a {background:url("/imgs/icons/donatesmicones.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;margin-left:2px}
ul.socialicons li.donate_es a:hover {background:url("/imgs/icons/donatesmicones.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;}
ul.socialicons li.donate_fr a {background:url("/imgs/icons/donatesmiconfr.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;}
ul.socialicons li.donate_fr a:hover {background:url("/imgs/icons/donatesmiconfr.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;}
ul.socialicons li.donate_pt a {background:url("/imgs/icons/donatesmiconpt.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;}
ul.socialicons li.donate_pt a:hover {background:url("/imgs/icons/donatesmiconpt.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;}

/*** Feed Menu ***/
#feed_menu_item{
	margin-right:31px !important;
}
.feed_menu{
	background: url(/imgs/icons/feed_menu_orange.png) 0 center no-repeat;
    padding:0;
    display:-moz-inline-box;
    display:inline-block;
    width:38px;
    vertical-align:middle;
    overflow: hidden;
    margin:-5px 0 0 0;
}

.feed_menu.open{
    background-position: -38px center !important;
}
.feed_menu select{
    opacity:0;
    margin:.1em;
    padding:0;
    border:0;
}
.feed_menu select optgroup {font-size:11px; font-weight:bold;}
.feed_menu select option{font-size:.8em;}


.feed_menu option img{
    border:0;
    margin:2px;
    vertical-align: middle;
}

/* Twitter feed styles */
.twtr-hd h4 {color:#fff!important; }
.twtr-ft span a {color:#D5E09D!important;}

/* Addthis overrides */
a.addthis_button { background:url(/imgs/icons/at_symbol_12x12.gif) no-repeat; padding-left:2em;text-decoration:none;}

ul#friendfeed {margin:0;padding:0;}
ul#friendfeed li img.friendfeed_icon {float:left!important; margin:2px 0 0 0; padding:0}
ul#friendfeed img {border:0;}
ul#friendfeed .friendfeed_text {font-size:1em!important;margin:0 0 .8em 22px; padding:0;}
ul#friendfeed .friendfeed_date {font-weight:normal!important;}

/*ie7 fix*/*:first-child+html ul#friendfeed .friendfeed_text {margin:-12px 0 5px 20px;}
ul#friendfeed .friendfeed_text {font-size:.70em;margin:0 0 5px 22px; padding:0;}
ul#friendfeed .friendfeed_text a {color: #0D499C;}
ul#friendfeed .friendfeed_text a:hover {color:#F47B29;}
ul#friendfeed .friendfeed_date {/*display:inline; margin: 0 0 0 .3em;*/  font-size:.82em;color:#333;}

/* Start jQuery Tabs UI */
.ui-tabs {padding: .2em; zoom: 1;}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative; padding: 1em 0em 0;}
.ui-tabs .ui-tabs-nav li {position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .3em -1px 0; padding: 0;}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; /*padding: .5em 1em;*/}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide {display: none !important;}
/* End jQuery Tabs UI */

/* Customize the UI tabs for right feature on the landing page */
#featurewrapright {width:280px;float:right;margin:-.6em 1em 1em auto;padding:0}
#featurewrapright .ui-tabs .ui-tabs-panel {padding:.8em .5em .5em .5em; margin:.8em!important; display: block; border-width: 0; background:#FFF;}
#featurewrapright .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom-width: 0;background:#FFA86F!important;margin-bottom:-.1em;border:0; }
#featurewrapright .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #featurewrapright .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #featurewrapright .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#FFA86F!important;}
#featureright {list-style: none;margin: 0 auto;padding: 0;zoom: 1;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:0;  clear:both; font-size:.68em; font-weight:bold;}
#featurewrapright .ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; /*padding: .5em 1em;*/background:#EFEFEF!important}
#featurewrapright .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#505050;}
#featureright p {font-weight:normal; margin: .5em 0 .5em 0em; font-size:.9em;}
#featureright ul.tabtitles {margin:0}
#featureright ul.tabtitles li {display: inline; list-style:none;margin:0em .3em 0 0!important;}
#featureright ul.tabtitles li a {padding:5px;color:#F47C2B;text-decoration: none;float:left;display: block;}
#featureright .ui-tabs .ui-state-hover {background:#FFA86F!important;border-bottom:0px;}
#featureright .ui-tabs .ui-state-default {background:/*#FBFBFB*/#FFA86F!important;}
#featureright object {margin:0 auto;padding:0em}
#featureright img, #fullmaincol img, #middlewrapright img {margin: 0 5px 0 0;padding:0;border:1px solid #CCC}
#fullmaincol img {margin-left:5px; border:1px solid #CCC}
#featureright .sourcecaption, #fullmaincol .sourcecaption {font-size:.82em; color:#5477A7; font-weight:normal; width:80px;padding-right:.2em;}
#fullmaincol .sourcecaption {padding:0 .2em 0 .5em; margin:0!important;}
#middlewrapright .sourcecaption {font-size:.6em; color:#5477A7; font-weight:normal; width:80px;padding-right:.2em;}
#featureright .caption {font-size:.82em; color:#5477A7; font-weight:normal;}
#featureright .captiondate {font-size:.88em!important;color:#999;}
#featureright h3 {font-size:1em;}
#featureright h4 {font-size:.98em;margin-bottom:0!important;}
#featureright .newsitem, #fullmaincol .newsitem, #middlewrapright .newsitem {margin: 0 0 .5em 0;}
#featureright .photocaption, #fullmaincol .photocaption, #middlewrapright .photocaption {float:left;margin-bottom:1em;}
#featureright ul.loe {font-size:.96em!important;width:300px;}


#gfeeder {font-weight:normal;}
.gfc-title {font-weight:bold;}
.gfc-resultsHeader {border-bottom:0px solid #E9E9E9!important;}
.gf-title {font-weight:bold;}
.gf-snippet {}
.lh font a font {margin-left:.5em;}

object.ytvideo {
	width: 250px;
	height:200px;
}

.ytvideoitem {
	background: #fff;
	margin: 0;
	width: 250px;
}

.trighttabcontain {background:transparent url(/imgs/backgrounds/ltorangegradient.png) repeat-x;overflow:hidden; list-style: none;padding:0em; zoom: 1;/* overflow: hidden; bug fix for scroll caused by tabs */clear:both;}

*:first-child+html .trighttabcontain {padding-top:.8em;}


/* Customize the UI tabs for landing page */
#bottomwrap .ui-tabs .ui-tabs-panel {padding: 1em; display: block; border-width: 0; background: none;}
#bottomwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom-width: 0;background:#C4C4C4 /*#EFEFF1*/!important;margin-bottom:-.1em;border:0; }
#bottomwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #bottomwrap .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #bottomwrap .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#C4C4C4!important}

.bottomtabs {list-style: none;margin: 0 auto;padding: 0;zoom: 1;width:815px!important;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:.5em; clear:both; font-size:.68em; font-weight:bold;}
.bottomtabs ul.tabtitles {margin:0}
.bottomtabs ul.tabtitles li {display: inline; list-style:none;margin-bottom:0em!important;}
.bottomtabs ul.tabtitles li a {padding:5px;color:#505050;text-decoration: none;float:left;display: block;}
.bottomtabs .ui-tabs .ui-state-hover {background:#EFEFF1!important;border-bottom:0px;}
.bottomtabs .ui-tabs .ui-state-default {background:/*#FBFBFB*/#F8F8F8;}

.bottomtabcontain {background:url(/imgs/backgrounds/ltgraygradient.png) repeat-x;width:815px!important; overflow: hidden; /* bug fix for scroll caused by tabs */zoom: 1; clear:both; margin:0 auto 0 auto;padding:0; font-weight:normal;}
.bottomtabcontain img {margin: 0 5px 0 5px;padding:0;}
.tabcol {float:left;}
.topics {width:153px;/*5 columns*/}
.resources {width:194px;/*4 columns*/}
.getinvolved {width:194px;/*4 columns*/}
.socialmedia {width:194px;/*4 columns*/}
.bottomtabcontain .tabcol {background:#fff; margin:0 .5em 0 0em;padding-top:.3em;}
.bottomtabcontain .lastcol {margin:0!important;}
.bottomtabcontain .tabcol ul {margin:0;padding:0;}
.bottomtabcontain .tabcol ul li {padding:.3em .8em .3em .3em;margin:0 .3em;border-bottom:1px dotted #999;}
.bottomtabcontain .tabcol ul li a {color:#505050;text-decoration: none; }
.bottomtabcontain .tabcol ul li a:hover {color:#FF6600;}
.bottomtabcontain .tabcol ul li.last {border-bottom:0;}
.bottomtabcontain .tabcol p {padding:.3em .8em .3em .3em;margin:0 .3em;}
.bottomtabs .tabcol object {margin:0 auto;padding:.5em}
.bottomtabs .tabcol .caption {font-size:.82em; color:#5477A7}

/* footer */
#footer {width:840px!important;font-size:.6em;text-align:center;background:#EEEEEE /*url(/imgs/backgrounds/footergradient.png)*/; font-family:Tahoma,Geneva,sans-serif;padding:.5em; margin:0 auto;border-top:1px solid #EBEFF5; margin-top:2em;}
#footer ul {margin: 0;padding:.7em 0 0 0 ;vertical-align:middle;}
#footer ul li.first {background:none;}
#footer ul li.last{background:none; padding-left:0em;}
#footer ul li {background:url(/imgs/orange_bullet.gif) no-repeat left .4em; padding-left:1.5em;padding-right: .8em;display:inline;color:#666}
/*#footer ul li:before {content: "\0020 \0020 \0020 \25a0 \0020";color:#fff;}*/
#footer a{text-decoration:none;text-align:center; color:#666;}
#footer a:hover{text-decoration:underline; color:#FF6600;}

/* Styles for secondary pages */
/*** Begin area titles ***/
#banner .areatitle {background:transparent url(/imgs/backgrounds/transbg.png) repeat scroll 0 0;bottom:0px;left:0;padding:.8em;position:absolute; color:#fff!important; font-weight:bold; font-size:1.1em;width:100%!important; }
#banner .areatitle a {color:#fff!important; text-decoration:none;}
#banner .areatitle a:hover {color: #F47B29!important; text-decoration:underline;}
/*ie7 fix*/
*:first-child+html #banner .areatitle {position:absolute;font-size:1.1em;bottom:3px!important; width:796px!important;}
/*** End area titles ***/

#maincontent {width:820px; padding:0; overflow:hidden;margin:0 auto 0 auto;clear:both; font-size:.82em;color:#333}
#maincontent #banner {width:820px;padding:0; margin:0;position:relative;}
#maincontent #banner .pillars {padding:0; font-size:.78em;width:820px ;clear:both;}
#maincontent #banner .column {width:152px!important; float:left; margin:0 .4em 0 .4em;padding:0;background:#fff;}

/*ie 7 fix */
*:first-child+html #maincontent #banner .column {width:152px!important; float:left; margin:0 .4em -.8em .4em;padding:0;background:#fff;}

#maincontent #banner .lastcol {margin:0 0 0 .5em;}
#maincontent #banner .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:34px;width:152px; height:28px;position:relative;font-size:.79em; margin-bottom:-2em;display:table; font-size-adjust:.50;}

/*ie6 fix*/
*html #maincontent #banner .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:37px;width:145px; height:28px;position:relative;font-size:.79em; margin-bottom:-2.5em;display:table;}

/*ie6 fix*/
*html #maincontent #banner .loetxt .column .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:45px;width:144px!important; height:36px;position:relative;font-size:.79em; margin-bottom:-2.5em;display:table;}

#maincontent #banner .loetxt .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:42px;width:152px; height:36px;position:relative;font-size:.79em; margin-bottom:-3em;display:table;}
/*ie7 fix*/*:first-child+html #maincontent #banner .loetxt .pillartitle {bottom:45px;}
/* ie7fix */*:first-child+html #maincontent #banner .pillartitle {bottom:37px;}
#maincontent #banner .pillartitle a {color:#fff; font-weight:bold; text-decoration:none;vertical-align:middle;display:table-cell;}
#maincontent #banner .pillartitle a:hover {color:#fff;text-decoration:underline;}
#maincontent #breadcrumb {margin:.6em 0 .8em 0; padding:0;}
#maincontent #breadcrumb a {text-decoration:none;color:#666;}
#maincontent #breadcrumb a:hover {text-decoration:underline;color:#FF6600;}
#maincontent .title {background:#5477A7;color:#fff; padding:.3em;font-weight:bold; margin:0 0 .5em 0; border:0}
#maincontent #leftmaincol {width:175px; float:left}
#maincontent #leftmaincol .titlem #maincontent #leftmaincol .title a {background:#5477A7;color:#fff!; padding:.3em;font-weight:bold; margin:0; border:0}
#maincontent #rightmaincol {width:630px; float:right}
#maincontent #rightmaincol .title, #maincontent #rightmaincol .title2, #maincontent #rightmaincol .title a {background:#859EC0;color:#fff;padding:.3em;font-weight:bold; margin: 0 0 .5em 0; border:0}
#maincontent #rightmaincol .title3 {background:#f5f5ef;color:#000;padding:.3em;font-weight:bold; margin: 0 0 .5em 0; border:0}
#maincontent p {margin:.8em .6em;}
#maincontent #rightmaincol ul li, #maincontent  #fullmaincol ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat;padding:0 0 0 .8em;margin:1em 1em 1em 2em;}
#maincontent #rightmaincol ul li.header, #maincontent #fullmaincol ul li.header {background:#EFF4FC;padding:.6em;margin:1em .5em 1em .5em;color:#333; font-weight:bold;border:1px solid #D1DFEF;}
#maincontent #rightmaincol ul li.header ul li, #maincontent #fullmaincol ul li.header ul li {font-weight:normal;}
#maincontent #rightmaincol ol li, #maincontent #fullmaincol ol li {list-style:inherit; padding:0;margin:1em 0 1em 3em;background:none!important;}

ul#aboutmenu {margin:0;padding:0;color:#F47B29;font-family: tahoma,verdana, geneva, sans-serif;}
#maincontent .mainpic {margin:0 1em .5em .5em}
#maincontent .boxpic {margin:0 .5em 1em 0em}

#maincontent #rightmaincol h1, #maincontent #rightmaincol h2, #maincontent #rightmaincol h3, #maincontent #rightmaincol h4, #maincontent #rightmaincol h5, #maincontent #rightmaincol p, #maincontent #fullmaincol h1, #maincontent #fullmaincol h2, #maincontent #fullmaincol h3, #maincontent #fullmaincol h4, #maincontent #fullmaincol h5, #maincontent #fullmaincol p {margin-left:.5em;}
#maincontent #rightmaincol div.feedblock, #maincontent #fullmaincol div.feedblock {border:1px solid /*#E8E8E8 #ccc #859EC0*/ #D1DFEF; background:#EFF4FC; padding:.5em;margin:0 0 .5em 0em;}
#maincontent #rightmaincol div.feedblock h3, #maincontent #rightmaincol div.feedblock h4, #maincontent #fullmaincol div.feedblock h3,  #maincontent #fullmaincol div.feedblock h4 {color:#0D499C;}
#maincontent #rightmaincol div.feedblock h4.title, #maincontent #fullmaincol div.feedblock h4.title,#maincontent #rightmaincol div.feedblock h3.title, #maincontent #fullmaincol div.feedblock h3.title {margin-left:0;color:#fff; background:#859EC0!important;}
#maincontent #rightmaincol .low {margin:8em 0 .5em 0em!important;}
#maincontent #rightmaincol div.feedblock h3, #maincontent #fullmaincol div.feedblock h3 {color:#0D499C;}
.feedblock .captiondate {color:#37567F;}


/* About the OAS left-hand navigation */
ul#aboutmenu li{/*background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat;*/font-size:.9em;margin:0;padding:.5em; border-bottom:1px dotted #ccc;}
ul#aboutmenu li ul li {padding:.5em .5em .7em .7em;}
ul#aboutmenu li.selected ul li {padding:.5em .5em .6em .7em}
ul#aboutmenu li.last {border-bottom:0!important;padding:.5em .5em .7em .6em!important;}
ul#aboutmenu li.odd {background:#EFF4FC;color:#333;}
ul#aboutmenu li.even {background:#E3E9F0;color:#333;}
ul#aboutmenu li ul li.even, ul#aboutmenu li ul li.odd {background:none;}
ul#aboutmenu a {text-decoration:none;text-align:center; color:#333;}
ul#aboutmenu a:hover{text-decoration:underline; color:#FF6600;}
ul#aboutmenu li.selected {/*background:url(/imgs/gray_bullet.gif) 0 .5em no-repeat;color:#F47B29;*/color:#333;cursor:auto;font-size:.91em;font-weight:bold;margin:0; background:#D1DBE9!important}
ul#aboutmenu li.selected ul, ul#aboutmenu li ul {margin-top:.3em!important;}
ul#aboutmenu li.selected ul li.selected {background:#DC6F25!important;font-weight:bold;}
ul#aboutmenu li.selected ul li.selected ul li, ul#aboutmenu li.selected ul li.selected ul li.selected {font-size:1em!important;}
ul#aboutmenu li.selected ul li.selected ul li.selected a {color:#333!important;font-weight:bold!important; }
ul#aboutmenu li.selected ul li.selected a {color:#fff!important;font-weight:bold;}
ul#aboutmenu li.selected ul li.selected ul li a, ul#aboutmenu li ul li ul li  {font-weight:normal!important;font-size:1em!important;}
ul#aboutmenu li.selected ul li, ul#aboutmenu li ul li {font-weight:normal;border-bottom:1px dotted #fff!important;padding-top:.5em;}
ul#aboutmenu li.selected ul li.selected.last {border-bottom:0!important;padding:.6em .5em .8em .7em!important;}
ul#aboutmenu li ul li.last {border-bottom:0!important;padding:.6em .5em .6em .7em!important;}

/* Customize the UI tabs for secondary pages */
.pagetabs {list-style: none;margin:0 0 0 .5em;padding: 0;zoom: 1;width:630px;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:0; clear:both; font-size:.9em;font-weight:bold}
.pagetabs ul.tabtitles {margin:0}
.pagetabs ul.tabtitles li {display: inline; list-style:none;margin-bottom:0em!important;}
.pagetabs ul.tabtitles li a {padding:5px;color:#505050;text-decoration: none;float:left;display: block;}
.pagetabs.ui-tabs .ui-state-hover {background:#EFEFF1!important;border-bottom:0px;}
#rightmaincol .ui-tabs .ui-state-default {background:#F7F7F7!important;}
#rightmaincol .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom-width: 0;background:#E3E9F0 /*#EFEFF1*/!important;margin-bottom:-.1em;border:0; }
#rightmaincol .ui-tabs .ui-tabs-nav li {margin:0 0.3em -1px 0em!important;padding:0!important;}
.pagetabcontain .ui-tabs, .pagetabcontain  .ui-tabs-panel {padding: .5em!important; display: block; border-width: 0; background: none;}
#rightmaincol .pagetabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#E3E9F0}
.pagetabcontain {background:#E3E9F0;width:630px; overflow: hidden; /* bug fix for scroll caused by tabs */zoom: 1; clear:both; padding:0em; margin:0;font-size:.9em; font-weight:normal;}
.pagetabcontain img {margin:5px;padding:0;}
.tabcol {float:left;}
.pagetabcontain ul {margin:0;padding:0;}
.pagetabcontain ul li {padding:.3em;margin:1em;}
.pagetabcontain ul li a {color:#505050;text-decoration: none; }
.pagetabcontain ul li a:hover {color:#FF6600;}
.pagetabcontain ul li.last {border-bottom:0;}
.pagetabcontain h1, .pagetabcontain h2, .pagetabcontain h3, .pagetabcontain h1, .pagetabcontain h5 {margin-left:.5em; color:#5477A7}
.pagetabcontain h1 {font-size:1.5em}
.pagetabcontain h2 {font-size:1.4em}
.pagetabcontain h3 {font-size:1.3em}
.pagetabcontain h4 {font-size:1.2em}
.pagetabcontain p {padding:.5em .8em .5em .5em!important;margin:0 .3em!important;}
.pagetabcontain .ui-tabs-panel .leftcollist {width:50%;float:left}
.pagetabcontain .ui-tabs-panel .rightcollist {width:50%; float:right;}
.leftcollist {width:50%;float:left}
.rightcollist {width:50%; float:right;}  
.relatedlinks {width:200px;border:1px solid #F47B29;margin:0 0 .3em .3em;}
.relatedlinks .title {font-size:.9em;background:#F47B29!important;}
.relatedlinks p {margin:.3em 0 .3em 0}
.relatedlinks ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat!important;margin:.5em 0 .5em .5em!important;padding:.2em .2em .2em .8em;}
.relatedlinks .footline, .rellinksblue .footline {border-bottom:1px solid #333;width:90px}
.relatedlinks .footnote, .rellinksblue .footnote  {font-size:.75em;}
.relatedlinks .footnote sup, .rellinksblue sup {font-size:.79em;vertical-align:super;}
.relatedlinks h1, .rellinksblue h1, .relatedlinks h2, .rellinksblue h2, .relatedlinks h3, .rellinksblue h3{margin:0!important; }
.relatedlinks .caption, .rellinksblue .caption {font-size:.72em;}
.rellinksblue {width:200px;border:1px solid #274D7F!important;margin:0 0 .3em .3em;}
.rellinksblue .title {font-size:.9em;background:#274D7F!important;}

.relatedlinksmiddle ul {margin: 0;padding:0em 0 0 0 ;vertical-align:middle; text-align:center;} 
.relatedlinksmiddle ul li {background:url(/imgs/orange_bullet.gif) no-repeat left .4em; padding-left:1.0em;padding-right: 1.5em;display:inline;color:#666}
.relatedlinksmiddle a{text-decoration:none;text-align:center; }
.relatedlinksmiddle a:hover{text-decoration:underline; color:#FF6600;}

.boxblue {border:1px solid #D1DFEF;margin:0 0 .3em .3em;background:#EFF4FC;}
.boxblue h3, .boxblue h4 {color:#0D499C;padding:.5em; background:#E3E9F0; margin:0!important;}
.boxblue .title {font-size:.9em;background:#EFF4FC!important;}
.boxblue p {margin:.3em 0 .3em 0; padding:.5em;}
.boxblue ul li {background:url(/imgs/orange_bullet.gif) 0 .6em no-repeat!important;margin:.5em 0 .5em 1.5em!important;padding:.2em .2em .2em .8em!important;}

.halfwidth {width:48.5%;}

.footline {border-bottom:1px solid #333;width:250px}
.footnote {font-size:.85em;}
.footnote sup {font-size:.88em;vertical-align:super;}


/* for Google Map */
#map_canvas {width:100%; height:420px;margin-top:1em;margin-bottom:1em;margin-left:.5em;}

/* for pics */
#rightmaincol .threecols, #rightmaincol .fourcols {width:auto; margin:0 0 2em 0em!important;}
#rightmaincol .twocols  {width:290px; margin:0 0 2em 0em!important;}
#rightmaincol .single {margin:0 0 2em 0em!important;}
#rightmaincol .threecols .col1 {width:195px; float:left; margin:0 1.1em 0 0;}
#rightmaincol .threecols .col2 {width:195px; float:left;margin:0 .8em 0 0;}
#rightmaincol .threecols .col3 {width:195px; float:left;margin:0;}

#rightmaincol .fourcols .col1 {width:150px; float:left; margin:0 .5em 0 0;}
#rightmaincol .fourcols .col2 {width:150px; float:left;margin:0 .5em 0 0;}
#rightmaincol .fourcols .col3 {width:150px; float:left;margin:0 .5em 0 0;}
#rightmaincol .fourcols .col4 {width:150px; float:left;margin:0;}

.txtcenter {text-align:center;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.chartvline {border-right:1px solid #333; height:60px;width:1px;margin:0 auto;}

/* some tabular formatting */
.xtable {border:1px solid #DFDFDF;background:#fff;margin-bottom:1em;}
.xth {border-bottom:1px solid #efefef;padding:.3em;font-weight:bold; background:#EFEFEF;}
th.border {border-bottom:1px solid #DFDFDF;}
.left th,.left td {text-align:left}
.right th, .right td {text-align:right;}
.center th, .center td {text-align:center}
.xtd {font-size:.95em;border-right:1px solid #efefef;padding:.3em;}
.xtable .color1 {background:#E3E9F0}
.xtable .color2 {background:#EFF4FC}

#topicswrap {width:100%; margin:0 auto;}
.topicscol {float:left;padding:.8em;text-align:left;width:21%;margin:0 .5em 0 0; background:#f4f4f4; border:1px solid #ccc}
.topicscol h4 {color:#F47D2C}
#topicswrap .first {margin:0 .5em 0 .5em!important;}
#topicswrap .last {margin:0!important}
/*ie7 fix*/*:first-child+html .topicscol {float:left;padding:10px;text-align:left;width:21.5%;}

/* style the news center iframe */
/*
iframe {border:0;border:0!important;padding:0!important;margin:0!important;/*(height: expression(parseInt(document.body.offsetHeight)-(75+20))*/
	/*																																   height: 100%;width: 100%;overflow-x: hidden;}

*/
iframe table {padding:0!important;}
#pr_frame1 {width:435px;float:left;}
#pr_frame2  {width:175px;height:auto!important;}

.middlecol {float:left;width:435px}
.mediarelated {width:175px!important;border:1px solid #F47B29;margin:.6em 0em .3em .3em!important;}
.mediarelated .title {font-size:.9em;background:#F47B29!important;}
.mediarelated .title2, .mediarelated .title3 {font-size:.9em;}
.mediarelated p {margin:.3em 0 .3em 0}
.mediarelated ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat!important;margin:.5em 3em .5em .5em!important;padding:.2em .2em .2em .8em;}

/* noscript friendly message */
.noscript-message {background:#FCE9C0 url(/imgs/icons/exclamation.png) 50px 20px no-repeat ;border-top:1px solid #5477A7;border-bottom:1px solid #5477A7;padding: 15px 10px 15px 80px; margin-bottom:.5em; font-size:.8em;} 
.noscript-message p{margin:.5em 0 .5em 0;}

/*FAQ text size*/
#frmConsulta table td {font-size:.8em;}

/***************** Safari and Opera fixes ****************************/
/* Target Safari 4.0.x Only */ @media screen and (-webkit-min-device-pixel-ratio:0) {
#rotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;left:4px;bottom:1px!important;padding:0;position:absolute;color:#fff;width:500px;}
#rotator div.slide .caption {margin:.3em 0em 0 0; padding:.2em 0 .2em 0;}
#maincontent #banner .pillartitle {height:34px;bottom:34px; width:100%!important;margin-left:.4em;}
#middlewrapleft .loetxt .pillartitle {height:46px;}
#middlewrapleft .loetxtfr .pillartitle {height:47px;}
#maincontent #banner .loetxt .pillartitle  {height:42px;}}
/* Target Opera 9.6.x Only */@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #middlewrapleft .pillartitle {height:36px; width:145px;}
head~body #maincontent #banner .pillartitle {height:34px;width:143px;} 
head~body #middlewrapleft .loetxt .pillartitle {height:46px;}
head~body #middlewrapleft .loetxtfr .pillartitle {height:47px;}
head~body #maincontent #banner .loetxt .pillartitle  {height:42px;}
.resources {width:193px;/*4 columns*/}
.getinvolved {width:193px;/*4 columns*/}}

.topicon {margin-top:.15em; margin-left:.25em}

@media print {
#landingleft{float:left;width:540px; }
#landingright{float:right;width:290px;}
body, #page, #maincontent, .slogan {color:#000;background:#fff none!important;}
a, a:hover {color:#666;}
p {color:#333;}
#page {width:635pt!important;margin:0;}
#featurewrapleft {overflow:visible;width:390pt!important;margin:0 0 1em 0;float:left!important;}
#featurewrapright {overflow:visible;width:215pt!important;margin:0 0 .5em 0;float:right!important;}
#middlewrapleft {overflow:visible;width:380pt!important;margin:0 0 .5em .8em;float:left!important;}
#middlewrapright {overflow:visible;width:210pt!important;margin:0;background:#fff!important; }
.cycler {width:612pt!important;padding:0; text-align:left; position:relative;margin:0;font-family:verdana, Geneva, sans-serif;}
#rotator div.slide .caption {width:500px;margin-top:0em; margin-right:0em; padding:0;font-size:.9em;}
#rollover-nav {width:225px!important;}
#rotator div.slide .caption {color:#fff!important;}
#rightmaincol{width:612pt!important; float:none!important;margin-left:0px;}
#maincontent {width:612pt; padding:0; overflow:visible;margin:0 auto 0 auto;clear:both; font-size:.82em;color:#333; float:none}
#maincontent #banner {width:612pt;padding:0; margin:0;}
#maincontent #banner .pillars {background:#fff;padding:0; font-size:.75em;width:612px;clear:both;margin:0;}
#maincontent #banner .column {width:124px!important; float:left; margin:0 .4em 0 0em;padding:0;}
#maincontent #banner .pillartitle {padding:.3em;color:#000;width:124px; height:28px;position:relative;font-size:.79em; display:table;}
#maincontent #banner .pillartitle a {color:#000; background:#fff;font-weight:bold; text-decoration:none;vertical-align:middle;display:table-cell;}
#maincontent #banner .pillartitle a:hover {color:#000;background:#fff;text-decoration:underline;}
#mainlangbar, #screenlogo, #globsearch, #globalnav, .sf-menu, #navicon,.jquery_corner div, #leftmaincol{display:none!important;}

#leftmaincol {width:0!important;}
.relatedlinks {width:200px!important;border:1px solid #F47B29;margin:0 3em .3em .3em!important;}
.relatedlinks .title {font-size:.9em;background:#F47B29!important;}
.relatedlinks p {margin:.3em 0 .3em 0}
.relatedlinks ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat!important;margin:.5em 3em .5em .5em!important;padding:.2em .2em .2em .8em;}

#printlogo {display:block;}
/* for pics */
#rightmaincol .threecols{margin:0 auto 2em 7em!important; }
#rightmaincol .fourcols {margin:0 auto 2em auto!important; }
#rightmaincol .twocols  {width:290px; margin:0 0 2em 0em!important;text-align:center;}
#rightmaincol .single {margin:0 0 2em 0em!important;text-align:center;}
#rightmaincol .threecols .col1 {width:195px; float:left; margin:0 1.1em 0 0;}
#rightmaincol .threecols .col2 {width:195px; float:left;margin:0 .8em 0 0;}
#rightmaincol .threecols .col3 {width:195px; float:left;margin:0;}

#rightmaincol .fourcols .col1 {width:150px; float:left; margin:0 .5em 0 0;}
#rightmaincol .fourcols .col2 {width:150px; float:left;margin:0 .5em 0 0;}
#rightmaincol .fourcols .col3 {width:150px; float:left;margin:0 .5em 0 0;}
#rightmaincol .fourcols .col4 {width:150px; float:left;margin:0;}

.txtcenter {text-align:center;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.chartvline {border-right:1px solid #333; height:60px;width:1px;margin:0 auto;}

}