﻿*{
    margin: 0;
    padding: 0;}
body{
    width: 995px;
    margin: 0 auto;
    background: #FFFFFF;
    font-family: Arial;
    color: #000066;}
p{
    font-size: 0.7em;}
    
ul#top_menu{
    width: 995px;
    height: 47px;
    background: #212060 url("../Images/top_menu_bg.png") no-repeat top left;}
#top_menu li{
    list-style: none;
    float: left;}
#top_menu li a{
    color: #FFFFFF;
    text-decoration: none;
    height: 35px;
    padding-top: 12px;
    display: block;
    border-right: 1px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;}
#top_menu li a:hover{
    text-decoration: underline;}
.m1 a{width: 77px;}
.m2 a{width: 182px;}
.m3 a{width: 165px;}
.m4 a{width: 147px;}
.m5 a{width: 127px;}
.m6 a{width: 157px;}
#top_menu li.m7 a{width: 110px; border-right: none;}

h3.title{
    font-size: 1.0em;
    margin-left: 10px;}

#header{
    width: 645px; /*995px*/
    padding-left: 350px;
    height: 469px;
    float: left;
    background: url("../Images/header_bg.jpg") no-repeat top left;
    overflow: hidden;}
#header h1{
    width: 626px;
    height: 98px;
    display: inline;
    background: url("../images/the_psychic_gift.jpg") no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    margin-top: 10px;
    float: left;}
#header h2{
    float: left;
    width: 626px;
    margin: 5px 0 20px 0;
    font-size: 22px;
    color: #330066;}
#header h4{
    font-size: 16px;
    margin-bottom: 5px;
    color: #330066;}    
#header p{
    font-size: 13px;
    font-weight: bold;
    color: #0F1011;}
.tel_numbers{
    font-size: 27px;
    margin-right: 40px;
    font-weight: bold;
    color: #CC33CC;}
.tel_numbers_small_print{
    color: #CC33CC;
    font-weight: bold;}
#header .smallprint{
    font-size: 10px;}
#header_box_1, #header_box_2, #header_box_3{
    }
#header_box_1{
    width: 140px;
    padding-right: 10px;
    float: left;}
#header_box_2{
    float: left;
    width: 235px;
    padding: 0 10px;
    border-left: 1px solid #CC33CC;
    border-right: 1px solid #CC33CC;}
#header_box_3{
    float: left;
    padding-left: 10px;
    width: 225px;}

#content{
    width: 955px;
    padding: 0 20px 20px 20px;
    float: left;
    background: url("../images/content_bg.jpg") no-repeat top left;}
    
#left_menu{
    width: 320px;
    overflow: hidden;
    float: left;}
.white_box1{
    width: 300px;
    float: left;
    margin-bottom: 15px;
    background: url("../images/white_box1_bg.png") no-repeat bottom left;}
.box1_top{
    background: url("../images/white_box1_top.gif") no-repeat top left;}
.white_box2{
    width: 456px;
    float: left;
    background: url("../images/white_box2_bg.png") no-repeat bottom left;}
.box2_top{
    background: url("../images/white_box2_top.gif") no-repeat top left;}
.white_box1 p, .white_box2 p{
    padding: 10px 10px 0 10px;
    color: #CC33CC;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;}
p.from{
    text-align: right;
    color: #000000;
    padding: 0px 10px 10px 10px;}
ul#hp_menu li{
    list-style: none;
    float: left;}
ul#hp_menu li a{
    width: 88px;
    height: 60px;
    margin: 30px 20px 0 0;
    padding: 5px 2px 3px 50px;
    font-size: 9px;
    font-style: italic;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 10px;
    float: left;
    display: inline;
    overflow: hidden;}
.hpb_header{
    font-size: 9px;
    display: block;
    margin-bottom: 4px;
    font-style: normal;
    font-weight: bold;}
#hpb_our_psychic_team a{background: url("../images/hpb_our_psychic_team.jpg") no-repeat;}
#hpb_articles a{background: url("../images/hpb_articles.jpg") no-repeat;}
#hpb_horoscopes a{background: url("../images/hpb_horoscopes.jpg") no-repeat;}
#hpb_newsletter a{background: url("../images/hpb_newsletter.jpg") no-repeat;}
#hpb_whose_online a{background: url("../images/hpb_whose_online.jpg") no-repeat;}
#hpb_angel_of_the_month a{background: url("../images/angel_of_the_month.jpg") no-repeat;}

#main_content{
    float: left;
    width: 630px;
    padding-bottom: 20px;}
.hp_box2{
    width: 280px;
    height: 366px;
    padding: 10px 20px 10px 10px;
    float: left;
    overflow: hidden;
    background: url("../images/hp_box2.png") no-repeat top left;}
.hp_box2 p, .hp_box3 p, .ip_box4 p, .ip_box5 p, .ip_box6 p, .ip_box7 p{
    color: #000066;
    text-align: justify;
    margin: 5px;}
.hp_box2_last{
    margin-bottom: 20px;}
.hp_box2 h3, .hp_box3 h3, .ip_box4 h3, .ip_box6 h3, .ip_box7 h3{
    color: #000066;
    margin-bottom: 5px;
    font-size: 1.0em;}
.hp_box3{
    height: 372px;
    width: 600px;
    padding: 10px 30px 10px 10px;
    float: left;
    overflow: auto;
    background: url("../images/content_box3.jpg") no-repeat;}
.ip_box4{
    width: 413px;
    height: 365px;
    padding: 18px 20px;
    float: left;
    margin: 0 15px;
    display: inline;
    background: url("../images/content_box4.jpg") no-repeat top left;}
.ip_box4_content{
    width: 413px;
    height: 365px;
    overflow: auto;}
.highlight_1{
    color: #CF41CF;
    font-weight: bold;}
.ip_box4 h5{
    color: #000066;
    font-size: 0.9em;}
.ip_box5{
    width: 335px;
    height: 378px;
    padding: 18px 100px 5px 20px;
    float: left;
    margin-left: 0px;
    background: url("../images/content_box5.jpg") no-repeat;}
.ip_box5_content{
    width: 335px;
    height: 378px;
    overflow: auto;
    color: #FFFFFF;}
.ip_box6{
    width: 436px;
    height: 273px;
    padding: 10px;
    float: left;
    overflow: auto;
    background: url("../images/white_box2.png") no-repeat;}
.ip_box7{
    width: 436px;
    height: 354px;
    padding: 10px;
    float: right;
    overflow: auto;
    background: url("../images/white_box3.png") no-repeat;}
    
#footer{
    width:995px;
    background: url("../Images/top_menu_bg.png") no-repeat top left;
    float: left;}
#footer ul{
    float: right;
    margin-top: 10px;}
#footer li{
    float: left;
    margin-left: 5px;
    font-size: 0.9em;
    list-style: none;}
p#disclaimer{
    color: #FFFFFF;
    float: left;
    width: 975px;
    text-align: justify;
    padding: 5px 10px 0 10px;
    font-size: 0.6em;}
#astro_box{
    float: left;
    width: 459px;
    height: 407px;
    background: url("../images/content_box1_left.jpg") no-repeat;
    overflow: hidden;}
#astro_box p{
    float: left;
    margin: 13px 1px;
    text-align: center;
    width: 111px;
    font-size: 0.7em;
    color: #FFFFFF;}
#astro_box a img{
    border: none;}
.astro_title{
    font-size: 1.2em;
    width: 110px;
    display: block;
    font-weight: bold;}
img.angel{
    float: left;
    margin: 0 5px 5px 0;}
.angels_content p{
    color: #FFFFFF;}
h5.tel_box{
    width: 400px;
    height: 37px;
    margin: 10px auto;
    padding-top: 5px;
    font-size: 25px;
    color: #FFFFFF;
    text-align: center;
    background: url("../images/pink_banner.gif") no-repeat;}
.contact_us{
    margin-left: 250px;}
.contact_us p{
    text-align: center;
    font-size: 1.4em;}   
.contact_us h3, .contact_us h4{
    text-align: center;}
table.our_psychic_team{
    width: 600px;
    float: left;
    margin-left: 18px;}
.our_psychic_team td{
    color: #FFFFFF;
    background: #000066;
    margin-top: 1px;
    padding: 5px;}
.our_readers p{
    padding: 5px 10px;}
.our_readers h3{
    text-align: center;
    padding-top: 3px;}
.our_readers .tel{
    color: #000066;
    font-weight: bold;
    font-size: 1.2em;}
#readers_left_col{
    width: 300px;
    float: left;}
#terms p{
    margin: 10px;}
#terms h3{
    margin-bottom: 20px;}
#whose_online{
    text-align: left;}
table#whose_online{
    margin-left: 20px;
    float: left;
    font-weight: bold;}
table#whose_online td, table#whose_online th{
    padding: 10px;
    background: #9ABDD3;}
table#whose_online th{
    font-size: 1.4em;}
.gift_reader, .gift_reader a{
    font-weight: bold;
    color: #CC33CC;}
#whose_online th.noGFX{
    background: none;}
p.articlep{
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;}
.articles ul li h4{
    font-weight: bold;
    color: #CC33CC;}
    