body 
{
color:black;
background-color:#000000;
background-repeat:no-repeat;
background-position:left center;
} 

h1 
{
color:#000000;
}

h2 
{
color:#000000;

}

a 
{
text-decoration:none;
}

p
{
font-faimly:Georgia,serif;
}

.header_div
{
background-color:#b0c4de;
background-image:url('images/main_logo_sm.jpg');
background-position:right top;
background-repeat:no-repeat;
text-align:left;
border:5px solid white;
margin-left:auto;
margin-right:auto;
width:80%;
height:150px;
padding:10px;
}

.body_div
{
/*text-indent:50px;*/
text-align:left;
border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
-webkit-border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
-moz-border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
border:5px solid white;
margin-left:auto;
margin-right:auto;
width:70%;
padding:15px;

}

.top_buttons 
{ /* generic container (i.e. div) for floating buttons */
    background-color: #b0c4de;
    overflow: hidden;
    width: 100%;
}

a.button 
{
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span 
{
    background: transparent url('images/bg_button_span.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 */
}

img.floatRight
{
position: relative;
float: right;
border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
-moz-border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
-webkit-border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
right: -50px;
width: 120px;
height: 140px;
padding: 10px;
z-index: 99;
}

img.floatLeft
{
position: relative;
float: left;
border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
-moz-border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
-webkit-border-image: url('images/Box.gif') 100 100 100 100 stretch stretch;
left: -50px;
width: 120px;
height: 140px;
padding: 10px;
z-index: 99; /*This is the stack order.  Higher means it is above whatever else is lower*/
}