body
{
	line-height:15px; 
	text-align:center; 
	background:#ffeab0 url(/images/global/background_icons.gif) top left repeat;
	font-family: Verdana, Arial, Sans-serif; 
	font-size: 11px; 
	color: #000000; 
	margin-top:0px;
}

/********************************************************************************/
/*The following #content was added for JSMenu.js. It gets colors from this div. */
/*JSMenu creates the menues at the top of the calander for month, year and type */
/*These menues are unique in that they use the wheel of the mouse to select.    */
/*do not change the order of these two rules #content then #content H3          */

#content {
	height: 375px;
	width: 556px;
	color: #FE9540; /* background for pop-up and JSMenu font color */
	background: #815926; /* border for pop up and hover background for JSMenu*/
	margin: 0 0 0 180px;
	border: 2px solid black;
	padding: 0; }

#content H3 {
	display: block;
	margin: 0; 
	padding: 2px 0px 2px 10px; 
	font-size: x-small; 
	background: #fff; /* background for JSMenu non-highlighted state */
	color: #FFC }

/*******************************************************************************/

/********************************************************************************/
/*The following block is for the popups provided by overlib.                    */

.pictureframe {border: 4px inset #999999;}
.ovDiv {border: 3px #815926 solid; background-color: #FE9540;}
.bodyText {
	font-family: Arial, Helvetica, sans-serif; 
	/* font-weight: bold;  */
	color: black; 
	font-style: normal; 
	text-decoration: none; 
	text-align: left; 
	padding: 2px; 
	font-size: 12px;
}
.captionText {
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #5F4528; 
	font-style: italic;
	font-weight: bold;
	text-align: center; 
	padding: 0px;
}
.closeText {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B6A29B; 
	font-style: italic; 
	text-align: right; 
	font-size: 9px; 
	vertical-align: top; 
	color: #ffffff; 
	padding: 5px;
}
.closeText A {
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	font-style: normal;
}
.closeText A:hover {
	text-decoration: underline;
}
/*********** end of overlib pop support ***************/

#container
{
	float: left;
	text-align: center; 
	background-image:url(/images/global/background_shadow.gif);	
	background-position: top center;
	background-repeat:repeat-y;
	width:804px;
	background-color: white;
}

#container a {
		color: #003;
}

#wrapper
{
	position: absolute;
	left: 50%;
	margin-left: -403px;
	text-align: center; 
	width:806px;
}

#header
{
	float: left;
	margin-left:7px;
	background-image: url(/images/global/logo_main.gif);
  background-repeat: no-repeat;
  background-position: 20px 10px;
  border: 0px;
	width: 790px;
	height: 75px;
}

/* the four colored boxes on the top right of the page */
#icons_arod
{
	float:right; 
	margin-top:20px; 
	margin-right:20px;
}

/* Horizontal Menu */
#menu
{
	float:left;
	display: inline;
	width:790px;
	margin-left:7px;
}

#contents
{
	float:left;
	display: inline;
	text-align:center; 
	width:776px;
	margin-left:7px;
}

#contents H2
{
	font-family: "Arial Black";
	font-size: large;
	color: #815926;
	margin: 10px;
}

#footer
{
	margin-top:5px;
	float:left;
	display: inline;
	text-align:center;
	width:776px;
	margin-left:7px;
	background-color: white;
}

#footerdiv 
{
	float: left;
	width:804px;
	margin: 0 auto; 
	text-align:center; 
	background-image:url(/images/global/footer_shadow.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:15px;
}

#nav, #nav ul 
{
	float: left;
	width: 790px;
	list-style: none;
	line-height: 1.0; 
	font-weight: bold;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px;
	border-right: 0px;
	margin: 0px;
}

ul#nav
{
	background: transparent url(/images/nav/main/topnavbg.gif) top left no-repeat !important;
}

#nav a 
{

	display: block;
	font-family: Verdana, Arial, "Trebuchet MS", Trebuchet, Tahoma, sans-serif; 
	font-size:12px;
	width: auto;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
/*	text-shadow: 2px 2px 1px #333; */
	padding: 7px 10px 8px 10px;
}

#nav li
{
	float: left;
	padding: 0;
	width: auto;
}

#nav li.primary, #nav li.at
{
	float: left;
	padding: 0;
	margin-top:3px;
	width: auto;
	border-right: solid 1px #e773b5; /* light purple */
}

#nav li.at 
{
	background-color: #fe7910; /* dark orange */
}
    
#nav li#first 
{
	margin-left: 10px;
}

#nav li#last 
{
	border-right:none;
}

#nav li ul
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 154px;
	width: 154px;
	font-weight: normal;
	border-top: solid 1px #fff;
	border-bottom: none;
	background-color: #cc1182; /* dark purple */
	margin: 0;
}

#nav li li 
{
	width: 100%;
	border-bottom: solid 1px #d43495; /* medium purple */
	}

#nav li li a 
{
	padding: 4px 8px 3px 8px;
	font-size:12px;
	/* text-shadow: none; */
}

#nav li ul a 
{
	width: 100%;
	width: 100%;
}

#nav li ul ul 
{
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	left: auto;
}

#nav li.at:hover, #nav li.at.sfhover 
{
	background-color: #fe9641; /* light orange */
}

#nav li:hover, #nav li.sfhover 
{
	background-color: #d43495; /* medium purple */
}
    
#nav li li:hover, #nav li li.sfhover 
{
	background-color: #d43495; /* medium purple */
}


/* footer styles */

.footercopy { font-family: verdana, arial, sans-serif; font-size: 10px; color: #000000; }
a:link.footercopy, a:visited.footercopy { color: #000000; }

.footermain {color: #666666; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: none;}
a:link.footermain  {color: #666666; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: none;}
a:visited.footermain  {color: #666666; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: none;}
a:hover.footermain {color: #666666; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: underline;}

.footerutility {color: #999999; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: none;}
a:link.footerutility  {color: #999999; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: none;}
a:visited.footerutility  {color: #999999; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: none;}
a:hover.footerutility {color: #999999; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size:10px; text-decoration: underline;}

/* ************** GB additions *****************/
/* cell widths */
col#tdlogo { width: 170px; }
col#tdicons_arod{ width: 610px; }
col#td_stay_informed{ width: 120px; }

/* tables */
#logonav table {	vertical-align: top; border-collapse: collapse;	text-align: right; }

#ddlogo img {	border: 0; }
#iconsarod img {border: 0 }

#td_stay_informed { vertical-align: top; }
#div_stay_informed { margin-right:10px; margin-left:10px; color:#CC0066; font-size:14px; font-weight:bold; white-space: nowrap}
#div_special_offers { margin-bottom:6px; color:#333; }
#div_feature_budget { margin-top:10px; margin-bottom:10px; }

#div_attention { border:1px solid #fc0; background-color:#ffc; width:440px; margin:10px 0px 10px 1px; }
#div_attention ul { margin:0px; margin-left:22px; padding:0px; }
#div_attention li { list-style-image:url(/images/icons/attention.gif); }
#div_attention2 { padding:4px; }

#frm1 { margin:0px; padding:0px; }
#frm1 image { border:0; text-align: center; }

/* horizontal rule at the bottom */
#bottom_line { border:none 0; border-top:1px solid #cccccc; width:750px; height:1px; }

.border0 { border: 0px solid red }

/* width="790" cellpadding="0" cellspacing="0" border="0" style="background-color:#fff;" */
table#toplevel { background-color:#fff; border-collapse:collapse; border:0px; }
table#toplevel td { padding:0px; }

table#shipoptions th { font-size: 11px; font-weight: normal; text-align: center; }
table#shipoptions td { font-size: 14px; font-weight:bold; }
table#shipoptions hr { color: #ffffff; }
table#shipoptions .alert { color: #cc0000; }
table#shipoptions .transitTime { color: #000000; font-size: 11px; font-weight: normal; }

/* *************** End GB additions **************/
form#frmFood    { width: 780px; }
table#formTable {	border: 2px solid black; width: 80%; margin-left:11%; margin-right:9%; }
table#recs_edit {	border: 2px solid black; border-collapse: collapse; }
table#recs_open {	border: 2px solid black; border-collapse: collapse; width: 95%; margin-left:3%; margin-right:2%; }
table#pictures  { border: 2px solid #5F4528;  table-layout:fixed; width: 75%; }
table#search    { border: 2px solid black; width: 90%;}		
table#fileTable { border: 2px solid black; width: 96%; margin-left:3%; margin-right:1%; color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; }
table#calendar  { border: 2px solid black; width: 96%; margin-left:3%; margin-right:1%; }		
table#day_menu  { border: 0px solid black; width: 95%; }
table#week      { border: 2px solid black; width: 95%; }
table#edit_recs {	border: 2px solid black; border-collapse: collapse; width:70%; margin-left:16%; margin-right:14%; }
table#edit_recs td { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; text-align: center; }
table#add_recs  {	border: 2px solid black; border-collapse: collapse; width:70%; margin-left:16%; margin-right:14%; }
table#add_recs td { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; text-align: center; }
table#recs_open img {border-width: 0;}
table#manager  {	border: 2px solid black; width: 96%; margin-left:3%; margin-right:1%; }

/****** List styles *******/
.ListColumnHeader
{
	font-variant: small-caps;
	font-weight: bold;
	font-size: xx-small;
	color: black;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	background: #FE9540;
}

.ListOddRow
{	
	font-size: xx-small;
	color: #003;
	/* display: block; */
	border: 0;
	margin: 0;
	padding: 0;
	background: #F3E7CB;
}
.ListEvenRow
{	
	font-size: xx-small;
	color: #003;
	/* display: block; */
	border: 0;
	margin: 0;
	padding: 0;
	background: #E3C79B;
}
.ListHeader
{
  background: #5F4528;
  border-bottom: #003 1px solid;
  border-left: #99C 1px solid;
  border-right: #003 1px solid;
  border-top: #99C 1px solid;
  color: #F3E7CB;
  font-weight: bold;
  padding: 2px;
	text-align: center;
	width: 14.28%;
}
.ListText
{
	color: #558;
	font-family: Arial,Helvetica,Sans Serif,System;
	font-size: xx-small;
}

/***** calendar styles ******/
#MiniCal { border-collapse: collapse; border: 1px solid #003; margin: 0; padding: 0; font-size: xx-small; color: #003; background-color: #FFFCEB; }
#MiniCal img { border: 0px; } /* the image will have a border if this is not here */
#MiniCal td { border: 0; margin: 0; padding: 0; } /*snuggs MiniCalGrid up to MiniCal so there is not gap between them. */
#MiniCal td.MiniCalHeader {	background-color: #5F4528; color: #FFCC99; border: 1px solid #003; text-align: center; }
#MiniCalGrid {	border-collapse: collapse; border: 0; margin: 0; padding: 0; }
#MiniCalGrid td { margin: 0; padding: 3px; border: 1px solid #003; text-align: center; vertical-align: middle; }
#MiniCalGrid a, a:hover { color: #003; text-decoration: none;}
.MiniCalSelectedDay { background-color: #75A7F1; }
.MiniCalSelectedDayCurrent { background-color: #FF82F5; }
.MiniCalCurrentDay { background-color: #FE9540;	}
.MiniCalInMonthDay { background-color: #F3E7CB; }
.MiniCalOutOfMonthDay { background-color: #B09482; }

.SelectedDay {
	 color: #003;	
	 font-size: xx-small; 
	 background-color: #75A7F1;	
	 padding-left: 3px; 
	 text-align: left; 
	 vertical-align: top; 
	 border: 1px solid #003; 
}

.SelectedDay a, a:hover {
	color: #003;
}

.SelectedDayCurrent { 
	color: #003; 
	font-size: xx-small; 
	background-color: #FF82F5; 
	padding-left: 3px; 
	text-align: left;	
	vertical-align: top; 
	border: 1px solid #003;
}

.SelectedDayCurrent a, a:hover {
	color: #003; 
}

.DatePickerTitle
{
	background: #FE7A10;
	color: #815926; 
	font-family: Arial,Helvetica,Sans Serif,System; 
	font-size: xx-small;
	font-weight: bold;
}

.DateTitle
{
  color: #337; 
  font-family: Arial,Helvetica,Sans Serif,System; 
  font-size: xx-small;
  font-weight: bold;
}
.CurrentDay
{ 
	color: #FFF;
	font-size: xx-small;
  background-color: #FE9540;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #003;
}
.CurrentDay a, a:hover
{ 
	color: #003;
}

.InMonthDay
{ 
	color: #003;
	font-size: xx-small;
	background-color: #F3E7CB; 
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #003;
}

.InMonthDay a, a:hover
{ 
	color: #003;
}

.OutOfMonthDay
{ 
	color: #003;
	font-size: xx-small;
  background-color: #B09482;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #003;
}
.OutOfMonthDay a, a:hover
{ 
	color: #003;
}

.WeightText
{
  color: #225;
  font-family: Arial,Helvetica,Sans Serif,System;
  font-size: xx-small;
	bottom: auto;
}

/* site wide table style. */
/* table { border-collapse: collapse; width: 100%; } */
table
{ 
	border-collapse: collapse;
}

/******* form styles ******/
.InfoText
{
  color: #FE9540;
  font-family: Arial,Helvetica,Sans Serif,System;
  font-size: x-small;
	padding: 4px;
}
.alert { color: red; }

.HeadingText
{
	border-bottom: #114 1px solid;
	border-left: #77A 1px solid;
	border-right: #114 1px solid;
	border-top: #77A 1px solid;
	color: #815926;
	font-size: x-small;
	font-weight: bold;
	padding: 4px;
	background: #F3E7CB;
}
.InputText
{
	color: #003;
}

/******** day2.php *****/

/* the horizontal menu above the table - there are 6 items. Each item must have a width set depending on the length of text */
#day_add_event { width: 90px; }
#day_settings { width: 75px; }
#day_help { width: 55px; }
#day_day { width: 40px; }
#day_week { width: 50px; }
#day_month { width: 50px; }
#day_menu a, #day_menu a.visited { display: block; text-align: right; text-decoration: none; } /* common menu items */
#day_add_event a, a.visited {	background-image: url(/graphics/iconaddevent1.gif); background-repeat: no-repeat; width:80px;	} 
#day_add_event a:hover      { background-image: url(/graphics/iconaddevent2.gif); } 
#day_settings a, a.visited  { background-image: url(/graphics/iconsettings1.gif); background-repeat: no-repeat; width:65px; }
#day_settings a:hover       {	background-image: url(/graphics/iconsettings2.gif); } 
#day_help a, a.visited      { background-image: url(/graphics/icontmm1.gif);	background-repeat: no-repeat;	width:45px; }
#day_help a:hover           {	background-image: url(/graphics/icontmm2.gif); } 

/* The table - Some of this is for the table in week.php */
table#day,   table#week { border: 2px solid black; width: 95%; background-color: #FFFCEB; text-align: left; }
table#hours, table#days { font-size: xx-small; border: 1px solid black;	margin: 0; padding: 0; width: 100%; text-align: center; }
#hours .ListEvenRow, #days .ListEvenRow { background-color: #E3C79B; text-align: center; }
#hours .ListOddRow,  #days .ListOddRow  { background-color: #F3E7CB; text-align: center; }
#hours .ListHeader,  #days .ListHeader  { background-color: #B09482; text-align: center; }
#hours .ListHeader a, #days .ListHeader a  { background-color: #B09482; text-align: center; color: #FFFCEB; text-decoration: none; }
#hours th, #days th {	font-weight: bold; border: 1px solid black; color: #F3E7CB; background-color: #5F4528; }
#day_col_1, #week_col_1 {	width: 75%; }
#hours_col_1, #days_col_1 {	width: 20%; }

/*********** updateevent.php ***********/
table#events { border: 2px solid #003; }

/* reports.php   */
table#reports {	border: 2px solid black; color: #815926; background: #F3E7CB; font-family: Arial, Sans Serif; font-size: x-small; }
.BtnGroup { vertical-align: top; text-align: left; color: #AE5500;  padding: 4px; }
table#reports th { border: 1px solid black;	font-weight: bold;	padding: 4px; }

/********* register.php *************/
table#register { width: 80%; margin-left:11%; margin-right:9%; vertical-align: middle; text-align: left; border: 2px solid #815926; color: #815926; background: #F3E7CB; font-family: Verdana,Arial,Helvetica,sans-serif; }
table#register td { padding: 4px; /* border: 2px solid #FFFFFF; */ }
.FormLabel { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; text-align: right; }
.FormInput { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; text-align: left; }
.FormCenter { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; text-align: center; }
table#register .HeadingText {	color: #FFFFFF;	font-size: x-small;	font-weight: bold;	padding: 4px;	background: #E7A932; }
table#register .BtnSubmit 
{
	 /* the following code is from http://msforge.net/blogs/janko/archive/2008/01/31/make-fancy-buttons-using-css-sliding-doors-technique.aspx */
	 background: transparent url(/images/global/button_right_sm.png) no-repeat scroll top right; /* sliding right image */
	 display: block;
	 float: left;
	 height: 25px;
	 margin-right: 6px;
	 padding-right: 20px; 
	 text-decoration: none;
	 color: #714916;
   font-family: Verdana,Arial,helvetica,sans-serif;
	 font-size: 12px;
	 font-weight: bold;
}

table#register .BtnSubmit span 
{
	background: transparent url(/images/global/button_left_sm.png) no-repeat; /*background left image */
	display: block;
	line-height: 15px;
	padding: 5px 0px 5px 18px;
}

/* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total   */
/*       height of the button (24). Using a different padding, means setting a different height.  */

table#register .BtnSubmit:hover span
{
	/* text-decoration:underline; */
    cursor: pointer;
}

/* end janko fancy button */

table#register input.BtnSubmithov
{
   border-top-color:#FFFF99;
   border-left-color:#FFFF99;
   border-right-color:#FFFF00;
   border-bottom-color:#FFFF00;
}

.HeadingMessage { background-color: #815926; color: #FFFFFF; font: italic small-caps bold small Verdana, Helvetica, Arial, sans-serif; }
table#register .star { font-size: medium;	color: #006600; vertical-align: bottom; }
table#register .example {font-size: small; color: #FE7A10;	font-style: italic; }

/* font shorthand */
/* font: font-style font-variant font-weight font-size/line-height font-family */
/* font: italic small-caps bold small Verdana, Helvetica, Arial, sans-serif; */

/********** passport.php ********/

table#login {	padding: 0px; margin: 0px; border-collapse: collapse; width: 70%; vertical-align: middle; text-align: left; border: 2px solid #815926; color: #815926; background: #F3E7CB; font-family: Verdana,Arial,Helvetica,sans-serif; }

table#login .InfoText {  color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; text-align: left; }
table#login .HeadingText {background-color: #815926; color: #FFFFFF; font: italic small-caps bold small Verdana, Helvetica, Arial, sans-serif; padding-left: 10px; border-width: 0px; }
table#login a { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; text-align: left; }
#remember {	text-align: left; color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; }
/* table#login td { padding: 0px; margin: 0px; border-width: 0px; } */

table#login .BtnSubmit { 
/*
	 color:#5F4528;
   font-family: Verdana,Arial,helvetica,sans-serif;
   font-size: small;
   font-weight: bold;
   background-color: #E7A932;
   border: 1px solid;
   border-top-color: #FBE09D;
   border-left-color: #FBE09D;
   border-right-color: #F2D392;
   border-bottom-color: #F2D392;
   filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffE7A932'); 
*/
	 /* the following code is from http://msforge.net/blogs/janko/archive/2008/01/31/make-fancy-buttons-using-css-sliding-doors-technique.aspx */
	 background: transparent url(/images/global/button_right_sm.png) no-repeat scroll top right; /* sliding right image */
	 display: block;
	 float: left;
	 height: 25px;
	 margin-right: 6px;
	 padding-right: 20px; 
	 text-decoration: none;
	 color: #714916;
   font-family: Verdana,Arial,helvetica,sans-serif;
	 font-size: 12px;
	 font-weight: bold;
}

table#login .BtnSubmit span 
{
	background: transparent url(/images/global/button_left_sm.png) no-repeat; /*background left image */
	display: block;
	line-height: 15px;
	padding: 5px 0px 5px 18px;
}

/* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total   */
/*       height of the button (24). Using a different padding, means setting a different height.  */

table#login .BtnSubmit:hover span
{
	/* text-decoration:underline; */
    cursor: pointer;
}

/* end janko fancy button */

table#login input.BtnSubmithov{ border-top-color:#FFFF99; border-left-color:#FFFF99; border-right-color:#FFFF00; border-bottom-color:#FFFF00;}

/* food.php */
/* clear is a generic container (i.e. div) for floating buttons 
from http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
.clear               
{
	overflow: hidden;
	width: 100%;
}

table#formTable .BtnSubmit 
{ 
	 /* the following code is from http://msforge.net/blogs/janko/archive/2008/01/31/make-fancy-buttons-using-css-sliding-doors-technique.aspx */
	 background: transparent url(/images/global/button_right_sm.png) no-repeat scroll top right; /* sliding right image */
	 display: block;
	 float: left;
	 height: 25px;
	 margin-right: 6px;
	 padding-right: 20px; 
	 text-decoration: none;
	 color: #714916;
   font-family: Verdana,Arial,helvetica,sans-serif;
	 font-size: 14px;
	 font-weight: bold;
}

table#formTable .BtnSubmit span 
{
	background: transparent url(/images/global/button_left_sm.png) no-repeat; /*background left image */
	display: block;
	line-height: 15px;
	padding: 5px 0px 5px 18px;
}

/* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total   */
/*       height of the button (24). Using a different padding, means setting a different height.  */

table#formTable .BtnSubmit:hover span
{
	/* text-decoration:underline; */
    cursor: pointer;
}
/* end janko fancy button */

table#formTable input.BtnSubmithov
{
	border-top-color:#FFFF99;
	border-left-color:#FFFF99;
	border-right-color:#FFFF00;
	border-bottom-color:#FFFF00;
}

.FormButton { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 2px 0 4px; text-align: center; vertical-align: text-bottom; }

/* search.php */
table#search .BtnSubmit ,table#ImgEdit .BtnSubmit
{ 
	 /* the following code is from http://msforge.net/blogs/janko/archive/2008/01/31/make-fancy-buttons-using-css-sliding-doors-technique.aspx */
	 background: transparent url(/images/global/button_right_sm.png) no-repeat scroll top right; /* sliding right image */
	 display: block;
	 float: left;
	 height: 25px;
	 margin-right: 6px;
	 padding-right: 20px; 
	 text-decoration: none;
	 color: #714916;
   font-family: Verdana,Arial,helvetica,sans-serif;
	 font-size: 14px;
	 font-weight: bold;
	 }

table#search .BtnSubmit span ,table#ImgEdit .BtnSubmit span 
{
	background: transparent url(/images/global/button_left_sm.png) no-repeat; /* background left image */
	display: block;
	line-height: 15px;
	padding: 5px 0px 5px 18px;
}
/* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total   */
/*       height of the button (24). Using a different padding, means setting a different height.  */

table#search .BtnSubmit:hover span
{
	/* text-decoration:underline; */
    cursor: pointer;
}

/* end janko fancy button */

table#search input.BtnSubmithov, table#ImgEdit input.BtnSubmithov
{
	border-top-color:#FFFF99;
	border-left-color:#FFFF99;
	border-right-color:#FFFF00;
	border-bottom-color:#FFFF00;
}

/***** pulled from catalog.php Not sure if i even need this stuff ******/

a:link    {color:gray; text-decoration: none } 
a:visited {color:gray; text-decoration: none }
a:hover   {color:blue; text-decoration: underline } 
a:active  {color:gray; text-decoration: none }

hr.CommandSeparator
{
    COLOR: #2060ab
}
a.Command, 
a.DisabledCommand
{
    color: #2060ab;
    font: bold 0.8em Tahoma, Verdana, Arial;
    text-decoration: none;
    cursor: pointer;
    font-size: small;
}
a.Command:hover
{
    color: #003366;
    text-decoration: underline;
}
.CommandBar a.Command:hover
{
    text-decoration: underline;
}
.DisabledCommandBar a.Command,
a.DisabledCommand
{
	color: #bbbbbb;
	text-decoration: none;
	cursor: default;
}
/***************** end of stuff pulled from catalog.php **********/
/****** More catalog stuff I removed from the xhtml code because I had formatting code in the xhtml ****/
.ListEvenRow .slide { width: 82px; height: 82px; text-align:center; background: url(/graphics/slide.gif) top left no-repeat;   }
.ListEvenRow .slide img { border: 0px; }
.ListEvenRow .slide a { font-size: xx-small; color: #FFFFFF; }

.ListOddRow .slide { width: 82px; height: 82px; text-align:center; background: url(/graphics/slide2.gif) top left no-repeat;   }
.ListOddRow .slide img { border: 0px; }
.ListOddRow .slide a { font-size: xx-small; color: #FFFFFF; }

.xsmallcenter { text-align: center; font-size: x-small; }

.ImgAddPhoto { width:16px; background: url(/graphics/iconaddphoto1.gif) top left no-repeat; }
.ImgAddPhotoHov { width:16px; background: url(/graphics/iconaddphoto2.gif) top left no-repeat; }
.ImgAddPhoto img{ border: 0px; }
.ImgAddPhotoHov img{ border: 0px; }

.ImgFindPhoto { width:16px; background: url(/graphics/iconfindphoto1.gif) top left no-repeat; }
.ImgFindPhotoHov { width:16px; background: url(/graphics/iconfindphoto2.gif) top left no-repeat; }
.ImgFindPhoto img{ border: 0px; }
.ImgFindPhotoHov img{ border: 0px; }

.ImgPrev { width:16px; background: url(/graphics/iconleftharrow1.gif) top left no-repeat; }
.ImgPrevHov { width:16px; background: url(/graphics/iconleftharrow1.gif) top left no-repeat; }
.ImgPrev img{ border: 0px; }
.ImgPrevHov img{ border: 0px; }

.ImgNext { width:16px; background: url(/graphics/iconrightharrow1.gif) top left no-repeat; }
.ImgNextHov { width:16px; background: url(/graphics/iconrightharrow1.gif) top left no-repeat; }
.ImgNext img{ border: 0px; }
.ImgNextHov img{ border: 0px; }

.ImgWatch {	width: 16px; background: url(/graphics/iconwatch1.gif) top left no-repeat; }
.ImgWatchHov {	width: 16px; background: url(/graphics/iconwatch1.gif) top left no-repeat; }
.ImgWatch img { border: 0px; }
.ImgWatchHov img { border: 0px; }

.CatView { width: 6px; background: url(/graphics/icontmm1.gif) top left no-repeat; }
.CatViewHov { width: 6px; background: url(/graphics/icontmm1.gif) top left no-repeat; }
.CatView img { border: 0px; }
.CatViewHov img { border: 0px; }

.ListEvenRow { color: #815926; }
.ListOddRow  { color: #815926; }
.ListEvenRow img { border: 0px; }
.ListOddRow img { border: 0px; }

table#pictures th {	color: #FFFCEB ;background-color: #FE7A10; }

#toolbar { border: 2px solid #5F4528; border-bottom: 0px; width: 593px; background-color: #FFFCEB; }
#pictures_info { background-color: #E7A932; width: 593px; margin: 12px 0px 10px 0px; color: #FFFFFF; font-size: small; height: 20px; font-weight: bold; }

/******** previewField is the preview image in addphoto.php ********/
#previewField { border: 1px solid black; }

/****** End of More catalog stuff I removed from the xhtml code because I had formatting code in the xhtml ****/

/* added for date on food form */
.LargeDate { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: medium; padding: 10px 30px 10px 30px; text-align: center; }
/* added for message on food form */
.FormMessage { color: #815926; background: #F3E7CB;	font-weight: bold; font-size: x-small; padding: 2px 30px 10px 30px; text-align: center; }