/*	
COMMON SITE STYLES
2008 Michael B. Mitchell
*/

body{
  background-color: #ffffff;  /* All page background color */
  font-family: Tahoma, Arial, Helvetica, Sans-serif;  /* All text font family */
  font-size: 12px;
}

/* Hyperlinks */
a{
  color: blue;
  text-decoration: none;  /* All hyperlinks have no standard underlining */
}

a:hover{
  color: blue;
  text-decoration: underline; /* Flash an underlining when moused over */
}

a:visited{
  color: blue;
}

/* Paragraphs */
p{
  font-size: 12px; /* All paragraphs font size */
  font-weight: normal; /* All paragraphs font weight */
  color: #000000;
}

table.outer{
  border: 1px solid #D3D3D3;
}

/* ======================================== */
/* COMMON HEADER BLOCK STYLES               */
/* ======================================== */
/* Header div */
div.header{
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

div.header img{
  border: 0px solid red;
}

/* ======================================== */
/* COMMON FOOTER BLOCK STYLES               */
/* ======================================== */
/* Footer div */
div.footer{
  border: 0px solid red;
  text-align: center;
  margin: 1px;
  padding: 1px
}

/* Footer hyperlinks */
div.footer a{
  font-size: 11px;  /* Slightly smaller font for bottom navigation */
}

div.footer p{
  font-size: 11px;  /* Slightly smaller font for bottom navigation */
  margin: 0px;
}

div.copyright{
  border: 0px solid red;
  color: #333333;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  padding: 1px;
}

/* ======================================== */
/* PAGE CONTENT                             */
/* ======================================== */
/* Page content sectional div */
div.pagebody{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* Outer container for main page intro section */
div.entryintro{
  border: 0px solid red;
  padding: 1px;
  margin: 1px;
  vertical-align: top;
}

div.entryintro p{
  font-family: Bradley Hand ITC, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 500;
}

/* Formatting table for page contents */
table.pagebody{
  margin: 0px;
  height: 500px;
  border: 6px solid #808080;
  width: 800px;
}

/* Cell for the left vertical navigation menu and ads */
td.verticalnav{
  width: 150px;
  vertical-align: top;
  padding: 1px;
}

div.verticalnav{
  border: 0px solid red;
  margin: 1px;
}

td.content{
  vertical-align: top;
  padding: 2px;
}

/* Address tables in location pages */
table.addresses{
}

table.addresses td{
  vertical-align: top;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 10px;
}

table.addresses p{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

table.addresses h5{
  font-size: 14px;
  color: #191970;
}

table.addresses h5:hover{
  color: blue;
  text-decoration: underline;
}

table.addresses h6{
  font-size: 12px;
}

div.datatabs{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* Unordered lists that are NOT part of the tab-navigation styles */
div.datatabs ul{
  list-style-image: url('../graphics/arrow_right_blue.png');
  list-style-type: disc;
  list-style-position: inside;
  color: #000000;
}

/* ======================================== */
/* MAPS & IMAGES                            */
/* ======================================== */
div.mapinterfaces{
  border: 0px solid red;
  text-align: center;
  margin: 1px;
  padding: 1px;
}

div.mapinterfaces img{
  border-width: 3px;
  border-style: groove;
  border-color: #708090;
}

div.mapinterfaces p{
  padding: 0px;
  margin: 0px;
  font-size: 11px;
}

div.bldgs{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
  text-align: center;
}

div.largemapinterface{
  border: 0px solid red;
  text-align: center;
  margin: 1px;
  padding: 1px;
}

div.largemapinterface img{
  border-width: 3px;
  border-style: groove;
  border-color: #708090;
}

div.largemapinterface p{
  padding: 0px;
  margin: 0px;
  font-size: 11px;
}

/* ======================================== */
/* HEADERS                                  */
/* ======================================== */
h1{
  font-size: 28px;
  font-weight: 900;
  margin: 0px;
}

h2{
  font-size: 26px;
  font-weight: 900;
  margin: 0px;
}

h3{
  font-size: 22px;
  font-weight: 900;
  margin: 0px;
}

h4{
  font-size: 18px;
  font-weight: 900;
  margin: 0px;
}

h5{
  font-size: 16px;
  font-weight: 900;
  margin: 0px;
}

h6{
  font-size: 14px;
  font-weight: 900;
  margin: 0px;
}

h1,h2,h3,h4,h5,h6{
  color: #000000;
}

/* Unordered lists that are NOT part of the tab-navigation styles */
ul.nomen{
  list-style-image: url('../graphics/arrow_right_blue.png');
  list-style-type: disc;
  list-style-position: inside;
  color: #000000;
}

/* Ordered Lists */
ol{
  list-style-type: decimal;
  list-style-position: inside;
  color: #000000;
}

img.cfc{
  width: 200px;
  border: 0px solid #000000;
  padding: 0px;
  margin: 0px
}

/* ======================================== */
/* STORAGE TIPS */
/* ======================================== */
div.tips{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

div.tips h6{
  margin-bottom: 0px;
}

div.tips p{
  margin-top: 0px;
}

/* ======================================== */
/* ABOUT US */
/* ======================================== */
div.about{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* ======================================== */
/* CONTACT US */
/* ======================================== */
div.contact{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* ======================================== */
/* NOTICES */
/* ======================================== */
div.notices{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* ======================================== */
/* FAQ */
/* ======================================== */
div.faq{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

div.faq h6{
  margin-bottom: 0px;
}

div.faq p{
  margin-top: 0px;
}

/* ======================================== */
/* SITEMAP */
/* ======================================== */
div.sitemap{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}


/* ======================================== */
/* LOCATIONS */
/* ======================================== */
div.locations{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* ======================================== */
/* LOCATIONS TAB CONTENT WIDGETS */
/* ======================================== */
/* Table to make button bar */
table.tabs-locs
{
  border: 0px solid red;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Button table cells */
table.tabs-locs td{
  border: 0px solid #708090;
  padding: 0px;
  margin: 0px;
}

/* Spans that holds the actual text labels */
/* These spans link directly to the text hyperlinks for style purposes */
table.tabs-locs span{
  border: 2px groove #708090;
  padding: 5px;
}

/* Active/mouse-over spans */
table.tabs-locs span:hover{
  border-color: #0000FF;
}

/* Button labels (off) */
table.tabs-locs a{
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #000000; /* Static menu text color */
  text-decoration: none;
  border: 0px solid #708090;
  padding: 0px;
  margin: 0px;
}

/* Button labels (on) */
table.tabs-locs a:hover{
  color: #0000FF; /* Active menu text color */
  text-decoration: none;
}

/* Hide the content divs within the page itself */
.innercontent
{
  display: none;
}

/* ======================================== */
/* STORAGE UNITS */
/* ======================================== */

/* Storage units content section */
div.units{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* Table to make button bar */
table.tabs-units
{
  border: 0px solid #708090;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Button table cells (off) */
table.tabs-units td{
  border: 2px groove #708090;
  padding: 0px;
  margin: 0px;
  height: 30px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
}

/* Button table cells (on) */
table.tabs-units td:hover{
  border-color: #0000FF;
}

/* Button labels (off) */
table.tabs-units a{
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #000000; /* Static menu text color */
  text-decoration: none;
  border: 0px solid #708090;
  padding: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin: 0px;
}

/* Button labels (on) */
table.tabs-units a:hover{
  color: #0000FF; /* Active menu text color */
  text-decoration: none;
}

/* Sectional div for each unit type's tab content */
div.unittabs{
  border: 0px solid red;
  margin: 1px;
  padding: 1px;
}

/* Unit depiction graphics */
div.unittabs img{
  border: 1px solid #000000;
  padding: 3px;
}

/* ======================================== */
/* BREADCRUMBS */
/* ======================================== */
div.breadcrumbs{
  border: 0px solid red;
  font-size: 12px; /* Slightly smaller text */
  margin: 2px;
  padding: 2px;
  padding-left: 4px;
  color: #000000;
  background-color: #F0E68C;
}

/* ======================================== */
/* BANNERS                                  */
/* ======================================== */

/* Banner divs - this size should be tightly controlled */
div.banners{
  border: 0px solid red;
  text-align: center;
  height: 45px;
  margin: 1px;
}

/* Banner images */
img.banners{
  border: 0px solid #000000;
}

/* ======================================== */
/* AD BLOCKS                                */
/* ======================================== */

/* Ad block divs */
div.ads{
  border: 0px solid red;
  margin: 1px;
  height: 208px;
}

/* Ad images */
div.ads img{
  border: 0px solid red;
}

li.ind{
  padding-left: 25px;
}

/* ======================================== */
/* DYNAMIC TOOL TIPS                        */
/* ======================================== */
/* General tool-tip box styles */
.glt-elm{
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  color: #fff;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  opacity: 0.9;
  visibility: hidden;
}

/* Paragraphs */
.glt-elm p{
  background: #666;
  margin: 0;
  padding: 0.5em;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

.glt-elm img{
  display: block;
}

/* Gracefully handle IE transparency */
.glt-elm{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

/* ======================================== */
/* VERTICAL NAVIGATION MENUS                */
/* ======================================== */

.glossymenu, .glossymenu li ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 125px; /* Main menu item width */
  border: 0px solid #708090;
}

.glossymenu li{
  position: relative;
  background-color: #ffffff;
  border: 2px groove #708090;
  padding: 2px;
}

.glossymenu li:hover{
  border-color:#0000FF;
}

/*SUB MENU STYLE*/
.glossymenu li ul{
  position: absolute;
  z-index: +1; /* Make sure menu always shows up on top of other stuff in the page */
  width: 125px; /* Sub-menu item width */
  left: 0;
  top: 0;
  display: none;
  -moz-opacity:1;
}

.glossymenu li a{
  background-color: #ffffff;
  font-family:  Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #000000; /* Static menu text color */
  display: block;
  width: auto;
  padding: 1px 0;
  padding-left: 10px;
  text-decoration: none;
}

.glossymenu .arrowdiv{
  position: absolute;
  right: 2px;
  background-image: url('../graphics/arrow_right_off.png');
  background-position: center right;
  background-color: transparent;
}

.glossymenu li a:active{
  color: #0000FF;
}

.glossymenu li a:visited{

}

.glossymenu li a:hover{
  color: #0000FF; /* Active menu text color */
  background-color: #ffffff;
}

/* IE \ */
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }