/* Base elements */

body {
  text-align:       center;
  font-family:      Arial, Helvetica, Freesans, sans-serif;
  font-size:        9pt;
  margin:           0px;
  background-image: url(/stat/bg.jpg);
  background-repeat:repeat-x;
}

a:link,
a:visited,
a:active {
  text-decoration:  none;
}
a:hover {
  text-decoration:  underline;
}

h1,h2,h3,h4,h5,h6 {
  font-family:  Verdana, Helvetica, Arial, Freesans, sans-serif;
  margin:     0px 0px 5px 0px;
  padding:    0px;
}

h1 {
  font-size:    1.5em;
}
h2 {
  font-size:    1.5em;
  font-weight:  normal;
}
h3 {
  font-size:    1.4em;
  font-weight:  normal;
}
h4 {
  font-size:    1.3em;
  font-weight:  normal;
}
h5 {
  font-size:    1.2em;
}
h6 {
  font-size:    1.1em;
}

p {
  margin: 0px 0px 5px 0px;
}

address {
  font-style: normal;
}

abbr {
  cursor: help;
}

legend {
  font-weight:  normal;
  font-size:    1.2em;
}

blockquote {
  padding:  0px 8px 5px 8px;
  margin:   5px 0px;
  text-align: justify;
}

cite {
  margin-top: 5px;
}

/* Pick N Mix structure elements */

#holder {
  width:      900px;
  margin:     0px auto;
  padding:    0px;
  text-align: center;
}

#content {
  float:      left;
  width:      900px;
  margin:     0px auto;
  text-align: center;
}

/* Header */
#header {
  float:      left;
  width:      900px;
  height:     159px;
  background-image: url(/stat/header_bg.jpg);
}
#addressBox {
  float:      right;
  width:      auto;
  height:     auto;
  text-align: right;
  margin:     30px 20px 0px 0px;
}
#addressBox h3 {
  margin:     0px;
  padding:    0px;
  font-weight:  normal;
  font-size:    1.2em;
}

#headerCompanyName {
  float:      left;
  padding:    20px;
  text-align: left;
}
#headerCompanyName h1 {
  font-size:    2.4em;
  font-weight:  bold;
}

#headerLogo {
  float:        left;
  width:        auto;
  height:       auto;
  text-align:   left;
  margin:       0px;
  padding:      10px 20px;
}

/*Footer */
#footer {
  float:        left;
  width:        900px;
  height:       auto;
  margin:       20px 0px 10px 0px;
  padding:      10px 0px 0px 0px;
}
hr#footer_topborder {
  height:       1px;
  border:       0px;
/*   background-color: #D2D2D2; */
  padding:      0px;
  margin:       0px 0px 10px 0px;
}

/* Navigation */
ul.navigation {
  float:      left;
  padding:    0px;
  margin:     0px;
  list-style: none;
  float:      left;
}
ul.navigation li {
  float: left;
}

div#header_navigation_holder {
  float:      left;
  background-image: url(/stat/nav_bg.jpg);
  width:      900px;
  height:     30px;
}
ul#header_navigation {
  float:      right;
/*   color:      #FFFFFF; */
}
ul#header_navigation li {
  float:      left;
  line-height:  30px;
}
ul#header_navigation li a:link,
ul#header_navigation li a:visited,
ul#header_navigation li a:hover,
ul#header_navigation li a:active {
  text-decoration:  none;
  display:          block;
  padding:          0px 10px;
}
ul#header_navigation li a:hover {
/*   background-color: #272F4F; */
  background-image: url(/stat/nav_bg_item.jpg);
}

ul#footer_navigation { }
ul#footer_navigation li {
  float:        left;
  padding:      0px 4px 0px 5px;
  border-right: 1px solid #D2D2D2;
}
ul#footer_navigation li.last {
  padding-right:  5px;
  border-right:   0px;
}

/* Content areas */
#homeFlash {
  float:        left;
  width:        900px;
  height:       auto;
  margin:       10px 0px;
}

#main {
  float:        left;
  width:        900px;
  height:       auto;
  text-align:   left;
}

/* Columns */
.sidecolumn {
  width:    200px;
  margin:   0px;
}
.maincolumn {
  width:    450px;
  margin:   0px 23px;
}
.halfcolumn {
  width:    49%;
  margin:   0px;
  padding:  0px;
}
.thirdcolumn {
  width:    33%;
  margin:   0px;
  padding:  0px;
}

/* Useful */
.errors,
.messages {
  float:  left;
  border: 1px solid;
  margin: 0px 0px 5px 0px;
  padding:  2px;
}
.errors ul {
  list-style: inside;
  padding:  0px;
  margin:   0px;
}
.errors ul li {
  margin-bottom:  2px;
}

div.maincolumn .errors {
  width:  450px;
}

/* PageContent output
    this is a bit hacky but is really only here for images
  */
.PageContent img,
img.PageContent {
  float:      right;
  margin:     0px 0px 5px 10px;
  padding:    2px;
  border:     1px solid;
}


.reverse-indent-1em {
  margin-left:  1em;
  text-indent:  -1em;
}
.pad-10px {
  padding:      10px;
}
.pad-x-10px {
  padding:      0px 10px;
}
.pad-y-10px {
  padding:      10px 0px;
}

.large {
  font-size:    1.2em;
}
.readmore {
  float:  right;
}
.last {
  margin-right: 0px;
}

.fr {
  float:          left;
  margin-bottom:  5px;
  clear:          both;
}
.min {
  float:          left;
}
.med {
  float:          left;
}
.maincolumn .fr {
  width:          450px;
}
.maincolumn .min {
  width:          105px;
  margin-right:   10px;
}
.maincolumn .med {
  width:          300px;
}
.maincolumn .pad-10px .med {
  width:          280px;
}

ul.news_archive {
  list-style: none;
  float: left;
  margin: 0px;
  padding:  0px;
  font-size:  1.1em;
}
ul.news_archive li {
  float: left;
  width:  80px;
  margin-right: 5px;
}

.testimonial {
  float: left;
  margin-bottom:  15px;
  padding-bottom: 5px;
  border-bottom:  1px solid;
}

blockquote.testimonial cite {
  float:  right;
  text-align: right;
  font-style: normal;
  font-size:  1.1em;
}

.article {
  float:    left;
}
.maincolumn .article {
  width:    450px;
  margin:   0px 0px 20px 0px;
  text-align: justify;
}
.article h2 {
  font-size:  1.2em;
  font-weight:  bold;
  margin-bottom:  2px;
}
.article h3 {
  font-size:  1.1em;
  font-weight:  bold;
  margin-bottom:  2px;
}
.article img {
  float:  right;
  margin: 0px 0px 5px 10px;
  padding:  2px;
  border:   1px solid;
}

.article-alt {
  float:    left;
}
.article-alt img {
  float:    left;
  margin:   0px 10px 5px 0px;
  padding:  2px;
  border:   1px solid;
}
.maincolumn .article-alt {
  width:    450px;
  margin:   0px 0px 15px;
  text-align: justify;
}

.maincolumn .article-alt.pad-10px {
  width:    430px;
}

.gallery-image {
  float:        left;
  margin:       0px 6px 6px 0px;
  overflow:     hidden;
  width:        106px;
}
.gallery-image img {
  border:       1px solid;
  padding:      2px;
  max-width:    100px;
  max-height:   100px;
}
.gallery-image-title {
  text-align:   center;
  height:       2em;
  clear:        both;
  font-size:    1.1em;
  font-weight:  normal;
  line-height:  1.1em;
}

.pagination {
  line-height:  1.5em;
  clear:both;
  margin-top: 10px;
  float: left;
  font-size:  1.1em;
}
.pagination h3 {
  float: left;
  margin-right: 10px;
  font-size:  1.1em;
  font-weight: normal;
}
.pagination ul {
  float: left;
  list-style: none;
  padding:  0px;
  margin: 0px;
}
.pagination ul li {
  border: 1px solid;
}
.pagination ul li,
.pagination ul li a:hover {
  float: left;
  width:  1.5em;
  line-height:  1.5em;
  text-align: center;
  margin-right: 5px;
  text-decoration: none;
}
.pagination ul li a:link,
.pagination ul li a:visited,
.pagination ul li a:active {
  display: block;
}

form.contact-form {
  margin-top: 10px;
  float:    left;
}
form.contact-form label {
  width:    100px;
  float:    left;
  margin:   0px 2px 3px 0px;
}
form.contact-form input,
form.contact-form textarea {
  float:    right;
  width:    250px;
  border:   0px;
  margin-bottom:  3px;
  border:   1px solid;
}
form.contact-form input.submit {
  clear: both;
  float:    left;
  width:    auto;
  border:   1px solid;
}