body 
{
background-color:#FFE4E1;
font-family: verdana, arial, sans-serif; /* base font is defined in the page */
margin: 2% 0% 2% 0%;
padding: 0% 0% 0% 0%;
text-align: center;
margin: 3% auto;
}

#border
{
width:750px;
height:600px;
background-color:#ffffff;
margin: auto;
}	


#footer
{
width:750px;
background-color:#ffffff;
margin: auto;
}	

a.home
{
	height:48px;
       width:120px;
       display:block;
       background: url("/images/home.png") 0px -30px  no-repeat;
       
	}

a:hover.home
{
	height:48px;
       width:120px;
       display:block;
       background: url("/images/home.png") 0px -108px  no-repeat;
       
	}

a.about
{
	height:53px;
       width:120px;
       color:white;
       display:block;
       background: url("/images/about.png") 0px -30px  no-repeat;
	}
a:hover.about 
{
	height:53px;
       width:120px;
       display:block;
       background: url("/images/about.png") 0px -113px  no-repeat;
	}

a.services
{
	height:51px;
       width:120px;
       color:white;
       display:block;
       background: url("/images/services.png") 0px -30px  no-repeat;
	}
a:hover.services 
{
	height:51px;
       width:120px;
       display:block;
       background: url("/images/services.png") 0px -111px  no-repeat;
	}

a.themes
{
	height:48px;
       width:120px;
       color:white;
       display:block;
       background: url("/images/themes.png") 0px -30px  no-repeat;
	}
a:hover.themes 
{
	height:48px;
       width:120px;
       display:block;
       background: url("/images/themes.png") 0px -108px  no-repeat;
	}


a.pricing 
{
	height:51px;
       width:120px;
       color:white;
       display:block;
       background: url("/images/pricing.png") 0px -30px  no-repeat;
	}
a:hover.pricing 
{
	height:51px;
       width:120px;
       display:block;
       background: url("/images/pricing.png") 0px -111px  no-repeat;
	}
	
	a.candy 
{
	height:49px;
       width:120px;
       color:white;
       display:block;
       background: url("/images/candy.png") 0px -30px  no-repeat;
	}
a:hover.candy 
{
	height:49px;
       width:120px;
       display:block;
       background: url("/images/candy.png") 0px -109px  no-repeat;
	}
	
	
a.contact
{
	height:51px;
       width:120px;
       color:white;
       display:block;
       background: url("/images/contact.png") 0px -30px  no-repeat;
	}
a:hover.contact 
{
	height:51px;
       width:120px;
       display:block;
       background: url("/images/contact.png") 0px -111px  no-repeat;
	}
img:hover.calendar 
{
	height:18px;
       width:18px;
       
	}



div.wrapper { 
width: 750px; 
position: relative; 
clear: both; 
}


#HeadImage 
{
position: relative;
margin-left:10px;
float:left;
margin-top: 10px;
/*left:3%;  the left block is placed in absolute position to the left     */   
}

#Logo 
{
position: relative;
float: left;
margin-left:10px;
margin-top: 10px;
/*left:20%;  the left block is placed in absolute position to the left */
} 

#left 
{
float:left;
position: relative;
margin-top:10px;
margin-left:10px;
 /*left:20%; the left block is placed in absolute position to the left */
width: 120px;
height: 385px;

}

#center 
{
margin-left:20px;
margin-top:10px;
position: relative;
float:left;
width: 550px;
height: 430px;
font-size: 80%;
text-align:left;
}

#centerTheme 
{
margin-left:20px;
margin-top:10px;
position: relative;
float:left;
width: 580px;
height: 430px;
font-size: 70%;
text-align:left;
}

.menu { /* defines container for the menu */

float:left;
margin-top: 10px;
width: 131px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
text-align: center;
}


.calendarImage
{
	background-image: url(http://www.lbcandybuffet.com/images/cal.gif);
	
	
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}