/* CSS Document */

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#pagewidth{ 
 max-width:1024px;  

 min-width:1024px;  
}
 
#header{
 position:relative; 
 background-color:#3B3B3B; 
 height:109px; 
  width:1024px;
} 
 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:1024px; 
 }
 
#footer{
 height:64px; 
 background:url(../images/footer.gif) no-repeat;

 clear:both;
 width:1024px;
 } 
 
 #mainbodycenter{
 background-color:#F2F1DF; 
 clear:both;
 width:1024px;
 } 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* ####################### First Header #############################*/
#logo
{
background:url(../images/logo.gif) no-repeat;
height:109px;
width:477px;
position:relative;
float:left;
}


#head_bg
{background:url(../images/head_bg.gif) repeat-x;
	position:relative;
	height:109px;
	width:523px;
	float:left;
	}

#header-flower{
background:url(../images/img-head-flower.gif) no-repeat;
 position:relative; 
 height:109px; 
 width:100px;
 float:right;
} 


#topmenu
{
width:400px;
position:relative;
float:right;
margin: 10px 10px 5px 10px;
padding:5px;
}

#footermenu
{
width:600px;
position:relative;
float:right;
margin: 10px 10px 10px 10px;
padding:5px;
}

#footermenub
{
width:1024px;
position:relative;
float:left;
margin: 0px 0px 0px 0px;
padding:0px;
}

.footetext
{
font-family:arial;
font-size:10px;
color:#FFFFFF;
position:relative;
}



#sectopmenu
{
width:340px;
position:relative;
float:right;
margin: 0px 0px 0px 0px;
padding:5px;
}


#searchmenu
{
width:350px;
position:relative;
float:left;
margin-top:80px;
margin-left:200px;
padding:5px;
}
/* #####################   Start 2nd Header #######################  */
#nd-main
{
position:relative; 
 height:187px; 
 width:1024px;
 float:left;

}

 #nd-header{
background:url(../images/ourmotois.gif) no-repeat;
 position:relative; 
 height:187px; 
 width:597px;
 float:left;
} 

#nd-Boys{
background:url(../images/boy.gif) no-repeat;
 position:relative; 
 height:187px; 
 width:427px;
 float:right;
} 

#orangebg{
background:url(../images/orangebg.gif) no-repeat;
 position:relative; 
 height:187px; 
 width:1024px;
} 


/* #####################   Left Menu Start #######################  */
#leftmenu
{
position:relative;
margin-top:10px;
float:left;
width:207px;
BORDER-RIGHT:#666666 1px solid; BORDER-TOP: #666666  1px solid;); BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffff
margin:auto;
}


h2 {
        font: bold 12px Arial;
        color:#000000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

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

img {
    border: none;
}


/*- Menu 2--------------------------- */

#menu2 {
        width: 204px;
        margin: 0px;
        border-style: solid solid none solid;
        border-color: #D8D5D1;
        border-size: 1px;
        border-width: 1px;
        }

#menu2 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu2 li a:link, #menu2 li a:visited {
        color: #000;
        display: block;
        background:  url(../images/menu2.gif);
        padding: 8px 0 0 30px;
        }

#menu2 li a:hover, #menu2 li #current {
        color:#000000;
        background:  url(../images/menu2.gif) 0 -32px;
        padding: 8px 0 0 32px;
        }

/* #####################   End Left Menu Start #######################  */


/* #####################   Main Body #######################  */
.mainbgcolor
{
background-color:#F2F1DF;
margin:auto;
}

#mainbody
{
position:relative;
float:right;
width:750px;
height:auto;
margin-right:20px;
}

#mainbody1
{
position:relative;
float:left;
width:350px;
height:auto;
margin-right:20px;
}

#mainbody2
{
position:relative;
float:right;
width:350px;
height:auto;
margin-right:20px;
}

#mainbodyhl
{
position:relative;
float:l;
width:250px;
height:auto;
margin-right:20px;
}

img-flag
{
background:url(../images/img-flag.gif) no-repeat;
width:100px;
height:68px;
position:relative;
float:left;
padding:1px;
}

/* #####################  End Main Body #######################  */
/* #####################   Start Main #######################  */
/* #####################   End Main #######################  */

/* #####################   Start Footer #######################  */
/* #####################   End Footer #######################  */


/* #####################   Start Menu #######################  */
/* #####################   End Menu #######################  */

/* #####################   Start Footer #######################  */
/* #####################   End Footer #######################  */
/* #####################   Text Link  ####################### */




.font-white
{
font-family:arial;
font-size:14px;
font-weight:bold;
color:#F3F3F3;
text-decoration:none;
}
.font-white:hover
{
font-family:arial;
font-size:14px;
font-weight:bold;
color:#FFCC00;
text-decoration:none;
}

.textblack_hyperlink
{
font-family:arial;
font-size:14px;
font-weight:bold;
color:#333333;
text-decoration:none;
}
.textblack_hyperlink:hover
{
font-family:arial;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.heading-font
{
font-family:Arial;
color:FFC200;
font-size:24px;
font-weight:bold;
}

.text-font
{
font-family:Arial;
font-size:14px;
text-align:justify;
font-weight:normal;
color:#3B3B3B;
padding:5px;
font-style:normal;
}

.textbox-font
{
font-family:Arial;
font-size:12px;
text-align:justify;
font-weight:normal;
color:#3B3B3B;
background:#F3F3F3;
border:solid 1px #666666;
}

.readmore
{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FF9900;
}
.readmore:hover
{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#009900;
}

.TextH3
{
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#FF9900;
}

.textblack
{
font-family:arial;
font-size:12px;
font-weight:bold;
color:#333333;
text-decoration:none;
}

.Tab1
{
font-family:arial;
font-size:12px;
font-weight:bold;
color:#333333;
text-decoration:none;
background:#FFCC00;
cursor:hand;
border:double #333333;
}

.texorange1
{
font-family:arial;
font-size:12px;
font-weight:bold;
color:#FF9900;
text-decoration:none;
}

#freedom
{
background:url(../images/freedom.gif) no-repeat;
height:150px;
width:736px;
position:relative;
float:left;
}

#Culture
{
background:url(../images/Culture.gif) no-repeat;
height:150px;
width:736px;
position:relative;
float:left;
}


#Defence
{
background:url(../images/Defence.gif) no-repeat;
height:150px;
width:736px;
position:relative;
float:left;
}

#Femaily
{
background:url(../images/Femaily.gif) no-repeat;
height:150px;
width:736px;
position:relative;
float:left;
}
z