@charset "utf-8";
/* CSS Document */

body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; width:100%; height:100%; background-image: url(images/bkbrwn.jpg)}
ul, ol, dl, li{ padding: 3px ; margin: 3px; list-style: none;}
h1 {font-size: 20px; color: #000; font-weight:bold; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h2 { font-size: 13px; color: #000; font-weight:bold; margin-top: 0; padding-right: 0px; padding-left: 15px; font-style:italic; }
h3 {font-size: 14px; color: #000; font-weight:bold; margin-top: 0; padding-right: 15px; padding-left: 15px; }
p { margin-top: 0; padding-right: 15px; padding-left: 15px; font-size:13px; }
.li { font-size:13px; font-weight:bold; }	
a img { border: none; margin-top:3px; margin-left:2px; margin-right:2px; }

/* ~~this fixed width container surrounds the other divs~~ */
.container { width: 860px;background: #ececec;  margin: 0 auto; }
.header { background-image:url(images/admxpresslogo.jpg); width: 860px; height: 158px; }
.sidebar1 { padding-bottom: 10px; border-right:solid #6f0f0f; border-bottom:solid #6f0f0f; border-top: #C6CBD1; float: left; width: 160px;  background-image:url(../colors_concepts_samples/Blue%20Gray%20Tweed.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px  }
.content { padding: 10px 0; width: 690px; float: left; }
.content ul, .content ol { padding: 0 15px 15px 40px; }

ul.nav { list-style: none; border-top: 0px solid #000;  /* this creates the top border for the links - all others are placed using a bottom border on the LI */ margin-bottom: 5px;  /* this creates the space between the navigation on the content below */ }
ul.nav li { border-bottom: 3px solid #000;  /* this creates the button separation */ }
ul.nav a, ul.nav a:visited {padding: 5px 5px 5px 2px; display: block; text-decoration: none; background: #8090AB; }/* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { background-image: url(images/darkreds.jpg); }/* this changes the background and text color for both mouse and keyboard navigators */

/* ~~The footer ~~ 
.footer { padding: 2px 0 2px 0; background: #000; position: relative; clear: both;}*/

/* ~~ The footer ~~ */
.footer { padding: 15px 15px 5px; font-size:10px; font-weight:bold; color:#060635; background: #ADADEB; height: 80px; text-align: right; position: relative; clear: both; background-image:url(images/dogandtrackslogo.jpg); background-repeat:no-repeat; }
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }