/* ----- COMMON STYLES ------------------------------------------ */

/* Background Regions */

       BODY, .BGX-FOOTER {  /* background outside of content wrapper */
            color:              #cccccc;  /* use for dark background */
            color:              #555555;  /* use for light background */
            background:         #999999;
            background:         transparent;
            float:              none;
            text-align:         center;
            margin:             0 auto;
            display:            block;
            padding:            0 20px;
          }

       * {
            position:           relative;
          }

       #LOCAL {
            font-variant:       small-caps;
            color:              red;
            margin-top:         20px;
            font-size:          20pt;
            font-family:        DejaVu Sans, Arial;
            font-weight:        bold;
          }

       #CONTENT-WRAPPER {  /* background and borders */
            display:              table;
            float:                none;
            position:             relative;
            text-align:           center;
            margin:               24px auto 0 auto;
            background:           #cccccc;
            border-radius:        20px;
            /* -moz-border-radius:   20px; */
            /* webkit-border-radius: 20px; */
            min-width:            54em;
            max-width:            84em;
          }

/* ~~~~~ HEADER SECTION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
       #HEADER {  /* */
            background:           transparent;
          }

       #HEADER-CONTENT {  /* */
            display:              table;
            position:             relative;
            float:                none;
            margin:               0 auto;
            text-align:           center;
            background:           transparent;
          }

       #SITE-BANNER {
            display:            block;
            float:              none;
            padding:            0;
          }

       #SITE-DESC-WRAP {
            display:            table;
            margin:             0 auto;
            text-align:         center;
            clear:              both;
            position:           relative;
            top:               -0px;
            border:             0px none;
          }

       #SITE-DESC {
            font-weight:          bold;
            text-shadow:          1px 1px 1px #fbf;
            font-size:            18pt;
          }

       #SITE-OWNER {
            clear:                right;
            text-align:           center;
            font-size:            12pt;
            margin:               auto;
            font-weight:          bold;
            font-family:          tahoma,arial;
          }


/* ~~~~~ INTRO SECTION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
       #INTRO {  /* */
            clear:                both;
            display:              table;
            width:                100%;
            float:                none;
            position:             relative;
            margin:               0 auto;
            background:           #f0f0f0;
            min-width:            70em;
          }

       .BGIMAGE {  
            float:              left;
            display:            inline-table;
            border:             0;
          }

       #HDGLINE-TOP {
            display:            none;
          }

       #HDGLINE-BOT {
            display:            block;
            margin:             0 0 8px 0;
            background:         transparent;
          }

       .HCENTER { 
            position:           relative;
            float:              left;
            margin:             0 auto;
            text-align:         center;
            clear:              both;
         }

       #SEASON-ICON, PHOTO-ICON {   /* left of title */
            display:              block;
            width:                110px;
          }

       .BGMAIN_LEFT {
            display:              table-cell;
            float:                left;
            vertical-align:       top;
            font-size:            10pt;
            background:           transparent;
            background-color:     #FFFAFD;
            width:                55em;
            margin:               16px 0 16px 16px;
            border:               1px solid purple;
            padding:              10px 14px;
          }

       .BGMAIN_LEFT_INNER {
            background:           transparent;
          }

       .BGMAIN_RIGHT {
            display:              table-cell;
            float:                left;
            vertical-align:       top;
            font-size:            10pt;
            background:           transparent;
            max-width:            21em;
            background:           transparent;
            margin:               16px 0 16px 16px;
            border:               1px solid purple;
            padding:              10px 14px;
          }

       .BGMAIN_RIGHT_INNER {
            background:           transparent;
          }

       .VCENTER {
            vertical-align:       middle;
          }

       .TOTABS {
            text-align:           center;
            border:               1px solid black;
            padding:              8px 4px 4px 4px;
            display:              table; 
            margin:               0 auto 10px auto;
          }


/* List Items */

       UL,LI { 
            font-family:          geneva, arial, verdana, sans-serif;
            color:                #045483;
            padding:              0;
            margin-top:           0;
            margin-left:          1px;
            font-size:            8pt;
            line-height:          1.6;
            text-indent:          0px;
            text-align:           left;
            list-style-position:  inside;
            list-style-type:      circle;
            list-style-image:     url(../common/bullet.gif);
          }

       .LINECAT { 
            color:                #AAAAAA;
            list-style-image:     url(../../common/bullet3.gif);
          }

       .LINEGROUP { 
            margin-left:2em;
            padding:3px 10px;
            border:1px solid maroon;
          }

       .linktext { 
            color:            #339933;
            font-style:       normal;
            text-decoration:  none;
            padding-top:      1px;
            padding-bottom:   1px;
            padding-left:     2px;
            padding-right:    2px;
         }

       .linktextul {
            text-decoration:  underline;
         }

       A:HOVER.linktext, A:ACTIVE.linktext { 
            color:            #7c2f3f;
            background:       #f6f0ff;
            border:           1px #7c2f3f solid;
            padding-top:      1px;
            padding-bottom:   1px;
            padding-left:     1px;
            padding-right:    1px;
         }

/* Text Styles */

       .italic { 
            font-style:       italic;
         }

       .size9 { 
            font-size:        9pt;
         }

       .size11 { 
            font-size:        11pt;
         }

       P { 
            font-family:      geneva, arial, verdana, sans-serif;
            font-size:        11pt;
            color:            #321E05;
            background:       transparent;
          }         

       .P0 { 
            font-size:        10pt;
            margin:           0;
            padding:          0;
          }         

       .title { 
            font-size:        16pt;
            font-weight:      bold;
            padding-bottom:   12px;
         }

/* Link (Anchor) Styles */

       A { 
            padding-top:    2px;
            padding-bottom: 2px;
            padding-left:   5px;
            padding-right:  5px;
            color:                #045483;
            text-decoration:      none;
         }

       LI A:HOVER, LI A:ACTIVE,
       .BGX A:HOVER, .BGX A:ACTIVE
            {
              color:              #7c2f3f;
              background:         #f6f0ff;
              text-decoration:    none;
              border:             1px solid #7c2f3f;
              padding-left:       4px;
              padding-right:      4px;
            }

       A IMG {
              text-decoration:    none;
              padding-left:       0px;
              padding-right:      0px;
            }

       A:HOVER IMG, A:ACTIVE IMG {
              color:              red;
              border-style:       dashed;
              opacity:            0.9;
              /* filter:             alpha(opacity=90); */
              /* -moz-opacity:       0.9; */
              padding-left:       0px;
              padding-right:      0px;
            }

       A.CAT { 
            font-weight:          bold;
            background:           transparent;
            text-decoration:      none;
            text-align:           center;
          }

/* Table Cell Styles */
       .TABLE {
            table-layout:         fixed;
            position:             relative;
            float:                none;
            display:              table;
          }

       .TABLE-ROW {
            position:             relative;
            display:              table-row;
            float:                left;
          }

       .TABLE-ITEM {
            position:             relative;
            display:              table-cell;
            float:                left;
            vertical-align:       top;
          }

       .TABLE-ITEM .THUMB {
            margin:                0 auto;
            float:                 left;
            padding:               8px;
            white-space:           nowrap;
            text-align:            center;
            border-collapse:       collapse;
          }

       .TABLE-ITEM .LIST {
            display:               inline-block;
            float:                 left;
            padding:               12px;
            border-collapse:       collapse;
          }

       TH { 
            font-family:          geneva, arial, verdana, sans-serif;
            font-size:            12pt;
            text-align:           left;
          }

       TH.CAT { 
            color:                #ffeaea;
            background:           #DD6666;
          }

       IMG.CAT {
            color:                #DD3333;
            border:               0 none transparent;
            text-decoration:      none;
          }

       TD { 
            font-family:          geneva, arial, verdana, sans-serif;
            font-size:            11pt;
            vertical-align:       top;
            color:                #045483;
            background:           #ccffcc;
            background:           #ffeeee;
          }

       .NAVMAIN LI {
            font-size:            14pt;
            line-height:          0.8;
            padding:              0 4px;
            display:              inline;
          }
       
       UL.MEDPT A, UL.MEDPT LI, LIST.MEDPT LI, UL A, UL LI {
            font-family:          geneva, arial, verdana, sans-serif;
            font-size:            11pt;
          }
