/* Author: Joanna Candler of Jo Can Do
Website: http://www.jocando.co.uk
Created: 23 September 2008*/
body {
text-align: center; /*for IE 5 and 6 in quirks mode */
min-width: 850px;
font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
width: 900px;
margin: 0 auto; 
text-align: left;
border: 3px solid #8d996a;
padding-top: 20px;
}
#header {
border-bottom: 3px solid #8d996a;
position: relative;
}
#header h1 {
color: #656e4c;
padding-left: 15px;
margin-top:-0.3em;
margin-bottom: 0.3em;
font-family: Callibri, Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 30px;
}
#cse-search-box {
position: absolute;
width: 400px;
top: 7px;
left: 490px;
}
#breadcrumbs {
padding-left: 15px;
font-size: 0.8em;
padding-top: 0.2em;
color: #656e4c;
}
#breadcrumbs a, #breadcrumbs a:visited {
text-decoration: none;
color: #656e4c;
}
#content {
width: 700px;
float: right;
}
#menu {
float: left;
/*width: 170px;*/
padding-top: 10px;
padding-bottom: 20px;
padding-left: 15px;
}
#content h2, #content h3, #content h4, #content p {
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
}
#content h3, #content h4 {
padding-left: 0.1em;
color: #656e4c;
}
#content h2 {
background-color: #8d996a;
color: #ffffff;
font-weight: normal;
margin-right: 20px;
padding: 0.1em 0 0.1em 0.3em;
margin-top: 0.4em;
}
#content h3 {
font-weight: normal;
margin-right: 20px;
border-bottom: 1px solid #8d996a;
padding-bottom: 0.1em;
/*padding: 0.1em 0 0.1em 0.3em;*/
}
#content p, #content ul, #content .datatable {
font-size: 0.9em;
}
#content a {
text-decoration:none;
color: #656e4c;
border-bottom: 1px dotted #656e4c;
}
#content a:hover {
border-bottom: 1px solid #656e4c;
text-decoration:none;
color: #656e4c;
}
#content ul {
margin-left: 0;
padding-left: 10px;
}
#content li {
list-style-type: none;
padding-left: 20px;
background: url(/img/baha_mousa/bullet.gif) no-repeat 5px 7px;
padding-bottom: 5px;
}
.external {
background: url(/img/baha_mousa/externallink.gif) no-repeat right top;
padding-right: 10px;
}
.datatable {
border-collapse: collapse;
border: 1px solid #8d996a;
}
.datatable th, .datatable td {
padding: 0.2em 1em;
border: 1px solid #8d996a;
}
.datatable th{
color: #656e4c;
text-align: left;
}
/* ================================================================
Style the main navigation menu.
The original version of this menu is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */
#menu {
z-index:1000;
font-family: Arial, Helvetica, sans-serif;
}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
width:151px; 
}
/* hack for IE5.5 */
* html #menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
#menu li {
position:relative;
background-color:#ccdd99;
height:30px;
}
/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
#menu a, #menu a:visited {
display:block; 
text-decoration:none;
height:28px;
line-height:25px;
width:149px;
color:#656e4c;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html #menu a, * html #menu a:visited {background:#ccdd99; width:150px; w\idth:149px;}
/* style the link hover */
* html #menu a:hover {color:#fff; background-color:#8d996a;}
#menu :hover > a {
color:#fff; 
background-color:#8d996a;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul {
visibility:visible;
}
#menu #current {
background-color: #8d996a;
color: #ffffff;
}
/* style footer*/
/* style footer menu */
#footer {
clear: both;
text-align: center;
margin: 0 auto;
padding-bottom: 0.3em;
}
#footer ul {
margin: 0 auto;
padding: 0;
list-style-type:none;
}
#footer ul li {
display: inline;
}
#footer ul a {
padding: 0 0.8em 0 0.6em;
text-decoration: none;
color: #656e4c;
font-size: 0.8em;
}
#footer ul a:hover {
text-decoration: underline;
}
/* end of style footer menu */
#copy {
color: #656e4c;
font-size: 0.8em;
margin-top: 0.3em;
}
.imageRight {
float: right;
margin: 0 0 10px 10px;
} 
#content a.noline {
border-bottom: none;
}
#content a:hover .noline{
border-bottom: none;
}