/*************************************************************/
/* Design: nigerians.biz */
/* Author: P.Garain */
/* Web Site: nigerians.biz */
/* Date: July 2007 */
/*************************************************************/
/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
/*------------*/
/* 1.1 - Body */
/*------------*/
body{ margin:0; padding:0; line-height: 1.5em; min-width: 965px; width: 100%;}
.corriform { margin:0; padding:0; line-height: 1.5em; min-width: 1020px; width: 100%;}
/*-----------------------------------------------------*/
/* 1.2 - Main frame (3 colunms - left and right fixed) */
/*-----------------------------------------------------*/
#maincontainer{ background: #FFFFFF; }
#topsection{ background: #FFFFFF; }
#topleft { position : absolute; left : 3%; width : 185px; margin-left : 5px; margin-top : 1px; color : #000000; padding : 3px; background: #FFFFFF; }
#topright { float:right ; top : 1px; width : 600px; padding-right : 15px; z-index : 3; color : #000000; padding : 5px; text-align:right; background: #FFFFFF; }
#contentwrapper{ float: left; width: 100%; }
#contentcolumn{ margin: 0 0 0 180px; background: #FFF /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#leftcolumn{ float: left; width: 180px; /*Width of left column*/ margin-left: -100%; background: #F00; }
#rightcolumn{ float: left; width: 5px; /*Width of right column*/ margin-left: -5px; /*Set left marginto -(RightColumnWidth)*/ background: #F00; }
#footer{ clear: left; width: 100%; background: #F00; text-align: center; padding: 2px; }
.innertube{ margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
#Itopsection{ background: red; height: 5px; /*Height of top section*/ }
#Icontentwrapper{ float: left; width: 100%; }
#Icontentcolumn{ margin: 0 5px 0 350px; background: #FFF /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#Ileftcolumn{ float: left; width: 350px; /*Width of left column*/ margin-left: -100%; background: #FFF; }
#Irightcolumn{ float: left; width: 5px; /*Width of right column*/ margin-left: -5px; /*Set left marginto -(RightColumnWidth)*/ background: #F00; }
#Ifooter{ clear: left; width: 100%; background: #F00; text-align: center; padding: 0px; height: 30px; }
.Iinnertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
/**************************/
/* SECTION 2 - NAVIGATION */
/**************************/
/*------------------------------------*/
/* 2.1 - Navigation - Horizontal menu */
/*------------------------------------*/
#navhor ul { font: bold 11px arial; padding: 2px 0; margin: 0; width: 100%; background-color: red; text-align: right; /*set value to "right" for example to align menu to the right of page*/ } }
#navhor li.First { font: 11px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #F00; color: #FFF; padding: .2em 0em; border-left: 1px solid #fff; }
#navhor li { font: 11px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; display: inline; }
#navhor li a { font: 11px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #F00; color: #FFF; padding: .2em 1em; border-left: 1px solid #fff; }
#navhor li a:hover { font: 11px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #369; color: #fff; }
/*----------------------------------*/
/* 2.2 - Navigation - Vertical menu */
/*----------------------------------*/
/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; /*For KHTML*/ list-style: none; }
ul#navmenu:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif Arial, Verdana, Helvetica; content: "."; height: 0; visibility: hidden; }
ul#navmenu li { float: left; /*For IE 7 lack of compliance*/ display: block; /* !Important - For GOOD browsers*/ display: inline; /*For IE*/ position: relative; }
/* Root Menu */
ul#navmenu a { border: 2px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 10px 0px 10px 5px; display: block; background: #C0C0C0; color: #666; font: bold 10px/22px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ }
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #CCC; color: #000; }
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { background: #C0C0C0; color: #666; }
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #CCC; color: #000; }
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #C0C0C0; color: #666; }
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #000; }
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #C0C0C0; color: #666; }
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #000; }
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; }
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }
/*---------------------------*/
/* 2.3 - Rollover CSS Button */
/*---------------------------*/
/*---------------------*/
/* 2.3.1. - Nederlands */
/*---------------------*/
#FotoGalerieNL
{
display: block;
width: 110px;
height: 30px;
background: url("../Images/b_PhotoNL.gif") no-repeat 0 0;
}
#FotoGalerieNL:hover
{
background-position: 0 -30px;
}
#FotoGalerieNL span
{
display: none;
}
/*------------------*/
/* 2.3.2. - English */
/*------------------*/
#FotoGalerieEn
{
display: block;
width: 110px;
height: 30px;
background: url("../Images/b_PhotoEn.gif") no-repeat 0 0;
}
#FotoGalerieEn:hover
{
background-position: 0 -30px;
}
#FotoGalerieEn span
{
display: none;
}
/*********************************/
/* SECTION 3 - COMMON PARAMETERS */
/*********************************/
/*-------------------*/
/* 3.1 - Normal text */
/*-------------------*/
p, ul, ol, li, blockquote { font: 13px Arial,geneva,helvetica; }
a { font: 13px Arial,geneva,helvetica ; font-weight: bold ; }
a:link { color: #336699 ; }
a:visited { color: #336699 ; }
a:hover { color: #F00; }
/*-------------------*/
/* 3.2 - Special text */
/*-------------------*/
.border0 { border-width: 0px; border:0px }
.SWText { font: 11px Arial,geneva,helvetica; color: #FFFFFF; font-weight:bold; }
.smalltext { font: 11px Arial,geneva,helvetica; }
.iconormcolor { color: #FC0140; font-weight: bold; }
.detail {margin: 0.2em 0px 0.2em 0px; font-size: 16px; font-style: italic; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #00A400}
.detailMenu { font: 12px Arial,geneva,helvetica ; font-weight: bold ; }
.detailMenu a { font: 12px Arial,geneva,helvetica ; font-weight: bold ; color: #336699 ; }
.detailMenu a:link { font: 12px Arial,geneva,helvetica ; font-weight: bold ; color: #336699 ; }
.detailMenu a:visited { font: 12px Arial,geneva,helvetica ; font-weight: bold ; color: #336699 ; }
.detailMenu a:hover { font: 12px Arial,geneva,helvetica ; font-weight: bold ; color: #F00 ; }
.Design { color: #fff; font: 10px Arial, Helvetica; text-decoration: none; font-weight: bold; }
.Design a { color: #fff; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.Design a:link { color: #fff; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.Design a:visited { color: #fff; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.Design a:hover { color: #000000; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.site { color: #FF0000; font: 10px Arial, Helvetica; text-decoration: none; font-weight: normal; text-align: right; }
.site a { color: #FF0000; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.site a:link { color: #FF0000; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.site a:visited { color: #FF0000; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.site a:hover { color: #336699; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.corriform { color: #000000; font: 16px Arial, Helvetica; text-decoration: none; font-weight: bold; text-align: right; }
.corriform a { color: #000000; font: 16px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.corriform a:link { color: #000000; font: 16px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.corriform a:visited { color: #000000; font: 16px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.corriform a:hover { color: #336699; font: 16px Arial, Helvetica; text-decoration: underline; font-weight: bold; }
.bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333 }
/*--------------------*/
/* 3.3 - Heading - Hx */
/*--------------------*/
h1 {margin: 0.2em 0px 0.2em 0px; font-size: 18px; font-family:Arial, Helvetica, sans-serif; color: #F00}
h2 {margin: 0.2em 0px 0.2em 0px; font-size: 17px; font-family:Arial, Helvetica, sans-serif; color: #F00}
h3 {margin: 0.2em 0px 0.2em 0px; font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #F00}
h4 {margin: 0.2em 0px 0.2em 0px; font-size: 15px; font-family:Arial, Helvetica, sans-serif; color: #F00}
h5 {margin: 0.2px 0px 0.2em 0px; font-size: 14px; font-family:Arial, Helvetica, sans-serif; color: #F00}
h6 {margin: 0.2px 0px 0.2em 0px; font-size: 13px; font-family:Arial, Helvetica, sans-serif; color: #F00}
/*-----------------------------*/
/* 3.4 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-justify { text-align: justify;}
/*-----------------------*/
/* 3.5 - Table Highlight */
/*-----------------------*/
.normal { background-color: #FFFFFF }
.highlight { background-color: #EEEEEE }
/*****************************/
/* SECTION 4 - Photo Gallery */
/*****************************/
/*---------------------*/
/* 4.3 - Table gallery */
/*---------------------*/
/* gallery-specific styles */
/* gallery container */
.gallery { text-align: center; margin: 1em 5%; background-color:#EEEEEE ; border: 3px solid #336699; padding: .5em; }
.gallery a { text-decoration: none; background: #fff; color: #336699; }
.gallery a:link { background: #fff; color: #336699;}
.gallery a:visited, .gallery a:focus, .gallery a:active { background: #fff; color: #336699; }
.gallery a:hover{ background: #80FF00; color: #000000; cursor: hand;}
.gallery a img { border-width: 0px; vertical-align: middle;}
/* outer container for each image/caption pair */
.gallery p { display: inline; }
/* For the container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */
/* inner container for each image/caption pair */
.gallery a {
display: table-cell; /* default, for gecko & Opera6- */
margin: .5em;
padding: 5px;
vertical-align: top; /* aligns the img/caption container */
width: 8em; /* adjusts with text size */
min-width: 110px; /* not always honored, but that's OK */
border: 2px solid #336699;
height: 135px;
background: #fff;
color: #009;
}
/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
display: block; /* fill container width, force a line break */
height: 110px; /* a bit larger than highest img */
line-height: 110px; /* same value as height */
text-align: center;
*/ border: 1px dashed #f00; /* uncomment to show */
}
/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
display: block;
height: 2.5em; /* makes each box a consistent height */
padding: 5px 5px 0 5px;
text-align: center;
font-style: normal;
line-height: 120%; /* standard spacing */
/* border: 1px dashed #00f; /* uncomment to show */
}
/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
display: table-cell; /* gecko & Opera6- */
display: inline-table; /* Safari & some other browsers */
display: inline-block; /* WinIE & some other browsers */
}
/* star-html hack to show rule(s) just to IE (Win and Mac) */
* html .gallery a {
display: table-cell; /* gecko & Opera6- */
display: inline-table; /* Safari & some other browsers */
display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \
* html .gallery span {
display: inline ;
} */
}
/*******************************/
/* SECTION 5 - Levels in lists */
/*******************************/
#navcontainer { margin-left: 200px;}
.LevelGrayL1 { font : 15px Arial,geneva,helvetica ; color: gray ; font-weight: bold; }
#navLevel1 li { list-style-type: upper-roman; }
.Level1 a { font : 15px Arial,geneva,helvetica ; color: #00A400 ; font-weight: bold; text-decoration: none; }
.Level1 a:link { font : 15px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level1 a:visited { font : 15px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level1 a:hover { font : 15px Arial,geneva,helvetica ; COLOR: #FF0000 ; font-weight: bold; text-decoration: underline; }
#navLevel2 li { list-style-type: circle; }
.Level2 a { font : 14px Arial,geneva,helvetica ; color: #00A400 ; font-style:italic ; font-weight: bold; text-decoration: none; }
.Level2 a:link { font : 14px Arial,geneva,helvetica ; COLOR: #00A400 ; font-style:italic ; font-weight: bold; text-decoration: none; }
.Level2 a:visited { font : 14px Arial,geneva,helvetica ; COLOR: #00A400 ; font-style:italic ; font-weight: bold; text-decoration: none; }
.Level2 a:hover { font : 14px Arial,geneva,helvetica ; COLOR: #FF0000 ; font-style:italic ; font-weight: bold; text-decoration: underline; }
#navLevel3 li { list-style-type: disc; }
.Level3 a { font : 13px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level3 a:link { font : 13px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level3 a:visited { font : 13px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level3 a:hover { font : 13px Arial,geneva,helvetica ; COLOR: #FF0000 ; font-weight: bold; text-decoration: underline;}
#navLevel4 li { list-style-type: square ; }
.Level4 a { font : 12px Arial,geneva,helvetica ; COLOR: #00A400 ; font-style:italic ; font-weight: bold; text-decoration: none; }
.Level4 a:link { font : 12px Arial,geneva,helvetica ; COLOR: #00A400 ; font-style:italic ; font-weight: bold; text-decoration: none; }
.Level4 a:visited { font : 12px Arial,geneva,helvetica ; COLOR: #00A400 ; font-style:italic ; font-weight: bold; text-decoration: none; }
.Level4 a:hover { font : 12px Arial,geneva,helvetica ; COLOR: #FF0000 ; font-style:italic ; font-weight: bold; text-decoration: underline;}
#navLevel5 li { list-style-type: none ; }
.Level5 a { font : 11px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level5 a:link { font : 11px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level5 a:visited { font : 11px Arial,geneva,helvetica ; COLOR: #00A400 ; font-weight: bold; text-decoration: none; }
.Level5 a:hover { font : 11px Arial,geneva,helvetica ; COLOR: #FF0000 ; font-weight: bold; text-decoration: underline;}