/* CSS Document */

body  {
  font-size: small;
  background: #fff url(../images/bkg.jpg) top fixed;
  margin: 10px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #525254;
}
/* HEADER LAYOUT ----------------------- */
#wrapper  {
  background:url(../images/banner.jpg) top left no-repeat;
  width: 748px;
  height: 122px;
  margin: 0 auto;
}

#logo  {
  width: 273px;
  height: 122px;
  float: left;
}
#top  {
  width: 475px;
  height: 71px;
  float: right;
}
#hnav  {
  width: 475px;
  height: 38px;
  float: right;
}
#bottom  {
  width: 475px;
  height: 13px;
  float: right;
}

/* nav thick tab */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thicktabs{
margin: 83px 10px 5px 150px;
padding: 0;
float: left;
border-left: 1px solid #d3bdbe; /*left border style*/
font: bold 12px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: #a9a9a9;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../images/btn-bkg.jpg) top right no-repeat;
border-top: 1px solid #dfdcdc; /*top border style*/
border-bottom: 1px solid #dfdcdc; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #dfdcdc; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: 141141;
}

#thicktabs li a:hover{
color: red;
background-image: url(../images/btn-bkg-over.jpg); /*background image swap on hover*/
}

/* end of thick tabs */

/* TYPOGRAPHY & LAYOUT ----------------- */
#flashbanner  {
  width: 748px;
  height: 150px;
  margin: 0 auto;
}

#atlasintro  {
  width: 748px;
  height: 250px;
  margin: 0 auto;
}

#flashbannerxmas  {
  width: 748px;
  height: 350px;
  margin: 0 auto;
}

#pagetitle  {
  width: 748px;
  height: 50px;
  margin: 0 auto;
}
.media  {
  float: right;
  width: 160px;
  padding-right: 47px;
}
#banner  {
  width: 728px;
  padding: 0 10px;
  /*text-align: center;*/
}
.home  {
  float: left;
  width: 470px;
  padding-left: 47px;
}
.other  {
  float: left;
  width: 654px;
  padding-left: 47px;
  padding-right: 47px;
  overflow: hidden;
}
div.content  {
  background: url(../images/bodybkg.jpg) top no-repeat;
  padding: 0 47px 0 47px;
  font-size: 100%;
  color: #525254;
  width: 748px;
  margin: 0 auto;
  overflow: hidden;
}
div.contenthome  {
  background: #fff url(../images/bodybkg.jpg) top no-repeat;
  padding: 0;
  font-size: 100%;
  color: #525254;
  width: 748px;
  margin: 0 auto;
  overflow: hidden;
}
p  {
  margin-top: 2px;
  margin-bottom: 10px;
  line-height: 1.3em;
}
#footer  {
  background: transparent url(../images/footer.gif) top no-repeat;
  height: 34px;
  color: #8F8FA9;
  text-align: right;
  font-size: 70%;
  padding: 17px 30px 0 0;
  width: 748px;
  margin: 0 auto;
  clear: both;
}
#col1  {
  float: left;
  width: 350px;
  padding-right: 20px;
}
#col2  {
  float: right;
  width: 250px;
}
/* NAVIGATION ----------------- */
a:link  {
  color: #525254;
  text-decoration: none;
  font-weight: bold;
}
a:visited  {
  color: #525254;
  text-decoration: none;
  font-weight: bold;
}
a:hover  {
  color: #D41622;
  text-decoration: underline;
}
h5  {
  color: #080437;
  border-bottom: 1px #ccc dashed;
}
