/* body setup ------------------------------------------------  border:3px solid gray; */
   body { background-color: #222222;} 
   .framepage { background: #655F63 url(../Graphics/gradient1.jpg) repeat-x; height:100%; width:100%; padding: 20px 10px 0px 0px;} 
   .framepage h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2; }
   .framepagefaq { background: #655F63 url(../Graphics/gradient1.jpg) repeat-x; height:100%; width:100%; padding: 20px 30px 0px 20px;} 
   .framepagefaq h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2; }
   .facilitypage { height:100%; width:100%; padding: 20px 10px 0px 0px;} 
   .facilitypage h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2; }
   .footer { width: 100%; text-align:center; padding: 20px 10px 0px 0px;}
   
/* Header Quick Links ---------------------------------------- */
   .quick_links { width: 100%; height: 20px; background-color: #161616; border-bottom: 1px solid #363636; color: #00CCFF; }
   .quick_links p { width: 98%; margin: 0 auto; padding: 2px 20px 0px 0px; text-align: right; }
   .quick_links span { margin-left: 12px; }
   .quick_links a, .quick_links a:visited { color: #7c7c7c; border: 0; }
   .quick_links a:hover { color: #a0a0a0; border: 0; }

/* Logo Titlebar -------------------------------- to see border: border:1px solid gray;l -------------*/
   .titlebarlogo1  { float:left; margin-left:20px; margin-top:20px; }
   .titlebartext   { text-align: center; width:85%; margin:2px; }
   .titlebartext h1 {font-family:  "castellar", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2;  font-weight: bold}
   .titlebarlogo2  { position: absolute; top: 60px; right: 20px; }  
   
/********** Menu Tabs *****************************************************/
  .solidblockmenu ul { margin: 0; float: left; font: bold 13px Arial; width: 100%; border: 1px solid #625e00; border-width: 1px 0; background: black url(media/blockdefault.gif) center center repeat-x; }
  .solidblockmenu li{ display: inline; }
  .solidblockmenu li a{ float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white; }
  .solidblockmenu li a:visited{ color: white; }
  .solidblockmenu li a:hover, 
  .solidblockmenu li a.current{ color: white; background: transparent url(media/blockactive.gif) center center repeat-x; }
  .weather {float: left;  bottom: 1px; left: 10px;   }
  
  .facilitiesblockmenu ul { margin: 0; float: left; font: bold 13px Arial; width: 100%; border: 1px solid #625e00; border-width: 1px 0; background: black url(media/blockfacilities.gif) center center repeat-x; }
  .facilitiesblockmenu li{ display: inline; }
  .facilitiesblockmenu li a{ float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white; }
  .facilitiesblockmenu li a:visited{ color: white; }
  .facilitiesblockmenu li a:hover, .solidblockmenu li a.current{ color: white; background: transparent url(media/blockactive.gif) center center repeat-x; }

/* Links------------------------------------------------- */
  A:link {text-decoration: none; color: #339933 }
  A:visited {text-decoration: none}
  A:active {text-decoration: none}
  A:hover {text-decoration: underline; color: red;}
  

/* Image Positions-------------------------------------------------; border:3px solid blue;  border:3px solid red;  */
  .float-left 	{ float:left; width:26%; padding:0px 20px 0px 40px; } /* width used roughly place picture */ 
  .float-right 	{ float:right; width:26%; padding:0px 40px 0px 20px;  } /* padding used to move picture within div */
  .set-left 	{ float:left; margin: 20px 10px 10px 0px; } /* width place picture: top, right, bottom, left */ 
  .set-right 	{ float:right; margin: 20px 10px 10px 0px; } /* width place picture: top, right, bottom, left */ 
  .link-left 	{ float:left; width:50%; padding: 20px 20px 0px 40px;} /* width place picture: top, right, bottom, left */ 
  
  
/* Text Setup-------------------------------------------------border:3px solid gray;   border:3px solid blue;  */
   .SetTextFloat { float:left; width:100%; padding: 20px 0px 0px 0px; } /* width 95% to force to new line... top,left,bottom,right */
   .SetTextFloat h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2; }
   .SetTextFloatRight { float:right; width:40%; padding: 20px 0px 0px 0px; } /* width 95% to force to new line... top,left,bottom,right */
   .SetTextFloatRight h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2; }

   .SetTextWrap { width:95%; } /* width 95% to force to new line and keep left margin... top,left,bottom,right */
   .SetTextWrap h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2;}

   .SetPicWrap {padding: 10px 10px 0px 0px; } /* 
   .SetPicWrap h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #c2c2c2;}
   
   
/* Racing Team Page Div Class --- */
  .SpecTitle {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 40px; margin-bottom: 6px; color: #000066;   }
  .SpecItem {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 16px; margin-bottom: 6px; color: #000066;   }
  .SpecDetail {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 16px; margin-bottom: 6px; color: #000000;   }

 /* News_Current Page --*/ 
  .NewsBorder {Float:left; width:32%; padding: 20px 5px 20px 20px; margin:2px;}

 /* Photo Page --*/ 
  .controlbuttons { border:3px solid black; width:170px; background-color: #161616; padding: 8px 4px 4px 0px; }
  
/*FAQ */
   .iconspan{ float: right; margin: 3px; cursor:auto; font-weight: bold; }
   .eg-bar{ background-color: #EEF5D3; font-weight: bold; border: 1px solid black; padding: 3px; }
   div.eg-bar{ width: 98%; }
   .icongroup1{ width: 98%; }  

/* ######### Indented CSS Tabs. Remove if not using ######### */

   .FacilityMenu  { position: absolute; left: 40px;}  
   .indentmenu{ font: bold 13px Arial; width: 98%; /*leave this value as is in most cases*/ }
   .indentmenu ul{ margin: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(media/indentbg2.jpg) center center repeat-x; }
   .indentmenu ul li{ display: inline; }
   .indentmenu ul li a{ float: left; color: white; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ }
   .indentmenu ul li a:visited{ color: white; }
   .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(media/indentbg1.jpg) center center repeat-x; }
   .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; }
   .tabcontent{ display:none; }
   @media print { .tabcontent { display:block !important; } } 

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

  .gallerycontainer{position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/}

  .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; }
  .thumbnail:hover{ background-color: transparent; }
  .thumbnail:hover img{ border: 1px solid blue; }

  .thumbnail span{ /*CSS for enlarged image*/
    position: absolute; background-color: white; padding: 5px; left: -1000px; 
    border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; font-size:12px}

  .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0; padding: 2px; }

  .thumbnail:hover span{ /*CSS for enlarged image*/
   visibility: visible; top: 0; left: 440px;/*position where enlarged image should offset horizontally */
   z-index: 50; }