/* CSS Document */

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: #fffcd0;
}

#top {
width: 100%;
height: 85px;
background-color: #6da932;
color: #fff;
text-transform: uppercase;
font-weight: bold;
background-image: url("images/faded-top-logo.gif");
background-position: 600px top;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
#hukilau {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
position: absolute;
top: 16px;
left: 50px;
font-size: 72px;
}
#kauaihawaii {
position: absolute;
top: 63px;
left: 600px;
font-size: 24px;
}

#logo {
position: absolute;
z-index: 3;
top: 330px;
left: 783px;
}

#topmenu {
background-color: #ffe77f;
height: 309px;
width: 100%;
position: relative;
z-index: 2;
background-image: url("images/menu-right-graphic.jpg");
background-position: 800px top;
background-repeat: no-repeat;
}
#flash {
width: 524px;
height: 100%;
float: left;
margin-right: 10px;
}
#infomenu {
width: 193px;
height: 245px;
background-image: url("images/infomenu-bg.gif");
background-repeat: no-repeat;
background-position: 12px 12px;
padding: 31px;
float: left;
font-weight: bold;
color: #fff;
font-size: 14px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
line-height: 18px;
}
.infomenulabel {
font-size: 18px;
color: #ffec6c;
display: block;
text-transform: uppercase;
}
a.infomenulabel:hover { text-decoration: underline; }
#infomenu a {
font-size: 12px;
color: #fffaa5;
text-decoration: none;
}
#infomenu a:hover { color: #832b00; }

#navigation {
background-color: #f5b13c;
height: 36px;
background-image: url("images/nav-shadow.gif");
background-position: top;
background-repeat: repeat-x;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding-left: 15px;
}
#navigation ul,li { display: block; float: left; margin: 0; padding: 0; list-style: none; }
#navigation a {
display: block;
color: #fff;
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding: 11px 9px 9px 10px;
}
#navigation a:hover {
color: #fff;
background-color: #ed8b00;
background-image: url("images/nav-shadow-on.gif");
background-position: top;
background-repeat: repeat-x;
}
#navigation a.on {
color: #fff;
background-color: #ed8b00;
background-image: url("images/nav-shadow-on.gif");
background-position: top;
background-repeat: repeat-x;
}
#navigation a.plain { padding: 0; display: inline; }
#navigation a.plain:hover { background: none; }
#navigation img { margin: 9px 0 0 7px; border: none; }

#content {
background-color: #fffcd0;
background-image: url("images/faded-content-logo.gif");
background-repeat: no-repeat;
background-position: 610px 20px;
}

#hometext {
width: 420px;
padding: 10px 40px 0 40px;
border-right: 1px solid #ffe77f;
margin: 30px 0 30px 0;
float: left;
}
#lg {
font-size: 45px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #62a02d;
display: block;
line-height: 40px;
}
#mid {
font-style: italic;
color: #83cb3c;
font-size: 21px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
display: block;
margin: 0 0 0 30px;
text-indent: -20px;
line-height: 24px;
}
#mid a { color: #83cb3c; }
#mid2 {
color: #63b214;
font-size: 17px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
display: block;
line-height: 24px;
font-weight: bold;
}
#copy {
color: #f19800;
font-size: 14px;
font-weight: bold;
line-height: 18px;
display: block;
margin-left: 20px;
}
#copy a { color: #f19800; }

#homespecials {
float: left;
width: 370px;
margin: 40px 25px 25px 25px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #479b00;
}
#homespecials #lg {
font-size: 31px;
font-weight: bold;
text-transform: uppercase;
color: #7bc533;
display: block;
padding-bottom: 10px;
}
#homespecials a {
text-decoration: none;	
color: #479b00;
}
#homespecials a:hover { color: #2f6700; }
#homespecials img { margin-top: 15px; border: none; }

#submenu { margin-top: -10px; }
#submenu a { 
color: #479b00; 
text-decoration: none;
padding-left: 5px;
line-height: 20px;
display: block;
width: 200px;
font-weight: bold;
}
#submenu a:hover { 
color: #fff;
background-color: #54a308;
}
#submenu a.on { 
color: #fff;
background-color: #54a308;
}
#submenu a.sub {
padding-left: 12px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
width: 193px;
}
#submenu a.sub:hover {
color: #237c00;
background-color: #def4a8;
}
#submenu a.subon {
padding-left: 12px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
width: 193px;
color: #237c00;
background-color: #def4a8;
}

#homehighlights {
background-color: #ffe77f;
height: 230px;
border-bottom: 8px solid #f5b13c;
padding-left: 25px;
}
#homehighlights div {
float: left;
background-image: url("images/highlights-bg.gif");
background-repeat: no-repeat;
width: 222px;
height: 192px;
color: #4fac00;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .5px;
margin: 22px 12px 0 12px;
line-height: 20px;
}
#homehighlights img { border: 0; }
#homehighlights a { 
text-align: center;
text-decoration: none; 
color: #4fac00; 
display: block; 
background-color: #ffffff;
width: 213px;
height: 183px;
}
#homehighlights a:hover { color: #fff; background-color: #f5b13c; }

#footer {
background-color: #fffcd0;
color: #f19800;
font-size: 12px;
padding: 40px 20px 20px 30px;
line-height: 20px;
}
#footer a { color: #f19800; }
#footer a:hover { color: #6d2e00; }

.dishname {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
color: #f19800;
}
.dishname a { color: #f19800; }
.dishname a:hover { color: #832b00; }
.dishdesc {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #944d00;
}
.dishdesc a { color: #944d00; }
.dishdesc a:hover { color: #000; }
.dishnamesub {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
display: block;
color: #479b00;
}
.sidepix {
text-align: center;
width: 250px;
font-size: 13px;
font-weight: bold;
}
.sidepix img { margin-bottom: 6px; }

.note {
font-size: 12px;
color: #127e00;
line-height: normal;
display: block;
padding-top: 5px;
}
.note a { color: #127e00; }

input,textarea {
border: 1px solid #fdd24f;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 1px 3px 1px 3px;
width: 270px;
}
input.plain {
width: auto;
border: none;
}
sup
{
font-size: 12px;
font-weight: bold;
}

.bodytext {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #077311;
}
.bodytext a { color: #077311; }

.quote {
font-style: italic;
font-weight: normal;
display: block;
padding: 15px;
}

.popupimg { width: 90px; height: 90px; }

.popupimg {
border: 3px solid #fffcd0;
}
.popupimg:hover  {
border: 3px solid #62a02d;
}

.print { display: none; }
.noprint img { position: absolute; top: 0; z-index: 0; left: 0; }

.announcement {
text-align: center;
border: 1px solid #bfdb51;
color: #69ad10;
background-color: #effaa5;
padding: 15px 20px;
font-weight: bold;
margin-bottom: 20px;
font-size: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.announcement span {
font-size: 16px;	
display: block;
color: #4b9000;
margin-bottom: 8px;
}
.announcement a { color: #4b9000; }