/* freedom-cruisers.org */

  * { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }

/*   * { margin: 0; padding: 0; } */

#page-wrap { min-width: 760px; max-width: 1024px; margin: 10px auto; }
/* border:1px red dashed */

#page-wrap #inside { margin: 10px 0px 0px 0px; padding-top: 0px; padding-bottom: 10px; }
	
#menu { background: #000 url("img/menugrad.png") repeat-x 0 0; text-align: left; height: 32px; padding: 0px 8px; 
        font-family: verdana, sans-serif, helvetica; font-size: 10pt; font-weight: 300; color: white; }

#main-content {
/*  background: white; */
  padding: 0px 10px;
/* background: url(images/left-sidebar.gif) repeat-y white; */
	/* padding-left: 230px; */
  /* padding-left: 20px; */
	padding-top: 10px;
}

#header { text-align: center; padding-bottom: 0px; }
	
#left-sidebar { width: 150px; float: left; padding-left: 15px; padding-top: 20px; }

#footer { text-align: center; padding-top: 10px; padding-bottom: 20px; color: white; }

body { background: #999 url("img/vtwin4.png") repeat 0 0; 
       font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#fff; text-align:left; }

/* font-family:"Times New Roman", Times, serif; font-size:12pt */
/* font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color:#080808' */

/* body              { text-align:left; max-width:1280px; font-family:Times; font-size:12pt; color:#000; background-color:#999 } */

/*
  body              { text-align:left; max-width:1280px; font-family:Times; font-size:10pt; 
                      color:#000; background-image:url("img/vtwin2.png"); background-color:#999 }
*/

#navbar {
  margin: 0;
  padding: 0;
  height: 1em; }
#navbar li {
  list-style: none;
  float: left;
  border-right: 1px #666 solid; }
#navbar li a {
  display: block;
  padding: 3px 8px;
  color: #fff;
  text-decoration: none; }
#navbar li ul {
  display: none; 
  width: 10em; /* Width to help Opera out */ 
  /* border:1px #666 solid */ }
/* #navbar li:hover ul, #navbar li.hover ul { */
#navbar li:hover ul {
  width: auto;
  display: block;
  position: absolute;
  background-image: url("img/menugrad22.png");
  margin: 0px;
  padding: 0px; }
/* #navbar li:hover li, #navbar li.hover li { */
#navbar li:hover li {
  border-right: none;
  float: none; }
/* #navbar li:hover li a, #navbar li.hover li a { */
#navbar li:hover li a {
/*   background-image: url("img/menugrad.png"); */
/*   background-color: blue; */
/*  border-bottom: 1px dashed #666;*/
  color: #fff; }
#navbar li li a:hover {
  background-color: #ff0; 
  color: #f00 }
#navbar li a:hover {
  background-color: #ff0;  
  color: #f00 }


  /* links */
  a:link            {color: #ff0; }
  a:visited         {color: #cc0; }
  a:hover           {color: #f00; }
  a:active          {color: #00f; }

  a.login:link      { color: #fff; text-decoration: none; }
  a.login:visited   { color: #fff; text-decoration: none; }
  a.login:hover     { color: #F00; background-color: #FF0; }
  a.login:active    { color: #00F; }

  a.nglbtt:link      { color: #ff0; text-decoration: none; }
  a.nglbtt:visited   { color: #ff0; text-decoration: none; }
  a.nglbtt:hover     { color: #f00; }
  a.nglbtt:active    { color: #00f; }

  a.menu:link       {color: #ff0; font-weight: 300; text-decoration: none; }
  a.menu:visited    {color: #ff0; }
  a.menu:hover      {color: #f00; background-color: #ff0}
  a.menu:active     {color: #00f; }

  a.cart:link       {color: #ff0; font-weight: 300; }
  a.cart:visited    {color: #ff0; }
  a.cart:hover      {color: #f00; }
  a.cart:active     {color: #00f; }

  
  /* CSS Menu */
/*   .mmenu       { list-style-type: none; margin: 0px 0; padding: 0; width: 150px; border-bottom-width: 0; }  */
/*  .mmenu li a  { background: white url(img/ltag0.png) bottom left; font: normal 12px/30px Verdana, Helvetica, sans-serif; 
                    color: black; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none; }  */

/*  * html .mmenu li a { width: 140px; } /* IE only. Actual menu width minus left padding of A element (10px) */
/*   .mmenu li a:hover { background-image: url(img/ltag1.png); color: #00F; font-weight: 800; } */


  /* font shortcuts */
  .pt07         { font-family: verdana, sans-serif, helvetica; font-size:  7pt; }
  .pt08         { font-family: verdana, sans-serif, helvetica; font-size:  8pt; }
  .pt08i        { font-family: verdana, sans-serif, helvetica; font-size:  8pt; font-style: italic; }
  .pt08b        { font-family: verdana, sans-serif, helvetica; font-size:  8pt; font-weight: 800; }
  .pt09         { font-family: verdana, sans-serif, helvetica; font-size:  9pt; }
  .pt09i        { font-family: verdana, sans-serif, helvetica; font-size:  9pt; font-style: italic; }
  .pt10         { font-family: verdana, sans-serif, helvetica; font-size: 10pt; }
  .pt10i        { font-family: verdana, sans-serif, helvetica; font-size: 10pt; font-style: italic; }
  .pt10b        { font-family: verdana, sans-serif, helvetica; font-size: 10pt; font-weight: 800; }
  .pt10ib       { font-family: verdana, sans-serif, helvetica; font-size: 10pt; font-style: italic; font-weight: 800; }
  .pt12         { font-family: verdana, sans-serif, helvetica; font-size: 12pt; }
  .pt12i        { font-family: verdana, sans-serif, helvetica; font-size: 12pt; font-style: italic; }
  .pt12b        { font-family: verdana, sans-serif, helvetica; font-size: 12pt; font-weight: 800; }
  .pt14         { font-family: verdana, sans-serif, helvetica; font-size: 14pt }
  .pt14b        { font-family: verdana, sans-serif, helvetica; font-size: 14pt; font-weight: 800; }
  .pt18         { font-family: verdana, sans-serif, helvetica; font-size: 18pt; }
  .pgtitle      { font-family: verdana, sans-serif, helvetica; font-size: 12pt; font-weight: 800; color: #F00; text-decoration: underline; }
  font.error    { font-family: arial, verdana, helvetica; font-size: 10pt; font-weight: 800; text-decoration: none; color: #FF0000 }


  /* Page title */
  .pgtitle     { font-family: Arial, Helvetica, sans-serif; font-size:14pt; font-weight:800; text-align:center; text-decoration:underline; color:#fff; margin-bottom:1em; }

  /* code of conduct header */
  .cochd        { color:#ff0; font-weight: 800; }

  font.reqfld   { font-family: verdana, sans-serif, helvetica; font-size: 10pt; font-weight: 800; color: #f30; }
  font.apptip   { font-family: verdana, sans-serif, helvetica; font-size: 8pt; font-style: italic; color: #fc0; }

  img.signalspix { float:right; background-color: #fff; padding: 8px; margin-left:8px; }
  
  
  div.hide      { display: none }

  table.links   { border-collapse: collapse; border: 0px}
  table.links * tr { vertical-align: top }
  table.links * td { padding-top: 2em }

/*
  .viewtbl      { font-family: verdana, sans-serif, helvetica; font-size: 10pt; border-collapse: collapse; 
                  background-color: #FFF; border-color: #000; color:#000 }
*/

  .viewtbl      { font-family: verdana, sans-serif, helvetica; font-size: 10pt; border-collapse: collapse; 
                  width:1024px; background-color: #fff; border:1px #333 solid; color: #000; }
  .viewtbl th   { border:1px #666 solid; padding:0px 2px; background-color: #900; }
/*  .viewtbl tr td       { border-color: #333; padding:0px 2px; color:#f0; background-color: #900; } */
  .viewtbl tr.me td    { border-color: #333; padding:0px 2px; color:#f0; background-color: #900; }
  .viewtbl tr.del td   { border-color: #666; padding:0px 2px; color:#999; background-color: #333; }
  .viewtbl td   { border:1px #333 solid; padding:0px 2px; }

  .viewtbls     { font-family: verdana, sans-serif, helvetica; font-size: 8pt; border-collapse: collapse; 
                  background-color: #FFF; border-color: #000; color:#000 }


  .appform      { font-family: verdana, sans-serif, helvetica; font-size: 10pt; font-weight: 300; 
                  border-collapse: collapse; border-color: #666; background-color: #339; color: #fff; }
  .appform tr   { border-color: #666; padding:0px 2px; }
  .appform td   { border-color: #666; padding:0px 2px; }
  .appform td input  { font-family: verdana, sans-serif, helvetica; font-size: 10pt; }


  .mbrpick            { font-family: verdana, sans-serif, helvetica; font-size: 10pt; border-collapse: collapse; 
                        width:800px; border:1px #666 solid; background-color: #009; color: #fff; }
  .mbrpick th         { border:1px #666 solid; padding:0px 2px; background-color: #900; }
  .mbrpick tr.me td   { border-color: #666; padding:0px 2px; color:#ff0; background-color: #900; }
  .mbrpick tr.del td  { border-color: #666; padding:0px 2px; color:#999; background-color: #333; }
  .mbrpick td         { border:1px #666 solid; padding:0px 2px; }

  .bdani              { font-family: verdana, sans-serif, helvetica; font-size: 10pt; border-collapse: collapse; 
                        width:auto; border:1px #666 solid; background-color: #009; color: #fff; }
  .bdani th           { border:0px #999 solid; padding:0px 4px; background-color: #900; }
  .bdani tr.gap td    { border-color: #999; padding:0px 2px; height:6px }
  .bdani tr.chap td   { border-top:1px #999 solid; padding:0px 4px; }
/*   .bdani td          { border:1px #666 solid; padding:0px 2px; }  */
   .bdani td          { border:0px #999 solid; padding:0px 4px; } 

#mbrlist     { width: 100%; font-family: verdana, sans-serif, helvetica; font-size: 10pt; border-collapse: collapse; 
               background-color: #FFF; border-color: #000; color:#000 }

#mbrlist td, #mbrlist th { border:1px solid #000; padding:2px } /* 3px 7px 2px 7px; } */

#mbrlist th { text-align:left; background-color:#009 }

#mbrlist tr.alt td { color:#000; background-color:#ffc; }

#dhtmltooltip { position: absolute;
                width: 150px;
                border: 2px solid black;
                padding: 2px;
                background-color: lightyellow;
                visibility: hidden;
                z-index: 100;
                /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
                /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
                }

/* screen */
@media screen {
  #webPrintOnly  { display: none; }
}

/* print */
@media print {
  body           { text-align:left; margin-left:auto; font-family:verdana, sans-serif, helvetica; font-size:12pt; color:#000; }
  #webNoPrint    { display: none; }
  #webPrintOnly  { display: inline; }
}