/* CSS Document */

body {
background-color: #f2ebc2;
font-family: Arial, Helvetica, sans-serif;
margin-left: 0;
margin-right: 0;
background-image: url("images/island-blessings-ghost.gif");
background-position: center bottom;
background-repeat: no-repeat;
}

a img { border: 0; }

#container {
position: relative;
width: 824px;
}

#home { width: 824px; }
#subpage { 
width: 824px;
background-image: url("images/columns.gif");
background-position: right;
background-repeat: repeat-y;
}

#image { 
float: left; 
clear: left;
font-family: palatino, palatino linotype, georgia, serif;
font-weight: bold;
font-style: italic; 
}
#image img { position: absolute; z-index: 1; }
#image #brown {
z-index: 2;
position: absolute;
color: #794700;
font-size: 17px;
line-height: 21px;
margin: 215px 0 0 50px;
padding-bottom: 5px;
}

#homemenu {
background-image: url("images/home-menubg.jpg");
background-repeat: no-repeat;
width: 159px;
height: 679px;
float: right; 
clear: right; 
position: relative;
padding-top: 10px;
*padding-top: 25px;
text-align: right;
}

#homemenu img { 
border: 0;
margin: 15px 0 1px 22px;
display: block;
}

#homemenu a { 
display: block; 
color: #ffffff; 
font-weight: bold; 
font-size: 12px; 
text-decoration: none;
margin-right: 30px;
}

#homemenu a:hover { color: #fffb94; }

#homemenu a.bottom { color: #734227; }
#homemenu a.bottom:hover { color: #000; }

#award
{
position: absolute;
top: 0;
right: -80px;
}


#footer {
color: #bb475b;
font-size: 12px;
line-height: 20px;
}
#footer a {
color: #a53448;
font-size: 12px;
font-weight: bold;
}
#footer a:hover { color: #5b000d; }
#footer #begin {
font-family: palatino, palatino linotype, serif;
font-size: 16px;
font-style: italic;
line-height: 25px;
}
#copyright {
font-size: 12px;
color: #5b000d;
}
#copyright a { font-weight: normal; color: #5b000d; }






#submenupurple {
background-image: url("images/submenu-bg-purple.jpg");
background-repeat: no-repeat;
background-position: right top;
padding: 10px 0 10px 0;
height: 753px;
}
#submenupurple .heading {
border-top: 1px solid #c7a992;
border-bottom: 1px solid #513523;
width: 121px;
padding: 5px 3px 5px 8px;
background-color: #a4734d;
margin-left: 30px;
color: #ffffff; 
font-weight: bold; 
font-size: 12px; 
display: block;
}
#submenupurple a.heading:hover { background-color: #85583b; }
#submenupurple a#external { color: #571700; }
#submenupurple a#external:hover { background-color: #cba977; }
ul.submenulist {
color: #fff;
font-size: 11px;
padding: 0;
margin: 5px 0 0 55px;
width: 105px;
}
ul.submenulist li { margin: 0; padding: 2px 0 4px 0; }
#submenupurple a.subheading {
font-weight: normal;
line-height: 14px;
margin: 0;
}
#submenupurple a.subheading:hover { color: #fff2b7; }
#submenupurple a.subheadingon {
font-weight: normal;
line-height: 14px;
margin: 0;
color: #fff2b7;
font-weight: bold;
}

#submenu {
background-image: url("images/submenu-bg.gif");
background-repeat: repeat-y;
background-position: right;
width: 162px;
float: left; 
clear: left; 
position: relative;
text-align: left;
}

#submenu img { 
border: 0;
display: block;
}

#submenu a { 
display: block; 
color: #ffffff; 
font-weight: bold; 
font-size: 12px; 
text-decoration: none;
margin-left: 30px;
}


#submenu a.bottom { color: #734227; }
#submenu a.bottom:hover { color: #000; }

.blessing {
color: #fff;
font-size: 15px;
font-family: garamond, georgia, palatino, palatino linotype, serif;
font-weight: bold;
display: block;
padding: 20px 6px 0 40px;
text-align: center;
}

#contentcontainer {
float: right; 
clear: right; 
position: relative;
}
#content {
padding: 0 25px 30px 25px;
width: 612px;
height: 100%;
text-align: left;
}
#content #heading {
font-size: 24px;
color: #8e5401;
font-family: palatino, palatino linotype, georgia, serif;
font-weight: bold;
display: block;
padding: 6px 0 0 6px;
}
#content #iwb {
font-size: 20px;
color: #a67305;
font-family: palatino, palatino linotype, georgia, serif;
font-style: italic;
line-height: 22px;
display: block;
padding-left: 6px;
}
.copy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #692c00;
display: block;
margin: 0 30px 0 6px;
}
.copy a { color: #692c00; font-weight: bold; }
.copy a:hover { color: #c9782a; }
.copy ul { margin: 5px 0 15px 0; padding-left: 25px; }
.copy li { margin: 0 0 5px 0; }

#bottomshadow { padding-left: 13px; }

.title {
color: #d78721;
font-family: palatino, palatino linotype, georgia, serif;
font-size: 18px;
}

.imagecaption {
margin-left: 15px;
width: 215px;
float: right;
clear: right;
display: block;
}
.imagecaptionleft {
margin-right: 15px;
width: 215px;
float: left;
clear: left;
display: block;
}
.caption {
font-size: 11px;
line-height: 12px;
padding-bottom: 0;
display: block;
border: 0;
}

.img-shadow {
float:right;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 5px 0 0 25px !important;
margin: 5px 0 0 20px;
}
#left {
float: left;
margin: 5px 15px 0 10px !important;
margin: 5px 10px 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
margin: -6px 6px 6px -6px;
}