.cathead { 
float : left;
position : relative;
font-weight: bold;
color: #ffffff;
font-size: 11pt;
font-family:Arial;
padding-top:0px;
padding-left:8px;
TEXT-ALIGN: left;
}
.cathead a { 
color: #ffffff;
font-size: 9pt;
font-family:Arial;
text-align: left;
text-decoration: none;
}
.cathead a:hover { 
color: #ffffff;
font-size: 9pt;
font-family:Arial;
text-align: left;
text-decoration: underline;
}

.head-cat{
color: #ffffff;
font-size: 11pt;
font-family:Arial;
padding-top:0px;
padding-left:18px;
padding-bottom:25px;
TEXT-ALIGN: left;
}







#greenhead { 
background-image: url('greenhead.gif');
float : left;
position : relative;
width : 180px;
height : 34px;
}



#greenbg { 
background-image: url('greenbg.gif');
float : left;
position : relative;
width : 180px;

}


#greenbgin { 
float : left;
position : relative;
width : 160px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;

}
div.men {
padding-left: 0px;
padding-right: 0px;

}

div.men a { 
width : 160px;
background-color : #ffffff;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #999999;
padding-top:3px;
padding-bottom:3px;
TEXT-ALIGN: left;
display: block;
text-decoration: none;
}

div.men a:hover {
width : 160px;
background-color : #ffffff;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #86b61f;
padding-top:3px;
padding-bottom:3px;
TEXT-ALIGN: left;
text-decoration: none;
}



div.menline {
background-image: url('menline.gif');
width: 160px;
height: 5px;
}



div.men1 {
padding-left: 0px;
padding-right: 0px;

}

div.men1 a {
width : 160px;
background-color : #f2f9e3;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #999999;
padding-top:3px;
padding-bottom:3px;
TEXT-ALIGN: left;
display: block;
text-decoration: none;
}
div.men1 a:hover {
width : 160px;
background-color : #f2f9e3;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #86b61f;
TEXT-ALIGN: left;
text-decoration: none;
}


















#greenbot { 
background-image: url('greebot.gif');
float : left;
position : relative;
width : 180px;
height : 9px;
}



#rosehead { 
background-image: url('rosehead.gif');
float : left;
position : relative;
width : 180px;
height : 34px;
}



#rosebg { 
background-image: url('rosebg.gif');
float : left;
position : relative;
width : 180px;

}

#rosebot { 
background-image: url('rosebot.gif');
float : left;
position : relative;
width : 180px;
height : 9px;
}



.viohead { 
background-image: url('viohead.gif');
float : left;
position : relative;
width : 180px;
height : 34px;
}



.viobg { 
background-image: url('viobg.gif');
float : left;
position : relative;
width : 180px;

}

.viobot { 
background-image: url('viobot.gif');
float : left;
position : relative;
width : 180px;
height : 9px;
}






#gbhead { 
background-image: url('gbhead.gif');
float : left;
position : relative;
width : 180px;
height : 34px;
}



#gbbg { 
background-image: url('gbbg.gif');
float : left;
position : relative;
width : 180px;

}

#gbbot { 
background-image: url('gbbot.gif');
float : left;
position : relative;
width : 180px;
height : 9px;
}













div.yellowhead { 
background-image: url('yellowhead.gif');
float : left;
position : relative;
width : 180px;
height : 34px;
}

div.yellowbg { 
background-image: url('yellowbg.gif');
float : left;
position : relative;
width : 180px;
}

div.yellowbot { 
background-image: url('yellowbot.gif');
float : left;
position : relative;
width : 180px;
height : 9px;
}






div.menuin { 
float : left;
width: 170px;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
}

div.mx1
{
width:90px;
background-color : #ffffff;
float:left;
margin:0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
color: #e47c80;
padding-top:3px;
padding-bottom:3px;
TEXT-ALIGN: left;
border-top: 1px solid #ffffff;

}

div.mx2
{
width:2px;
float:left;
margin:0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
color: #000000;

TEXT-ALIGN: right;
border-top: 1px solid #ffffff;
}

div.mx3
{
width:68px;
background-color : #ffffff;
float:left;
margin:0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
padding-top:3px;
padding-bottom:3px;
color: #000000;

TEXT-ALIGN: right;
border-top: 1px solid #ffffff;
}


div.othmenu {
padding-left: 9px;
padding-right: 0px;

}

div.othmenu a {
width: 164px;
font-family: Arial;
color: #333333;
font-size: 9pt;
font-weight: ;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom:1px dashed #afafaf;
display: block;
text-decoration: none;
}
div.othmenu a:hover {
width: 164px;
font-family: Arial;
font-size: 9pt;
font-weight: ;
text-decoration: none;
color: #c55702;
}




div.othmenu1 {
padding-left: 9px;
padding-right: 0px;

}

div.othmenu1 a {
width: 164px;
height: 20px;
font-family: Arial;
color: #333333;
font-size: 9pt;
font-weight: ;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px dotted #afafaf;
display: block;
text-decoration: none;
}
div.othmenu1 a:hover {
width: 164px;
height: 20px;
font-family: Arial;
font-size: 9pt;
font-weight: ;
text-decoration: none;
color: #c55702;
}





.bullet {
  float:left;margin:3px 5px 0px 0px;
  }


.bullet1 {
  float:left;margin:3px 5px 0px 5px;
  }



div#cloud {
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #999999;

}

div#cloud a {
font-family: Arial;
color: #999999;
font-size: 11pt;
font-weight: bold;
padding-bottom: 4px;
padding-right: 4px;
text-decoration: none;
}

div#cloud a:hover {
font-family: Arial;
color: #9bce2e;
font-size: 11pt;
padding-right: 4px;
padding-bottom: 4px;
font-weight: bold;
text-decoration: none;

}




div.mores
{
float:left;
width:167px;
margin:0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
color: #999999;
padding:3px;
TEXT-ALIGN: right;
}



div.memberbox { 
background-image: url('membersbox.gif');
float : left;
position : relative;
width : 180px;
height : 244px;
}

div.memberbox1 { 
float : left;
position : relative;
width : 180px;
height : 34px;
}



div.emx
{
width:81px;
float:left;
margin:0px;
}


div.emx1
{
width:45px;
float:left;
margin:0px;
color: #ffffff;
font-size: 8pt;
font-family:Arial;
padding-top:17px;
padding-bottom:3px;
font-weight: bold;
text-align: center;
}

div.emx2
{
width:2px;
float:left;
margin:0px;

}

div.emxon
{
background-image: url('exmonbg.gif');
width:45px;
float:left;
margin:0px;
color: #016e97;
font-size: 9pt;
font-family:Arial;
padding-top:17px;
padding-bottom:3px;
font-weight: bold;
TEXT-ALIGN: center;
}


div.exmhead
{

color: #ffffff;
font-size: 11pt;
font-family:Arial;
padding-top:8px;
padding-left:8px;
font-weight: bold;
TEXT-ALIGN: left;
}


div.memberbox2 { 
float : left;
position : relative;
width : 180px;
height : 195px;
padding-top: 5px;
}

.mems {
  float:left;margin:0px 5px 0px 3px;
  }


div.join { 
float:left; 
padding-left:6px;
}

div.moremem { 
float:left; 
padding-right:0px; 
width:111px; 
}







div.othsubmenu {
padding-left: 0px;
padding-right: 0px;

}

div.othsubmenu a {
width: 160px;
font-family: Arial;
color: #86b61f;
font-size: 8pt;
font-weight: bold;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom:1px dashed #afafaf;
display: block;
text-decoration: none;
}
div.othsubmenu a:hover {
width: 160px;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #c55702;
}








div.profilestat {
width: 77px;
float: left;
font-family: Tahoma;
color: #333333;
font-size: 8pt;
padding-left: 0px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
}

div.profilestat1 {
width: 1px;
float: left;
font-family: Tahoma;
color: #333333;
font-size: 8pt;
padding-left: 0px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
}


div.profilestat2 {
width: 79px;
float: left;
font-family: Tahoma;
color: #333333;
font-size: 8pt;
padding-left: 0px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
TEXT-ALIGN: right;

}





#whiteroundtop { 
background-image: url('whiteroundtop.gif');
float : left;
position : relative;
width : 180px;
height : 11px;
}



#whiteroundbg { 
background-color : #ffffff;
float : left;
position : relative;
Padding-left: 10px; 
Padding-right: 10px;
width : 160px;
}
#whiteroundbot { 
background-image: url('whiteroundbot.gif');
float : left;
position : relative;
width : 180px;
height : 11px;
}

.invit-frnd-lft {
float:left;
width:245px;
border:solid 1px #000;
}