*{ margin: 0; padding: 0; }* 
body { font: 0.9em Arial, Helvetica, sans-serif; background: #87D9F8; color: #000; }

a {	color: #632D19;	background: inherit; text-decoration: underline; font-weight: bold;}
a:hover { color: #66CC66; background: inherit; }
p { margin: 0 0 12px 0; }
h1 { font: normal 45px "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #000; background: inherit; }
sup { font-size: 14px; color: #DFCDA2; }
h2 { color: #632D19; font: bold 25px "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
h3 { color: #632D19; margin: 0 0 5px; font-size: 16px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; }

#content { width: 960px; margin: 10px auto 0px; background: #fff; padding: 10px; border: 3px solid #000; }

#header { background: #fff url(../images/odd_shoes_header_white.gif) no-repeat; height: 201px; }
	#header p { margin: 30px 0 0 0; color: #D6E5EA; }
	#logo { padding: 153px 0 0 255px;  float: left; width: 600px; }
	#logo h1 {font-size: 34px; color: #FF0066;}

	#menu { margin: 4px 0 30px 0; width: 960px; background-color: #FF0066; background-image: url(../images/os_menu.gif); }
		#menu li { list-style: none; float: left; }
/* css padding widths with 
Christmas menu in are 
		padding: 5px 26px 5px 26px; and 
		a#last padding: 5px 27px 5px 27px; 
non-Christmas are
		padding: 5px 34px 5px 35px;
		a#last padding: 5px 34px 5px 33px;		
valentine's day are
		padding: 5px 23px 5px 24px;
		a#last padding: 5px 27px 5px 27px;
without About us are
		padding: 5px 43px 5px 43px;
		a#last padding: 5px 44px 5px 44px;		
*/
		#menu li a { cursor: pointer; padding: 5px 43px 5px 43px; line-height: 25px; color: #FFF; background-color: #632D19; font-weight: normal; text-decoration: none;}
		#menu li a:hover { background: #87D9F8; color: #632D19; }
		#menu li a.current { background: #000; color: #87D9F8; }
		#menu li a#last  { margin: 0; padding: 5px 44px 5px 44px; }

.lfcol { font-size: 14px;  float: left; width: 305px; margin: 5px 0px 10px 10px; text-align: justify;}
.lf2col { font-size: 14px;  float: left; width: 630px; margin: 5px 30px 10px 10px; text-align: justify;}
.midcol { font-size: 14px;  float: left; width: 280px; margin: 5px 30px 10px 10px; text-align: justify;}
.rtcol { font-size: 14px;  float: right; width: 280px; margin: 5px 10px 10px 0; text-align: justify;}
.rt2col { font-size: 14px;  float: right; width: 630px; margin: 5px 10px 10px 0; text-align: justify;}

.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }
.hours { background: #87D9F8; font-size: 90%; padding: 5px; border: 1px solid #999; color: #000; }

#footer { width: 960px; margin: 0 auto; padding: 5px 5px 1px; color: #000; font-size: 14px;  }

	#footer a { color: #632D19; text-decoration: underline; }
	#footer p { padding-top: 5px; }
	.right { float: right; text-align: right; font-size: 1em; }
		#footer .right a { margin: 0 0 0 2px; padding: 3px 10px; }
		#footer .right a:hover { background: #fff; color: #444; text-decoration: underline; }
.imgwhole { margin: 5px 10px; border: thin solid #CCCCCC; }
.smalltext { font-size: 11px; }
.qmpink { color: #FF0066; }
.bggreen { 	background-color: #FFDFFD; }
.menuholder { margin: 0 0px 20px 0px; border: solid 1px #632D19; }
