/* 
Sunset Beach Bar - Default CSS Style Sheet 
Last Modified: Wed, 26 Sep 2007 01:17:36 +0000
*/
body {
    background-color:    #EFEF47; /* Hot Orange  */
    color:               #000000; /* Black */
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           8pt;
    margin:              0px;
}

a {
    font-weight:         bold;
    text-decoration:     none;
}

a:link {
    color:               #00005f; /* Dark-Blue */
}

a:visited {
    color:               #383838; /* Dark Grey  */
}

a:hover {
    color:               #55559F; /*navy blue */
    text-decoration:     underline;    
}

a:active {
    color:               #D8D8D8; /* Light Grey */
}

ul,ol,pre { 
position:                relative;
top:                     0px;
}

h1 {
    display:             inline;
    float:               left;
    position:            relative;
    top:                 0px;
    left:                0px;
    padding:             10px;
    margin:              5px 15px 0 0;
    background-color:    #DFDF4F; 
    width:               280px;
    text-align:          center;
    color:               #00005F; /* Dark-Blue */
    font-family:         Tahoma, Verdana, Helvetica, sans-serif;
    font-size:           175%;
    font-weight:         bold;
    font-variant:        small-caps;
}

h2 {
    display:             inline;
    position:            relative;
    top:                 0px;
    left:                0px;
    color:               #000000; /* Black */
    font-size:           150%;
}

h3,h4,h5,h6 {
    display:             inline;
    position:            relative;
    top:                 0px;
    left:                0px;
    color:               #000000; /* Black */
    font-size:           125%;
}

hr {
    position:            relative;
    top:                 0px;
    left:                0px;
    width:67%;
    style: solid;
    height: 1px;    
    color:        #22229F; /* medium blue */
}

img {
    border-width:        0px;
}

p {
    position:            relative;
    top:                 0px; 
    left:                0px;
    margin:              2px 2px 10px 2px;
    text-align:          justify;
    color:               #000000; /* Black */
    font-family:         Verdana, Arial, Helvetica, sans-serif;
}

p img {
    position:            relative;
    top:                 0px; 
    left:                0px;
}

table {
    vertical-align:   top;
    border:           0px;
    padding:          0px;
    margin:           0px;
}

td {
    vertical-align:   top;
    font-weight:      normal;
    text-align:       justify;
    padding:          0px;
    margin:           0px;
}

th {
    font-weight:      bold;
    text-align:       center;
}

.ActionBox {
    color:               #000000; /* Black */
    width:               130px;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    border:              1px;
    border-style:        solid;
    margin:              5px;
}

.ActionItems {
    display:             block;
    position:            absolute;
    top:                 405px;
    left:                645px;
    width:               126px;
    background-color:    #7f7fff; /* Light-Blue */
    vertical-align:      middle;
    text-align:          left; 
    border:              1px;
    border-style:        solid;
    border-color:        #22229F; /* medium blue */
    padding:             2px;
    margin:              2px;
}

.ActionItems img{
  position:              relative;
  top:                   0px;
  left:                  0px;
}

.Actions {
    vertical-align:      top;
    padding:             5px;
}

.Actions a:visited {
    color:               #00007f; /* Dark-Blue */
}

.Actions a:hover {
    color:               #99CC00;  /* Brown */
}

.ActionTitle {
    color:               #00007f; /* Dark-Blue */
    padding:             5px;
}

.AdBanner {
    position:            absolute;
    top:                 2px;
    left:                156px;
}

.Aligned {
    clear:both;
    width:100%;
    height:15px;
    text-align:       center;
}


.CalendarBox {
    display:             block;
    position:            absolute;
    top:                 300px;
    left:                645px;
    width:               126px;
    height:              140px;
    background-color:    #7f7fff; /* Light-Blue */
    vertical-align:      bottom;
    text-align:          center; 
    border:              1px;
    border-style:        solid;
    border-color:        #22229F; /* medium blue */
    padding:             2px;
    margin:              2px;
}

.Content{
    position:            absolute;
    top:                 151px;
    left:                138px;
    width:               475px;
    border-style:        solid;
    border-color:        #22229F; /* medium blue */
    border-width:        0px 1px 0px 1px; 
    margin:              15px 5px 35px 5px;
    padding:             20px 10px 0px 10px;
    z-index:             1;
}

.DesktopStatusBar{
   color:                #FFFFFF;  /* White */
   background-color:     #7F0000; /* Dark Red */
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   text-align:           center;
   font-size:           100%;
   text-decoration:     underline;
   font-weight:         bold;
}

.Feature {
    width:               140px;
    background-color:    #99CC00;  /* Brown */
    font-family:         Arial, Verdana, Helvetica, sans-serif;
    font-weight:         normal;
    vertical-align:      top; 
}

.Feature td {
    text-align:          left;
    padding:              3px;
    font-size:            80%;
}

.FlushLeft {
    display:            block;
    float:              left;
    width:              60px;
    text-align:         center; 
}

.FlushRight {
    display:            block;
    float:              right;
    width:              60px;
    text-align:         center; 

}

.GuestActions {
    background-color:    #D8D8D8; /* Light Grey */
    padding:             5px;
}

.HeaderRow {
    background-color:    #55559F; /*navy blue */
    line-height:         1px;
    font-size:           1pt;
    width:               784px;
    vertical-align:      top;
    text-align:          center;
    padding:             0px;
    margin:              0px;
}

.Icon {
    position:            relative;
    top:                 0px;
    left:                0px;
    vertical-align:      baseline; 
}

.Landscape {
    position:            relative;
    top:                 -66px;
    left:                0px;
    height:              124px;
    width:               164px;
}

.Layout {
    background-color:    #99CC00;  /* Brown */
    text-align:          center;
    border:              0px;
    vertical-align:      top;
    width:               770px;
    padding:             0px;
}




.LiveCamLeft {
  position: absolute;
  left: -138px;
  top:  320px;
  margin: 0px 5px 0 5px !important;
  margin: 0px 5px 0 5px;
}

.LiveCamLeft img{
  height:              93px;
  width:               124px;
  display: block;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.LiveCamRight {
  position: absolute;
  left: 503px;
  top:  320px;
  margin: 0px 5px 0 5px !important;
  margin: 0px 5px 0 5px;
}

.LiveCamRight img{
  height:              93px;
  width:               124px;
  display: block;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.Logo {
    position:            absolute;
    top:                 83px;
    left:                214px;
    z-index:             100;
    opacity:             0.85;
    -moz-opacity:        0.85;
    -khtml-opacity:      0.85;
    filter:              alpha(opacity=85);
}

.Masthead {
    width:               140px; 
    font-family:         Arial, Verdana, Helvetica, sans-serif;
    vertical-align:      top;
    background-color:              #99FF00; /* Light Green  */
}

.MemberActions {
    background-color:    #99CC00;  /* Brown */
    padding:             5px;
}

.MenuItem {

    width:               126px;
    position:            relative;
    top:                 4px;
    left:                4px;
    background-color:    #7f7fff; /* Light-Blue */
    font-family:         Arial, Verdana, Helvetica, sans-serif;
    font-weight:         normal;
    vertical-align:      middle;
    text-align:          center; 
    border:              1px;
    border-style:        solid;
    border-color:        #22229F; /* medium blue */
    padding:             2px;
    margin:              2px;
}

.MenuItem a{
    font-variant:        small-caps;
    font-size:           110%;
    color:               #E8E8E8; /* Light Grey */
    font-weight:         bold;
}

.MenuItem a:link {
    color:               #E8E8E8; /* Light Grey */
}

.MenuItem a:visited {
    color:               #E8E8E8; /* Light Grey */
}

.MenuItem a:hover {
    background-color:    #AFAFFF; /* Lighter-Blue */
    color:               #EFEF47; /* Hot Orange */
    text-decoration:     none;
}

.MenuItem a:active {
    color:               #FFFFFF;  /* White */
}

.NewsByLine {
    background-color:  #99CC00;  /* Brown */
    color:             #FFFFFF;  /* White */
}

.NewsDateline {
    background-color:  #99CC00;  /* Brown */
    color:             #FFFFFF;  /* White */
}

.NewsHeadline p{
    background-color:    #99CC00;  /* Brown */
}

.NewsItemRow {
    text-align:          left;
    background-color:    #FF0000;  /* Red */
    font-weight:         normal;
}

.NewsLeadin {
    background-color:  #FFFFFF;  /* White */
    color:             #99CC00;  /* Brown */
}

.NewsListing {
    background-color:  #99FF00; /* Light Green  */
    color:             #FFFFFF;  /* White */
}

.NewsListing a:visited {
    color:               #D8D8D8; /* Light Grey */
}

.NewsListing a:hover {
    color:               #D8D8D8; /* Light Grey */
}

.NewsTitle {
    background-color:  #99CC00;  /* Brown */
    color:             #FFFFFF;  /* White */
    text-align:        center;
    font-size:         90%;
    font-weight:       bold;
}

.Photos img {
    vertical-align:      bottom; 
    horizontal-align:    middle;
    margin:              1px;
    padding:             1px;
    border:              0px;
}

.PortalTitle h1{
    background-color:    #99CC00;  /* Brown */
    color:               #FFFFFF;  /* White */
    font-family:         Arial, Verdana, Helvetica, sans-serif;
    font-size:           130%;
}

.Portrait {
    position:            relative;
    top:                 0px;
    left:                0px;
    height:              191px;
    width:               143px;
}

.Preview {
    filter:              alpha(opacity=50);
    -moz-opacity:        0.5;
    opacity:             0.5;
    -khtml-opacity:      0.5;
    position:            absolute;
    top:                 72px;
    left:                185px;
    padding:             10px;
    margin:              5px;
    color:               #00007f; /* Blue  */
    background-color:    #FFFFFF; /* White */
    width:               380px;
    text-align:          center;
    font-family:         Tahoma, Verdana, Helvetica, sans-serif;
    font-size:           175%;
    font-weight:         bold;
    font-variant:        small-caps;
}

.PriceField {
  font-weight: bold;
  color: #000000;
  background: transparent; 
  border: 0px; 

}

.SearchForm {
    display:             block;
    position:            absolute;
    top:                 195px;
    left:                645px;
    width:               126px;
    height:              52px;
    background-color:    #7f7fff; /* Light-Blue */
    vertical-align:      bottom;
    text-align:          center; 
    border:              1px;
    border-style:        solid;
    border-color:        #22229F; /* medium blue */
    padding:             2px;
    margin:              2px;
}


.ShopItem {
    display:             block;
    position:            absolute;
    top:                 260px;
    left:                640px;
    width:               143px;
    vertical-align:      bottom;
    text-align:          center; 
    padding:             0px;
    margin:              0px;
}



.TopSpacer{
    position:            absolute;
    top:                 126px;
    left:                143px;
    height:               66px;
    width:               495px;
    border-style:        solid;
    border-color:        #22229F; /* medium blue */
    border-width:        1px 1px 0px 1px;
    background-color:    #EFEF47; /* Hot Orange  */
    margin:0px;
    padding:0px;
}


.ThumbLeft {
  float:left;
  background: url(/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/shadow.gif) no-repeat bottom right;
  margin: 0px 5px 0 5px !important;
  margin: 0px 5px 0 5px;
}

.ThumbLeft img{
  display: block;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.ThumbNail {
  clear:both;
  background: url(/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/shadow.gif) no-repeat bottom right;
  margin: 20px 5px 10px 5px !important;
  margin: 20px 5px 10px 5px;
}

.ThumbNail img{
  display: block;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.ThumbRight {
  float:right;
  background: url(/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/shadow.gif) no-repeat bottom right;
  margin: 0px 0px 0 10px !important;
  margin: 0px 0px 0 10px;
}

.ThumbRight img{
  display: block;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}