/*
$Id: stylesheet.css,v 1.1 2005/06/07 05:58:46 cvs Exp $
Description: Main stylesheet for Sensible Sandwich
Copyright (c) Candice Lo
*/
BODY {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style : normal;
	font-weight : normal;
	text-align : left;
	color : #333;
	background-color: #FFCC00 ;
	padding: 0px;
	margin: 0px;
	
}
#header_container {
 	background: transparent url(../images/header_bg.jpg) repeat-y;
    /*font-size: 1.25em;*/
	width: 100%;   
	height:100px;
}
#header_logo {
	background-color: #FFC164;
	width: 20%;
	display: block;
	padding: 80px 0px 0px 2px;
	height:20px;
}
#menu_head {
    clear: both;
    height: 23px;
    position: relative;
    /*background-image: url(../images/menu_head_right.gif);
    background-repeat: repeat-x;
    background-position: 0 100%;*/
    padding-left: 0px;
	z-index: 99 ;
}

#menu_head_nav {
	margin: 0px;
	height: 23px;
	overflow: hidden;
	width: 100%;
	background-color: #FF9900;
	z-index: 99;
}
#rightcontent {
	background-color: white;
   margin: 0px 0px 0px 20%;
    /*padding: 5px 15px 10px 15px;*/
    display: block;
	width: 80%;
	/*margin: 0;*/
	color: #000;
	
}
#rightcontent h1{
	display: inline;
	margin-right: 0.7em;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
}
#rightcontent h2{
	display: inline;
	margin-right: 0.7em;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
#rightcontent h3{
	display: inline;
	margin-right: 0.7em;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
#address {
    /*visibility: hidden;
    height: 1px;
    overflow: hidden;
    display: none;*/
}

div#leftcontent {
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	width: 20%;
	background-color: #FFCC00;
	color: #990000;
	/*z-index: 2;*/
	/*visibility: hidden;*/
}
#leftcontent h2, #leftcontent p, #leftcontent first{
	display: inline;
	margin-right: 0.7em;
	font-size: 14px;
	font-weight: bold;
}

div#leftcontent ul {
	background-color: #FFEC9F;
	position: absolute;
	left: 0px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	height:20px;
	/*width: 100%;
	width: 20%;*/
	padding: 0 0 0 2px;
}
div#leftcontent ul li {
	background-color: #FFEC9F;
	display: block;
	padding: 0px 7px  0px 7px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #FFCC00;	
}
div#leftcontent ul li.first {
	border-left: 0px none;
	font-size: 12px;
	font-weight: bold;
}
div#leftcontent ul li a {
	font: 1em /1 verdana, sans-serif;
	color: #990000;
}

div#topcontent {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80%;
	background-color: #FF9933;
}
#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.7em;
}
div#topcontent ul {
	background-color: #FF9933;
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	height:20px;
}
div#topcontent ul li {
	display: inline;
	padding: 0 1em;
	border-left: 0px solid #34339B;	
}
div#topcontent ul li.first {
	border-left: 0px none;
	
}
div#topcontent ul li a {
	font: 1em /1 verdana, sans-serif;
}
#footer_container {
    clear: both;
    position: relative;
    /*top: -5px;*/
	width:100%;
	background-color: transparent;
}

#footer_content {
    border-top : 1px solid #FF9933;
	background-color: transparent;
    text-align: left;
    padding: 0px 5px 0px 5px;
	font-size: 0.7em;
}

#sensiblesandwich {
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    display: none;
}

/* text styles*/
a { 
	font-weight: bold; 
}
a:link, a:visited { 
	text-decoration: none; 
	color: #000; 
}	
a:hover, a:active { 
	text-decoration: underline; 
	color: Gray; 
}
TD, TR, TH, P,  LI, TABLETEXT {
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	background-color : transparent;
	/*text-align : left;  */
}

INPUT, SELECT {
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : #666666;
}
.heading1a,.heading1b {
	font-family: serif;
	font-size :19px;
	font-weight : bold;
	font-style : normal;
}
.heading1a {
	color : black; /*  lightgrey */
}
.heading1b {
	color : #003468; /*  dark blue */
}
.heading2 {
	font-size : 14px;
	font-style : normal;
	color : #999; /*  grey */
}
.heading3 {
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #003468; /*  dark blue */
}

.boldtext {
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
}


.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
}
.aFifth-width {
	width: 20%;
}
.quarter-width {
	width: 25%;
}
.half-width {
	width: 50%;
}
.largest-width {
	width: 99%;
}
.smallest-width {
	width: 1px;
}
.width20px {
	width: 20px;
}
.full-height {
	height: 100%
}

.no-scroll{
	overflow: hidden;
}
.center {
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}

.align-middle {
	vertical-align: middle;
}
.align-bottom {
	vertical-align: bottom;
}
.align-top {
	vertical-align: top;
}

INPUT
{
	font-size : 11px;
}

.underline{
	text-decoration: underline;
}
.italic{
	font-style: italic;
}
.lightgrey-bg {
	background-color: #E6E7E8;
}
.grey-bg {
	background-color: #F0F0F0; /*light grey*/
}
.white-bg {
	background-color: white;
}
.black-bg {
	background-color: black;
}

.padding-left-right {
	padding : 10px 10px 0px 10px;
}
.nopadding {
	padding-left : 0px;
}