/*
CSS for APA website
*/

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: small;
padding: 15px;
background: white;
width: 900px;
}

h1 {font-family: "verdana";}

#mainnavigation {
position: absolute;
left: 550px;
top: 210px;
color: #1E99D4;
width: 200px;
padding: 10px;
float: center;
border-left-width: 5px;
border-left-color: #0469B3;
}

#openingparagraph {
width: 500px;
}

#subhead {
color:#12B133;
}

a img {border: none; }

#headlines {
position: absolute;
left: 110px;
top: 210px;
color: #1E99D4;
width: 425px;
}

#placeholder {
position: absolute;
left: 110px;
top: 210px;
width:425px
}

#open {
position: absolute;
left: 110px;
top: 265px;
width:425px
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_ablue.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: left;
    font: normal 14px arial, sans-serif;
    font-style: bold;
    height: 24px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_spanblue.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}