/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* STANDARD HTML TAG RESET                                                                                                                                                */

  body, h1, h2, h3, h4, h5, h6, p, ul, li, form, img, label { font-family:tahoma; font-weight:normal; margin:0px; padding:0px; border:0px; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* STANDARD HTML TAG DEFINITION                                                                                                                                           */

  body, p, form { font-size:10pt; }

  h1            { font-family:palatino linotype; font-size:14pt; font-weight:900; font-variant:small-caps; color:#112345; margin:3px auto 3px 10px; }  /*font for page headings*/
  h2            { font-size:10pt; font-weight:bold; }                         /*font for page subheadings*/
  h3            { font-size:9pt; font-style:italic; }                         /*font for second-level page subheadings*/
  h5            { font-size:10pt; margin:3px auto 3px 10px; color:#111122; border:2px #FFFFFF; }  /*font for sidebar headings*/
  h6            { font-size:10pt; margin:3px auto 0px 14px; }                 /*font for sidebar subheadings*/

  ul            { clear:left; list-style:none; }

  img           { float:left; display:block; }

  label         { clear:both; float:left; width:160px; font-weight:bold; text-align:right; margin-right:6px; }

  a             { color:#0000ff; text-decoration:underline; font-weight:normal; }
  a:link        { color:#0000ff; text-decoration:none; }
  a:visited     { color:#613213; text-decoration:none; }
  a:hover       { color:#5a006f; text-decoration:none; }
  a:active      { color:#0000ff; text-decoration:none; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE ELEMENTS                                                                                                                                                          */

#container      { position:relative; width:780px; margin:5px auto 10px auto; text-align:left; overflow:hidden; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CUSTOM CLASSES                                                                                                                                                         */

  .heading      { float:left; padding: 2px 0px 2px 5px; height:22px; font-size:11pt; font-weight:bold; }
  .msg          { color:red; font-weight:bold; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NAVIGATION BAR (TOP)                                                                                                                                                   */

  .navbar       { clear:left; float:left; width:780px; height:25px; background: #2795D3 url(http://www.blueboardwalk.com/images/navbar.jpg); position:relative; border:1px solid white; }
  .navbar ul    { float:left; }
  .navbar ul li { float:left; display:block; border-right:2px solid white; }
/*  .navbar ul li { float:left; display:block; border-right:2px solid white; } SEEMS TO WORK EQUALLY WELL */
  .navbar ul li a { float:left; display:block; width:133px; padding:3px 5px 4px 5px; color:#ffffff; text-decoration:none; }
  .navbar ul li a:visited { color:#ffffff; text-decoration:none; }

/*  #hous         { position:absolute; top:0px; left:0px; width:133px; font-size:11pt; } */
  #hous         { float:left; left:0px; width:133px; font-size:11pt; }
  #housopacity  { position:absolute; top:0px; left:0px; height:25px; width:143px; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); }
  #housopacity:hover  { opacity:.25; filter:alpha(opacity=25); }
  #housopacity:active { opacity:.25; filter:alpha(opacity=25); }

/*  #yard         { position:absolute; top:0px; left:145px; width:133px; font-size:11pt; } */
  #yard         { float:left; left:145px; width:133px; font-size:11pt; }
  #yardopacity  { position:absolute; top:0px; left:145px; height:25px; width:143px; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); }
  #yardopacity:hover  { opacity:.25; filter:alpha(opacity=25); }
  #yardopacity:active { opacity:.25; filter:alpha(opacity=25); }  

/*  #rrr          { position:absolute; top:0px; left:290px; height:25px; width:133px; font-size:11pt; border-right:2px solid white; } */
  #rrr          { float:left; left:290px; width:133px; font-size:11pt; }
  #rrropacity   { position:absolute; top:0px; left:290px; height:25px; width:143px; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); }
  #rrropacity:hover   { opacity:.25; filter:alpha(opacity=25); }
  #rrropacity:active  { opacity:.25; filter:alpha(opacity=25); }  

/*  #art          { position:absolute; top:0px; left:435px; width:133px; font-size:11pt; border-right:2px solid white; } */
  #art          { float:left; left:435px; width:133px; font-size:11pt; }
  #artopacity   { position:absolute; top:0px; left:435px; height:25px; width:143px; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); }
  #artopacity:hover   { opacity:.25; filter:alpha(opacity=25); }
  #artopacity:active  { opacity:.25; filter:alpha(opacity=25); }  

/*  #fun          { position:absolute; top:0px; left:580px; width:133px; font-size:11pt; border-right:2px solid white; } */
  #fun          { float:left; left:580px; width:133px; font-size:11pt; }
  #funopacity   { position:absolute; top:0px; left:580px; height:25px; width:143px; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); }
  #funopacity:hover   { opacity:.25; filter:alpha(opacity=25); }
  #funopacity:active  { opacity:.25; filter:alpha(opacity=25); } 

/*  #blog         { position:absolute; top:0px; left:725px; width:43px; font-size:11pt; } */
  #blog         { left:725px; width:43px; font-size:11pt; border-right:0px; }
  #blogopacity  { position:absolute; top:0px; left:725px; height:25px; width:53px; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); }
  #blogopacity:hover  { opacity:.25; filter:alpha(opacity=25); }
  #blogopacity:active { opacity:.25; filter:alpha(opacity=25); }  
  
  .navmenu      { position:absolute; background-color:#0573b1; display:none; }
  .navmenu a:hover  { font-weight:normal; background-color:#38a6e4; }
  .navmenu ul li  { clear:left; display:block; }

  #menuhous     { position:absolute; top:25px; left:0px; }
  #menuyard     { position:absolute; top:25px; left:145px; }
  #menurrr      { position:absolute; top:25px; left:290px; }
  #menuart      { position:absolute; top:25px; left:435px; }
  #menufun      { position:absolute; top:25px; left:580px; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* REFERENCE (not currently used)

a.a2	        { color:#0000ff; text-decoration:none; font-weight:normal; }
a.a2:link       { color:#0000ff; text-decoration:none; }
a.a2:visited    { color:#335577; text-decoration:none; }
a.a2:hover      { color:#FFAA00; text-decoration:none; }
a.a2:active     { color:#0000FF; text-decoration:none; }

body            { text-align:center; background-color:#ffffff; }

.navbar ul li a:hover { color:#ffffff; font-weight:bold; background-color:#38a6e4; }
.navbar ul li a.blog { width:48px; }

*/