/* When a style is define for both an ID and a tag or class, */
/* you can split out the id to define it differently.        */

/* Body */
body {
    margin:0px;
    margin-top: 20px;
    padding:0px;
    //background-image:url('/fs_img/builder/nantucket/background.gif');
    //background-image:url('images/WrappingPaper.jpg');
    background-attachment:fixed;
    background-color: silver;
    text-align:center;
}
#body_index {
    /* You can define styles on an individual page basis based on       */
    /* the ID of the body tag, which is body_[pagename] (without .html) */
}

#paper {
    background: url('images/WrappingPaper.jpg');
    opacity: 1.0;
    width: 100%;
    //height: 125px;
    height: 660px;
}

#welcome {
    background-color: #FFFFFF;
    opacity: 1.0;
    position: relative;
    top: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35%;
    margin: auto;
    padding: 10px 20px 10px 20px;
    color: black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
    border: 3px solid black;
    font-weight:bold;
    text-align: center;
}

#mainImage {
    //background-color: #FFFFFF;
    opacity: 1.0;
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80%;
    margin: auto;
    padding: 0px;
    //color: black;
    border: 10px solid black;
    text-align: center;
    width: 640px;
    height: 480px;
}

#cardDialog, #specialAlert {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index: 1000;
}

#cardDialog div, #specialAlert div {
  /* width: 500px; */
  width: 70%;
  margin: 250px auto;
  background-color: #fff;
  border: 5px solid #006666;
  padding: 20px;
  text-align: center;
}
.sup {
  position: relative;
  bottom: 0.3em;
  font-size: 0.8em;
}

/* Page Title */
H1,
#page_title { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#336699;
    font-size:20px; 
    height:119px; height:expression('155px');
    width:704px; width:expression('750px');
    background-color:#036;
    //background-image:url('/fs_img/builder/nantucket/heading.jpg');
    background-image:url('images/PageBanner.jpg');
    background-repeat: no-repeat;
    text-align: left;
    line-height:90px;
    padding-top: 36px;
    padding-left:22px;
    padding-right:22px;
    margin:0px;
    table-layout: fixed; overflow: hidden; /* hide overflow instead of breaking the template */
}

/* Main Area */
.mainarea, 
#mainarea {
    width:748px; width:expression('750px');
    border: 2px #036 solid;
    background-color: #fff;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* Major Heading */
H2,
#heading_1 {
    color:#669999;
    font-family:Arial, Helvetica, sans-serif;
    font-size:19px;
    padding-left:22px;
    padding-top:12px;
    font-weight:bold;
}

/* Minor Heading */
H3,
#heading_2,
#heading_3,
#heading_4,
#heading_5,
header_1,
header_2,
header_3 {
    color:#669999;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

/* Navigation Links */
#linksarea {
    font-weight:bold;
    width:728px; width:expression('750px');
    color:#fff;
    text-align:center;
    padding: 3px;
    padding-right:10px;
    padding-left:10px;
    background-color: #003366;
    background-repeat:repeat-x;
    line-height:30px;
}
#linksarea a,
#linksarea a:link,
#linksarea a:visited,
#linksarea a:active {
    color:#fff;
    text-decoration:none;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight:bold;
    font-size:16px;
    padding-left:24px;
    padding-right:24px;
}
#linksarea a:hover {
    text-decoration:underline;
}
.linksdivider {
}

/* "Current Page" menu link, optional */
#linksarea a.ivCP,#linksarea a:link.ivCP,#linksarea a:visited.ivCP,#linksarea a:active.ivCP,.ivCP { 
    color: #FFCF7D;
    text-decoration: none;
    cursor: default;
}

/* Text Area */
.textarea {
    font-size:12px;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
}

.textbox1 { 
    width:463px; width:expression('496px');
    float:left;
    padding-left:22px;
    padding-right:11px;
}
.textbox2 {
    width:215px; width:expression('250px');
    float:right;
    padding-left:11px;
    padding-right:22px;
}
.textbox3 {
    width:704px; width:expression('750px');
    padding-left:22px;
    padding-right:22px;
}
.textbox4 {
    width:340px; width:expression('375px');
    float:left;
    clear:left;
    padding-left:22px;
    padding-right:11px;
}
.textbox5 {
    width:340px; width:expression('375px');
    float:right;
    clear:right;
    padding-right:22px;
    padding-left:11px;
}
.textbox6 {
    width:706px; width:expression('750px');
    padding-left:22px;
    padding-right:22px;
}

/* Link Items */
.linkitem, .linkitem a,
#link_1,
#link_2,
#link_3,
#link_4,
#link_5 {
    color:#0000ff;
}

/* rich text area */
.richtext {
    margin:22px;
}
.innerrichtext H2, .richtext H2 {
    padding-left:0px;
}
.innerrichtext{
}

/* Photo stuff */
.floatingimageright {
    float:right;
    margin:10px;
    margin-right:0px;
}

.captionbelow {
    margin-bottom:15px;
    font-size:12px;
}
.phototable {
    margin:11px;
    margin-top:0px;
}
.phototablecell {
    padding:11px;
    padding-top:0px;
    padding-bottom:22px;
}

H2 {
    margin:0px;
}

/* Bottom buffer */

#bottombuffer{
    width:100%;
    height:22px;
    clear:both;
}

#slides_iframe {
    font-size:12px;
    color:#bbb;
    font-family:Arial, Helvetica, sans-serif;
    background-color: #f0e0c1;
}