body
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
#centerdiv
{
    width: auto;
    margin-right: auto;
    margin-left: auto;
    height: 700px;
    position: absolute;
    top: 0px;
    right: 100px;
    left: 100px;
    margin-top: 120px;
    padding-right: 50px;
    z-index: 4;
}

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px; padding-left:10px; padding-right:10px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;}.container_12 .grid_3,.container_16 .grid_4{width:240px}.container_12 .grid_6,.container_16 .grid_8{width:480px}.container_12 .grid_9,.container_16 .grid_12{width:720px}.container_12 .grid_12,.container_16 .grid_16{width:960px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:160px}.container_12 .grid_4{width:320px}.container_12 .grid_5{width:400px}.container_12 .grid_7{width:560px}.container_12 .grid_8{width:640px}.container_12 .grid_10{width:800px}.container_12 .grid_11{width:880px}

.header{position:relative;}
.header .inner {height:313px; background:url(http://img375.imageshack.us/img375/5904/jdheaderinner.jpg) no-repeat center bottom;}
.header .outer{ background:url(http://img812.imageshack.us/img812/4236/jdheaderbgrepeat.jpg) repeat-x 0 -66px; overflow:hidden; height:246px;}
.header .title{text-indent:-9999px;}
.header .description{text-transform:uppercase; font-size:14px; margin-left:262px; margin-top:114px; display:block; width:374px; line-height:20px;}


/* FONT SIZES ------------------------------- */
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:16px; color:#977042; text-transform:uppercase;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}
ul,li{font-size:14px;}
html,body{font-size:14px;}
p{padding-bottom:5px;padding-top:5px;font-size:14px;}

/* FONT COLORS ------------------------------- */
html, body{color:#555555;}
strong, em{color:#123346;}
a:link, a:visited, a:active{color:#52b6e8; font-weight:bold;}
a:hover{text-decoration:underline;}
h1, h4{}
h2, h5{}
h3, h6{}

#sidebar
{
    float: top;
}
ul#menu
{
    text-align: center;
    padding: 0px;
    list-style-image: none;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 136px;
}
ul#menu li
{
    display: inline;
    padding-right: 30px;
    margin: 0px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    font-size: 18px;
    padding-left: 0px;
    height: 10px;
}
ul#menu li a
{
    border-style: none;
    list-style-image: none;
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
ul#menu li a:hover
{
    list-style-image: none;
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#52b6e8;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

#maincontentdiv
{
    width: 100%;
    padding-left: 15px;
    margin-top: 20px;
    margin-right: 0px;
    padding-right: 10px;
}

/* ##### Footer ##### */

#footer {
  color: rgb(51,51,102);
  font-size: 12px;
  text-align: center;
  line-height: 1.25em;
  margin: 2em 0 0 0;
  padding: 10ex 10px;
  clear: left;
}

.rowOfBoxes {
  clear: both;
}

.quarter, .oneThird, .half, .twoThirds, .fullWidth {
  margin: 1em 0;
  float: left;
  border-left: 1px solid rgb(204,204,204);
}

.quarter {
  width: 21%;
  padding: 0 1.9%;
}

.oneThird {
  width: 28%;
  padding: 0 1.9%;
}

.half {
  text-align: justify;
  width: 46%;
  padding: 0 1.9%;
}

.twoThirds {
  text-align: justify;
  width: 63%;
  padding: 0 1.9%;
}

.fullWidth {
  text-align: justify;
  width: 96%;
  padding: 0 1.2em;
  border-left: none;
}

.filler {  /* use with an empty <p> element to add padding to the end of a text box */
  border: 1px solid white;
}

.noBorderOnLeft {
  border-left: none;
}

.dividingBorderAbove {
  border-top: 1px solid rgb(204,204,204);
}