﻿/* CSS Document */
body {padding:0px; margin:0px; background:url(../_images/mainbg.gif) 0 0 repeat-x #fff; }
body, div, p, tr, td, span {font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;   font-size:12px; line-height:18px; color:#3D3D3D;}
body, div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:984px; height:132px; position:relative; margin:0 auto; padding:0px;}
#logo_banner img{width:390px; height:86px; position:absolute; top:0px; left:0px;}
#top_right_content{float:right;}


#topPan ul{width:580px; height:32px; position:absolute; top:76px; right:0px;}
#topPan ul li{float:left; height:32px; padding:0 0 0 1px;}
/* #topPan ul li a{display:block; width:99px; height:32px; background:url(../_images/menu_normal.gif) 0 0 no-repeat #7E7B00; color:#000000; font-size:11px; font-weight:bold; line-height:32px; text-transform:uppercase; text-align:center; text-decoration:none;} */
#topPan ul li a:hover{background:url(../_images/menu_over.gif) 0 0 no-repeat #7E7B00; color:#FFFFFF; text-decoration:none;}
#topPan ul li a{display:block; width:99px; height:32px; background:url(../_images/menu_normal.gif) 0 0 no-repeat #7E7B00; color:#000000; font-size:11px; font-weight:bold; line-height:32px; text-transform:uppercase; text-align:center; text-decoration:none;}
 
 #topPan ul li.sanzarnibo a{display:block; width:135px; height:32px; background:url(../_images/menu_normal1.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px;text-decoration:none; text-transform:uppercase; text-align:center;}
#topPan ul li.sanzarnibo a:hover{display:block; width:135px; height:32px; background:url(../_images/menu_over1.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px;text-decoration:none; text-transform:uppercase; text-align:center;}

body.default #topPan ul li.home a{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
body.about #topPan ul li.sanzarnibo a{display:block; width:135px; height:32px; background:url(../_images/menu_selected1.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
body.palmreading #topPan ul li.palmreading a{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
body.myfortunes #topPan ul li.myfortunes a{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
body.aboutus #topPan ul li.aboutus a{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
body.contactus #topPan ul li.aboutus a{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
body.forums #topPan ul li.aboutus a{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}

/* .selected{display:block; width:99px; height:32px; background:url(../_images/menu_selected.gif) 0 0 no-repeat #7E7B00; font-size:11px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}*/


#topPan div.breadcrumb{width:480px; height:12px; position:absolute; top:110px; left: 10px; color: #FFFFFF; }
/*
#topPan div.breadcrumb a { color: #FFFFFF; text-decoration: none; }
##topPan div.breadcrumb a:hover {color: #FFFFFF; text-decoration: underline; }
*/
/*
#topPan ul.dropdown{width:480px; height:22px; position:absolute; top:119px; right:0px;}
#topPan ul.dropdown li{float:left; width:79px; height:22px; }
#topPan ul.dropdown li a{display:block; width:79px;background:url(../_images/vertical-dot.gif) 100% 0 no-repeat #fff; color:#3E3E3E; font-size:11px; text-decoration:none; text-align:center; line-height:22px;} 
#topPan ul.dropdown li a:hover{text-decoration:none; background:url(../_images/vertical-dot.gif) 100% 0 no-repeat #fff; color:#7C7900;}

#topPan ul.dropdown li.verticallinenone a{display:block; width:79px;background:#fff; color:#3E3E3E; font-size:11px; text-decoration:none; text-align:center; line-height:22px;} 
#topPan ul.dropdown li.verticallinenone a:hover{text-decoration:none; background:#fff; color:#7C7900;}
*/


/*----- CONTENT BODY -----*/
#bodycontent{width:984px; margin:5px auto 0px auto; padding:0px;}




/*---firstcol----*/
#firstcol{width:764px; float:left;}
#firstcol p{padding:0 0 20px 0;}
#firstcol p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
#firstcol p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#firstcol p.dotline{background:url(../_images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#firstcol p.more{margin:0 0 40px 0px; padding:0px;}
#firstcol p.more a{display:block;width:79px; height:28px; background:url(../_images/redbutton.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#firstcol p.more a:hover{background: url(../_images/bluebutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#firstcol ul{width:156px; padding:0 0 20px 0;}
#firstcol ul li{width:156px; height:20px;}
#firstcol ul li a{width:140px; height:20px; background:url(../_images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#firstcol ul li a:hover{background:url(../_images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}


#firstcol ul.block{width:156px; height:151px; display:block; padding:0px;}
#firstcol ul.block li{width:156px; height:151px;}
#firstcol ul.block li a{width:126px; height:128px; display:block; background:url(../_images/block1-normal.jpg) 0 0 no-repeat #FCFCFC; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}
#firstcol ul.block li a:hover{background:url(../_images/block1-hover.jpg) 0 0 no-repeat #FCFCFC; color:#fff; text-decoration:none;}


/*---/firstcol----*/

/*---secondcol----*/
#secondcol{width:220px; float:right;}
#secondcol p{padding:0 0 20px 0;}
#secondcol p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
#secondcol p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#secondcol p.dotline{background:url(../_images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#secondcol p.more{margin:0 0 40px 0px; padding:0px;}
#secondcol p.more a{display:block;width:79px; height:28px; background:url(../_images/greenbutton.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#secondcol p.more a:hover{background: url(../_images/pinkbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#secondcol ul{width:156px; padding:0 0 20px 0;}
#secondcol ul li{width:156px; height:20px;}
#secondcol ul li a{width:140px; height:20px; background:url(../_images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#secondcol ul li a:hover{background:url(../_images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#secondcol ul.block{width:156px; height:151px; padding:0px;}
#secondcol ul.block li{width:156px; height:151px;}
#secondcol ul.block li a{width:126px; height:128px; display:block; background:url(../_images/block2-normal.jpg) 0 0 no-repeat #FCFCFC; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}
#secondcol ul.block li a:hover{background:url(../_images/block2-hover.jpg) 0 0 no-repeat #FCFCFC; color:#fff; text-decoration:none;}

/*---/secondcol----*/


/*----FOOTER PANEL----*/
#footermainPan{height:214px; background:url(../_images/footerbg.gif) 0 0 repeat-x #565656; color:#fff; clear:both;}
#footerPan{width:1002px;  margin: 0 auto; padding-top:53px; }
#footerPan img.footerlogo{width:186px; height:50px;  margin-top:93px; right:0px;}

#footerPan p { text-align:center; }
#footerPan p a{padding:0 2px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan p a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#565656; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; width:500px; margin:0 auto 0 auto; text-align:center; padding-top: 20px;}

#footerPan ul{width:500px; margin:0 auto 25px auto; }
#footerPan li{font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 12px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}


