/**********************************************************************************************************************
* #Associations Style
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY-MM-DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Himal Abeykoon                2007-07-05               Created this style.
**********************************************************************************************************************/
#Associations
{  
  font-family: Arial,Verdana, Helvetica, sans-serif;
  font-size: 10pt;
}
#Associations #MainContainer
{
  padding: 0px 0px 0px 0px;   
  /*border: none 0 ffffff;*/
  width:100%;
}
#Associations .TitleContainer
{
  padding: 0px 0px 0px 0px;
  font-weight:bold;
  font-size: 11pt;
  color:#0173B9;

}
#Associations UL
{  
  /* By default a round circular bullet appears before each List Item (LI) element. This attribute specifies the image
  to use as the bullet. */
  list-style-image: url(img/arrow.gif);
  
  /* As an alternative to list-style-image, the following attribute can be used to change the round circular bullet to 
  a square or other shape */
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
}
#Associations LI
{
  /* Changing this value increases or decreases the (bottom) space between each List Item. */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#Associations .Name
{
  /* Similar to using the BR tag in HTML, the display attribute can be used to force the contents following the News
  Item Name to appear on the next line. */
  display: block;
  
  /* Causes the News Item Name to appear in bold letters. */
  color: #630C0D;
  font-style:  normal;
  text-decoration: none; 
}
#Associations .Name A
{
  color: black;
  font-style: normal;
  text-decoration: none; 
  font-weight:bold;
  font-size: 9pt;  
}
#Associations .MoreLink
{ 
  /* Both the More Link and the Display Date (see elsewhere) appear on the same line in this sample. Each are allocated
  the width specified by the width attribute. This allows the More Link to appear right-justified, while leaving the 
  Display Date left-justified without using a table with two cells. */
  width: 100%;    
  text-align: right; 
  vertical-align:top;  
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* display:  inline-block;*/
  display:none;
}

#Associations .Teaser
{   
  /* To hide the teaser regardless of the item, set the display attribute to none. To allow teasers to be shown, set
  the display attribute to block or another value. */
  display: block;
  color: black;
  font-style: normal;
  text-decoration: none; 
  font-size: 10pt; 
  padding: 0px 0px 0px 5px;   
}