/**********************************|***********************************
'                         Dominics Catering
'                           Copyright 2008
'                         All Rights Reserved
'                      Web Solutions Division of
'                         JRA Systems, L.L.C.
'
' Application: Dominics Catering - Web Site
' Module Type: css / Style Sheet
' Module Name: style.css
'*********************************************************************/

body
{
/*  background-color : #D1C8C1; */
  background-color : white;
  min-width        : 750px;
/*  text-align       : center; */
}

page
{
  min-width : 750px;
  margin    : 0px auto;
}

div#BodyProperties 
{ 
/*  background-color : #D1C8C1; */
  position : absolute;
  padding      : 0px;
  left     : 0px;
  top      : 160px;
/*  margin-left  : auto; */
/*  margin-right : auto; */
  width        : 750px;
  z-index      : -2;
}

img#TemplateOwners
{
/*  background-color : #D1C8C1; */
  background-color : white;
  position : absolute;
  left     : 5px;
  top      : 5px;
  z-index  : 0;
}

/**********************************|***********************************
' Sections - Banner
'*********************************************************************/

div#Banner 
{
  position : absolute;
  height   : 130px;
  left     : 0px;
  padding  : 0px;
  top      : 0px;
  width    : 750px;
  z-index  : -2;
}

/**********************************|***********************************
' Menu control styles
'*********************************************************************/

#menuMargin
{
  position         : absolute;
  margin-bottom    : 0px;
  top              : 140px;
  height           : 20px;
  left             : 0px;
  right            : 0px;
  width            : 140px;
  overflow         : hidden;
  color            : black;
/*  background-color : #D1C8C1; */
  background-color : white;
  z-index          : -1;
}

#menuOffset
{
  position         : absolute;
  margin-bottom    : 0px;
  top              : 140px;
  left             : 140px;
  right            : 0px;
  height           : 20px;
  width            : 10px;
  overflow         : hidden;
  color            : black;
  background-color : black;
  z-index          : -1;
}

#menuBar
{
  margin-bottom    : 0px;
  position         : absolute;
  height           : 20px;
  top              : 140px;
  left             : 150px;
  right            : 0px;
  width            : 600px;
  overflow         : hidden;
  background-color : black;
}


.menuHeader
{
  background-color : #000;
  border-right     : 1px solid #000000;
  color            : #fff;
  cursor           : pointer;
  display          : inline;
  font-family      : arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  margin           : 0px;
  padding-right    : 15px;
  padding          : 5px;
  position         : relative;
  text-decoration  : none;
  white-space      : nowrap;
}

.menuDrop
{
  background-color  : #ffffff;
  background-repeat : repeat;
  border-color      : #003365
  border-style      : solid;
  border-width      : 0 1px 1px;
  color             : #999999;
  font-family       : arial, Helvetica, sans-serif;
  font-size         : 12px;
  height            : auto;
  left              : 0;
  margin            : 0;
  padding           : 0;
  position          : absolute;
  top               : 60px;
  visibility        : hidden;
  width             : 175px;
  z-index           : 1000;
}

.menuDrop a
{
  display         : block;
  text-align      : left;
  padding         : 2px 5px;
  border-top      : 1px solid black;
  text-decoration : none
}

.menuDrop a:link
{
  color: black;
}

.menuDrop a:visited
{
  color: black;
}

.menuDrop a:hover
{
  color            : #fff;
  background-color : black;
}

.menuDrop a:active
{
  color: #ffffff;
  background-color: black;
}

/**********************************|***********************************
' Content area styles
'*********************************************************************/

#ContentFooter
{
  clear            : both;
  background-color : white;
  text-align       : center;
/*  width            : 750px; */
  z-index          : 5;
}

#ContentHeader
{
  background-color : black;
  z-index:          -1;
}

div#ContentLeftSection
{
/*  background-color : #D1C8C1; */
  background-color : white;
  float            : left;
  width            : 140px;
  z-index          : -1;
}

div#ContentSeparator
{
  background-color : white;
  float            : left;
  width            : 40px;
  z-index          : -1;
}

div#ContentRightSection
{
  background-color : white;
  float            : right;
/*  padding-left      : 30px; */
  width            : 570px;
  z-index          : -1;
}

.ContentImage 
{
  float: left;
  padding: 4px;
  margin: 4px;
  background-color: white;
  border: 2px solid #666;
  font-size: small;
}

.ContentImage img
{
  display: block;
}

h1
{
  color           : black;
  font-size       : 125%;
  left            : 0px;
  position        : static;
  text-decoration : underline;
  z-index         : 1;
}

/**********************************|***********************************
' Page related styles
'*********************************************************************/

img.PageTitle
{
  position:         absolute;
  left:             151px;
  top:              210px;
  z-index:          1;
}

.fineprint
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:   10px; 
  font-weight: 400; 
  color:       #666666;
}

div.PullQuote
{
  border       : solid #eebc1f;
  border-width : 2px 0;
  color        : #black;
  font         : .75em Arial;
  font-style   : italic;
  font-weight  : bold;
  padding      : 10px;
  position     : absolute;
  left         :  5px;
  top          : 175px;
  width        : 125px;
}


/**********************************|***********************************
' Table related styles
'*********************************************************************/

table#ContentArea
{
  background-image:  url(../images/ContentBackground.gif);
  background-repeat: repeat-y
}

td#Title
{
 color:        #330033; 
 font-family:  Arial, Verdana, Helvetica; 
 font-size:    80%;
 font-weight:  600;
}

/**********************************|***********************************
' General page styles
'*********************************************************************/

p.CopyText
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : Left;
  padding        : 5px;
  margin         : 0px;
}

p.CopyTextPlain
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : normal;
  text-align     : Left;
  padding        : 0px;
  margin         : 0px;
}

p.HeaderText
{
  color          : black;
  font-size      : 14px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : center;
  text-transform : uppercase;
  margin         : 0px;
  margin-top     : 5px;
}

/**********************************|***********************************
' index page styles
'*********************************************************************/

p#indexHeader
{
  color          : black;
  font-size      : 14px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : center;
  text-transform : uppercase;
  margin         : 0px;
  margin-top     : 30px;
}

p.ParaRedSmall
{
  color          : red;
  font-size      : 14px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : left;
  padding        : 5px;
  margin         : 0px;
}

p.ParaRedLarge
{
  color          : red;
  font-size      : 18px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : left;
  padding        : 5px;
  margin         : 0px;
}

p.TitleContrastLarge
{
  color          : red;
  font-size      : 18px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : center;
  text-transform : capitalize;
  padding        : 5px;
  margin         : 0px;
}

p.TitleContrastSmall
{
  color          : red;
  font-size      : 14px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : center;
  text-transform : capitalize;
  padding        : 5px;
  margin         : 0px;
}

#RedBullet
{
  color          : Red;
  font-size      : 14px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
}

img#indexSlogan
{
  position : absolute;
  left     : 50px;
  top      : 125px;
  z-index  : 1;
}

img#indexCelebrities
{
  position : absolute;
  left     :  5px;
  top      : 170px;
  z-index  : 0;
}

div#indexJoin
{
  margin : 115px;
}

div#indexBottom
{
  color          : black;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  margin-left    : -25px;
  margin-top     : -100px;
  text-align     : center;
}

/**********************************|***********************************
' Menu's pages styles
'*********************************************************************/

.MenuFullSection
{
  float            : left;
  background-color : white;
  padding-left     : 5px; 
  padding-top      : 10px; 
  width            : 550px;
  z-index          : 2;
}

.MenuFullSectionText
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : normal;
  text-align     : center;
  text-transform : uppercase;
  margin         : 0px;
  margin-top     : 10px;
}

.MenuHalfSection
{
  float            : left;
  background-color : white;
  padding-left     : 5px; 
  padding-top      : 10px; 
  width            : 250px;
  z-index          : 2;
}

div.LeftContentFoodMenu
{
/*  background-color : #D1C8C1; */
  background-color : white;
  border       : solid #eebc1f;
  border-width : 2px 0;
  color        : black;
  font         : .65em Arial;
  font-style   : bold;
  padding      : 3px;
  position     : absolute;
  left         : 15px;
  text-transform : uppercase;
  top          : 155px;
  width        : 125px;
  z-index      : 2;
}

p.PageTitle
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : center;
  text-transform : uppercase;
  margin         : 0px;
  margin-top     : 10px;
}

p.MenuItemDescription
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : normal;
  text-align     : left;
  text-transform : none;
  margin         : 0px;
  margin-left    : 20px;
  margin-top     : 0px;
}

p.MenuFullSectionItemHeader
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : center;
  text-transform : uppercase;
  margin         : 0px;
  margin-top     : 10px;
}

p.MenuItemHeader
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : bold;
  text-align     : left;
  text-transform : uppercase;
  margin         : 0px;
  margin-top     : 10px;
}

li.MenuListItem
{
  list-style-type: disc;
}

p.MenuItemNotes
{
  color          : black;
  font-size      : 9px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : normal;
  text-align     : left;
  text-transform : uppercase;
  margin         : 0px;
  margin-left    : 10px;
  margin-top     : 5px;
}

p.MenuItemText
{
  color          : black;
  font-size      : 12px;
  font-family    : arial, Helvetica, sans-serif;
  font-weight    : normal;
  text-align     : left;
  text-transform : uppercase;
  margin         : 0px;
  margin-left    : 10px;
  margin-top     : 10px;
}