/* Design Eclectic Designs */

/* redefined html tags */
body, html {
  scrollbar-face-color: #333333 !important;
  scrollbar-shadow-color: #000000 !important;
  scrollbar-highlight-color: #000000 !important;
  scrollbar-3dlight-color: #000000 !important;
  scrollbar-darkshadow-color: #000000 !important;
  scrollbar-track-color: #000000 !important;
  scrollbar-arrow-color: #ffffff !important;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	text-transform: lowercase;
	line-height: 18px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	margin-bottom: -13px;
	line-height: 18px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	margin-bottom: -4px;
	line-height: 18px;
}
h4 {text-indent: -1000pt;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: normal; color: #FFFFFF; font-style: normal; font-variant: normal; line-height: 18px; margin-bottom: -3px;}
#welcomebodytext h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	margin-bottom: -2px;
	line-height: 18px;
}

/* main containers */
#container {height: 584px; width: 773px; position: absolute; left: 0px; top: 0px;}
#navigation {position: absolute; height: 155px; width: 363px; left: 265px; top: 0px; background-image: url(images/slicea.gif); background-repeat: no-repeat; background-position: left top;}
#logo {background-image: url(images/cafe52_logo.gif); background-repeat: no-repeat; background-position: left top; position: absolute; height: 155px; width: 145px; left: 628px; top: 0px;}
#textarea {background-color: #000000; position: absolute; height: 332px; width: 465px; left: 265px; top: 155px;}
#sideslice {position: absolute; height: 374px; width: 43px; left: 730px; top: 155px; background-image: url(images/sliceb.gif); background-repeat: no-repeat; background-position: left top;}
#bottomslice {background-image: url(images/slicec.gif); background-repeat: no-repeat; background-position: left top; position: absolute; height: 42px; width: 508px; left: 265px; top: 487px;}
#footerlinks {position: absolute; height: 55px; width: 773px; left: 0px; top: 529px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 10px; line-height: 16px; text-align: center;}
.dropdownmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #555555; border: none; font-weight: normal; font-variant: normal;}

/* hovers */
#footerlinks a:link {font-size: 10px; text-decoration: none; color: #666666; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal;}
#footerlinks a:hover {font-size: 10px; text-decoration: none; color: #ADE492; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ADE492;}
#footerlinks a:visited {font-size: 10px; text-decoration: none; color: #ADE492; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ADE492;}
#bodytext a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; font-style: normal; font-variant: normal; line-height: 18px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; font-size: 85%;}
#bodytext a:hover, #bodytext a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ADE492; font-style: normal; font-variant: normal; line-height: 18px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ADE492; font-size: 85%;}
#welcomebodytext a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; font-style: normal; font-variant: normal; line-height: 18px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999;}
#welcomebodytext a:hover, #welcomebodytext a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ADE492; font-style: normal; font-variant: normal; line-height: 18px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ADE492;}

#welcomebodytext {position: absolute; width: 405px; background-color: #000000; left: 0px; top: 30px; text-align: left; z-index: 100;}
#bodytext {position: absolute; height: 150px; width: 405px; background-color: #000000; left: 0px; top: 0px; text-align: left; z-index: 100;}
#scrollbar {position: absolute; height: 150px; width: 11px; top: 35px; right: 26px;}
#scrollup {
	position: absolute;
	height: 6px;
	width: 11px;
	left: 0px;
	top: 0px;
	background-image: url(../images/scrollup_up.gif);
	background-repeat: no-repeat;
}
#scrolldown {
	position: absolute;
	height: 6px;
	width: 11px;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/scrolldown_up.gif);
	background-repeat: no-repeat;
}
#pageheading {background-color: #000000; position: absolute; height: 30px; width: 405px; left: 0px; top: 0px;}
#newsheading {position: absolute; height: 30px; width: 405px; left: 0px; top: 205px;}
#newsarea {position: absolute; height: 80px; width: 300px; left: 0px; top: 240px; background-color: #000000;}

/* flower holder divs */

#homeflowerholder{position: absolute; height: 529px; width: 265px; left: 0px; top: 0px; background-image: url(images/flower_one.jpg); background-repeat: no-repeat; background-position: left top;}
#menusflowerholder{position: absolute; height: 529px; width: 265px; left: 0px; top: 0px; background-image: url(images/flower_two.jpg); background-repeat: no-repeat; background-position: left top;}
#reservationsflowerholder{position: absolute; height: 529px; width: 265px; left: 0px; top: 0px; background-image: url(images/flower_three.jpg); background-repeat: no-repeat; background-position: left top;}
#reviewsflowerholder{position: absolute; height: 529px; width: 265px; left: 0px; top: 0px; background-image: url(images/flower_four.jpg); background-repeat: no-repeat; background-position: left top;}
#staffflowerholder{ position: absolute; height: 529px; width: 265px; left: 0px; top: 0px; background-image: url(images/flower_five.jpg); background-repeat: no-repeat; background-position: left top;}
#functionsflowerholder{position: absolute; height: 529px; width: 265px; left: 0px; top: 0px; background-image: url(images/flower_six.jpg); background-repeat: no-repeat; background-position: left top;}
#messagearea {
	overflow: auto;
	width: 465px;
	height: 275px;
}
/* start  - this is used on the main menu page for the menus! to make the inline text smaller  */
h3 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;

}
/* end  - this is used on the main menu page for the menus! to make the inline text smaller  */