BODY, TD {

}

A {
}

A:Hover {
}

a.subtle {
    text-decoration: none;
}



h1 { color: #5AABE0;
      font-family: verdana,sans-serif;
      font-size: 20pt;
      font-weight: bold;
      }
h2 { color: #5AABE0;
      font-family: verdana,sans-serif;
      font-size: 18pt;
      }
h3 { color: #5AABE0;
      font-family: verdana,sans-serif;
      font-size: 14pt;
      }

#container
{
    margin: 0 auto;
    width: 900px;
    background: #fff;
}

#header
{
    background: #FFFFFF url(images/JDB_logo.jpg) no-repeat;
    padding: 20px;
    height: 210px;

}

#header h1 { margin: 0; }

#navigation
{
    float: left;
    width: 100%;
    background: #FFFFFF;

}

#navigation ul
{
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;
}

#navigation li a
{
    display: block;
    float: left;
    padding: 1px 10px;
    color: #000000;
    text-decoration: none;
    border-right: 2px solid #5AABE0;
}

#navigation li a:hover {
    color: white;
    background: #5AABE0; }

#content-container
{
    float: left;
    width: 100%;
    /* background: #FFF url(background2.gif) repeat-y 68% 0; */
}

#content
{
    clear: left;
    float: left;
    width: 60%;
    padding: 20px 0;
    margin: 0 0 0 4%;
    display: inline;
}

#content h2 { margin: 0; }

#aside
{
    float: right;
    width: 26%;
    padding: 20px 0;
    margin: 0 3% 0 0;
    display: inline;
}

#aside h3 { margin: 0; }

#footer
{
    clear: both;
    background: #ffffff;
    text-align: center;
    padding: 20px;
    height: .5%;
    font-family: verdana, sans-serif;
    font-size: 10px;
}
/* MAIN PAGE BOX  */
/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(images/box1.gif) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:545px !important; /* IE Win = width - padding */
      width: 530px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 1px 40px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */
      padding:1px 0 15px 40px} /* mirror .cssbox_head right/left */



      /*SIDE BOX */
            /* set the image to use and establish the lower-right position */
    .cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h2{
      background: transparent url(images/box2.gif) no-repeat bottom right}
    .cssbox2{
    /* intended total box width - padding-right(next) */
      width:275px !important; /* IE Win = width - padding */
      width: 260px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head2{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head2 h2{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 1px 40px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body2{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */
      padding:1px 0 15px 40px} /* mirror .cssbox_head right/left */

img.floatLeft {
    float: left;
    margin: 4px;
}
img.floatRight {
    float: right;
    margin: 4px;
}