*   /* Start with everything as plain as can be */
{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border: 0px none;
}

.nopad
{
   padding: 0 0 0 0;
}

.hideme
{
   display: none;
}

/* Set this to "inherit" to show validator buttons for debug.
 * Set it to "none" for live version.
 */
.hidevalidators
{
   /*display: inherit;*/ /* visible */
   display: none; /* hidden */
}

/* In Firefox sometimes an enclosing <div> will not stretch vertically to
 * contain its children, so put a <div class="clear"></div> at bottom of
 * the enclosing <div> to push down on the bottom of the collapsing div.
 */
.clear
{
   clear: both;
   height: 1px;
   overflow: hidden;
}

/* Font sizes */
.xxs
{
   font-size: 7pt;
}
.xs
{
   font-size: 8pt;
}
/*
.sm
{
   font-size: 10pt;
}
.med
{
   font-size: 15pt;
}
.lg
{
   font-size: 22pt;
}
*/
.smbody
{
   font-size: 10pt;
}
.sm
{
   font-size: 10pt;
   font-weight: bold;
   font-family: Arial,Verdana,Helvetica,Tahoma,sans-serif;
}
.med
{
   font-size: 14pt;
   font-weight: bold;
   font-family: Arial,Verdana,Helvetica,Tahoma,sans-serif;
}
.lg
{
   font-size: 20pt;
   font-weight: normal;
   font-family: "Arial Narrow",Arial,Verdana,Helvetica,Tahoma,sans-serif;
}
.hid
{
   display: none;
}

/* Layout rules for shrinkwrapping <div>s around other stuff.  This is
 * finicky stuff, so there are some IE-Mac and IE-Win specific settings.
 * the IE-Mac styles are below.  The IE-Win settings are included conditionally
 * somewhere else.
 */
.outerShrink
 {
	margin: 0 auto 0 auto; /*1px auto 1px auto;*/
	text-align: center;
	display: table;
   border: 0px solid black;
}
.innerShrink
 {
   text-align: left;
	display: table-cell;
	padding: 0.3em 0.5em; /*10pt;*/
}
/* Special instructions only for IE-Mac */
/*\*//*/
.outerShrink {
	display: block;
}
.innerShrink {
	display: inline-block;
}
/* End of Special instructions only for IE-Mac */



/* Define the basic page background appearance and default font.
 *
 *     +--------------------body-----------------------------------+
 *     | +------------------pageContainer------------------------+ |
 *     | |    +-------------pageBody-------------------------+   | |
 *     | |    |                                              |   | |
 *     | |    |     Centered, visible content area           |   | |
 *     | |    |                                              |   | |
 *     | |    |  +----------menubar-----------------------+  |   | |
 *     | |    |  |     |       |      |        |          |  |   | |
 *     | |    |  +----------------------------------------+  |   | |
 *     | |    |  +----------content-----------------------+  |   | |
 *     | |    |  | +---------------+  +-----------------+ |  |   | |
 *     | |    |  | |               |  |                 | |  |   | |
 *     | |    |  | |               |  |                 | |  |   | |
 *     | |    |  | +---------------+  +-----------------+ |  |   | |
 *     | |    |  +----------------------------------------+  |   | |
 *     | |    |                                              |   | |
 *     | |    +------------/pageBody-------------------------+   | |
 *     | +-----------------/pageContainer------------------------+ |
 *     +-------------------/body-----------------------------------+
 */

body /* Default layout rules */
{
   padding: 8px;
}
body /* Default typeface(s) */
{
   font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
   font-weight: bold;
}
body /* Default font & foreground object color */
{
   color: #000000;
}
div.menubar
{
   background-color: #000000;
}
div.pageBody /* Default outer matte background color */
{
   color: #6F6F6F;
}
body, div.pageContainer /* Default outer matte background color */
{
   background-color: #6F6F6F;
}
div.menubar
{
   color: #FFFFFF;
}
div.pageBody /* Default content background color */
{
   background-color: #FFFFFF;
}
div.contentLeft h3, div.contentRight h3 /* Logo blue color */
{
   color: #1C6397;
}


div.pageBody
{
   border: 1px solid black;
}

div.logoDiv
{
   float: left;
}

div.snapImgDiv
{
   float: right;
}
div.snapImgDiv img
{
   border: 1px solid black;
}

.menubar
{
   margin: 0;
   padding: 1px 0 0 0;
   width:652px;
   border: none;
   border-top: 2pt solid white;
   font-family: Arial,Verdana,Helvetica,Tahoma,sans-serif;
   font-variant: small-caps;
   font-weight: normal;
}

.menubaritem
{
   width: 19.5%;
   text-align: center;
   float: left;
   border: 1px solid #000000;
}

.sixitems
{
   width: 16%;
}

h6
{
   margin-top: 6pt;
}

a.red:link, a.red:visited
{
   border: 1px solid #555555;
   padding: 0px 3px 0px 3px;
   margin-right: 10pt;
   text-decoration: none;
   color: #555555;
}
a.red:hover, a.red:active
{
   border: 1px solid #ff0000;
   padding: 0px 3px 0px 3px;
   margin-right: 10pt;
   text-decoration: none;
   color: #ff0000;
}

a.box:link
{
   border-bottom: #ff0000 1px dotted;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   text-decoration: none;
   color: #1C6397;
}
a.box:visited
{
   border-bottom: #ff0000 1px dotted;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   text-decoration: none;
   color: #1C6397;
}
a.box:hover, a.box:active
{
   border: #ff0000 1px solid;
   text-decoration: none;
   color: red;
}
a.cityname:visited, a.menubaritem:visited
{
   text-decoration: none;
   color: #FFFFFF;
}
a.cityname:link, a.menubaritem:link
{
   text-decoration: none;
   color: #FFFFFF;
}
a.cityname:hover, a.menubaritem:active, a.menubaritem:hover
{
   text-decoration: none;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px solid #000001; /* IE must have this border change or it won't change the bg color! */
}

a.currentitem:visited, a.currentitem:link, a.currentitem:hover
{
   color: red;
   background-color: #000000;
}

a.nobox
{
   text-decoration: none;
}

img.bldgBar
{
   vertical-align: bottom;
}
img#logoImg
{
   margin-top: 6pt;
   border: none;
   padding: 0;
}


/* (From http://channel9.msdn.com/ShowPost.aspx?PostID=205854)
  display:table I guess in a way is sort of like a specialised version of display:block you could say...

  The normal behaviour of display:block with width:auto would be to grow as wide as the page.
  The behaviour of display:table with width:auto on the other hand will be to shrinkwrap around
  the element that is inside the DIV. Say you had a page that was 600px wide, a DIV with display:table
  and width:auto on the page, and inside the DIV a 400px wide image.

  In this case, the DIV would be 400px wide too, in other words, it applies a shrink-to-fit according
  to content, both to the width and height. Off course this will only work in Firefox and Opera.

  Normally this is only achievable on a display:block DIV, if an absolute width is specified, or if
  the DIV is floated, but this is not always an option... that is why display:table can be really
  handy and _should_ be implemented.
*/
div.citynames
{
   background-color: #000000;
   color: #FFFFFF;
   font-family: "Arial Narrow",Arial,Verdana,Helvetica,Tahoma,sans-serif;
   font-variant: small-caps;
   font-weight: normal;
   padding: 6px;
   width: 640px;
   line-height: 1.4;
   border: 0px solid #000000;
   margin: 0;
   text-align: justify;
}
a.cityname
{
   border: 1px solid black;
}
a.citynameboxed
{
   border: 1px solid red;
}

div.content
{
   width: 652px;
   text-align: justify;
}
div.leftContainer, div.rightContainer
{
   width: 49.9%;
}
div.leftContainer
{
   float: left;
}
div.rightContainer
{
   float: right;
}
div.contentLeft, div.contentRight
{
   /*display: inline;*/
   margin: 10pt;
   padding: 0pt 10pt 10pt 10pt;
   border: 1px solid black;
}
div.contentLeft
{
   /*float: left;*/
   margin-left: 0;
   margin-right: 5pt;
}
div.contentRight
{
   /*float: right;*/
   margin-right: 0;
   margin-left: 5pt;
}
div.contentLeft h3, div.contentRight h3
{
   border-bottom: 1px solid Red;
   padding-top: 6pt;
   font-size: 11pt;
}
div.contentLeft p, div.contentRight p
{
   font-weight: normal;
   padding-bottom: 5pt;
   padding-top: 3pt;
}
img.contentRight
{
   padding: 0 0 0 0;
   margin: 10pt 0pt 0pt 5pt;
}
div.address
{
   margin-right: 12pt;
   padding: 4pt 4pt 4pt 12pt;
   /*font-family: "Courier New",Courier,monospace;*/
   font-family: "Times New Roman",Times,serif;
   font-size: 9pt;
   color: #000000;
   border: 1px dotted #AAAAAA;
}


/*
div.pagebg
{
   display: table-cell;
   background-color:#cccccc;
   border:1px solid black;
   padding:10px;
   margin:0px auto;
}

div.shrink
{
   margin: 0px;
   background-color: #aaaaaa;
   padding: 10px;
}

div.outer
{
   border: 1px solid red;
   background-color: White;
   text-align: left;
   margin: 0px auto;
   width: 100%;
}

.w20
{
   width: 20%;
}
.w25
{
   width: 25%;
}
.w33
{
   width: 33.3%;
}
.w50
{
   width: 49.9%;
}
.w66
{
   width: 66.6%;
}
.w75
{
   width: 74.9%;
}
.w80
{
   width: 79.9%;
}
.w100
{
   width: 100%;
}
.h100
{
   height: 100%;
}
.h100px
{
   height: 100px;
}
.w800px
{
   width: 800px;
}
.wa
{
   width: auto;
}
.ha
{
   height: auto;
}
.fl
{
   float: left;
}
.fr
{
   float: right;
}
.vm
{
   vertical-align: middle;
}
.gbox
{
   background-color: Lime;
}
.bbox
{
   background-color: Blue;
}
.wbox
{
   background-color: white;
}
.in
{
   display: inline;
}
.hinherit
{
   height: inherit;
}
.hauto
{
   height: auto;
}
.cen
{
   text-align: center;
}
.autow
{
   margin-left: auto;
   margin-right: auto;
}
.autoh
{
   margin-top: auto;
   margin-bottom: auto;
}

.menu
{
   display: block;
   width: 100%;
}
.menu li
{
   display: table-cell; #display:inline;
width:20%;
vertical-align:middle;margin-left:auto;margin-right:auto;
}
h3
{
   color: Black;
}

.menubar
{
   margin: 0px auto;
}

.menubaritem
{
   width: 20%;
   text-align: center;
   float: left;
}
*/