/* CSS Document */
/* Crackerjack */
/* Site by Soem */


/* Remove all margins and paddings and set default font sizes /**/
  * { margin: 0px; padding: 0px; color: #4a667c; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
  p { }
  
/* Re-set the default styling for Lists /**/ 
  ul, ol {margin: 5px 5px 15px 30px;}
  li { margin: 3px 0px 0px 0px; }

/* Forces vertical scrollbar in FF /**/  
  html { height: 100%; margin-bottom: 1px; }

/* Debug /**/
  .debug {border: 1px solid #f0f;}

/* Hide content /**/
  .DN { display: none; }

/* Only show content to screen readers /**/
  .wai { display: none; }
  
/* Clearfix /**/
  .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .cf { display: inline-block; }
  /* Hide from IE Mac \*/
  * html .cf { height: 1%; }
  .cf { display: block; }
  /* End Hide */
  
/* Clearing Div (Should be phased out) /**/
  .cl { font-size: 1px; height: 1px; line-height: 1px; clear: both; }

/* Fix IE Cursor Bug /**/
  a * { cursor: pointer; }
  
/* Set the border to zero on all images which are inside a link /**/
  a img { border: 0px none; }
   
  a:link { color: #4a667c; text-decoration: none;}
  
  a:visited { color: #4a667c; text-decoration: none; }
  
  a:active, 
  a:hover, 
  a:focus { color: #a9ca43; text-decoration: underline; }
  


  
 
  body {text-align: center; background-color: #DFE2E7;}
 
  div.outer_O {text-align: center; margin: auto; width: 800px; background-image: url(/i/outer_bg.jpg); background-repeat: no-repeat; background-position: top; background-color: #9fadbf; padding-bottom: 100px;}
  
  div.allContentWrapper_O {text-align: left; margin: auto; width: 715px;  }
  
  div.header_I h1#h1_crackerjackHomeLink { background: url(/i/cracker_header.jpg) top left no-repeat; width: 715px; height: 111px; }
  div.header_I h1#h1_crackerjackHomeLink a { display: block; background: url(/i/cracker_header.jpg) top center no-repeat; width: 715px; height: 111px; }
  
  div.topNav_O {background-color: #e8ebee; padding: 5px 0px; border-bottom: 1px solid #4a667c; border-top: 1px solid #4a667c; border-left: 1px solid #9fadbf; border-right: 1px solid #9fadbf;}
  div.topNav_I {margin: 0px 25px; }
  
  div.contact_O { background: #fff; padding: 3px 0px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
  div.contact_I { margin: 0px 5px; }
  div.contact_O p { text-align: right; color: red; font-size: 12px; }
  div.contact_O p strong { text-align: right; color: red; font-size: 14px; }
  /* div.topNav_I ul {margin: 0px; padding: 0px;}
  div.topNav_I li {display: inline; margin: 0px; padding: 0px 10px 0px 10px; border-right: 1px solid #666;}
  div.topNav_I li.end {border: none;}
  div.topNav_I li a { text-transform: uppercase; font-size: 10px;} */
  
  div.footerWrapper_O {width: 715px; padding: 15px 0px 0px 0px; text-align: center; margin: auto; }
  
  div.footerLeft_O {width: 100px; float: left; }
  div.footerLeft_O p {font=size: 9px; color: #fff;}
  
  div.footerMid_O {width: 460px; float: left;  text-align: center; }
  div.footerMid_O ul {margin: 0px; padding: 0px;}
  div.footerMid_O li {display: inline; text-transform:uppercase; margin-left: 5px; }
  div.footerMid_O li a {font-size: 9px; color: #4a667c;}
  div.footerMid_O li a:active, 
  div.footerMid_O li a:hover, 
  div.footerMid_O li a:focus {color: #fff; text-decoration: none;}
  
  
  div.footerRight_O {width: 150px; float: left;  text-align: right; display: none; }
  div.footerRight_O ul {margin: 0px; padding: 0px;}
  div.footerRight_O li {display: inline; margin-left: 5px; }
  div.footerRight_O li a {font-size: 9px; color: #fff; text-decoration: underline;}
  div.footerRight_O li a:active, 
  div.footerRight_O li a:hover, 
  div.footerRight_O li a:focus {color: #fff; text-decoration: underline;}
  
  div.contentPanel_O a.arrowLeft {width: 20px; float: left;}
  div.contentPanel_O a.arrowRight {width: 20px; float: left;}
  
  div.contentPanel_O ul.poolGallery {margin: 0px; padding: 0px; float: left;}
  div.contentPanel_O ul.poolGallery li {display: inline; margin-right: 5px; }
  div.contentPanel_O ul.poolGallery li.pool1 {}
  div.contentPanel_O ul.poolGallery li.pool2 {}
  div.contentPanel_O ul.poolGallery li.pool3 {}
  div.contentPanel_O ul.poolGallery li.pool4 {}
  div.contentPanel_O ul.poolGallery li.pool5 {}
  
  
  div.bodyContent_O {padding-top: 15px; background-image:url(/i/body_content_bg.gif); background-repeat: repeat-y; background-position: top;}
  
  div.bodyContentLeft_O {width: 370px; float: left;}
  div.bodyContentLeft_I {margin-left: 25px;}
  div.bodyContentRight_O {width: 345px; float: left; }
  div.bodyContentRight_I { padding: 0px 10px; }
  
  div.bodyContentFull_O {padding: 0px;}
  div.bodyContentFull_I {margin: 0px 25px;}
  
  
  div.breadcrumb_O {width: 200px; float: right; border: 1px solid red; display: none; }
  
  h4.panelTitle, h3.pageTitle {text-transform: uppercase; font-size: 14px; color: #a9ca43; padding-bottom: 20px;}
  
  div.bodyContent_O p {margin: 5px 0px 10px 0px;}
  
  div.contentPanel_O {margin-bottom: 10px;}
  
  div.contentPanel_I {margin: 0px 15px;}
  
  div.contentPanel_I.imageNav {margin: 0px 0px; }
   div.imageNav { display: none; }
  
  div.bottomRounded {background-image: url(/i/bottom_rounded.gif); background-repeat: no-repeat; background-position:bottom; height: 14px; width: 715px;}
  
  /*  Quick Links panel */
  
  div.quickLinksWrapper { padding-left: 10px; border: 1px solid red;}
  div.quickLinksWrapper ul {margin: 0px; padding: 0px; }
  div.quickLinksWrapper ul li { margin-left: 0px; width: 130px; float: left; padding-left: 10px; background-image: url(/i/quicklinks_bullet.gif); background-repeat: no-repeat; background-position: left;}
  
  
  div.randomQuickLinks { display: none; }