/*   SunBurst Foods   */



body {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   line-height: 20px;
   color: #333333;   /* typical text color */
   min-width: 760px;
   letter-spacing: 0;	
   background-color: #efefef;
}

div.main {
   position: relative;  /* used to allow absolute positioning within the container */
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px 0px 0px 0px;
   width: 750px;
   height: auto;
   line-height: 20px;
   text-align: left;
   background-color: #ffffff;
   border: solid 1px #cccccc;
   background-image: url(Images/coffee_and_snacks.jpg);
   background-repeat: no-repeat;
}

div.header {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   height: 80px;
   background-color: transparent;
   border: none;
   color: #ffffff;
}

div.nav_bar_under_header {
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 20px;
   margin-left: auto;
   padding: 0px 0px 0px 0px;
   width: 660px;
   height: 24px;
   font-size: 11px;
   font-weight: bold;
   line-height: 22px;
   text-align: center;
   color: #cccccc;	
   background-color: transparent;
   border-bottom: dashed 1px #cccccc;
}

div.left_column {
   /* float: left;  .......  Not Needed If right_column Is Coded Above left_column In the XHTML file */
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 226px;
   height: auto;
   line-height: 20px;
   text-align: left;
   background-color: transparent;
   border: none;
}

div.left_column_manager {
   /* float: left;  .......  Not Needed If right_column Is Coded Above left_column In the XHTML file */
   margin: 0px 0px 0px 0px;
   padding: 20px 0px 20px 0px;
   width: 226px;
   height: auto;
   line-height: 20px;
   text-align: left;
   background-color: transparent;
   border: none;
}

div.right_column {
   float: right;
   margin: 20px 0px 20px 0px;
   padding: 0px 0px 0px 30px;
   width: 480px;
   height: auto;
   line-height: 20px;
   text-align: left;
   background-color: transparent;
   border-left: dashed 1px #cccccc;
}

div.log_in {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 50px 0px;
   width: 430px;
   height: auto;
   text-align: center;
   background-color: transparent;
   border: none;
}

div.manager {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 50px 0px;
   width: 450px;
   height: auto;
   text-align: left;
   background-color: transparent;
   border: none;
}

div.updater {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 50px 0px;
   width: 450px;
   height: auto;
   text-align: left;
   background-color: transparent;
   border: none;
}

div.request_form {
   margin: 0px 0px 0px 0px;
   padding: 20px 40px 70px 40px;
   width: 660px;
   height: auto;
   line-height: 20px;
   text-align: left;
   background-color: transparent;
   border: none;
}

div.footer {
   clear: both;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   height: 50px;
   background-color: transparent;
   background-image: url(Images/footer.png); 
   background-repeat: no-repeat;
   border: none;
}

div.footer_sub {
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 470px;
   height: auto;
   font-size: 10px;
   line-height: 15px;
   text-align: center;
   letter-spacing: 1px;
   color: #999999;
   background-color: transparent;
   border: none;
}

h1.page_title {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
    font-family: Times, Times Roman, Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #333366;
    background-color: transparent;
}

h2.catering_menu_category {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
    font-family: Times, Times Roman, Arial, sans-serif;
    font-size: 24px;
    line-height: 26px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #cc3300; 
    background-color: transparent;
}

h2.jobs {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
    font-family: Times, Times Roman, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #333366;
    background-color: transparent;
}

p.centered {
   margin: 0px 0px 0px 0px;
   padding: 0px 30px 20px 0px;
   color: #333333;
   text-indent: 0px;
   line-height: 20px;
   text-align: center;
   letter-spacing: 1px;
   border: none;
}

p.right_column {
   margin: 0px 0px 0px 0px;
   padding: 0px 30px 20px 0px;
   color: #333333;
   text-indent: 20px;
   line-height: 20px;
   text-align: left;
   letter-spacing: 1px;
   border: none;
}

p.left_column_manager {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 20px 20px;
   color: #333333;
   text-indent: 10px;
   line-height: 20px;
   text-align: left;
   letter-spacing: 1px;
   border: none;
}

p.spacer_clear {
   clear: both;	
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 20px;
}

img {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: none;
}

img.in_body_floated_right {
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 50px 0px 10px 10px;
   border: none;
}

img.about_headquarters {
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   border: solid 1px #999999;
}

img.about_sunburst {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: none;
}

span.bold {
   font-weight: bold;
}

span.italic {
   font-style: italic;
}

span.underline {
   text-decoration: underline;
}

span.catering_menu {
   color: #333366;
   font-weight: bold;
}

span.failed {
   color: #cc3300;
}

span.updates_installed {
   color: #cc3300;
   font-weight: bold;
}

br {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: none;
}

ul.catering_menu_items {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	list-style-position: outside;
	list-style-type: disc;
	text-indent: 0px;
	font-weight: bold;
	color: #999999;
}

ul.benefits {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	list-style-position: outside;
	list-style-type: disc;
	text-indent: 20px;
	font-weight: bold;
	color: #999999;
}



/*---------------------------------------------*/
/*   Styles Associated with the Request Form   */
/*---------------------------------------------*/


table {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
    border-collapse: collapse;
	text-align: left;
    background-color: transparent;
    border: none; 	
}

td {
	text-align: center;
}

table.items {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
    border-collapse: collapse;
	text-align: left;
    background-color: transparent;
    border: 2px solid #cc0000; 	
}

tr.items_header {
	font-weight: bold; 	
    background-color: #efefef;
    border: 1px solid #cc0000;
}

td.items_c1 {
	padding: 0px 0px 0px 5px;
    width: 70%;
	text-align: left;
    border: 1px solid #cccccc; 	
}

td.items_c2 {
    width: 12%;
	text-align: center;
    border: 1px solid #cccccc; 	
}

td.items_c3 {
    width: 18%;
	text-align: center;
    border: 1px solid #cccccc;  	
}



/*--- Styles for Form Elements ---*/

select, textarea {
    background-color: transparent;
    border: solid 1px #cccccc;
}

input.item_quantity {
    text-align: center;
    background-color: #efefef;
    border: none;
}

textarea.item_pieces_per_case {
    text-align: center;
    background-color: #efefef;
    border: none;
}

input.radio_button {
    background-color: transparent;
    border: none;
}

input.button {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	background-color: #cc3300;
	border: solid 1px #993300;
	color: #ffffff;	
}

input.button_hover {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	background-color: #6699cc;
	border: solid 1px #006699;
	color: #ffffff;	
}




/*---------------------------------------*/
/*       Primary Navigation Styles       */
/*---------------------------------------*/

a:link.nav_primary {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #999999;
   text-decoration: none;
   background-color: transparent;
   border: none;
}

a:visited.nav_primary {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #999999;
   text-decoration: none;
   background-color: transparent;
   border: none;
}

a:hover.nav_primary {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
   border: none;
}

a:active.nav_primary {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #999999;
   text-decoration: none;
   background-color: transparent;
   border: none;
}



a:link.nav_primary_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
   border: none;
}

a:visited.nav_primary_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
   border: none;
}

a:hover.nav_primary_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
   border: none;
}

a:active.nav_primary_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 7px 0px 7px;
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
   border: none;
}



/*----------------*/
/*  Common Links  */
/*----------------*/

a:link {
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
}

a:visited {
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
}

a:hover {
   color: #333366;
   text-decoration: underline;
   background-color: transparent;
}

a:active {
   color: #cc3300;
   text-decoration: none;
   background-color: transparent;
}




/*-----------------------------*/
/*  Links Style for Signature  */
/*-----------------------------*/

a:link.signature {
   color: #999999;
   text-decoration: none;
   background-color: transparent;
}

a:visited.signature {
   color: #999999;
   text-decoration: none;
   background-color: transparent;
}

a:hover.signature {
   color: #cc3300;
   text-decoration: underline;
   background-color: transparent;
}

a:active.signature {
   color: #999999;
   text-decoration: none;
   background-color: transparent;
}