/*----HTML Structural Elements--------------------------------------------------*/

/*
#ffcc99  -peach
#003366  -blue
#990000  -red
*/
  
html
{
/*    background:#003366; */
    /*background MUST be the same as the body tag's background in XHTML*/
    height:100%;
}

body
{
    padding:0px;
    margin:0px;
    font:74.5%/150% Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    background:#003366;
}

body#bgSub
{
    background:#ffcc99;
}
    

img 
{
    border:0;
}

h1
{
    margin:0;
    padding:0;
}

h3
{
    margin:0;
    padding:0 0 5px 0;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:13px;
}

h4
{
    margin:0;
    padding:0;
    color:#4b463a;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:12px;
}

a
{
    color:#713F02;
}

a:hover
{
    color:#A1753F;
}

.NoMarginPadding{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/*****  TABLE STYLES   *****/

table
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:12px;
    background:#f5f5dc;
    width:580px;
    border:0px solid black;
    margin:0 0 14px 0;
    border:1px solid #abaa73;
    padding:5px;
}

table tr
{
}

table tr td
{
    padding:3px;
    font-size:11px;
}

/**/


/*----Page Structural Elements/Wraps--------------------------------------------*/
	
.homeWrapper{
	position:relative;
	display:block;
	width:883px;
    min-height:702px;
	margin:0 auto;
	padding:0;
	text-align:left;
    background:#003366 url(../images/bgHome.png) 0 0 no-repeat;
}

.wrapper
{
	margin:0 auto;
	width:883px;
    min-height:702px;
    background:#ffcc99 url(../images/bgSub.png) 0 0 no-repeat;
}

.contentHeaderWrap{
    display:inline;
    float:left;
    position:relative;
    width:100%;
}

.contentBody{
    display:inline;
    float:left;
    position:relative;
    margin:20px 0 0 115px;
    padding:0 0 0 0;
    width:660px;
    min-height:420px;
    font-family:Verdana,Arial,Sans-Serif;
    font-size:1.3em;
    font-weight:bold;
    color:#003366;
    line-height:1.3em;
    text-align:left;
}

.contentFooter.stars-and-stripes{
    background:url(../images/stars-and-stripes.jpg) no-repeat;
    min-height:120px;
}

.talkToJoe{
    float:right;
    margin:5px 0 0 0;
}   

/**/	


/*----Nav Section---------------------------------------------------------------*/

  a.aSkipNav{
    position: absolute;
    left: -1000em; 
    width: 20em;
  }
  
  /**----Main Nav Section-------------------------------------------------------*/

.homeNav
{
    position:relative;
    display:inline;
    float:left;
    width: 883px;
    height:40px;    
    margin-top:646px;
/*    background:#990000;*/
}

.homeNav ul{
    float:left;
    display:inline;
    width:100%;
    margin:0 0 0 55px;
    padding:0;
    list-style: none;
}

.homeNav ul li {
    float:left;
    display:inline;
    padding:0;
    margin:0 3px 0 0;
    width:auto;
    font-size:1em;
}

.homeNav ul li#menu {
    width:153px;
}
.homeNav ul li#catering {
    width:196px;
}
.homeNav ul li#about {
    width:206px;
}
.homeNav ul li#events {
    width:248px;
}

.homeNav ul li a {
    display:block;
    padding:0px 0 0px 0;
    margin:0;
    color:#fff;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-size:1.8em;
    font-weight:bold;
    width:auto;
    text-align:center;
}

.homeNav ul li a:hover{
    text-decoration:underline;
}

.homeNav ul li#menu a:hover{
    background:url(../images/navtrans-menu-on.gif) no-repeat;
}
.homeNav ul li#catering a:hover{
    background:url(../images/navtrans-catering-on.gif) no-repeat;
}
.homeNav ul li#about a:hover{
    background:url(../images/navtrans-about-on.gif) no-repeat;
}
.homeNav ul li#events a:hover{
    background:url(../images/navtrans-events-on.gif) no-repeat;
}

    .nav {
	  position:relative;
      float:right;
      display:inline;
	  margin:15px 40px 0 0;
      padding:0;
	  width:auto;
	  height:40px;
    }

    .nav ul{
      float:left;
      display:inline;
      width:100%;
      margin:0;
      padding:0;
      list-style: none;
    }
    
    .nav ul li {
      float:left;
      display:inline;
      padding:0;
      margin:0 0 0 8px;
      width:40px;
	  font-size:1em;
    }

    .nav ul li.navhome {
        background:url(../images/nhomeoff.png) no-repeat;
    }
    .nav ul li.navhome:hover {
        background:url(../images/nhomeon.png) no-repeat;
    }
    .nav ul li.navhome.active {
        background:url(../images/nhomeon.png) no-repeat;
    }
    
    .nav ul li.navmenu {
        background:url(../images/nmenuoff.png) no-repeat;
    }
    .nav ul li.navmenu:hover {
        background:url(../images/nmenuon.png) no-repeat;
    }
    .nav ul li.navmenu.active {
        background:url(../images/nmenuon.png) no-repeat;
    }

    .nav ul li.navcatering {
        background:url(../images/ncateringoff.png) no-repeat;
    }
    .nav ul li.navcatering:hover {
        background:url(../images/ncateringon.png) no-repeat;
    }
    .nav ul li.navcatering.active {
        background:url(../images/ncateringon.png) no-repeat;
    }

    .nav ul li.navabout {
        background:url(../images/naboutoff.png) no-repeat;
    }
    .nav ul li.navabout:hover {
        background:url(../images/nabouton.png) no-repeat;
    }
    .nav ul li.navabout.active {
        background:url(../images/nabouton.png) no-repeat;
    }

    .nav ul li.navmap {
        background:url(../images/neventsoff.png) no-repeat;
    }
    .nav ul li.navmap:hover {
        background:url(../images/neventson.png) no-repeat;
    }
    .nav ul li.navmap.active {
        background:url(../images/neventson.png) no-repeat;
    }

    .nav ul li a {
      display:block;
      padding:0;
      margin:0;
	  width:40px;
	  height:40px;
    }
    
  /**/
  
/**/


/*----  ABOUT JOE  ----*/

.contentBody.aboutJoe{
    font-size:2.0em;
    font-weight:bold;
    color:#003366;
    line-height:1.4em;
}

h1#aboutJoe{
    width:450px;
    height:50px;
    background:url(../images/who-is-joe.jpg) no-repeat;
    margin:34px 0 0 36px;
    padding:0;
}

h1 span {
    display:none;
}

.formViewAbout{
	font-size:2.4em;
	width:660px;
}
   
/**/

/*---- CATERING :: WHAT CAN JOE DO FOR ME? ----*/

.formViewCatering{
	font-size:1.4em;
	width:660px;
}

h1#whatCanJoeDo{
    width:450px;
    height:50px;
    background:url(../images/what-can-joe-do.jpg) no-repeat;
    margin:34px 0 0 36px;
    padding:0;
}

.sample-menus{
    display:inline;
    float:left;
    clear:both;
}

.sample-menus h2{
    margin:0;
    padding:0;
    font-size:114%;
}

.sample-menus ul{
    display:inline;
    float:left;
    width:26%;
    font-family:Arial, Tahoma, Sans-Serif;
    font-size:1.0em;
    line-height:1.0em;
    list-style:none;
}

.sample-menus ul li.menu-title,
.sample-menus ul li.menu-price{
    font-weight:bold;
    color:#990000;
}

.contentFooter.pub-eatery-banner{
    float:left;
    display:inline;
    background:url(../images/pub-and-eatery-banner.gif) no-repeat;
    min-height:120px;
    width:100%;
}

/**/

/*---- CATERING :: WHAT CAN JOE DO FOR ME? ----*/

h1#easyToFind{
    width:450px;
    height:50px;
    background:url(../images/easy-to-find.jpg) no-repeat;
    margin:34px 0 0 36px;
    padding:0;
}

/**/


/*---- MAP & DIRECTIONS  ----*/

.contentBody.map-directions{
	width:740px;
	margin:20px 0 0 80px;
}

.map-image{
	width:431px;
	float:left;
	display:inline;
}

.map-image img {
	margin:20px 0 0 0;
	border:none;
}

.directions 
{
	display:inline;
	float:left;
    width:300px;
}

.directions ul
{
    clear:both;
	list-style:none;
}

.directions ul li.directionsTitle
{
    font-weight:bold;
    color:#990000;
}

.directions ul li {
	font-family:Arial, Tahoma, Sans-Serif;
    font-size:0.7em;
    font-weight:normal;
	line-height:1.1em;
}

.eventsList
{
	float:left;
	display:inline;
    width:431px;
	margin:10px 0 0 20px;
}

.eventsList h2{
	font-size:115%;
	font-style:italic;
	color:#990000;
	border-bottom:4px solid #003366;
	margin:10px 0 0 0;
	padding:0 0 0 2px;
}

.eventsList dl
{
	float:left;
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:.8em;
	width:430px;
	border-bottom:4px solid #003366;
}
.eventsList dl dt {
	float:left;
	display:inline;
	width:180px;
	clear:left;
}
.eventsList dl dd {
	float:left;
	display:inline;
}

.eventsList p{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

.talkToJoe.maps{
    float:left;
    margin:5px 0 0 38px;
}   

/**/


/*----  MENU  ----*/

.NextPrevious{
    display:inline;
    float:left;
    width:300px;
    margin:10px 0 0 40px;
}

.PreviousButton{
    display:inline;
    float:left;
    background:url(../images/button_previous-off.gif) no-repeat;
    width:109px;
    height:41px;
}

.NextButton{
    display:inline;
    float:left;
    background:url(../images/button_next-off.gif) no-repeat;
    width:109px;
    height:41px;
}


.contentBody.bill-of-fare{
    width:820px;
    min-height:792px;
    background:#fff;
    margin:10px 0 0 40px;
    padding:0 0 0 0;
    border:8px solid #003366;
}

#menuPage1{
    background:url(../images/menu1.jpg) no-repeat;
}

.capTop{
    background:url(../images/loughmillers-history.jpg) no-repeat;
    width:612px;
    height:124px;
    float:left;
}

.imgColumn{
    width:200px;
    height:790px;
    float:left;
    background:url(../images/bgStar.jpg) repeat-y;
}

.imgColumn img {
    margin-top:234px;
}

.menuItems{
    width:612px;
    float:left;
}

.menuSection{}
.capBtm{}

/**  Menu Items  **/

.MenuLineItem{
    display:inline;
    float:left;
    margin:10px 5px 10px 5px;
}

.ItemName{
    display:inline;
    float:left;
    width:390px;
    font-size:1.4em;
}

.ItemPrice{
    display:inline;
    float:right;
    width:170px;
    text-align:right;
    font-size:1.4em;
}
.ItemDescription{
    clear:right;
    font-weight:bold;
}
.ItemOptions{
    display:inline;
    float:right;
    text-align:right;
    width:170px;
    line-height:13px;
}

.menuNotes{
    font-family: Arial, Sans-Serif;
    font-size:.7em;
    font-weight:bold;
    color:#990000;
    margin:0 0 12px 3px;
}


/**/