/* ria.css
   Style sheet for riadealvor.org
   Last changed 2008-02-14
   */
   
body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  margin: 0; 
  color: #333; 
  background-color: white; 
  background-image: url('../images/bg-page.png');
  background-attachment: fixed;
  background-position: 0 100%; 
  background-repeat: repeat-x;
}

/*** top-level div, contains all of the page except footer ***/
/*div#toplevel {
  max-width: 1000px; 
  margin: 0px auto; 
  margin-top: 4px; 
  margin-bottom: 8px; 
  border: 1px solid #008000;
  background: white; }
*/

#firstmenu {
  margin-bottom: 0; 
  height: 31px; 
  background-color: #e5ff80;
  color: black; 
  padding: 0; 
  border-collapse: collapse;
  background-image: url('../images/bg-firstmenu.png'); 
  background-position: 0 0; 
  background-repeat: repeat-y;
  white-space: nowrap;
 }

#firstmenu ul {
  margin: 1px 0pt 0pt 10px; 
  padding: 0; 
  display: inline;
}
#firstmenu ul li {
  margin: 0; 
  padding: 0; 
  display: inline; 
  height: 31px; 
}

#firstmenu a {
	color:black;
	font-size:90%;
	line-height:30px;
	margin:0pt;
	padding:6px 25px;
	text-decoration:none;
}

#firstmenu a:hover {
  background: #eeffaa;
}

.press-room { 
	float: right; 
}

#title {
  width: 200px; 
  font-size: 125%;
  padding: .15em 0.4em;
  letter-spacing: 0.1em;
  color: white;
  float: left;
}
@media print { #title { background: white; color: black; } }

#menu {
}

div#header {
  height: 200px; background-repeat: no-repeat;
}

.footer {
	float:right;
	font-size: 12px;
	padding: 5px;
}

.footer a {
	text-decoration: none;
}


/*** header end; content begin ***/

table#main {
  width: 100%; border-collapse: collapse; margin-top: 2px; }
.sidemenu-container {
  vertical-align: top; width: 200px; }
.sidemenu {
  text-align: left; font-size: 90%; 
   }
.sidemenu dt {
  display: block; padding: 5px 5px 0px 0px; color: #333; font-weight: bold; }
.sidemenu dd { margin-left: 11px; }

.sidemenu ul {
  list-style-type: none; padding-left: 0; padding-left: 5px; margin-left: 0;
}
.sidemenu li {
  color: #333; 
/*  border-bottom: 1px dotted #333;*/
}
.sidemenu img { border: none; }
.sidemenu a {
  text-decoration: none; display: block; padding: 5px 5px 5px 5px; color: #333; }
.sidemenu a:visited {
  color: #333; }
.sidemenu a:hover {
  color: #008000; background: #e5ff80; }

#content {
  vertical-align: top; 
  line-height: 3ex; 
  font-size: 90%; 
  text-align: justify;
 }
 
#content h1 {
  line-height: 100%; }
  
#content table {
  border-collapse: collapse; }

.number { white-space: nowrap; text-align: right; }

#content a {
  padding: 2px; }
#content a:hover {
  background: #e5ff80; }

  
.ria-rightbox {
	float: right;
	height: auto;
	width: 190px;
	border-left: 1px dotted #888;
	margin: -17px 5px 20px 30px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-top: 0;
}
.ria-rightbox, .ria-rightbox a {
	color: #7a7a7a;
}

.ria-rightbox h1 {
	font-size: 13px;
	font-weight: bold;
	margin: 20px auto 15px 15px;
	padding: 0;
}

.ria-rightbox p {
	margin-left: 15px
}
.ria-rightbox ul {
	margin-top: -10px;
}

.ria-rightbox ul li {
	margin-left: -25px;
	list-style: none;
}

/*** content end; footer begin ***/

#footer {
/*  max-width: 1000px; margin: 0px auto; margin-top: 4px; margin-top: 1em; padding-bottom: 1em; */
  margin: 0 40px 0 40px; padding-bottom: 1em;
  text-align: right; font-size: 90%; }

/*** classes ***/
img.float {
  float: right; margin-left: 10px; margin-right: 10px; border: none; }
.illustration {
  text-align: center; font-style: italic;
}

/*** named instances ***/
div#map { border: 1px solid gray; }

/*** end of file ***/

.showSwitch {
  display: block;
}
.hideSwitch {
  display: none;
}
.small { font-size: 90%; }
table.small td { padding: 15px 5px 15px 5px !important;}

.shaded { background-color: #EEE; }

tr.shaded td, tr.shaded.th { background-color: #EEE; }

/*** Added by Brendan to style images within the central column and the right hand column ***/
        
    /*Daisy Wiki uses .plainTable to style tables containing an image WITH a caption */
    /*.leftImage and .rightImage style an ordinary table to hold an image and caption */
#content table.leftImage, #content table.rightImage{
    /* width: 250px; */
    /* padding: 10px 10px 10px 10px; */
    padding: 0;
    clear: right;
    font-size: .8em;
    text-align: left;
    z-index: 10;
    }
#content table.rightImage{
    float: right;
    margin: .3em 6px .3em 12px;
    }
#content table.leftImage{
    float: left;
    margin: .3em 12px .3em 0px;
    }
#content table.rightImage img, #content table.leftImage img{
    margin: 0;
    padding:0;
    }
#content table.rightImage td, #content table.leftImage td{
    /* margin: 2px 5px 2px 5px; */
    padding-bottom: .3em;
    }
#content table.rightImage td p, #content table.leftImage td p{
    /* margin: 2px 5px 2px 5px; */
    margin: 0;
    }

/*  When a caption is added to an image using Daisy Wiki 
    it places it in a table with class="plainTable" which 
    cannot easily be positioned and looks poor.
    The following styling floats the table right, makes the caption font smaller, 
    tidies up the margins etc. However it has not been implemented here because
    .plainTable may possibly be used in other contexts where this styling is not 
    suitable. 
    RECOMMENDATION. To use a caption with an image, place the image and caption in 
    a table and style as .rightImage or .leftImage. */
    
/*

#content table.plainTable{
    float: right;
    padding: 0;
    clear: right;
    font-size: .8em;
    margin: .3em 35px .3em 10px;
    text-align: left;
    z-index: 10;
    }
#content table.plainTable img{
    margin: 0;
    padding:0;
    }
#content table.plainTable td{
    padding-bottom: .3em;
    }
#content table.plainTable td p{
    margin: 0;
    }

 */