/* This style sheet is for all browsers */
/* last updated 01/30/09                */

html {
 height: 100%;
 padding: 0;
}

body {
 background-image:url(../images/greylines.jpg);
 margin-top: 8px;
 margin-left: 4px;
 margin-right: 4px;
 margin-bottom: 8px;
}

#wrapper {			//  the bug where div layers fall 1 - 3 pixels below the header graphic is
 height: auto;			//  caused by the nav tables font size pushing below the header div.
 text-align: left;		//  Fix this by converting the nav table to a div layer.
 padding: 0px;
 border:0;
 width: 760px;
 margin: auto;
 border: solid #000000;
 border-width: 0 1px 0 1px;
 background: #dddddd;
}

#wrapperP {
 height: auto;
 text-align: left;
 padding: 0px;
 border:0;
 width: 760px;
 margin: auto;
 border: solid #000000;
 border-width: 0 1px 0 1px;
 background: #111111;
}

#wrapperW {
 height: auto;
 text-align: left;
 padding: 0px;
 border:0;
 width: 760px;
 margin: auto;
 border: solid #000000;
 border-width: 0 1px 0 1px;
 background: #e2ecf1;
}

#wrapperR {
 height: auto;
 text-align: left;
 padding: 0px;
 border:0;
 width: 760px;
 margin: auto;
 border: solid #000000;
 border-width: 0 1px 0 1px;
 background: #aaaaaa;
}

#header {
 height: 87px;
 background: #5B7444;
 border: solid black;
 border-width: 1px 0 1px 0;
 margin: 0 0 0 0;
 background-image:  url(../images/tjhahnLogo.jpg);
}

#headerP {
 height: 87px;
 background: #666666;
 border: solid black;
 border-width: 1px 0 1px 0;
 margin: 0 0 0 0;
 background-image:  url(../images/tjhahnLogoP.jpg);
}

#headerW {
 height: 87px;
 background: #47697E;
 border: solid black;
 border-width: 1px 0 1px 0;
 margin: 0 0 0 0;
 background-image:  url(../images/tjhahnLogoW.jpg);
}

#headerR {
 height: 87px;
 background: #cc9900;
 border: solid black;
 border-width: 1px 0 1px 0;
 margin: 0 0 0 0;
 background-image:  url(../images/tjhahnLogoR.jpg);
}

#topnav {
 margin-top: 69px;
}

#content {
 float: left; 
 background: #dddddd;
}

#leftside {  /* adjusted -2 for vertical gap in FF, but in IE this overlaps into header */
 float: left;
 width: 473px;
 //background: #dddddd;
 padding: 10px;
 background-image:  url(../images/leftColumn.gif);
 background-repeat: no-repeat;
 margin-top: -1px;
 //margin-top: -2px;
}

#rightside {
 margin: 0;
 float: left;
 width: 247px;
 background: #dddddd;
 padding: 10px;
 text-align: center;
 height: 1% /* Holly hack for Peekaboo Bug */
}

#leftsideP {
 float: left;
 width: 473px;
 background: #111111;
 padding: 10px;
}

#rightsideP {
 margin: 0;
 float: left;
 width: 247px;
 background: #111111;
 padding: 10px;
 text-align: center;
 height: 1% /* Holly hack for Peekaboo Bug */
}

#leftsideW {
 float: left;
 width: 220px;
 background: #e2ecf1;
 padding: 10px;
}

#rightsideW {
 margin: 0;
 float: left;
 width: 480px;
 background: #e2ecf1;
 padding: 10px;
 text-align: left;
 height: 1% /* Holly hack for Peekaboo Bug */
}

#leftsideR {
 float: left;
 width: 473px;
 background: #aaaaaa;
 padding: 10px;
}

#rightsideR {
 margin: 0;
 float: left;
 width: 247px;
 background: #aaaaaa;
 padding: 10px;
 text-align: center;
 height: 1% /* Holly hack for Peekaboo Bug */
}

#footer {
  clear: both;
  display: block;
  background: #555555; 
  border: solid #000000;
  border-width: 1px 0 1px 0;
  font-size: 10px;
  color: #222222;
  font-family: Arial, Helvetica, non-serif;
  background-image:  url(../images/footer.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
 
#copyrightName {
  margin: 10px 35px 0px 35px;
  clear: both;
  text-align: left;
  font-size: 13px;
  color: #cccccc;
  font-weight: bold;
 }
  
#copyrightTagline {
  margin: 0px 35px;
  clear: both;
  font-family: Arial, Helvetica, non-serif;
  color: #999999;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}
 
#copyrightReservations {
  margin: 0px 35px;
  clear: both;
  font-family: Arial, Helvetica, non-serif;
  color: #999999;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}
 
#copyrightSuggestions {
  margin: 0px 35px 10px 35px;
  clear: both;
  font-weight: normal;
  font-family: Arial, Helvetica, non-serif;
  color: #999999;
  font-size: 10px;
  text-align: left;
}
 
.clr {clear: both;}

p, table, td, th, tr, ol, ul {
 font-size: 11px;
 color: #222222;
 font-family: Arial, Helvetica, non-serif;
}

ul {
  list-style-type: square;
  color: #666666;
}

img {
 border: none;
}

hr {
 border: none 0;
 border-top: 1px solid #5B7444;
 width: 100%;
 height: 1px;
}

table.leftside {
 border-width: 1px 0px 0px 0px;
 border-spacing: 0px;
 border-style: solid;
 //border-color: #5B7444;
 border-color: #cccccc;
 border-collapse: separate;
 background-color: #dddddd;
 align: right;
// -moz-border-radius:20px;
 font-size: 11px;
 color: #222222;
 font-family: Arial, Helvetica, non-serif;
}

table.sidebar {
 padding: 0px 0px 0px 0px;
 border-width: 1px 1px 1px 1px;
 border-spacing: 0px;
 border-style: solid;
 border-color: #cccccc;
 border-collapse: separate;
 background-color: #eaeaea;
 align: right;
 //-moz-border-radius:5px;
}

table.sidebarR {
 border-width: 1px 1px 1px 1px;
 border-spacing: 0px;
 border-style: dashed dashed dashed dashed;
 border-color: #666666;
 border-collapse: separate;
 background-color: #aaaaaa;
 align: right;
 -moz-border-radius:5px;
}


/* anchor styles */

a.h:link
{color: #455734; text-decoration: none;}

a.h:link:hover
{color: #000000; text-decoration: underline;}

a.h:visited
{color: #455734; text-decoration: none;}

a.h:visited:hover
{color: #000000; text-decoration: underline;}

a.h:active
{color: #000000; text-decoration: none;}


a.p:link 
{color: #cccccc; text-decoration: none;}

a.p:link:hover 
{color: #ffffff; text-decoration: underline;}

a.p:visited 
{color: #cccccc; text-decoration: none;}

a.p:visited:hover 
{color: #ffffff; text-decoration: underline;}

a.p:active 
{color: #ffffff; text-decoration: none;}


a.w:link 
{color: #006699; text-decoration: none;}

a.w:link:hover 
{color: #000000; text-decoration: underline;}

a.w:visited 
{color: #006699; text-decoration: none;}

a.w:visited:hover 
{color: #000000; text-decoration: underline;}

a.w:active 
{color: #000000; text-decoration: none;}


a.r:link 
{color: #666666; text-decoration: none;}

a.r:link:hover 
{color: #000000; text-decoration: underline;}

a.r:visited 
{color: #666666; text-decoration: none;}

a.r:visited:hover 
{color: #000000; text-decoration: underline;}

a.r:active 
{color: #000000; text-decoration: none;}


/* end of style sheet */