ÿþ/* 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;

}