body { background-color:#ededed;
       background-image:url(http://psychologybeyondborders.com/images/bg.jpg);
       background-repeat:repeat-x;
       font-family:Arial, Helvetica, Sans-Serif;
       font-size:10pt;
       color:#6a6a6a;
}

#mainContainer { width:870px;
                 margin:0 auto;
                 padding:0;
                 
}

#pageContainer { margin:0px 20px;
}

#header { background-color:#c9c7ba;
          padding:10px 0px 0px 0px;
          text-align:center;
}
 
td { vertical-align:top;}

.sidebars { background-color:#8f989d;
            width:150px;
            padding:10px;
            text-align:center;
            
           
}

.sidebars ul li { font-size:10pt;
    }

.middle { width:570px;
          border-top:solid 3px #8f989d;
          border-bottom:solid 3px #8f989d;
    }

.logo { text-align:center;
        border:solid 3px #ffffff;
        height:1000px;
    }
    
#menuBox { background-image:url(http://psychologybeyondborders.com/images/menu_bg.jpg);
        background-repeat:repeat-x;
        height:47px;
        width:100%;
}

#sidebar_ext { padding:100px 0px 0px 0px;}

.button { background-image:url(http://psychologybeyondborders.com/images/button_bg.jpg);
          background-repeat:repeat-x;
          height:34px;
          margin:5px 0 0px 0;
          color:#ffffff;
          font-size:8pt;
          padding-top:2px;
}

.button a { color:#ffffff;
            text-decoration:none;
            }
.button a:hover { text-decoration:none;}

#topbar { text-align:center;
          padding:20px 5px 5px 5px;
}
             
#content { padding:5px 10px 10px 10px;
          color:#6a6a6a;
          line-height:1.6em;
          background-color:#ffffff;
          font-family:Century Gothic;
          font-size:10pt;

    } 
    
#board { color:#ffffff;
        font-size:6pt;
        font-weight:bold;
        padding:30px 5px 5px 5px;
        text-align: left;
        line-height: 1.6em;
}

 #board ul  { font-weight:bold;
              margin-left:15px;
              margin-right:0px;
              padding:0;
    }    
          
    
#board ul li { font-size:6pt;
               font-weight:bold;
               margin:0;
               padding:0;
    }    
 
#dot { background-image:url('http://psychologybeyondborders.com/images/dot.jpg');
        background-repeat:repeat-x;
        height:2px;
        margin:10px 0;
        
}

#footer { background-color:#ededed;
          text-align:center;
          font-size:8pt;
          color:#7e8183;
          padding:3px;
} 

#footer a { color:#7e8183;
            text-decoration:none;
}

#footer table tr td a:hover { text-decoration:underline;}


#topbar_ext { font-size:8pt;
              margin-top:20px;
    } 


.submenu { display:none;
           font-size:7pt;
           border-left:1px solid #5C7185;
           border-right:1px solid #5C7185;
}

a { color: rgb(204, 0, 0);}

a:hover { text-decoration:none;}

a:visited { color: rgb(204, 0, 0);}

#pageTitle { color: rgb(204, 0, 0);}

.subtitle { font-style:italic;}

.redText {color: rgb(204, 0, 0); font-weight: bold;}

.imageDir {margin-right:10px; text-align:left; float:left;}

#topBox { margin-bottom:2px;
          color:#ffffff;
          width:100%;
          text-align:right;
}




/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {padding:0 0 0 0; margin:0; list-style:none; font: 12px arial, sans-serif; position:relative; z-index:200; background:url(back.gif) no-repeat; height:36px;}
 
#nav ul {padding:0; margin:0; list-style:none; float:left; background:#ccc; border-top:1px solid #fff; font-size:11px;}

#nav table {border-collapse:collapse; margin:-1px; height:0;}
#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #fff; border-right:1px solid #666;}
#nav li.last {border-bottom:1px solid #666;}
/* a hack for  IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#687378; height:36px;  padding:0 25px 0 5px; line-height:36px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {background:url(down.gif) no-repeat right center;}

#nav li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px;}
#nav li li a.fly {background:url(fly.gif) no-repeat right center;}

#nav li:hover {position:relative; z-index:300;}
#nav a:hover {position:relative; z-index:300; color:#633; border:0;}

#nav li li a {color:#633;}
#nav li li a:hover {color:#cc0000; background-color:#aaa;}

#nav :hover ul {left:0; top:33px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#cc0000;}
#nav li li:hover > a {color:#cc0000; background-color:#aaa;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav a#toplink {color:#633;}