/* Produced by John Tomlinson, The Synergos Institute */

/* GENERAL */
body {font-family: Georgia, "Times New Roman", serif; color: #000000; margin: 0 0 20px 0; padding: 0; line-height: 1.5em; font-size: 80%; background: #99cc99;  }
h1, h2, h3, h4, h5 {font-weight: bold; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; color: #096; background: transparent;  }
#mena h2, #mena h4 {color: #6b5231;}
#mena h2 {font-size: 1.7em ;}
#mena h4 {font-size: 1.3em ;}
h1.test {color: #ffffff;}
h1, h2 {padding: 0; margin: 0.5em 0; line-height: 1.0em; }
h3 {padding: 0.0em; margin: 0.5em 0; } 
p {margin: 0 0 0.7em 0; }
h4, h5 {margin: 0; }
#mainheading {color: #ffffff;}
#logos {padding: 0; margin: 0;}
#logos img {border: 0;}
.sans {font-family: Arial, Helvetica, "Lucida Sans", sans-serif;  }

/* MAIN LAYOUT */
#main {width: 75%; margin: 0 5px 15px 120px; border: 1px solid #99cc99; padding: 10px 15px 15px 0; }
#msp #main, #gpc #main {border: 1px solid #cccccc; }
#gallery #main {border: 0; width: 100%; padding: 0 0 15px 0; margin: 0 5px 15px 5px;}
#commons {background:  #ffffee; }
#commons #main {border: 0; }
#content {padding: 13px; }
#gallery #content, #commons #content {padding: 0;}

#topback {margin: 0; padding: 0; background: #096 url(h/genback.gif) top right no-repeat; } 
#gen #topback {background: #096 url(h/genback.gif) top right no-repeat; }
#sbo #topback {background: #096 url(h/sboback.gif) top right no-repeat; }
#gpc #topback {background: #096 url(h/gpcback.gif) top right no-repeat; }
#mena #topback {background: #6b5231 url(h/menaback.gif) top right no-repeat; }
body#mena {background: #CEB594;}

#ccontent {width: 550px;}
#chead {margin-bottom: 5px; border-bottom: 4px solid #096; border-top: 4px solid #096; }
#chead img {border-bottom: 2px solid #fff; border-top: 2px solid #fff; }
#clogo {margin: 3px 0 0 70px;}
#commons h4 {margin-bottom: 1.0em;}
#commons h3 {margin: 1.3em 0; letter-spacing: 0.2em;}

#homeheading {margin-left: 80px; }
#contentbackground {background: #ffffee; }
.greenbar {border-bottom: #096 solid 3px; border-top: 5px solid #fff; }
#commons .greenbar {border-bottom: #096 solid 3px; border-top: 0; }
.greenbottom {height: 600px; background: #9c9; }


#mena .greenbottom {height: 600px; background: #6b5231; }
#mena .greenbar {border-bottom: #6b5231 solid 3px; border-top: 5px solid #fff; }
#mena #main, #gpc #main {border: 1px solid #ceb594;}

#printhead, #printlogo {display: none;}

li {padding-top: 0.1em; margin-top: 0.1em;  }
ul {padding-top: 0; margin-top: 0; list-style-type: circle; }

a:link {text-decoration: underline; color: #0033cc; background: transparent; }
a:visited {text-decoration: underline; color: #003399; background: transparent; }
a:active {text-decoration: underline; color: #0000cc; background: #ffffef; }
a:hover {text-decoration: underline; color: #0000cc; background: #ffffef; }

/* LOGO LINKS */
a.logos:link, a.logos:visited, a.logos:active, a.logos:hover {background: transparent; }

/* NAV BARS */
#topnavcontainer {font-size: 80%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; margin: 0 0 0 2px; padding: 0; float: right;}
ul#topnavlist {margin: 0; padding: 0; white-space: nowrap; }
#topnavlist li {display: inline; list-style-type: none; margin: 0; padding: 0;}
#topnavlist a { padding: 1px 5px; }
#topnavlist a:link {color: #ffffff; background-color: #003399; text-decoration: none; }
#topnavlist a:visited {color: #cccccc; background-color: #003399; text-decoration: none; }
#topnavlist a:hover {color: #ffffff; background-color: #000066; text-decoration: none; }
#current {background-color: transparent ! important; color: #ffffff ! important; border: 1px solid #99cc99; cursor: default; }

#botnavcontainer {font-size: 85%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; margin: -1px 0 0 2px; padding: 0; background: #096; border-top: solid #ffffff 5px; }
ul#botnavlist {margin: 0 0 0 64px; padding: 0; white-space: nowrap; } 
#botnavlist li {display: inline; list-style-type: none; margin: 0; } 
#botnavlist a { padding: 1px 6px;  }
#botnavlist a:link {color: #ffffff; background-color: #096; text-decoration: none; }
#botnavlist a:visited {color: #cccccc; background-color: #096; text-decoration: none; } 
#botnavlist a:hover {color: #ffffff; background-color: #000066; text-decoration: none; }
#homecurrent {background-color: transparent ! important; color: #ffffff ! important; border: 1px solid #ffffee; cursor: default; }


#mena #botnavcontainer {font-size: 85%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; margin: -1px 0 0 2px; padding: 0; background: #6b5231; border-top: solid #ffffff 5px; }
#mena ul#botnavlist {margin: 0 0 0 64px; padding: 0; white-space: nowrap; } 
#mena #botnavlist li {display: inline; list-style-type: none; margin: 0; } 
#mena #botnavlist a { padding: 1px 6px;  }
#mena #botnavlist a:link {color: #ffffff; background-color: #6b5231; text-decoration: none; }
#mena #botnavlist a:visited {color: #cccccc; background-color: #6b5231; text-decoration: none; } 
#mena #botnavlist a:hover {color: #ffffff; background-color: #000; text-decoration: none; }
#mena #homecurrent {background-color: transparent ! important; color: #ffffff ! important; border: 1px solid #ffffee; cursor: default; }

ul.miscnav  {font-size: 90%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; margin: 0 0 15px 0; float: left; white-space: nowrap; padding: 0;}
.miscnav li {display: inline; list-style-type: none; margin: 0 5px 0 0; padding: 0;}

/* MISC */
.footer {font-size: 70%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; margin: 0 130px 0 2px; padding: 0; color: #666666; text-align: right; }
.note, .moddate {font-size: 85%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; color: #666666; text-align: right; }
.submit {border: 1px solid #000000; }
.bigintro {font-size: 120%; font-style: italic; font-weight: normal;}


#slide {background: #000; color: #fff; font-size: 90%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif;}
#slide a, #slide a:link {color: #fff; text-decoration: none;}
#slide a:visited {color: #ccc; text-decoration: none;}
#slide a:active, #slide a:hover {color: #fff; text-decoration: underline; background: #000;}
#pic {padding: 2px 0;}
#pic img {border: 0;}
#caption {padding-top: 2.0em;}
#caption p {padding: 0 1.0em 0 0;}
.slidefooter {font-size: 90%;}

/* BOXES ETC */
.caption img {border: 1px #000000 solid; }
.rightbox  {float: right; margin: 8px; width: 240px; }
.leftbox {float: left; margin: 8px 12px 8px 0; width: 240px; }
.rightbox360  {float: right; margin: 8px; width: 360px; }
.rightbox550  {float: right; margin: 8px; width: 550px; }
.leftbox360 {float: left; margin: 8px 12px 8px 0; width: 360px; }
.leftbox550 {float: left; margin: 8px 12px 8px 0; width: 550px; }


.rightboxdark  {float: right; margin: 8px; width: 244px; background: #000; color: #fff; padding: 3px; }
.rightboxdark a, .rightboxdark a:link, .rightboxdark a:visited, .rightboxdark a:active {color: #fff; background: transparent; }

.headshot {width:120px; float: left; margin: 0 8px 8px 0; }
.headshotright {width:120px; float: right; margin: 0 0 8px 8px; }
.rightbox, .leftbox, .rightbox360, .leftbox360, .rightbox550, .leftbox550, .headshot, .headshotright, .rightboxdark {font-size: 90%; font-family: Arial, Helvetica, "Lucida Sans", "Myriad Web", sans-serif; line-height: 1.25em; }

.cbox {font-size: 1.0em ; line-height: 1.5em; font-family: Arial, Helvetica, "Lucida Sans", "Myriad Web", sans-serif;}
.cbox b {color: #096;}

.rightbox img, .leftbox img, .rightbox360 img, .leftbox360 img, .leftbox550 img, .rightbox550 img,.headshot img , .headshotright img {border: 1px #000 solid; margin: 0; }
.rightbox ul, .leftbox ul, .rightbox360 ul, .leftbox360 ul, {margin-left: 0.5em; padding-left: 1.0em; }

.rightbox ul li, .leftbox ul li, .rightbox360 ul li, .leftbox360 ul li {margin-bottom: 0.3em;} 

.rightbox img.map, .leftbox img.map, .rightbox360 img.map, .leftbox360 img.map,  {border: 0; }
.pullquote {line-height: 1.8em; font-style: italic; }

.plain {padding: 0; margin: 0;}
.plain li {list-style-type: none; padding: 0; margin: 0;}
.plain strong {color: #096;}

#mena .plain strong {color: #6b5231;}


.toc, .top {font-size: 95%; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; color: #096; }
.top {text-align: right; margin: 1.3em;}

.arabic {lang: ar; direction: rtl; font-size: 130%; font-family: Arial, sans-serif; }

#mena .sans, .arabic .moddate {font-size: 60%;}

.arabic .rightbox ul, .arabic  .leftbox ul, .arabic  .rightbox360 ul, .arabic .leftbox360 ul, {margin: 0 .5em; padding: 0 1.0em; }

em cite {font-style: normal;}