/* CSS Document */
@import "tabber.css";   
@import "fonts-min.css";
@import "tabview.css";      



/* Menu used on about and pages and on luncheon pages*/

.hor-menu { white-space:nowrap}

.hor-menu li a{
display:inline;
margin:0 !important;}

.hor-submenu {

background:#ededed; 
color: #999;
padding:5px; 
border:#F1F7FF solid;
border-width: 0 1px 1px 1px;
margin:0 0 .5em 0;}

.hor-submenu ul {
margin:0;padding:0;}

.hor-submenu li {
display:inline;
border-right:#ccc solid .01em;}

.hor-submenu li a{
padding:0 .4em 0 .5em; 
font-size:90%;}

.img-border{
background-color: #fff;
border: 1px solid #bbb;
margin: 0 5px 0 5px;
padding: 3px;
position:relative;float:left;}



/**  ABA ROLI Multimedia player **/
.scroll-area{border: solid; 
border-width:3px 1px 1px 1px; 
border-color:#999 #CCC #CCC #CCC;
background:#fff; 
color:black; 
padding:5px; 
width:98%; 
height:450px; 
overflow:auto; }

.scroll-area ul {list-style-type:none; margin:0; padding:0}

.video-icon { background-image:url(/rol/images/icon_video_clip.gif);
background-position:right center;
background-repeat: no-repeat; 
padding: 0 35px 1px 0;}

.audio-icon { background-image:url(/rol/images/icon_audio_clip.gif);
background-position:right center;
background-repeat: no-repeat; 
padding: 0 35px 1px 0;}

.playing{color: #0099FF; font-size:10px; 
text-transform:uppercase; 
letter-spacing:1px}

.av-content{padding-left:5px;}

#playercontainer a:link {color: #FFFFCC; 
text-decoration:underline;}

#playercontainer a:visited {color: #FFFFCC;
text-decoration:underline;}

.scroll-desc{background:#000; 
color:#CCCCCC; 
padding:0 0 5px 5px; 
width:99%; 
height:65px; 
overflow:auto; 
text-align:left; 
font-size:90%; }   

#close-button{text-align:right;
float:right; }

#playertitle{height:26px; 
color: #0099FF; 
border-bottom: #999999 1px solid; 
text-transform:uppercase;
text-align:center;
font-size:10px;
letter-spacing:1px}

#playercontainer{font-family:Arial, Helvetica, sans-serif;  
background:#000000; color:#FFFFFF; border: #666666 1px solid; 
z-index:1;}

#playercontainer h5 {line-height:1.1em; 
font-weight:normal;}

#player{text-align:center}

#avhead, #avdesc { padding:0 8px;}


/* Facebook like button on news articles*/

.facebook-like{display:inline;}

/* Flags and title on the county pages */
.top-90 {
float:left;
padding:0;
margin:0;
width:27%;}

.top-10{
float:right;
text-align:right;
padding:0;
margin:0;
width:68%;}

.top-header h1{
font-size:120%;
text-align: left;
padding:1em 0 0 1em; }

.top-header {
background-image:url(/rol/images/crumb_nav_background_aba_blue.jpg);
background-position:center top;
background-repeat:repeat-x;
border:0px solid #DBEBF8;
height:5.5em;
padding:0;
margin:0;}


  /* Breadcrumbs*/
#nav-crumb {
color:#999999;
border:1px #DBEBF8 solid;
padding:5px 3px 5px 3px;
margin:5px 0 5px 0;
font-weight:bold;}

#nav-crumb a{
font-weight:normal}


/* Fly out color*/
#localnav #ee-menu, #localnav  #program-menu, #localnav #africa-menu, #localnav #asia-menu, #localnav #mena-menu, #localnav #lac-menu, .vertical-menu {background: #005782;  border: #666666 solid 1px;}


/* Programs page*/
.left_60 {
FLOAT: left; WIDTH: 55%}
.right_40 {
FLOAT: right; WIDTH: 41%}



/* Image Caption */
.caption{
background: #F3F3F3; 
font-style:italic;
border-width:0 8px; /* There may be a better way to do this. Adds padding to make the  */
border-style: solid;
border-color:white;
padding-bottom:4px;}




/* Image Caption  no table 275px image in floating  DIV*/
.caption-275 {
background: #F3F3F3; 
font-style:italic;
width:269px;
text-align:left;
padding:3px; 
margin:0;
clear:both;}

/* Hides the visibility of background information on county pages.*/
#element0 {visibility:hidden; display:none;}
	
#element1 {visibility:hidden; display:none;}
	
/* Fix indent for list items 
.nomargin li, .nomargbullet li {list-style-position:outside;}
*/


/* Reduce/SET indent for UL */
 ul.nomargin,  ul.nomargbullet {margin: 0px; padding: 0px 0px 0px 15px;}
 
/* add some padding around article heading */ 
 .module h2 { padding:0 15px}