@charset "utf-8";
/* CSS Document */

body{margin:0px;}

#top-body{margin:0px auto; width:1000px; height:auto; background-color:#FFFFFF; position:relative; z-index:2}
#top-body #top-content{float:left; width:1000px; min-height:130px; height:auto; border:0px #333333 solid; background-color:#FFFFFF;}

#top-body #top-content #top-logo{float:left; width:500px; height:auto;}
#top-body #top-content #top-right{float:right; width:350px; height:auto; padding-top:20px;}

#top-body #top-content #top-navi{float:left; margin:0px 0px 0px 100px; width:800px; height:auto; background-color:#FFFFFF;}

#top-body #top-content #top-navi a{float:left; width:auto; margin:0px 4px 0px 4px; padding:5px 8px 5px 8px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:center; text-decoration:none; color: #333; border-radius:3px; border:0px solid #CCC; text-transform:uppercase;}
#top-body #top-content #top-navi a:hover{text-decoration:none; background-color: #CCC; color:#FFF; border-radius:3px; text-transform:uppercase;}

#bg-cover{width:100%; height:350px; position:relative; top:130px; background-color: #000; z-index:1; background-image:url(imgs/bc-bg.png); background-repeat:repeat-x;}

#content-slider{float:left; width:100%; height:650px; background-image:url(imgs/bc-bg.png); background-repeat:repeat; overflow:hidden; z-index:1; position:relative; border:0px solid #000;}

#content-slider-overlay{margin:400px auto 0px auto; width:800px; height:150px; background-image:url(imgs/content-slider-bg.png); background-repeat:repeat; z-index:2; position:relative; border:0px solid #000;}

#content-slider-overlay #content-slider-overlay-title{float:left; width:700px; height:auto; margin:15px 0px 0px 20px; font-family:Tahoma, Geneva, sans-serif; font-size:45px; text-align:center; color:#FFFFFF;}

#content-slider-overlay #content-slider-overlay-text{float:left; width:700px; height:auto; margin:15px 0px 0px 20px; font-family:Tahoma, Geneva, sans-serif; font-size:25px; text-align:center; color:#FFFFFF;}

#main-body{margin:0px auto; width:1000px; height:auto; background-color:#FFFFFF; position:relative; z-index:2}
#main-body #body-content{float:left; margin-top:-90px; width:1000px; min-height:500px; height:auto; border:0px #333333 solid; background-color:#FFFFFF;}

#main-body #body-content #welcome-content{float:left; margin-top:0px; width:980px; height:auto; padding:10px; }
#main-body #body-content #welcome-content #wc-txt{float:left; width:750px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#333333; line-height:25px; text-align:justify;}
#main-body #body-content #welcome-content #wc-btn a{float:left; margin:10px 0px 0px 25px; padding-top:10px; width:170px; height:35px; border:2px #000 solid; border-radius:3px; font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#C00; text-align:center; text-decoration:none}
#main-body #body-content #welcome-content #wc-btn a:hover{text-align:center; background-color: #000; color:#fff; border:2px #000 solid;}

#main-body #body-content #div-content{float:left; margin:35px 0px 0px 10px; width:320px; height:200px; border:0px solid #333; text-align:center}
#main-body #body-content #div-content #dv-hd-txt{margin-top:15px; font-family:Tahoma, Geneva, sans-serif; font-size:17px; color: #C00; text-align:center;}
#main-body #body-content #div-content #dv-txt{margin-top:10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#333333; text-align:center; text-align:center;}
#main-body #body-content #div-content #dv-btn a{margin:10px auto; padding-top:4px; width:80px; height:19px; border-radius:2px; background-color: #000; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#fff; text-align:center; text-decoration:none; display: block;}
#main-body #body-content #div-content #dv-btn a:hover{background-color:#C00; color:#fff; text-align:center; text-decoration:none; display: block;}

#main-body #body-content #news-display{float:left; margin-top:50px; width:980px; min-height:300px; height:auto; padding:10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#main-body #body-content #news-display #nd-title{margin:10px auto; font-family:Tahoma, Geneva, sans-serif; font-size:30px; color:#333333; text-align:center;}
#main-body #body-content #news-display #nd-content{float:left; margin:10px 0px; width:900px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333333; text-align:justify; line-height:25px;}
#main-body #body-content #news-display #nd-content #nd-hd-txt{font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#333333;  text-align:justify;}
#main-body #body-content #news-display #nd-content #nd-hd-txt a{font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#333333;  text-align:justify; text-decoration:none;}
#main-body #body-content #news-display #nd-content #nd-hd-txt a:hover{font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#ccc;  text-align:justify; text-decoration:none;}
#main-body #body-content #news-display #nd-content img{float:left; width:85px; height:auto; margin-right:20px; padding:5px; border:1px solid #CCC;}



#main-body #body-content #div-content-half{float:left; margin:35px 0px 0px 10px; width:480px; height:200px; border:0px solid #333; text-align:justify; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
#main-body #body-content #div-content-half #dv-hd-txt{margin-top:15px; font-family:Tahoma, Geneva, sans-serif; font-size:25px; color: #000; text-align:left;}

#footer{float:left; width:100%; height:200px; background-color: #1A1A1A; padding-top:20px; border-top:#E7E144 3px solid;}

#footer #ft-content{margin:0px auto; width:900px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color: #fff; text-align:center; line-height:20px;}

#footer #ft-content a{margin:0px auto; width:900px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color: #fff; text-align:center; line-height:20px; text-decoration:none;}
#footer #ft-content a:hover{color:#999; text-decoration:none;}


/*////////////////////////Pages///////////////////////////*/

#page-banner{float:left; width:100%; height:80px; background-color:#333; border-bottom:3px #E7E144 solid; z-index:0; position:relative;}
#page-banner #page-banner-text{margin:25px auto 0px auto; width:1000px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:25px; text-align:left; color:#FFF; }

#page-body{margin:0px auto; width:1000px; height:auto; background-color:#FFFFFF; position:relative; z-index:0}
#page-body #body-content{float:left; margin-top:5px; width:1000px; min-height:500px; height:auto; border:0px #333333 solid; 
background-color:#FFFFFF;}

#page-body #body-content #body-content-left{float:left; margin-top:50px; width:680px; min-height:550px; height:auto; border:0px solid #000; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:left;}
#page-body #body-content #body-content-right{float:left; margin:50px 0px 0px 38px; width:280px; min-height:550px; height:auto; border:0px solid #000;}

#page-body #body-content #body-content-left #page-title{float:left; width:680px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:25px; text-align:left; color:#333; }
#page-body #body-content #body-content-left #page-content{float:left; width:680px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-align:justify; color:#333; line-height:27px;}
#page-body #body-content #body-content-left  #p-img{float:left; margin:15px 0px 0px 0px; width:680px; height:300px; overflow:hidden}
#page-body #body-content #body-content-left  #p-img-scale{float:left; width:680px; height:auto;}
#page-body #body-content #body-content-left  #page-published{float:left; width:600px; height:auto; margin:10px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:23px; text-align:justify;}

#page-body #body-content #body-content-left #dv-btn a{float:left; margin:5px auto 0px 10px; padding-top:4px; width:80px; height:19px; border-radius:2px; background-color: #000; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#fff; text-align:center; text-decoration:none; display: block;}
#page-body #body-content #body-content-left #dv-btn a:hover{float:left; background-color:#C00; color:#fff; text-align:center; text-decoration:none; display: block;}


#page-body #body-content #body-content-left #news-page-div{float:left; margin-top:20px; width:600px; min-height:75px; height:auto; border-bottom:1px solid #333; padding-bottom:10px;}
#page-body #body-content #body-content-left #news-page-div #news-page-title a{float:left; margin-top:0px; padding:0px 0px 0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:19px; color:#333; text-align:left; text-decoration:none; }
#page-body #body-content #body-content-left #news-page-div #news-page-title a:hover{float:left; margin-top:0px; padding:0px 0px 0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:19px; color:#ccc; text-align:left; text-decoration:none; }
#news-page-img{float:left; width:85px; height:auto;}

#page-body #body-content #body-content-right #content-container{float:left; margin-bottom:50px; width:280px; height:auto; border-top:4px solid #333; padding-top:10px;}
#page-body #body-content #body-content-right #content-container #navi a{float:left; margin-top:0px; width:280px; height:28px; font-family:Tahoma, Geneva, sans-serif; font-size:17px; color:#333; text-align:left; padding:6px 0px 0px 4px; background-image:url(https://www.panafestghana.org/imgs/side-navi-arrow.png); background-repeat:no-repeat; text-decoration:none;}
#page-body #body-content #body-content-right #content-container #navi a:hover{float:left; margin-top:0px; width:280px; height:28px; font-family:Tahoma, Geneva, sans-serif; font-size:17px; color:#ccc; text-align:left; padding:6px 0px 0px 4px; background-image:url(https://www.panafestghana.org/imgs/side-navi-arrow2.png); background-repeat:no-repeat; text-decoration:none;}

#navi-div{float:left; margin:5px 0px 5px 0px; width:280px; height:1px; border-bottom:1px solid #999;}

/*///////////////////// frms ///////////////////////////*/

#txtbx{width:200px; height:25px; margin:20px 20px 0px 0px; padding:5px 0px 5px 25px; border:1px solid #ccc; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#999999;}
#txtarea{width:450px; height:120px; margin-top:20px; padding:10px 0px 5px 25px; border:1px solid #ccc; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#999999;}

#submit{margin:5px 0px 0px 0px; width:150px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:center; text-decoration:none; font-weight:bold; padding-top:0px; color:#ccc; border:1px #ccc solid; border-radius:10px; background:none;}

#error-txt{margin:25px 0px 10px 0px; font-family:Tahoma, Geneva, sans-serif; font-size:16px; text-align:left; color:#CC0000;}


/*table*/

table{width:680px; height:auto; border:1px solid #666;}
table th{padding:2px; height:auto; border:0px solid #666;}
table td{padding:3px; height:auto; border:1px solid #666; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-align:left; line-height:20px;}

/*/////////////////////////////// Photo ///////////////////////////////*/

#photo-table{width:680px; height:auto; border:0px solid #666;}
#photo-table td{padding:3px; height:auto; border:0px solid #666; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-align:left; line-height:20px;}

#photo-section{float:left; width:900px; min-height:450px; height:auto; border:0px #333333 solid;}
#photo-section #page-title{margin:30px 0px 20px 20px; font-family:Tahoma, Geneva, sans-serif; font-size:25px; color:#333333; text-align:left; border-bottom:3px solid #999; }
#photo-section #home-img{padding:3px; border:1px solid #ccc;}
#photo-section #home-txt{width:168px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333333; text-align:left; border:0px solid #999;}
#photo-section #home-txt a{color:#333333; text-decoration:none; font-weight:bold;}
#photo-section #home-txt a:hover{color:#CCC; text-decoration:none}

#photo-section #thumb-img{padding:3px; border:1px solid #ccc;}
#photo-section #thumb-title{margin:10px 0px 20px 20px; font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#333333; text-align:left;}
#photo-section #thumb-text{margin:20px 0px 10px 20px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333333; text-align:left; border:0px solid #999;}

#photo-section #thumb-text a{color:#333333; text-decoration:none; font-weight:bold;}
#photo-section #thumb-text a:hover{color:#CCC; text-decoration:none}


/*/////////////////////////////// Video ///////////////////////////////*/

#video-container{float:left; padding:10px; margin-top:20px; width:600px; min-height:25px; border:1px #ccc solid;
box-shadow: 0px 0px 1px 0px #C9C9C9; -ms-filter: progid:DXImageTransform.Microsoft.Shadow( Strength=3, Direction=135, Color='#999999' );}
#video-container #vc-div{float:left;}
#video-container #vc-text{float:left; margin:10px 0px 0px 10px; width:430px;  font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-align:left;}
#video-container #vc-watch a{float:left; margin:20px 0px 0px 10px; width:100px; height:25px; border-radius:3px; background-color:#FF6600; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#fff; padding-top:6px; text-decoration:none;} 
#video-container #vc-watch a:hover{float:left; margin:20px 0px 0px 10px; width:100px; height:25px; border-radius:3px; background-color:#FFA042; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333; padding-top:6px; text-decoration:none;} 
#v-name{float:left; margin-top:10px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; text-align:left;}
#video-social-plugin{float:left; margin-top:20px; width:600px;}


/* /////////////////////////////////// Navigation Menu Main CSS //////////////////////////////////// */


#nav{float:left; margin:0px 0px 0px 100px; width:800px; margin-top:0px; background-color:; height:40px; padding-left:5px; z-index:1px; position:relative;}

#nav a{width:auto; margin:0px; padding:5px 6px 5px 6px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:center; text-decoration:none; color: #333; border-radius:3px; border:0px solid #CCC; text-transform:uppercase; border:0px solid #000;}
#nav a:hover{text-decoration:none; background-color: #CCC; color:#FFF; border-radius:3px; text-transform:uppercase; border-top:1px #E7E144 solid;}

#nav #li-div{border-bottom:1px #CCCCCC dotted;}
#nav #li-ft{height:3px; margin-top:5px;background-color:#000033;}

#nav ul{margin:0; padding:0; list-style:none;} 

/*bg*/
#nav ul li{margin:0; padding:5px 2px; position:relative; height:20px; line-height:20px; text-align:left; text-transform:uppercase; border:0px solid #000;} 
/*bg tab*/
#nav > ul > li {float: left; height:30px; line-height:30px; color:; }

#nav li > ul{visibility:hidden; width:220px; height:auto; position:absolute; top:0px; left:180px; padding:0px 5px 10px 5px; border-left:0px solid #000; background-color: #FFF; z-index:200; border-top:2px #E7E144 solid; box-shadow: 0px 2px 3px 1px  #666666; -moz-box-shadow:0px 2px 3px 1px #CCCCCC; -webkit-box-shadow:0px 2px 5px 1px #CCCCCC; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=150,Color='#CCCCCC')";}

#nav li > ul a{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #999; text-decoration:none; text-align:left; text-transform:uppercase;}
#nav li > ul a:hover {color:#333; text-decoration:none; border-top:0px #FFCC00 solid; border-bottom:0px #CCCCCC solid; display:block;}

#nav > ul > li > ul{top:35px; left:15px; } 
#nav li:hover{background-color:;}

#nav li:hover > ul{visibility:visible; }


/*///////////////////// slider //////////////////*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  z-index:1;
  position:relative;
  margin-top:-600px;
  }