/* BODY --------------------------------------------------------------------------*/
html, body {height: 100%;}

body {background:#A8997C; font: 62.5%/1.4em "Verdana", Arial, sans-serif; color:#333; }

/* COLONNE UNIQUE ----------------------------------------------------------*/

body.singlecol #main {width:698px}
body.singlecol #sidebar {display:none}

/* LETTRAGE --------------------------------------------------------------------*/ 
p, ul, ol {font-size:1.15em; line-height:1.4em; margin-bottom: 1.2em;} 
p {margin-bottom:1em;}

a:link {color:#660000; outline:none; text-decoration:underline; }   
a:visited {color:#660000; text-decoration:underline;}
a:hover {color:#BE0C0C;}

h1, h2, h3, h4, h5, h6 {font-family: "Times New Roman", Times, serif; font-weight:normal; margin-bottom:0.3em; color:#660000; line-height:1.2em;}

h1 {font-size:3.5em;}
h2 {font-size:2.6em;}
h3 {font-size:2.3em;}
h4 {font-size:1.4em;}
h6 {font-size:3.1em;}

/*BG ----------------------------------------------- -------------------------*/

#frame {background: url(../images/frame-top.jpg) no-repeat; background-position: 0px -5px;}
#wrap {background: white url(../images/bside.gif) repeat-y;}
#wrap2 {background: url(../images/bgsand.jpg);}
#main {background:#ffffff url(../images/haqqani-corner.jpg) no-repeat top right;}
#footerimage {background: url(../images/frame-bottom.jpg) no-repeat; background-position: 0px 0px;}


/*sidebar et textures*/

#sidebar h2 {background: #C6A675; background-position: -63px -219px;}
#sidebar h2 a {color: #fff;}

#sidebar h2 {background:#A98338}
.foundation #sidebar h2 {background: #C6A352}
.memory #sidebar h2 {background: #384420}
.dialogue #sidebar h2 {background: #681117}

/* STRUCTURE - OUTER -----------------------------------*/
#top {padding-top:0px; width:800px; margin:0px auto;  text-align:right; padding-right:25px;}
#frame {padding-top:30px; width:800px; margin:-10px auto;}
#wrap {width:800px;}
#wrap2 {margin-left:25px; margin-right:25px;}

/* STRUCTURE - INNER -------------------------------- */
#content {padding:13px 0 0 10px;}
#main {float:left; width:515px; margin-right:13px;  padding:12px;}
#sidebar {float:left; width:232px;} 
#footerimage {height:30px;}
#footer {padding:10px 3px 1px 3px; margin: 0px 13px; clear:both;}

/*HEADER --------------------------------*/
#header {height:135px; background: white; width:750px;}
#header h1 {margin-left:-1000px; height:1px; font-size:2px; display:none;}
#header a span {display:none;}
#header a {display:block; width:750px; height:135px; }


/*headers - header image controlled by body class*/
.home2 #header {background-image: url(../images/header4.jpg); background-position:0px 0px;} 
.home4 #header {background-image: url(../images/header4.jpg); background-position:0px -135px;}
.home3 #header {background-image: url(../images/header4.jpg); background-position:0px -270px;}
.home #header {background-image: url(../images/header4.jpg); background-position:0px -405px;}



/* MENU -----------------------------------------------------------------------*/
#MenuPos ul {position:relative; top:100px;}
#MenuPos ul li {float:left;}
#MenuPos li a {display:block; height:30px; outline:none;}
#MenuPos li a:hover {outline:none;}
#MenuPos span {margin-left:-9000px;}




/* IE6 NAVIGATION - PRIMARY
------------------------------*/
*html .home #MenuPos ul {position:absolute; top:150px;}



/*LOCAL NAV - in biography and chronology
--------------------*/
#localnav {
position:fixed;
top:204px;
z-index:0;}

#sidebar #localnav h2 {background:none !important}

/*MAIN CONTENT AREA  
---------------------------------*/
#main h1 a, #main h2 a, #main h3 a, #main h4 a {text-decoration:none;}
#main h1 a:hover, #main h2 a:hover, #main h3 a:hover {text-decoration:underline;}

.head-fancy {font-family:"Times New Roman", Times, serif; color:#BE0C0C; font-size:1.6em; margin-bottom:20px; border-bottom:1px dashed; padding:2px; font-variant:small-caps;}
.top-intro {font-family:"Times New Roman", Times, serif; color:#00000C; font-size:1.6em; margin-bottom:20px; padding:2px; font-variant:small-caps;}

#main ul {list-style-type:disc; margin-left:1em;}
#main ol {list-style-type:decimal; margin-left:1.8em;}
#main li {margin-bottom:0.7em;}
#main li li {font-size:90.9%;}
#main li li li {font-size:82.6%;}

#main li p {font-size:100%;}

/* SIDEBAR
--------------------------------*/
#sidebar h2 {font-size:1.9em; font-variant:small-caps; text-align:center; letter-spacing: 0.05em; color:#fff;}

/*slideshow */
#slideshow h2 {margin-bottom:0; background:none; background-color:#660000; color:#EFEFEF; border:0px;}
p.slideshow-caption {font-weight:bold;}


/*gallery*/
.sidebar-gallery {margin-bottom:13px;}
.sidebar-gallery li {float:left; margin-right:3px;}



/*detail*/
.detail {font-size:1em; text-align:right;}



/* NEWS HOME AND FULL VIEW
---------------------------------*/
div.news-strap p {font-weight:bold; font-size:1.4em !important; font-family:"Times New Roman", Times, serif; color:#BE0C0C; border:1px dashed #CCC; border-width: 1px 0}

#news-sidebar p {font-weight:bold}

/* GENERAL
---------------------------------*/

/* pull quotes */
.pullquote {background-color:; padding:2px; border-top:4px solid #660000; border-bottom:4px solid #660000; margin-bottom:13px;}
.pullquote p {font-size:1.4em; padding-top:1.2em; padding-left:1em; padding-right:1em;}

/* captialize */
.capitalize {text-transform:capitalize}

/* iframe */
.iframe {border:2px solid #660000; margin-top:2em; clear:both;}

/* photos */
.photo p {font-weight:bold; font-size:x-small !important;}

/*div widths and floats */

.full {width:452px;}
.half {width:219px}

.floatright {float:right; margin-left:13px;}
.floatleft {float:left; margin-right:13px;}


/* CLEARFIX
------------------------------*/


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearfix {display:inline-block;}
.clearfix {display:block;}


.related ul {list-style-type:disc; margin-left:1.7em;}
.related li {margin-bottom:0.7em;}





/*
-----------------------*/

#frame {padding-top:25px;}

#home #newsfeed {clear:both; margin-bottom:13px;}
#home #newsfeed img {border:3px solid white; margin-right:7px; margin-top:3px;}
#home #newsfeed h3 {font-size:2em;}
#home #newsfeed p {margin-left:74px;}
#home #featured-story {width:450px;}

#main .partners-logos ul {list-style:none;}
#main .partners-logos li {float:left; margin-right:10px;}

#bridges {color:red; text-align:right; padding-right:15px; height:20px;}
#bridges a {display:block; width:400px; height:20px; background: url(../images/bridges.jpg) no-repeat right -5px; float:right;}
#bridges a:hover {background-position: right -30px;}
#bridges a span {display:none;}
#bridges {position:relative; top:0px;}


#search {width:280Px; height:20px; padding-left:15px; float:left;}
#search a {display:block; width:280px; height:25px; background: url(../images/haqqanifoundation.jpg) no-repeat right -5px; float:right;}

#search input {float:left;}
#search input#searchinput {margin-right:5px;}
#search {position:relative; top:-5px;}



#sidebar h2 a {text-decoration:none;}

/* LINKS TABLE
------------------*/

table#links {border-top:1px solid black; border-left:1px solid black}
table#links th, table#links td {border-bottom:1px solid black; border-right:1px solid black; padding:5px;}
table#links th {text-align:left; background-color:#A8997C; color:#EFEFEF;}

.link-name {font-weight:bold;}

#links ul {list-style:disc; margin-left:2em;}
#links li {margin-bottom:1em;}

/*HOME
--------------------------*/


#fp-right-inner {float:left; width:545px;}
*html #fp-right-inner {float:left; width:575px;}

#fp-right-inner h2 {margin-top:5px;}
#fp-right-inner p {font-size:1.05em;}

#home #content {padding-left:10px}

#col-welcome {width:175px;padding-right:10px; float:left; overflow:hidden}
*html #col-welcome {width:155px;}

#col1 {width:275px;padding-right:10px; float:left;}
*html #col1 {width:165px;padding-right:10px;padding-left:20px;}

#col2 {width:775px;padding-right:10px; float:left;}
*html #col2 {width:25px;}

#col3 {width:175px; float:left;}
*html #col3 {width:165px}

.col-news {width:845px; padding-top:10px; padding-bottom:5px; padding-left:15px;padding-right:15px;text-transform:uppercase; min-height:20px; text-align:center; color:#878686;  }
*html .col-news {height:20px;}

.col-news a {color:#ffffff; text-decoration:underline;}
.col-news a:visited {color:#ffffff; text-decoration:none;}
.col-news a:hover {color:#b5963b; text-decoration:underline;}
.col-news ul {list-style-type:disc; margin-left:1em;}
.col-news ol {list-style-type:decimal; margin-left:1.8em;}
.col-news li {color:#878686;font-size:1em; margin-bottom:0.3em;}
.col-news li li {font-size:90.9%;}
.col-news li li li {font-size:82.6%;}

#col-banner-top {margin-bottom:10px; text-align:center; /*margin-bottom:10px;*/}
#col-banner {margin:0pt auto; width:500px; margin-top:30px; float:left;}
#col-banner img {padding-bottom:10px;}

.menu a {COLOR:#FFFFFF; FONT-FAMILY: tahoma, Arial, Helvetica; FONT-SIZE: 11px; LINE-HEIGHT: 13px; TEXT-DECORATION: none;}
.menu a:visited {color:#ffffff; text-decoration:none;}
.menu a:hover {TEXT-DECORATION: text-decoration: underline; color: #ff3300}
.titres
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 13px;
    TEXT-DECORATION: none;
}
.titres:hover
{
    TEXT-DECORATION: underline;
    COLOR: #FF3300;
}
.titres:link
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
}
.titres a
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;

}
.titres:visited
{ 
    COLOR: #FFFFFF;
}
.titres:active
{ 
    COLOR: #3b56a7;
 }   
 
.inter
{
    COLOR: #6f5b36;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none;
}   
#home h1 {font-size:2.6em;}

.home #col-welcome h1 {border-bottom: 2px solid #b6a27d; font-size:2.5em}

h2.recentnews {font-size:1.3em; font-variant:small-caps;}
h2.recentnews-title {font-size: 1.6em; font-variant:small-caps;}

#home h3 {font-size:1.4em;}
#home h4 {font-size:1.0em;}


#searchbar {width:250px; float:right;}


/* BROWSE */
 
.browsecol {}
.browsecol p.description {font-style:oblique;}
.browsecol h2 {font-size:2em;}




}