﻿body
{
    margin: 0 auto;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
}
div.main, div.footer
{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
a
{
    color: #0066ff;
}
div.header
{
}
table.banner
{
    background-image: url("../images/cloudandwoman2.jpg");
    height: 129px;
    width: 1000px;
    border-collapse: collapse;
    background-repeat: no-repeat;
}
td.banner
{
    padding-left: 15px;
    text-align: left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#lefttabs, #righttabs
{
    float: left;
    width: 91%;
    font-size: 93%;
    line-height: normal; /*border-bottom: 1px solid #666;*/ /*margin-bottom: 1em; /*margin between menu and rest of page*/
    overflow: hidden;
    background: url(  "../images/horizontal_fade.jpg" );
}

#righttabs
{
    float: right;
    width: 9.0%;
}

#lefttabs ul, #righttabs ul
{
    margin: 0;
    list-style: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#righttabs ul
{
    text-align: right;
}

#lefttabs li, #righttabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#lefttabs a, #righttabs a
{
    float: left;
    background: url(  "../images/tableft.gif" ) no-repeat left top;
    margin: 0;
    margin-left: 2px;
    padding: 0 0 0 6px;
    text-decoration: none;
}

#lefttabs a span, #righttabs a span
{
    float: left;
    display: block;
    background: url(  "../images/tabright.gif" ) no-repeat right top;
    padding: 6px 15px 4px 6px;
    margin-right: 0px;
    color: #FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#lefttabs a span, #righttabs a span
{
    float: none;
}
/* End IE5-Mac hack */

#lefttabs a:hover span, #righttabs a:hover span
{
}

#lefttabs a:hover, #righttabs a:hover
{
    background-position: 0% -42px;
}

#lefttabs a:hover span, #righttabs a:hover span
{
    background-position: 100% -42px;
}
/*Credits Ends */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.submenus
{
    font: bold 13px Arial;
    width: 100%; /*leave this value as is in most cases*/
    height:36px;
    overflow: hidden;
    background: black url(  "../images/indentbg3.gif" ) center center repeat-x;
}

.submenus ul
{
    margin: 0;
    padding: 0;
    float: left;
    width: 80%; /*width of menu*/
    border: 1px solid #564c66; /*dark purple border*/
    border-width: 0px 0;
    background: black url(  "../images/indentbg3.gif" ) center center repeat-x;
}

.submenus ul li
{
    display: inline;
}

.submenus ul li a
{
    float: left;
    color: white; /*text color*/
    padding: 10px 11px;
    text-decoration: none;
    border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.submenus ul li a:visited
{
    color: white;
}

.submenus ul li a:hover, .submenus ul li .current
{
    color: white !important; /*text color of selected and active item*/
    padding-top: 11px; /*shift text down 1px for selected and active item*/
    padding-bottom: 9px; /*shift text down 1px for selected and active item*/
    background: black url(  "../images/indentbg4.gif" ) center center repeat-x;
}


/*div.submenus
{
    float: left;
    width: 100%;
    height:40px;
    font-size: 93%;
    line-height: normal;
    /*border-bottom: 1px solid #666;*/
/*margin-bottom: 1em; /*margin between menu and rest of page*/
/*overflow: hidden;
    background: url( "../images/submenus.jpg" ) no-repeat left top;
}*/



span.firstname, span.surname, span.hypno
{
    font-size: 30px;
    color: #6633cc;
}
span.firstname, span.surname
{
    color: #6600cc;
}
span.hypno
{
    font-size: 22px;
    color: #9900cc;
}

h2, h4
{
    color: #6633cc;
}
div.content
{
    width: 980px;
/*    float: left;*/
    padding: 10px;
    text-align: center;
}
div.text
{
    text-align: left;
}
/*img.heather
{
    width: 115px;
    height: 146px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}*/
div.hidden
{
    display: none;
}
div.footer
{
    background: url( "../images/footer.jpg" );
    background-repeat: repeat;
    height: 40px;
    vertical-align: middle;
    float:right;
}
span.footer
{
    float: right;
    vertical-align: text-bottom;
    font-family: Verdana;
    font-size: 12px;
    color: White;
    margin: 20px 2px 2px;
    padding: 2px;
    height: 40px;
}

/********************* text panels - start *********************/

div.textpanelbl
{
    background: url(  "../images/containers/solid_CCFFFF_bl.gif" ) 0 100% no-repeat #CCFFFF;

}
div.textpanelbr
{
    background: url(  "../images/containers/solid_CCFFFF_br.gif" ) 100% 100% no-repeat;

}
div.textpaneltl
{
    background: url(  "../images/containers/solid_CCFFFF_tl.gif" ) 0 0 no-repeat;

}
div.textpaneltr
{
    background: url(  "../images/containers/solid_CCFFFF_tr.gif" ) 100% 0 no-repeat;
    padding: 10px;
    margin-top:5px;
}

/********************* text panels - start *********************/


