/* ----------------------------------------------------------*/
/*   Teatime Delicacies, Inc - http://www.TeatimeInc.com/    */
/* ----------------------------------------------------------*/


/* =========================== Global Elements ============================= */

html {
  color: #7B7B7B;
  background: #E9E5CA url(../img/tile.gif) repeat-y center; /* #ECE9D8; #A8ABA9; */
  }

body {
  color: #7B7B7B;
  background: url(../img/top.gif) no-repeat top center; /* #ECE9D8; #A8ABA9; */
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: sans-serif, verdana, helvetica, "trebuchet ms", "arial narrow", arial, tahoma, "book antiqua";
  font-size: x-small;                          /* feed to IE 5.5             */
  f\ont-size: small;                           /* feed to compliant browsers */
  /*voice-family: "\"}\"";                     /* Tantek IE 5.5 hack */
  /*voice-family: inherit;
  font-size: small;                            /* feed to compliant browsers */
  letter-spacing: .3px;
  }


a:link {
  color: #8691C9;
  }

a:visited {
  color: #A9A9A9;
  }

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


h1, h2, h3, h4, h5, h6 {
  color: #737FBA;
  background: transparent;
  letter-spacing: .5px;
  padding: 10px 0 5px 10px;
  }

h1 {font-size: large;}
h2 {font-size: medium;}
h3 {font-size: small;}
h4 {font-size: x-small;}
h5 {font-size: xx-small;}
h6 {font-size: xx-small;}

emphasis {
  font-style: italic;
  color: #800000;
  }

* {
  padding: 0px;
  margin: 0px;
  }


/* ============================== Page Top ================================= */

#top {
  color: #000000;
  background: #FBFAF4 url(../img/container_top.jpg) no-repeat;
  width: 750px;
  margin: 0 auto;
  height: 25px;
  }

#printheader {
  display: none;
  }


/* ============================ Page Container ============================= */

#container {
  color: #000000;
/*  background: #FBFAF4 url(../img/container_background.jpg) repeat-y; */  /* Kill background color */
  width: 750px;
  margin: 0 auto;
  padding: 0px;
  text-align: left;
  }



/* ================================ Header ================================= */

#header {
  background: #EDEBD5 url(../img/header3.jpg) no-repeat top center;
  height: 185px;
  margin: 0px;
  padding: 0px;
  }

#header img {
  float: left;
  display: inline;
  }

.login {
  float: right;
  padding: 4px 12px 0 0;
  }

.login a {
  font-weight: bold;
  text-decoration: none;
  }

.login a:hover {
  text-decoration: none;
  }

#spacer {
  height: 52px;
  margin-top: 0px;
  background: #FBFAF4 url(../img/spacer2.jpg) no-repeat top center;
  color: White;
  font-weight: bold;
  }

#spacer p { 
  padding: 2px 6px 0 0;
  }

.hide {
  display: none;
  }


/* ============================== Side Column ============================== */

#sidebar {
  float: left;
  width: 180px;
  padding-left: 10px;
  text-align: left;
  }


/* ---------------------------- Main Navigation ---------------------------- */

#navcontainer {
  margin-left: 140px;
  }

#navlist {
  list-style: none;
  padding: 30px 0 0 0;
  margin: 0;
  font-size: 100%;
  letter-spacing: 1px;
  }

#navlist li {
  display: inline;
  padding: 0;
  margin: 0;
  color: #505050;
  }

#navlist a {
  text-decoration: none;
  color: #7B7B7B;
  font-weight: bold;
  }

#navlist a.active {
  color: #000080;
  font-size: 115%;
  }

#navlist a:hover {
  color: #9F0B50;
  }

#pg_home a#nav_home,
#pg_catering a#nav_catering,
#pg_clients a#nav_clients,
#pg_resources a#nav_resources,
#pg_news a#nav_news,
#pg_contact a#nav_contact {
  color: #000080;
  font-size: 115% !important;
  }


/* ---------------------- Sub Navigation / Highlights ---------------------- */

#submenu {
  width: 180px;
  text-align: left;
  font-size: 100%;
  }

#submenu p {
  height: 38px;
  line-height: 38px;
  background: url(../img/submenu.jpg) no-repeat;/* #5376A9 */
  color: #FFFFFF;
  padding: 0 0 0 36px !Important;
  margin: 0 0 4px 0 !Important;
  font-size: 13px;
  font-weight: bold;
  }

#submenu ul {
  color: #FFFFFF;
  font-weight: bold;
  padding-bottom: 8px;
  font-size: 90%;
  }
  
#submenu li {
  color: #5F5F5F;
  list-style: none;
  padding-left: 10px;
  padding-bottom: 5px;
  }

#submenu li a {
  text-decoration: none;
  }

#submenu p {
  padding-left: 15px;
  }

#standout a {
  color: #9F0B50;
  }

#standout a:hover {
  color: #003366;
  }



/* ---------------------- Sub Navigation / Highlights ---------------------- */

#subnav {
  padding: 0px 5px 20px 5px;
  text-align: left;
  }

#subnav p {
  margin-bottom: 8px;
  }

/* small address block in the side bar */
.addressblock {
  color: White;
  background: White;
  padding: 0px;
  font-size: 90%;
  font-weight: bold;
  border: 1px solid #DCDCDC;
  margin: 0 20px 0 20px;
  }

.addressblock h2 {
  color: #9F0B50;
  padding: 5px 0 0 10px;
  letter-spacing: -1px;
  }

.addressblock p {
  color: #7B7B7B;
  padding: 0px 0px 0px 17px;
  font-size: 100% !important;
  padding-top: 0px;
  }


.newsblock {
 }

.newsblock img {
  margin-top: 0px;
  padding: 0px;
  background: #FFFFFF;
  border: none;
/*  border: 1px solid #C0C0C0; */
  }

.newsblock img:hover {
  border: none;
  }



/* ============================== Main Column ============================== */

#content {
  color: #6C6C6C;
  float: left;
  width: 533px;
  padding: 10px 0px 0px 12px;
  text-align: left;
  }

#content p {
  padding: 0 0 4px 20px;
  font-size: 90%;
  line-height: 18px;
  }

.imageframe {
  border: 1px solid #D3CFB7;
  margin: 8px;
  }

.imageframe2 {
  border: 1px solid #D3CFB7;
  }

.itemlist {
  padding: 2px 0 4px 30px;
  }

.itemlist li {
  margin: 2px 0 4px 35px;
  }

#content ol {
  padding: 2px 0 4px 40px;
  }

#content ul {
  padding: 0 0 0 35px;
  }

#content .highlight {
  color: #8691C9;
  }

.takemethere a {
  color: #8691C9 !important;
  text-decoration: none;
  }

.takemethere a:hover {
  color: #4F5FB0 !important;
  text-decoration: none;
  }

.readmore a {
  color: #8691C9 !important;
  font-size: 90%;  
  text-decoration: none;
  }

.readmore a:hover {
  color: #9F0B50 !important;
  font-size: 90%;  
  text-decoration: none;

  }
  
.ruler {
  background: #483D8B url(../img/ruleline.gif) no-repeat top;
  width: 400px;
  height: 2px;
  line-height: 2px;
  padding: 0px;
  margin: 0px;
  }

/* --- Style Picture Thumbnails --- */

.thumbsright {
  border: 1px solid #A9A9A9;
  padding: 5px;
  margin: 5px 10px 10px 10px;
  background: #FFFFFF;
  display: inline;
  float: right;
  }

.thumbsleft {
  border: 1px solid #A9A9A9;
  padding: 5px;
  margin: 5px 10px 10px 10px;
  background: #FFFFFF;
  display: inline;
  float: left;
  }


/* -------- Contact Form - form styling -------- */

.contactform {
  background-color: #F1F1ED;
  margin: 10px 20px 10px 20px;
  padding: 10px 5px 10px 15px;
  border: 1px solid #A9A9A9;
	}

#content .contactform label {
  color: #666666;
  font-weight: bold;
  font-size: 90%
  }

#content .contactform input.formbox {
  color: #585858;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #BBBBBB;
  height: 18px;
  line-height: 17px;
  width: 175px;
  }

#content .contactform input.formbox2 {
  color: #585858;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #BBBBBB;
  height: 18px;
  line-height: 17px;
  width: 275px;
  }

#content .contactform textarea {
  color: #585858;
  border: 1px solid #BBBBBB;
  }

#content .contactform input.formsubmit {
  margin: 5px 0px 0px 360px;
  padding: 2px;
  width: 75px;
  }

#content .contactform p.formtitle {
  color: #666666;
  background: transparent;
  font-size: 130%; 
  font-weight: bold;
  padding-left: 0px;
  }

#content .contactform p.forminfo {
  font-size: 90%;
  padding-left: 0px;
  }


#menulist {
  background: #FFFFFF;
  margin: 30px 50px 0 50px;
  padding: 20px 10px 20px 0;
  border: 3px solid #CFCFCF;
  text-align: center;
  }

#menulist h1 {
  padding: 5px 0 5px 0;
  }  

#menulist p {
  padding: 5px 0 5px 0;
  }  

#optionlist {
  background: #FFFFFF;
  margin: 30px 50px 0 50px;
  padding: 20px 10px 20px 0;
  border: 3px solid #CFCFCF;
  }

#optionlist h1 {
  padding: 5px 0 5px 0;
  text-align: center;
  }

#optionlist ul {
  margin: 0 10px 0 40px;
  list-style-image: url(../img/optionbullet.gif);
  }

#optionlist li {
  padding: 0 0 10px 0;
  }

/* Link to return to the top of page */
.tothetop {
  float: right;
  background: url(../img/topofpage.gif) no-repeat center left;
  padding-left: 14px;
  text-align: right;
  font-size: 80%;
  text-decoration: none;
  }


/* ================================ Footer ================================= */

#footer {
  color: #FFFFFF;
  background: url(../img/footer.jpg) no-repeat top;
  width: 750px;
  margin: 0 auto;
  height: 50px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  clear: both;
  }

#copyright {
  float: left;
  margin: 13px 0 0 135px;
  font-weight: bold;
  }
 
#sitecredit {
  float: left;
  margin: 13px 0 0 25px;
  }

#sitecredit a {
  color: #D3D3D3;
  text-decoration: none;
  }


#spacer2 {
/*  background: #FFFFFF;
  width: 156px;
  height: 15px;
  line-height: 15px;
  text-align: left; */
  clear: both;
/*  margin-left: 5px;
  padding: 0;
  border: 1px solid #DCDCDC;
  letter-spacing: -1px; */
  }

#spacer2 p {
/*  font-size: 7pt;
  padding: 0 0 0 3px;
  color: #808080; */
  }


/* ============================= Page Bottom =============================== */

#bottom {
  }



/* ============================ Miscellaneous ============================== */

.underline {
  text-decoration: underline;
  }

.hide {
  display: none;
  }

.floatright {
  float: right;
  }

.floatleft {
  float: left;
  }

.alignright {
  text-align: right;
  }

.aligncenter {
  text-align: center;
  }
  
p.tothetopleft{
  text-align: left;
  }

p.tothetop {
  text-align: right;
  }

p.tothetop a, p.tothetopleft a {
  font-size: 10px;
  }



/* ======================== Header Image Replacement Clasess ========================== */

/* Base IR Settings for all Headers     */
/* Assumes images are all the same size */
h1.irwelcome {
  position:relative; 
  width:453px; 
  height:32px; 
  padding:0;
  overflow:hidden;
  } 

h1.irwelcome em {
  display:block;
  height:32px;
  position:absolute;
  }

/* Individaul Header IR Settings*/
h1.irwelcome em  {background:url(/img/pagetitle3.gif); width:453px;}






/* --------  Message Box Formating  -------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin: 10px 0px;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/messages/info.png');
  }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../img/messages/success.png');
  }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/messages/warning.png');
  }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/messages/error.png');
  }

.msg_validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../img/messages/validation.png');
  }

.msg_info strong { color: #00529B; }
.msg_success strong { color: #4F8A10; }
.msg_warning strong { color: #9F6000; }
.msg_error strong { color: #D8000C; }
.msg_validation strong { color: #D63301; }

.msg_info ul, .msg_success ul, .msg_warning ul, .msg_error ul, .msg_validation ul {
  padding-left: 30px;
  margin-top: 5px;
  }


/* --------  mySlideshow Formating  -------- */

.mySlideshow {
  float: right;
  width: 248px;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  background: url('../img/slideshow/background.gif') no-repeat top right;
  }

.myNote {
  font-size: 9px;
  padding-top: 3px;
  color:#CCCCCC;
  text-align: right;
  }



.emaillink {
  background: url(../img/icons/email.gif) no-repeat 0 100%;
  padding-left: 25px;
  }

.emaillinksm {
  background: url(../img/icons/emailsm.gif) no-repeat 0 100%;
  padding-left: 20px;
  text-decoration: none;
  }

.tellinksm {
  background: url(../img/icons/telephone.png) no-repeat 0 100%;
  padding-left: 20px;
  text-decoration: none;
  }