body {
	font-family: Lucida,Arial,Helvetica,sans-serif;
	margin:0;padding:0;
	/* cf 	http://www.thenoodleincident.com/tutorials/typography/index.html 
	  * to understand the the 76% */
	font-size: 76%;
    min-width:850px; /* IE equivalent is done via hack below */ 
}
.russian {min-width:920px;}

/* header */
div#header {color:white;margin:0;padding:0;}

/* background image location */
div#forImage{ background-position:120% -50px;background-repeat:no-repeat;padding:0 0 .5em 0;margin:0}

div#breadcrumb {color:white;padding:1em 0 0 .5em;clear:left;}
div#breadcrumb a {color:white;padding:0em .5em 0 .5em;}
div#breadcrumb .current,div#breadcrumb a:hover {color:#f90;}

/* float the two blocks */
div#toolsBlock {float:right;width:35%;text-align:right;margin:0;}
div#titleBlock {float:left;width:60%;padding-top:0em;margin:0;}

/* title */
#header h1 {color:#f90; margin:0 ;padding:0 0 0 .5em; font-size:2em;}
#header h1.surTitle {color:white;margin-top:.5em;}

div#topBar {text-align:right;padding:0;margin:0 0 5px 0;}

/* language section */
div#languageSection {text-align:right; color:white;}
div#languageSection a{color:white;text-decoration:none;}
div#languageSection a.current{ color:#f90;font-weight:bold;}
div#languageSection span.noTranslation {color:#777;padding-left:0.3em; padding-right:0.3em;}
span#arabicTag {direction: rtl; font-family: "Traditional Arabic",sans-serif;font-size:1.8em;}
div#languageSection {margin-top:-.8em;} /* shifted up to compensate for the 1.8 above */ 

/**** menu  Based on http://www.alistapart.com/articles/dropdowns ****/
.dropdownMenu { margin:0em;padding:1em 0 1em .5em;_padding-bottom:2px;clear:left;
border-bottom:solid 1px #bbb;font-size:1.3em;}
/* fix for chinese menu - the bottom padding needs to be bigger */
div.chineseMenu {_padding-bottom:7px;}
/* top level link of the menu - without dropdown*/
.dropdownMenu a.topLevelLink {font-size:1em;padding:0; font-weight: normal; border:none;text-decoration:none;
 color:white;} /* color change */
.dropdownMenu a.topLevelLink:link,
.dropdownMenu a.topLevelLink:visited,
.dropdownMenu a.topLevelink:active {color:white;} /* color change */
.dropdownMenu a.topLevelLink:hover {color:#f90;} /* color change */

/* horizontalize the menu  - removed the width from the original ALA article  */
.dropdownMenu li { float: left; position: relative; 
	margin:.8em .3em 0 0;_margin-top:0;} /* margin IE hack related to arabicTag */

/* for the russian menu, making the padding shorter */
div.russianMenu div   { padding:1px 2px 0px 2px;}
.dropdownMenu li div { padding:1px 5px 0px 5px;	border:solid 1px #bbb;border-bottom-width:0px;}

/* hiding the dropdown - IE specific*/
.dropdownMenu li ul { display: none; position: absolute; top: 1em; left: 0; }
/* fix for non IE browsers */
.dropdownMenu li > ul {top: auto;left: auto;}

/* IE does not know hover on li, so we use javascript to add a pseudo tag (.over) */
.dropdownMenu li:hover div,
.dropdownMenu li.over div {border:solid 1px #bbb;color:#f90;background-color:#888;margin:0;}

.dropdownMenu li:hover ul,
.dropdownMenu li.over ul { display: block;border:solid 1px #bbb;}
/* fix for chinese menu */
.chineseMenu li.over ul { top:1em;} 

.dropdownMenu ul#ieFix ul{text-align:left;width:28em;padding-top:0.3em; _margin-top:5px;background-color:#777;} /* color change 777*/

.dropdownMenu li li {padding:.3em .5em 0 .5em;margin:0; font-size:1em; width:27em;border-bottom:solid 1px #bbb;}

.dropdownMenu li li a {text-decoration: none;padding:.3em 0 0 0; color:white;width:20em;margin:0;}
.dropdownMenu li li a:visited {color:white;}

/* same js trick to detect the hover at the second level */
.dropdownMenu li li:hover,.dropdownMenu li li.subOver {background-color:white;}
.dropdownMenu li li:hover a ,.dropdownMenu li li.subOver a,.dropdownMenu li li.subOver a:visited{color:#f90; } /* color change */



.dropdownMenu ul { list-style: none; padding:0; margin:0;}

/* end of menu ****/

/* search Section */
div#searchSection{text-align:right;}
div#searchSection form{display:inline;}

/* title */
#header h1 {color:#f90; margin:0;padding:0 0 0 .5em; font-size:2em;}
#header h1.surTitle {color:white;}

/**** end of header ****/


div#bodyText{margin:0;padding:0;}

/* footer */
div#footer {margin:0; clear:both; position:relative;bottom:0;left:0; text-align:center;}
div#footer a {text-decoration: none; color: white;padding-left:1em;}

/* generic box */
div.box { background-color:#fff;font-size:1.1em;margin-top:1em; margin-bottom:0;padding-bottom:.5em;_padding-bottom:0;}
/* new design border-bottom:solid 2px #ccc; font-size:1.3em;*/
div.box h2 {margin:0;font-size:1.1em; padding:0.5em;font-family:sans-serif;}
.box p {margin:1em .8em 0 1em;}
.box  ul {list-style-type:none; margin:.5em .5em 0 .5em;padding:.5em .5em 0 .5em;}

/* If we have a nested UL within a box, it needs to be a bit tighter than parent list spacing */
.box  ul ul {list-style-type:none; margin:.2em .5em 1em .5em;padding:0em .5em 0 .5em;}

.box h3, .box h4 {margin:1.2em 0 0 .8em;}
/* generic single box */
div.singleBox {background-color:#fff; font-size:1.1em;margin:0 1em 0em 1em;padding-bottom:1em;}
div.singleBox p {margin:1em 1em 0 1em;}
div.singleBox h2 {background-color:#06c;color:white; padding:.5em;}
div.singleBox h3 {margin:.3em;}
div.singleBox h4 {margin:.4em;}

/* list with bullets */
.box  ul.bullet,.singleBox  ul.bullet {list-style-type:disc; margin:.5em 1em .5em 1em ;padding:1em;}

/* generic rules */
.clearAll {clear:both;width:0;height:0;border:0;padding:0;margin:0;}

/* global link - hover do underline */
a:link,a:visited {color:#000; text-decoration:none;}
a:hover {color:#f90; text-decoration:none;} 
a:active {color:#000 ;text-decoration:none;}

/* any image inside a link had no border */
a img {border:none;}
img.inText {float:right; margin:0.5em;}

/* generic button */
a.button {padding:0 1em 0 1em; margin:.5em;  background-color:#c0c0c0 ;border-style:solid; border-width:1px; border-color:#dfdfdf #787878 #787878 #dfdfdf;}
a.button:hover {text-decoration:none;color:black;}

/* separator */
hr.short {margin:1em 20% .5em 20%;}

/* legend */
#legend p {clear:both;margin:1em;font-weight:bold;}