/*
-----------------------------------------------
dinkauser style
version:  2005.06.07
----------------------------------------------- */

body {background: url(./images/bg_gif.gif);}
#container {margin-left: auto; margin-right: auto; width: 824px; background-color: #FFFFFF;}
#borders {padding: 12px;}
#spacer {float: left; margin: 0; padding: 0;}


/* Banner - Utility Nav
----------------------------------------------- */
#bannerat {float:left; background: url(./images/banner.jpg) no-repeat; width: 800px; height: 252px;}
#utilitynav {float: right; margin: 0; padding: 0; font: 13px Verdana, sans-serif; color: #FFFFFF; padding: 15px 15px 0 0;}
#utilitynav a {font: 13px Verdana, sans-serif; color: #FFFFFF; text-decoration: none;}
#homelink {position: relative; top: 155px; left: 17px; width: 121px; height: 72px;}

/* Main Nav
----------------------------------------------- */
#navigation {padding: 0; margin: 0;}
#navigation h1 {float: left; margin: 0; padding: 0; width: 800px;
  font: bold 13px Verdana, sans-serif; text-align: left; background-color: #224B8C;}
a.mainnav:link, a.mainnav:visited {display: block; float: left; margin: 0; 
  padding: 5px 0 5px 10px; text-decoration: none; color: #FFFFFF;}
a.mainnav:hover {margin: 0; padding: 5px 0 5px 10px; color: #00ACEC; display: block; float: left; text-decoration: none;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnavtext a {float: none;}            /* End IE5-Mac hack */
a.toggle:link, a.toggle:visited {display: block; float: right; margin: 0; 
  padding: 5px 10px 5px 0; text-decoration: none; color: #FFFFFF; font: 13px Verdana, sans-serif;}
a.toggle:hover {margin: 0; padding: 5px 10px 5px 0; color: #00ACEC; display: block; float: right; text-decoration: none; font: 13px Verdana, sans-serif;}
#navigation strong {display: block; float: left; margin: 0; padding:5px 0 5px 10px; color: #00ACEC;}
#navigation strong a {float:left; display:inline; border-width:0; padding:0; color: #00ACEC; font: bold 13px Verdana, sans-serif;}
/* Commented backslash hack hides rule from IE5-Mac \*/ 
#navigation strong a {float:none; display:inline; border-width:0; padding:0; color: #00ACEC; font: bold 13px Verdana, sans-serif;} /* End IE5-Mac hack */ 



/* Secondary Nav
----------------------------------------------- */
.secondarynav {float:left; margin: 0; padding: 0; text-align: left; font: 12px Verdana, sans-serif; background-color: #224B8C;}
.secondarynav ul {list-style: none; margin: 0; padding: 0;}
.secondarynav li {margin: 0; padding: 0;}
.secondarynav a {display: block; text-decoration: none; color: #FFFFFF; padding: 7px 10px 7px 10px; 
  margin: 0; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: 152px;}
.secondarynav a:hover {color: #00ACEC;}
.secondarynav strong {display: block; text-decoration: none; color: #00ACEC; font: 12px Verdana, sans-serif; padding: 7px 10px 7px 10px; margin: 0; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: 152px;}
.secondarynav strong a {display: inline; text-decoration: none; color: #00ACEC; font: 12px Verdana, sans-serif; padding: 0; margin: 0; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: 152px;}



/* Columns
----------------------------------------------- */
.maincol {float: right; margin: 0; padding: 12px; width: 590px; border: 1px solid #224B8C;}
.subcol {float:left; width: 152px; margin: 0; padding: 0;}
.xcol {float: right; margin: 0; padding: 0; text-align: left; 
  font: 11px Verdana, sans-serif; width:180px;}
.col-SM .wrap {float:left; width:800px;}
.col-SMX .wrap {float:left; width:648px;}
.col-SMX .maincol {width:390px;}
.homemain {float: left; margin: 0; padding: 12px; width: 380px; border: 1px solid #224B8C; font: 11px Verdana, sans-serif;}
.homesub {float:right; width: 380px; margin: 0; padding: 0; font: 11px Verdana, sans-serif;}
.col-home .wrap {float:left; width:800px;}
.productmain {float: left; margin: 0; padding: 12px; width: 567px; border: 1px solid #224B8C; font: 12px Verdana, sans-serif;}
.productsub {float:right; width: 167px; margin: 0; padding: 12px; border: 1px solid #224B8C; font: 12px Verdana, sans-serif;}
.col-product .wrap {float:left; width:800px;}




#content hr {display: block; clear: left; visibility: hidden;}


/* Content
----------------------------------------------- */
#content {margin: 0; padding: 0;}
.maincol p {font: 12px Verdana, sans-serif; text-align: left; margin-top: 0;}
.maincol h1 {font: bold 13px Arial, sans-serif; text-align: left; color: #224B8C; margin: 0 0 4px 0;}
.maincol a {color: #224B8C; font: 12px Verdana, sans-serif;}
p.quote {font: 12px Arial, sans-serif; text-align: left; margin-top: 0;}
p.missing {font: 14px Verdana, sans-serif; text-align: left; margin-top: 0; color: #FF0000;}
.maincol h2 {font: bold 16px Arial, sans-serif; text-align: left; color: #224B8C; margin: 0 0 10px 0;}
.maincol h3 {font: bold 12px Verdana, sans-serif; margin: 0 0 4px 0;}
.maincol h4 {font: bold 13px Verdana, sans-serif; color: #224B8C; margin: 0 0 4px 0;}
.maincol li {list-style-type: square; padding: 0 0 4px 0; font: 12px Verdana, sans-serif;}
.maincol td {font: 12px Verdana, sans-serif;}
p.productentry {font: 12px Verdana, sans-serif; text-align: left; margin-top: 0; border-bottom: 1px solid #224B8C; padding: 0 0 10px 0;}
.homemain h1 {font: bold 16px Arial, sans-serif; text-align: left; color: #224B8C; margin: 0 0 10px 0;}
.homemain p {font: 12px Verdana, sans-serif; text-align: left; margin: 0;}
.homemain li {list-style-type: square; padding: 0 0 10px 0;}
.homemain a {color: #224B8C; font: 12px Verdana, sans-serif; text-decoration: none;}
.homesub h1 {font: bold 16px Arial, sans-serif; text-align: left; color: #224B8C; margin: 0 0 10px 0;}
.spotlight {border: 1px solid #224B8C; padding: 12px;}
.spotlight p {margin: 0;}
.spotlight a {color: #224B8C;}
.news {padding: 12px;}
.news p {margin: 0;}
.news td {font: 11px Verdana, sans-serif; text-align: left;}
.news a {color: #224B8C; }
.productmain a {color: #224B8C; font: 12px Verdana, sans-serif;}
.productmain h1 {font: bold 16px Arial, sans-serif; text-align: left; color: #224B8C; margin: 0 0 10px 0;}
.productsub h1 {font: bold 16px Arial, sans-serif; text-align: left; color: #224B8C; margin: 0 0 10px 0;}
.productsub p {margin: 0;}
.productsub a {color: #224B8C;}




/* Footer
----------------------------------------------- */
#footer {margin: 0; padding: 5px;
  background: #224B8C; color: #FFFFFF; font: 9px Verdana, sans-serif;
  text-align: center;}
a.footer:link, a.footer:visited {color: #FFFFFF; 
  font: 9px Verdana, sans-serif;
  text-decoration: none;}
a.footer:hover {color: #00ACEC;}
#footer strong {color: #00ACEC; font: 9px Verdana, sans-serif;}