/* -------------------------- */
/* File:     main.css         */
/* Author:   Andrea Fiale     */
/* Version:  $Id: main.css,v 1.2 2006/05/12 14:48:57 afiale Exp $             */
/* -------------------------- */

  HTML {
        margin:           0px;
        padding:          0px;
  }
  BODY {
        margin:           30px 0px;
        padding:          0px;
        background:       #C0C0C0 url(../images/backgrounds/bg_pg_blue.gif) repeat fixed;
        color:            #FFFFFF;
        font-family:      arial, sans-serif;
        font-size:        10pt;
        text-align:       center;   /* Hack for IE5/Win */
  }
  #main_container {
        width:            750px; /* 800px */
        margin:           0px auto;
        padding:          0px;
        background-color: #FFFFFF;
        color:            #000000;
        text-align:       left;     /* Counteract to IE5/Win Hack */
  }
  #body_container {
        margin:           0px auto;
        padding:          0px 5px 5px;
        color:            #333333;  /* #000000 */
        text-align:       center;
     /* border:           2px dashed red; */
  }
  HR.cleaner {
        clear:            both;
        visibility:       hidden;
        height:           1px;
        margin:           -1px 0px 0px 0px;
        padding:          0px;
        border:           none;
  }

  #header {
     /* background:       #000066 url(../images/pics/0_barracudas.jpg) no-repeat 0px 0px scroll; */
        color:            #FFFFFF;
        text-align:       right;
        height:           72px;
  }
  .a0_barracudas {
        background:       #000066 url(../images/pics/0_barracudas.jpg) no-repeat 0px 0px scroll;
  }
  .a1_bluehole {
        background:       #000066 url(../images/pics/1_bluehole.jpg) no-repeat 0px 0px scroll;
  }
  .a2_coral {
        background:       #000066 url(../images/pics/2_coral.jpg) no-repeat 0px 0px scroll;
  }
  .a3_diver {
        background:       #000066 url(../images/pics/3_diver.jpg) no-repeat 0px 0px scroll;
  }
  .a4_gharqawqla {
        background:       #000066 url(../images/pics/4_gharqawqla.jpg) no-repeat 0px 0px scroll;
  }
  .a5_overhang {
        background:       #000066 url(../images/pics/5_overhang.jpg) no-repeat 0px 0px scroll;
  }
  .a6_propellor {
        background:       #000066 url(../images/pics/6_propellor.jpg) no-repeat 0px 0px scroll;
  }

  DIV.as_span {
        display:            inline;
  }
  .container_1 { position:relative; left: 30px; top:-5px }
  .container_2 { position:relative; left:-10px; top:0px; font-size:8pt; color:#DCDCDC; }
  #infos_container {
        margin:           20px 0px 0px;
        background:       #999999;
        border-bottom:    1px solid #666666;
  }
  #footer_container {
        margin:           10px 0px 0px;
        background:       #999999;
        border-top:       1px solid #666666;
  }
  #footer , #infos {
        padding:          0px 4px;
        color:            #4C4C4C;
        text-align:       right;
        font-size:        70%;
  }
  #infos A {
        color:            #4C4C4C;
/*      text-decoration:  blink; */
  }
  #infos A:hover {
        color:            #FFFFFF;
        cursor:           help;
  }
  DIV#docid {
        visibility:       hidden;
        text-align:       right;
        margin:           0px 0px 5px;
  }
  #credits {
        visibility:       visible;
        margin:           3px 0px;
        border-bottom:    1px solid #666666;
        text-align:       right;
  }

  H1 , H2 , H3 {
        color:            #3366CC;
        text-align:       center;
  }
  P {
        margin:           2px;
  }
  P.center {
        text-align:       center;
  }
  P.right {
        text-align:       right;
  }
  P.piccolo {
        font-size:        x-small;
  }
  .italics {
        font-style:       italic;
  }
  DIV.blockquote {
        font-family:      arial, sans-serif;
        font-style:       italic;
        text-align:       justify;
        margin-left:      10%;
        margin-right:     10%;
        margin-top:       30pt;
        margin-bottom:    30pt;
  }
  DIV.reference {
        text-align:       right;
  }
  DIV.disclaimer {
        padding:          10px;
        border:           none;
        background:       #FFFFCC;
        color:            #FF0000;
        text-align:       left;
        vertical-align:   middle;
  }
  IMG {
        margin:           0px;
        padding:          0px;
        border:           none;
  }
  IMG.left {
        float:            left;
        margin:           10px;
  }
  IMG.right {
        float:            right;
        margin:           10px;
  }
  IMG.photo {
        border:           1px solid #3366CC;
        margin:           0px 0px 0px 0px;
        float:            right;
  }
  IMG.dots {
        vertical-align:   top;
  }
  /* il contatore di accessi */
  IMG.digits {
        margin:           0px;
        padding:          0px;
        border:           none;
        vertical-align:   middle;
  }
  IMG.attach {
        margin:           0px;
        padding:          0px 5px;
        border:           none;
        vertical-align:   middle;
  }
  A {
        text-decoration:  none;
  }
  A:link {
        color:            #003399;
  }
  A:visited {
        color:            #003399;
  }
  A:hover {
        color:            #FF0000; /* red */
  }
  A:active {
        color:            #99CCFF;
  }

  #content_left {
        width:           95%;
        margin:          0px auto;
        text-align:      left;
     /* border:          1px solid red; */
  }
  #content_justify {
        width:           95%;
        margin:          0px auto;
        text-align:      justify;
     /* border:          1px solid red; */
  }
  #content_center {
        width:           95%;
        margin:          0px auto;
        text-align:      center;
     /* border:          1px solid red; */
  }

  #sidebar {
        float:           left;
        width:           140px; /* 200px */
        margin:          0px;
        padding:         0px;
     /* border:          1px solid red; */
  }
  #sidebar_content {
        font-size:       70%;
  }
  #main {
        margin:         0px 0px 0px 150px; /* 210px */
        padding:        0px;
     /* border:         1px solid red; */
  }
  #main_content {
        font-size:      100%;
        text-align:     left;
  }
  #main_content.xmas {
        background:     transparent url(../images/xmas/xmas_tree.gif) no-repeat 100% 10%;
  }
  #main_content.easter {
        background:     transparent url(../images/varie/easter_rabbit.gif) no-repeat 90% 25%;
  }