/* CSS Document */
/*left column*/
#hp_leftcol {
    width:447px;
    display:block;
    padding-top: 13px;
    padding-left: 12px;
    padding-right: 12px;
    float:left;
    position:relative; /*important for IE6 with drop shadow being relative*/
}
#hp_leftcol h3 {
    font-size: 2em;
    font-weight:normal;
    margin: 0.4em 0;
}
#hp_leftcol p {
    margin-bottom: 2em;;
}
P.hp_imagecopyright {
    text-align:right;
    font-size: 85%;
    color: #BBBBBB;
    margin:0 !important;
    padding:0;
}


/*right column*/
#hp_rightcol {
    float:right;
/*    padding: 13px 10px 0 10px;*/
    position:relative; /*important for IE6 with drop shadow being relative*/
    margin: 0;
    width:/*349px*/ 394px;
    display:block;
}
/*utility*/
#hp_rightcol #utility {
    margin: 10px 30px 0 0;
}

/*highlight buttons*/
#hp_highlightbuttons {
    position:relative;
    top:10px;
    width:394px;
    margin-top:10px;
    height: auto;
/*    padding-right: 5px;*/
}
#hp_highlightbuttons UL { float: left; }
#hp_highlightbuttons UL#hp_highlightbuttonsleft { margin-right: 11px; }
#hp_highlightbuttons LI {
    margin: 0 16px 7px 16px;
    height:16px; /*required for float in FF2*/
}
* html #hp_highlightbuttons LI { height:auto; } /*IE6 needs auto height to show float correctly, can't have 16px*/
#hp_highlightbuttons LI UL LI {
    height:auto;
    line-height: 1.5em;
}
#hp_highlightbuttons LI A {
    float: left;
    background-image:url(/images/hp_highlightbutton.gif);
    background-repeat: no-repeat;
    width:153px;
    height: 16px;
    line-height: 16px;
    font-size: 80%;
    color: #ffffff;
    text-align: center;
}
#hp_highlightbuttons LI A:hover {
    color: #ffbe00;
    text-decoration: none;
}
#hp_highlightbuttons LI A { padding-bottom: 7px;} /*7px for FF*/
* html #hp_highlightbuttons LI A { padding-bottom: 0;} /*no 7px for IE*/

/*access boxes*/
#hp_accesscontainer {
    margin-top: 20px;
}
#hp_accesscontainer .hp_access {
    width: 185px;
    float:left;
    background-color: #d9f0ff;
}
#hp_accesscontainer #hp_accessleft {
    margin-right: 11px;
}
#hp_accesscontainer .hp_access h3 {
    background-color: #ffbe00;
    margin:0;
    padding:none;
    height: 42px;
    text-align:center;
    line-height:42px;
}
#hp_accesscontainer .hp_access h3.hp_access1line {
}
#hp_accesscontainer .hp_access h3.hp_access2lines {
}
#hp_accesscontainer .hp_access ul {
    list-style-type: disc;
    list-style-position: outside;
    color: #333399;
    padding-left: 2.5em;
}
#hp_accesscontainer p, #hp_accesscontainer ul {
    padding: 1em;
    margin: 0;
    font-size: 90%;
}
#hp_accesscontainer LI {
    margin-bottom: 0.9em;
}
#hp_accesscontainer A {
    color: #333399;
}









/*pop up menu*/
/* pop up menu - what's new button */
#hp_highlightbuttons LI UL
{
    width: 120px;
    position: absolute;
    display: none;
    border : solid 1px #333399;
    background: #d9f0ff;
    left: -115px;
    list-style-type: disc;
    list-style-position: outside;
    color: #333399;
    padding-left: 2.5em;
    padding-right: 2.5em;
}
#hp_highlightbuttons LI UL LI {
     margin:0.9em 0;
     padding:0;
}
#hp_highlightbuttons LI UL A, #hp_highlightbuttons LI UL A:hover {
    background:none;
     color: #333399;
     text-align:left;
     float: none;
}
#hp_highlightbuttons LI UL A:hover {
    text-decoration: underline;
}
/* pop up menu - bottom 2 columns */
.hp_access li ul
{
    width: 120px;
    position: absolute;
    margin-left: 145px;
    margin-top: -20px;
    display: none;
    border : solid 1px #333399;
    background: #d9f0ff;
    left: -115px;
}
.hp_access li ul li {  }
a.hassubmenu
{
}
.hp_access li ul.menuonleft {
    /*margin-left: -195px;*/
    display: none;
    /*give UL this class so that if pops up on the other side*/
    left: 85px;
    width: 120px;
}




#footer {
    margin-top:26px;
    position:relative;
}