*{
padding:0;
margin:0;
}

body {
	background-color: #330000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: "Trebuchet MS", sans-serif;
	line-height: 18px;

}

#container {
	width: 962px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /*#CC6600 this overrides the text-align: center on the body element. */
}
	
.page {
	clear: left;
	width: 962px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
}

/****** left Side ******/

.leftColumn {
	float:left;
	width: 200px;
	float: left;
}
#leftTop {
	float: left;
	width: 200px;
	height: 370px;
	background-color: #f69415;	
	
}
#leftLogo {
	float: left;
	width: 160px;
	height: 310px;
	margin-left: 20px;
	margin-right: 20px;
	background-image:url(images/logo-risibisi-160.jpg);
	background-repeat:no-repeat;
}
#imgRes {
	
	background-color: #f69415;
	background-repeat:no-repeat;
	float: left;
	clear:left;
	width: 160px;
	height: 48px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	}
#leftBottom {
	float: left;
	width: 200px;
	background-color: #CC6600;
	padding-top: 10px;
	height: 100%;
}
#info {
	float: left;
	clear:left;
	width: 158px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	}

#infoTopImg {
	background-image:url(images/gr-informazione-160.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 160px;
}
#infoMidBorder {
	width: 158px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f69415;
	border-left-color: #f69415;	
}
#infoText {
	font-size: 11px;
	color: #FFF;
	margin-left: 8px;
	width: 148px;
	padding-top: 10px;
	line-height: 15px;
}

#infoBottomImg {
	background-image: url(images/gr-informazione-bottom-160.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 10px;

}
#infoAds {
	float: left;
	clear:left;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
		}
#infoAds img{
	margin-right: 0px;

}
#infoJoin {
	width: 160px;
	margin-left: 20px;
	float: left;
	}
#infoJoinTopImg  {
	float: left;
	background-image:url(images/gr-join-online-160.gif);
	background-repeat:no-repeat;
	width:160px;
	height: 19px;
}
#infoJoinMid{
	float: left;
	width:143px;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f69415;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f69415;
	color: #000000;
	font-size:10px;
	padding-top: 6px;
	padding-left: 15px;
	line-height: 18px;
}
#infoJoinMid img{
	padding-bottom: 5px;
}

#infoJoinBottomImg {
	float: left;
	background-image:url(images/gr-join-online-bottom-160.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 13px;

}

/*input{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #F69415;
	border-right-color: #F69415;
	border-bottom-color: #F69415;
	border-left-color: #F69415;
	width: 75px;
	height: 10px;
}

input.submit {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #F69415;
	border-right-color: #F69415;
	border-bottom-color: #F69415;
	border-left-color: #F69415;
	width: 20px;
	height: 18px;
}
*/
/****** Right Side ******/

.rightside {
	float: left;
	width: 760px;

}
#header {
	width: 760px;
	height: 92px;
	float: left;
	background-image:url(images/bg-topnav.jpg);
	background-repeat:no-repeat;
}

#tilecenter{
	float:left;
	width: 760px;
	min-height: 758px;
	background-image:url(images/bg-main2.gif);
	background-repeat:repeat-y;
}

.contentCenter {
	float:left;
	width: 760px;
	min-height: 660px;
}

#slideshow {
	float: left;
	height: 260px;
	width: 640px;
	/*border: 1px solid #330000;*/
	margin-top: 18px;
	margin-right: 60px;
	margin-left: 58px;
}
#centerText {
	float: left;
	width: 480px;
	margin-top: 20px;
	margin-right: 140px;
	margin-left: 140px;
	line-height: 10px;
}
#imgBottom {
	float: left;
	text-align: center;
	margin-left: 35%;
	margin-top: 20px;
	margin-right: 30%;
	margin-bottom: 20px;
}
/* styles for indexsub.html leftside */
#quotes {
	width: 160px;
	margin-top: 15px;
	margin-left: 20px;
	float: left;
	}

#quoteBoxTop {
	float: left;
	background-image:url(images/gr-quote-top-160.png);
	background-repeat:no-repeat;
	height: 10px;
	width: 160px;
}
#quoteBoxTop div#quoteBoxImg1 {
	float: left;
	background-image:url(images/gr-fleur-quote-org.png);
	background-repeat:no-repeat;
	width: 50px;
	height: 21px;
	margin-top: 10px;
	margin-left: 75px;

}
#quoteBoxTop div#quoteBoxImg2 {
	float: left;
	background-image:url(images/gr-fleur-quote-wine.png);
	background-repeat:no-repeat;
	width: 50px;
	height: 20px;
	margin-top: 10px;
	margin-left: 75px;
	
}

#quoteBoxMid {
	float: left;
	width:141px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f69415;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f69415;
	padding-top: 15px;
	padding-left: 12px;
	padding-right: 6px;
}
#quoteBoxMid p{
	color: #FFF;
	font-size: 11px;
	line-height: 15px;
	width: 134px;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	}

#quoteBoxBottom {
	float:left;
	background-image: url(images/gr-quote-bottom-160.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 10px;
}

/* styles for indexsub.html rightside */

#menuTitle {
	float: left;
	width: 560px;
	padding-left: 135px;
	padding-top: 20px;
 
}
#menuTitle h2{
	font-size:18px;/* this for the font size for the menu header*/ 
	line-height: 18px;
	line-spacing: -.2px;
 
}

#menuTitle p{
	float: left;
	width: 350px;
	padding-right: 5px;
	padding-left: 52px;
	font-size: 12px; /* this for the font size for the Introduction sentence*/ 
	
}

	/*    Content tags    */
#prixSlot {
	float: left;
	width: 760px;
	height: auto;
}
	
.prixSlotBox{
	float: left;
	width: 420px;
	margin-left: 140px;
	}
#prixSlotTopImg {
	float: left;
	background-image: url(images/gr-prixfixe-bg-top.png);
	background-repeat: no-repeat;
	width: 420px;
	height: 36px;
}


#prixSlotBottomImg {
	float: left;
	background-image: url(images/gr-prixfixe-bg-bottom-420.png);
	background-repeat: no-repeat;
	width: 420px;
	height: 36px;
}
#prixSlotBoxMid {
	float: left;
	width: 418px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #ffffcc;
	border-right-color: #660000;
	border-left-color: #660000;
	}
#prixText { 
	float: left;
	width: 418px;

}
.prixSlotBoxTitle {
	float: left;
	width: 416px;
	text-align:right;
	line-height: 15px;
}

.prixSlotBoxTitle h2{
	color: #660000;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 15px; /* Size of font for the h2, header for the Specials Prix Box */
	line-height: 15px;
	text-align:center;
	line-spacing: -.2px;

}
.prixSlotSpecials  {
	float: left;
	width: 416px;
	text-align:center;

}

.prixSlotSpecials  p{
	color: #cc6600;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
}
.prixSlotBoxAmount {
	float:left;
	width: 416px;
	font-size: 12px; /* Size of font for the Specials Prix Box Amount */
	line-height: 15px;
	text-align: center;
	}
	
#centerTextMenu {
	float: left;
	width: 760px;
	margin-top: 20px;
}
	/* This is the indexsub.html right side of the menu */

#centerTextMenuRight {
	width: 545px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 190px;

}
#centerTextMenuRight h2{
	font-size:12px; /* this for the font size for the menu section header like Antipasti*/
	line-height: 18px;
	line-spacing: -.2px;
	color: #660000;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
}
#centerTextMenuRight p{
	font-size:12px;  /* this for the font size for the menu text*/ 
	line-height: 15px;
	line-spacing: -.2px;
}
#centerTextMenuRight span h2{
	width: 320px;
	text-align:center;
	
	}
#centerTextMenuRight span{
	color: #cc6600; /* this controls span the difference in the price color */
}

p span.rightPara{
	float: right;
	padding-right: 72px; /* this controls span of the extra pricing in another line */
}
	/* This is the indexsub.html left side of the menu in #cc6600 */

#centerTextMenuLeft {
	float: left;
	width: 140px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 30px;
	text-align: right;
}
#centerTextMenuLeft h2{
	font-size:12px;  /* this for the font size for the menu section header like Antipasti*/
	line-height: 24px;
	line-spacing: -.2px;
	font-style: italic;
}
#centerTextMenuLeft p{
	font-size: 12px;  /* this for the font size for the menu text*/
	line-height: 15px;
	line-spacing: -.2px;
	color: #cc6600;
	font-style: italic;	
}

/******** Navigation ********/
a:link { 
	color:#cc6600;
	text-decoration: none;
	}
a:hover { 
	color: #660000;
	text-decoration: none;

	}
a:visited { 
	color: #cc6600;
	text-decoration: none;
	}
a:active { 
	color:#cc6600;
	text-decoration: none;
}

#infoText a:Link, #infoText a:visited {
	color: #660000;
	text-decoration:none;
}
#infoText a:hover, #infoText a:active {
	color: #f69415;
	text-decoration:none;
}
#quotes a:Link, #quotes a:visited {
	color: #f69415;
	text-decoration:none;
}
#quotes a:hover, #quotes a:active {
	color: #660000;
	text-decoration:none;
}

 a.one:link,  a.one:visited {
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	color: #660000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	
}
 a.one:hover  {
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	

	
}
 a.one:active  {
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	

}
  a.two:link,  a.two:visited {
	font-size: 12px;
	font-style: normal;
	color: #F69415;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	word-spacing: 0px;
	font-weight: bold;
}

 a.two:hover  {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	
	word-spacing: 0px;
	font-weight: bold;

}
 a.two:active  {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	
	word-spacing: 0px;
	font-weight: bold;

 }
   a.three:link,  a.three:visited {
	font-size: 10px;
	font-style: normal;
	color: #F69415;
	text-decoration:none;
	word-spacing: -1px;
}
 a.three:hover  {
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: -1px;
}
 a.three:active  {
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: -1px;
 }

 
/******** clear tags ******/
		/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/******** Text ********/
p {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	letter-spacing: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 {
	font-size: 18px;
	color: #660000;
	line-height: 30px;
	line-spacing: 18px;
}


h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #660000;

}

.footer {
	float: left;
	font-size: 10px;
	color: #F69415;
	text-align: center;
	line-height: 14px;
	width: 958px;
	margin-top: 10px; 
}

/***********
NAVIGATION BAR SPECIFIC
************/

#navBar {
	background-image:url(../images/bg-topnav.jpg);
	width:760px;
	height:64px;
	padding-top: 32px;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

#navBarSub {
	margin-top: 26px;
	width:760px;
	height:26px;
	background-color:#660000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#navBar a:link, #navBar a:visited {
	color:#660000;
	text-decoration:none;
}

#navBar li li a:visited, #navBar li li a:link {
	color:#F69415;
}

#navBar a:hover, #navBar li li a:hover{
	color:#FFFFFF;
}

#navBar a.current {
color:#FFFFFF;
}

#navBar ul {
	list-style:none;
	padding:8px 0px 0px 100px;
	margin:0px;
}

#navBar ul ul {
	list-style:none;
	padding:8px 0px 0px 100px;
	margin:0px;
}


#navBar li {
	float:left;
	padding:0px 35px 0px 0px;
	margin:0px;
}

#navBar li ul {
	position: absolute;
	left: -999px; /*makes the menu not visible until rollover*/
	height: auto;
	width: 280px;
	w\idth: 500px;  /* sets how long the pop menu is */
	font-weight: normal;
	border-width: 0.25em;   /* sets border of pop up box */
	margin: 0px;     /* how far pop up appears off the li initial item  */
	padding: 12px 0px 0px 0px; /* sets the distance between words for the pop menu */
}

#navBar li li, #navBar li li a {
	padding-right: 10px;   /* helps fill in below bg color - also improves overall functionality */
}

#navBar li ul a {
	width: 40px;
	w\idth: 50px;    /* sets the length of rollover section that has links*/
}

#navBar li ul ul {
	margin: -1.75em 0 0 14em;   /*  sets where the second level pop up menu appears   */
}

#navBar li:hover ul ul, #navBar li:hover ul ul ul, #navBar li.sfhover ul ul, #navBar li.sfhover ul ul ul {	
	left: -999em;     /* hides second level and beyod menus */
}

#navBar li:hover ul, #navBar li li:hover ul, #navBar li li li:hover ul, #navBar li.sfhover ul, #navBar li li.sfhover ul, #navBar li li li.sfhover ul {
	left:auto;       /* critical element to functionality don't alter unless you know what you're doing */
}

/*#navBar li:hover, #navBar li.sfhover {
	background: #000; only needed if using background color
}*/
#container .page table tr td #tilecenter .contentCenter #centerText ul {
	font-family: trebuchet, arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}