/* STYLES */
* {
	margin: 0;
	padding: 0;
}

body {
	margin-top: 12px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0;
}

h1, h2, h3, h4 {
	font-weight: bold;
	font-family: "Trebuchet MS";
	margin: 10px 20px 0px 20px;
	color: #006666;
}

h5 {
	font-weight: bold;
	font-family: "Trebuchet MS";
	margin: 10px 20px 0px 20px;
	border-bottom: 1px #006666 dotted;
}

a:link {
	color: #0000CC;
	text-decoration: underline;
}

a:visited {
	color: #CC0000;
	text-decoration: underline;
}

a:hover {
	color: #009999;
	text-decoration: underline;
}

.popup {
	margin-top: 1em;
	margin-left: 50px;
	position: absolute;
	border: 1px #999999 solid;
	width: 300px;
	padding: 15px;
	background-color: #EEEEEE;
}

/* CONTAINERS */
#container {
	width: 894px;
	margin: 0 auto;
}

.masthead {
	/*background-position: 0px 20px; Being added during runtime*/ 
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0 auto;
	width: 894px;
	/*height: 103px; Being added during runtime*/
	background-image: url(/images/masthead.jpg);
}

#wrapper {
	width: 894px;
	margin: 0 auto;
}

.footer {
	text-align: center;
	width: 894px;
	margin: 0 auto;
	clear: both;
	background-image: url(/images/footer.gif);
	background-repeat: no-repeat;
	font-family: verdana, san-serif;	
}

/* CONTENT Wrapper 
#column_wrapper {
	background-image: url(/images/contentback.gif);
	float: left;
	background-repeat: repeat-y;
	}
*/
#left {
	width: 675px;
	float: left;
}

/* LEFT SIDE */
#leftcontent {
	width: 135px;
	float: left;
}

#lpp_int_frame {
	margin-top: 150px;
	text-align: center;
}

#lpp_int_frame a:link {
	color: #0000CC;
	text-decoration: underline;
}

#lpp_int_frame a:visited {
	color: #CC0000;
	text-decoration: underline;
}

#lpp_int_frame a:hover {
	color: #009999;
	text-decoration: underline;
}

#MSFT_frame {
	margin-top: 100px;
}

#schools_int_frame {
	margin-top: 100px;
}

/* HOME PAGE */
#homecontent {
	width: 540px;
	float: left;
}

#homecontent h1 {
	font-size: 18px;
	border-bottom: 1px #006666 dotted;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

#image {
	background-image: url(/images/forkandknife.gif);
	width: 58px;
	height: 59px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 10px;
}

#text {
	float: left;
	width: 462px;
}

#homecontent p {
	font-family: georgia;
	font-size: 13px;
	line-height: 1.75em;
	margin: 10px 20px 0px 20px;
	float: left;
}

.homefooter {
	text-align: center;
	width: 894px;
	margin: 0 auto;
	clear: both;
	background-image: url(/images/footerhome.gif);
	background-repeat: no-repeat;
	font-family: verdana, san-serif;
}

/* CONTENT Top Pages*/
#topcontent {
	width: 540px;
	float: left;
}

#topcontent h1 {
	font-size: 18px;
	border-bottom: 1px #006666 dotted;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 12px;
}

#topcontent h2 {
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#topcontent p {
	font-family: verdana;
	font-size: 11px;
	line-height: 2em;
	margin: 1em 20px 1em 20px;
}

#topcontent li {
	font-size: 11px;
	line-height: 2em;
	margin-right: 20px;
	margin-left: 6em;
	list-style-image: url(/images/newspointer.gif);
}

#topcontent a:link {
	color: #0000CC;
	text-decoration: underline;
}

#topcontent a:visited {
	color: #CC0000;
	text-decoration: underline;
}

#topcontent a:hover {
	color: #009999;
	text-decoration: underline;
}

#standard {
	margin: 0px 20px 20px 20px;
}

#standard td {
	vertical-align: top;
	border: none;
	padding: 5px 5px 5px 0;
}

#standard td h2 {
	margin-left: 0;
}

table.standard {
	width: 500px;
	border: none;
	margin: 0px 20px 20px 20px;
}

#contacttable {
	width: 60%;
	margin: 14px 20px 20px 20px;
	border-collapse: collapse;
	table-layout: fixed;
}

td.right {
	text-align: right;
	padding: 6px 10px 6px 0;
	background-color: #af9349;
	color: #FFFFFF;
	font-weight: bold;
	width: 40%;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: none;
	border-left: none;
}

td.left {
	text-align: left;
	padding: 6px 0 6px 10px;
	background-color: #cda951;
	border-top: 1px #FFFFFF solid;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.documents {
	width: 500px;
	margin: 20px 20px 20px 20px;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: #ffffff;
}

.dochead {
	background-color: #2C778C;
	/*border-right: 1px #FFFFFF solid;
	border-bottom: none;
	border-left: none;
	border-top: none;
	padding: 10px;*/
	color: #FFFFFF;
	font-weight: bold;
}

td.docs {
	background-color: #ffffff;
	padding: 10px 10px 30px 10px;
}

#systemsdiagram {
	margin: 0 0 40px 20px;
	font-size: 9px;
}

/* CONTENT Side Pages*/
#content {
	width: 540px;
	float: left;	
}

#content h1 {
	font-size: 11px;
	padding: 3px 3px 3px 6px;
	color: #666666;
	text-transform: uppercase;
	margin-bottom: 0px;
	letter-spacing: 2px;
	border: 1px #DDDDDD solid;
}

#content h2 {
	font-size: 18px;
	border-bottom: 1px #006666 dotted;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

#content h3 {
	font-size: 14px;
	margin-bottom: 4px;
}

#content p {
	font-family: verdana;
	font-size: 11px;
	line-height: 2em;
	margin: 1em 20px 1em 20px;
}

#content li {
	font-size: 11px;
	line-height: 2em;
	margin-right: 20px;
	margin-left: 6em;
	list-style-image: url(/images/newspointer.gif);
}

#content a:link {
	color: #0000CC;
	text-decoration: underline;
}

#content a:visited {
	color: #CC0000;
	text-decoration: underline;
}

#content a:hover {
	color: #009999;
	text-decoration: underline;
}

#illustration {
	margin: 1em 20px 1em 20px;
}

#pdf_download {
	margin: 1em 20px 1em 20px;
	border-top: 1px #CCCCCC solid;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 9px;
	color: #CCCCCC;
}

#pdf_download a {
	font-size: 9px;
}

#pdf_download a:link {
	text-decoration: none;
}

#pdf_download a:visited {
	text-decoration: none;
}

#pdf_download a:hover {
	text-decoration: none;
}

/* CONTENT why meals plus benefits */
.benefit {
	width: 500px;
	float: left;
	background-color: #FFFFFF;
	margin: 10px 0px 0px 20px;
	padding: 0;
}

.benefit_image {
	width: 150px;
	height: 59px;
	float: left;
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

.benefit_text {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
}

p.benefitname {
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0;
	line-height: 6px;
}

p.benefititem {
	border-top: 1px #CCCCCC dotted;
	padding-top: 10px;
}

/* SYSTEM COMPONENTS */
#system_components {
	width: 219px;
	height: 33px;
	background-image: url(/images/systemcomponents.gif);
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

#system_components li {
	float: left;
	list-style-type: none;
}

#system_components li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 33px;
	background-image: url(/images/systemcomponents.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#sys_compli a {
	left: 0;
	width: 219px;
	background-position: 0px 0px;
}

li#sys_compli a:hover {
	background-position: 0px -33px;
}

.syscomp li#sys_compli a {
	background-position: 0px -66px;
}

/* HARDWARE */

#hardware {
	margin: 0px 20px 20px 20px;
	font-family: verdana;
	font-size: 9px;
}

#table.hardware {
	margin: 10px 20px 20px 20px;
	padding: 0px;
	width: 500px;
	border-collapse: collapse;
	table-layout: fixed;
}

#hardwaretable td {
	vertical-align: top;
	border: 0px #000000 solid;
	text-align: center;
	padding: 0px 0px 6px 0px;
	font-size: 9px;
}

/* TOPNAV */
.topnav {
	width: 675px;
	height: 33px;
	background-image: url(/images/topmenu.jpg);
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

.topnav li {
	float: left;
	list-style-type: none;
}

.topnav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 33px;
	background-image: url(/images/topmenu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li.topnav_why a {
	left: 0;
	width: 135px;
	background-position: 0px 0px;
}

li.topnav_technology a {
	left: 135px;
	width: 134px;
	background-position: -135px 0px;
}

li.topnav_training a {
	left: 269px;
	width: 134px;
	background-position: -269px 0px;
}

li.topnav_about a {
	left: 403px;
	width: 134px;
	background-position: -403px 0px;
}

li.topnav_contact a {
	left: 537px;
	width: 135px;
	background-position: -537px 0px;
}

li.topnav_why a:hover {
	background-position: 0px -33px;
}

li.topnav_technology a:hover {
	background-position: -135px -33px;
}

li.topnav_training a:hover {
	background-position: -269px -33px;
}

li.topnav_about a:hover {
	background-position: -403px -33px;
}

li.topnav_contact a:hover {
	background-position: -537px -33px;
}

.why li.topnav_why a {
	background-position: 0px -66px;
}

.technology li.topnav_technology a {
	background-position: -135px -66px;
}

.training li.topnav_training a {
	background-position: -269px -66px;
}

.about li.topnav_about a {
	background-position: -403px -66px;
}

.contact li.topnav_contact a {
	background-position: -537px -66px;
}

.flashnav {
	width: 675px;
	height: 272px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	background-color: #FFFFFF;
}

.superior {
	width: 675px;
	height: 29px;
	background-image: url(/images/superior.gif);
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

/* RIGHT SIDE */
#right {
	width: 219px;
	float: left;
	background-color: #1F5768;
}

/* SIDENAV Original 
.sidenav {
	width: 219px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	/* If number of links is > 10, use height: 100%; */
	/* If number of links is < or = 10, use height: 239px; */
	/*height: 239px;  increase by 23px for each menu item added after 10
	background-color: #2C778C;
	border-bottom: 3px #FFFFFF solid;
}

#productnav {
	margin: 0;
	padding: 0;
	background-color: #2C778C;
	list-style-type: none;
	width: 219px;
	font-size: 12px;
	float: left;
}

#productnav li {
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

#productnav a {
	line-height: 23px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 14px;
	border-bottom: 1px solid #FFFFFF;
}

#productnav a:visited {
	color: #FFFFFF;
}

#productnav a:hover {
	color: #FFFFFF;
	background-color: #1F5768;
}


.pos #productnav_pos a,
.freereduce #productnav_freereduce a,
.inventorymgmt #productnav_inventorymgmt a,
.menuplan #productnav_menuplan a,
.nutrient #productnav_nutrient a,
.accountablity #productnav_accountablity a,
.financialstat #productnav_financialstat a,
.onlineservices #productnav_onlineservices a,
.generalledger #productnav_generalledger a,
.hardware #productnav_hardware a {
	background-color: #1F5768;
	color: #CC9900;
}
/*End of Original*/
	
.productnav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
	width: 219px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	/* If number of links is > 10, use height: 100%; */
	/* If number of links is < or = 10, use height: 239px; */
	/*height: 239px;  increase by 23px for each menu item added after 10*/
	background-color: #2C778C;
	border-bottom: 3px #FFFFFF solid;
}

.productnav li {
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

.productnav li a{
	line-height: 23px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 14px;
	border-bottom: 1px solid #FFFFFF;
}

.productnav li a:hover {
	color: #FFFFFF;
	background-color: #1F5768;
}

.productnav li a:active {
	color: #CC9900;
	background-color: #1F5768;
}

/* FEATURE */
#feature {
	padding: 6px 0 6px 0;
	/*margin-top: 23px;*/
	margin-top: 6px;
	width: 219px;
	float: left;
	/*background-color: #1F5768;*/
	background-image: url(/images/featurebottom.gif);
	background-position: bottom;
}

#feature h3 {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.5em;
	padding: 0px 40px 6px 40px;
	text-align: left;
	font-weight: bold;
	font-family: verdana;
	margin: 0;
}

#feature a:link, a:visited {
	color: #FFFFFF;
}

#feature a:hover {
	color: #0000CC;
}

#feature p {
	margin: 0;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 11px;
	line-height: 1.5em;
	padding: 0px 40px 3px 40px;
}

/* NEWS */
#news {
	padding-top: 3px;
	margin: 0px;
	width: 219px;
	float: left;
	background-color: #2C778C;
}

#news h2 {
	margin: 0;
	padding: 0;
	display: block;
	height: 23px;
	background-image: url(/images/newslinks.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 1%;
	text-indent: -9999px;
}

#news h2 a {
	display: block;
	height: 23px;
	width: 219px;
}

.newsitem {
	padding: 0px;
	margin: 0px;
	width: 219px;
	float: left;
	background: #2C778C url(/images/newsitembottom.gif) no-repeat bottom left;
}

.newsitem p {
	padding: 6px 25px 6px 40px;
	color: #000000;
	font-family: verdana;
	font-size: 9px;
	line-height: 1 em;
	background: url(/images/newsitemtop.gif) no-repeat;
	margin: 0;
}

.newsitem p a:link {
	text-decoration: none;
	color: #006699;
}

.newsitem p a:visited {
	text-decoration: none;
	color: #339999;
}

.newsitem p a:hover {
	text-decoration: none;
	color: #009999;
}

/* HELPFUL LINKS */
#helpful_links {
	padding-top: 3px;
	margin: 0;
	width: 219px;
	float: left;
	background-color: #2C778C;
}

#helpful_links h2 {
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 23px;
	background-image: url(/images/helpfullinks.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#helpful_links h2 a {
	display: block;
	height: 23px;
	width: 219px;
}

/* CUSTOMER Support Login */
#login {
	padding-top: 0px;
	margin: 0;
	width: 219px;
	float: left;
	background-color: #CDA951;
	height: 100%;
}

#login h2 {
	margin: 0;
	padding: 0;
	display: block;
	height: 32px;
	background-image: url(/images/customersupport.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#login h2 a {
	display: block;
	height: 46px;
	width: 219px;
	position: relative;
	top: 9px;
}

#login p {
	margin: 4px 20px .5em 20px;
	padding: 0 0 0px 0;
	font-size: 9px;
	font-family: verdana;
	line-height: 1em;
}

#login p a:link {
	text-decoration: none;
	color: #0000CC;
}

#login p a:visited {
	text-decoration: none;
	color: #CC0000;
}

#login p a:hover {
	text-decoration: none;
	color: #009999;
}

#email {
	padding-top: 2px;
	margin: 0;
	width: 219px;
	background-color: #B89849;
	height: 18px;
}

fieldset {
	margin-top: 3px;
	padding: 0;
	border: none;
}

fieldset ol {
	padding-left: 20px;
	list-style-type: none;
}

fieldset li {
	padding-bottom: 3px;
}

label {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
}

input.text {
	font: 11px verdana;
	border: 1px solid #000000;
	padding: 2px;
}

input.password {
	font: 11px verdana;
	border: 1px solid #000000;
	padding: 2px;
}

input.submit {
	padding: 2px 6px 2px 6px;
	background: #AF9349;
	border: 1px #666666 solid;
	color: #000000;
	margin-left: 20px;
	font-family: verdana;
	font-size: 11px;
}

input.submit:active {
	background: #CDA951;
}

input.submit:hover {
	background: #FFFFFF;
}

/* CUSTOMER SUPPORT PAGE */
/* FILLER */
#filler {
	padding-top: 0px;
	margin: 0;
	width: 219px;
	float: left;
	background-image: url(/images/fillertop.gif);
	background-repeat: no-repeat;
	height: 13px;
}

/* FOOTER */
#bottomlinks {
	padding-top: 44px;
	font-size: 10px;
	right: auto;
	left: auto;
}

#bottomlinks a {
	text-decoration: none;
}

#copyright {
	font-size: 10px;
	margin-top: 6px;
	margin-bottom: 10px;
}

#fbottomlinks a:link {
	color: #0000CC;
}

#bottomlinks a:visited {
	color: #CC0000;
}

#bottomlinks a:hover {
	color: #009999;
}
#tableContent {
  	width: 100%;
  	padding:  5px 10px 5px 10px;
	margin: 14px 20px 20px 20px;
	border-collapse: collapse;
	table-layout:  auto;  	
}