.mainTable{

font-family: Ariel , sans-serif;
    font-size:10px;

}


.bold {

font-size: 10pt;
font-weight: bold;
width:100%;

}

.submit {

text-align:right;
padding: 20 50 10 0

}

.hours {

width: 40;

}

.tableHeading {

padding: 5 10 5 10;
font-weight: bold;
font-size: 9pt;
border: 1px solid black;
background-color:blue;
color:white;

}


.tableDetail {

border:1px solid black;
font-size:8pt;

}
.bottomBar {

background-image:url(../images/bar.gif);
background-repeat:no-repeat;


}

table.yellowBar {

background-image: url(../images/Main_02.gif);
height: 300;
width: 155;
vertical-align: top; 
font-weight:bold;

}

.loginTitle {

text-align:center;
padding: 0 10 0 30;

}

.loginTag {

text-align:left;
padding: 0 0 0 31;
font-size: 8pt;
  
}

.bottomLinks {
	font:10px arial;
	color: #000000;
	text-decoration:none;
	letter-spacing:.1em;

}

.copyright {
    text-align: center;
color:gray;
font-size: 8pt;

}

.right {

text-align: center;

}

/*Start scrolling table css info*/

h1 {
	font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h2 {
	font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h3 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008000;
	margin: 0 0 15px 0
}

/* end basic styling                                 */


/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid black;
	height: 360px;
	overflow: auto;
	//width: 480px;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	//width: 480px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 100%
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	margin: 0 -16px 0 0
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: blue;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 462px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 200px
}

html>body thead.fixedHeader th + th {
	width: 240px
}

html>body thead.fixedHeader th + th + th {
	width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 200px
}

html>body tbody.scrollContent td + td {
	width: 240px
}

html>body tbody.scrollContent td + td + td {
	width: 300px
}


/* define width of TH elements: 1st, 2nd, and 3rd respectively.      */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
/* Add 16px to last TH for scrollbar padding                         */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors    */
head:first-child+body thead[class].fixedHeader th {
	width: 200px
}

head:first-child+body thead[class].fixedHeader th + th {
	width: 240px
}

head:first-child+body thead[class].fixedHeader th + th + th {
	border-right: none;
	padding: 4px 4px 4px 3px;
	width: 316px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.      */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
/* Add 16px to last TH for scrollbar padding                         */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors    */
head:first-child+body tbody[class].scrollContent td {
	width: 200px
}

head:first-child+body tbody[class].scrollContent td + td {
	width: 240px
}

head:first-child+body tbody[class].scrollContent td + td + td {
	border-right: none;
	padding: 2px 4px 2px 3px;
	width: 300px
}
/*End scrolling table css info*/



.ingTabTable {

border-collapse: collapse;
width: 100%;
height: 1;
vertical-align: top;
padding: 0;
margin: 0;
background-color:yellow;

}

.ingTabSelected {

font: bold 14pt courier;
width: 28%;
padding: 12 5 12 12;
border-right: 2px solid black;
background:url(/pages/images/tabBlack.gif) 0 0 no-repeat blue;
color: white;
text-align: center;
cursor: pointer;

}

.ingTabDeselected {

font: bold 14pt courier;
width: 28%;
padding: 12 5 12 12;
border-right: 2px solid black;
background:url(/pages/images/tabBlackDeselected.gif) 0 0 no-repeat #666666;
color: #AAAAAA;
text-align: center;
cursor: pointer;

}

.list {

width:150;
background:white;
font-weight:bold;

}

.ingList {

border: 1px solid black;
overflow: auto;
height: 300;
width: 350px;
background:white;
cursor: pointer;


}

.ingredientTable {

background:blue;
border:12px outset darkgray;
width:700;
height:400;

}

.ingInstruct {

font-size: 10pt;
color:white;
width:100%;

}

.ingHeading {

font-size: 12pt;
color:white;
font-weight:bold;
text-align:center;

}

.errorText {
    background-color: yellow;
}

.noBanner {
  border-width:5px;
  border-style:outset;
  border-color:lightGray;
  text-align:center;
  background-color: darkgreen;
  color: yellow;
}

.toolTip {

color:blue;
border-bottom-color:blue;
font-weight:bold;
font-size: 10pt;
border-bottom-style: dashed;
border-bottom-width:1px;
cursor: pointer;
}

/* Global Styles */

body {
	margin:0px;
	}


/* ID Styles */

#navigation a {
	font:10px arial;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:.1em;
	}

#navigation a:hover {
	color: #99CCFF;
	}

#padding {
	padding:20px 5px 20px 5px;
	}

#calendar td {
	border: 1px solid rgb(0,51,153);
	}

#noborder td {
	border: 0px;
	}

#weekdays th {
	font:11px arial;
	color: #ffffff;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	font:18px times new roman;
	color: #0E177C;
	letter-spacing:.3em;
	font-weight:bold;
	line-height:22px;
	}

.tagline {
	font:11px verdana;
	color: #CC3300;
	letter-spacing:.2em;
	}

.smallText {
	font:12px verdana;
	color: #CC3300;
	line-height:18px;
	}

.pageHeader {
	font:30px verdana;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:38px;
	}

.bodyText {
	font:11px arial;
	color:#333333;
	line-height:24px;
	}

.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}

.subHeader {
	font:14px verdana;
	color: #003399;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}

.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}