/*
  
  Tutta Bella Screen Stylesheet

*/


body {
  margin: 0;
  background-color: rgb(242,224,137);
  background-image: url(../aIMG/BackgroundFire2.gif);
  background-repeat: no-repeat;
  text-align: center;
}
#destee {
	height: 50px;
	width: 50px;
	left: 140px;
	top: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

a {
	color: inherit;
}
a:hover {
  color: black;
}

#widthEnforcer {
  margin-left: auto;
  margin-right: auto;
  width: 734px;
  text-align: right;

}

/*

  Headers
  
*/


/* Home Page Header */
#homePageHeader {
	margin-top: 15px;
	text-align: right;
}
#homePageHeader2010 {
	margin-top: 0px;
	text-align: left;
	height: 72px;
	float: left;
}
#homePageHeader img {
  border: 0;
}

/* Inner Pages Header */
#innerPageHeader {
	margin-top: 16px;
	text-align: left;
}
#innerPageHeader img{
  border: 0;
}


/*

  Home Page Specific Elements

*/

/* home page splash */

#homePageSplash {
  margin-top: 3px;

  width: 730px;
  height: 283px;
  min-height: 283px;
  
  background-image: url(../aIMG/homePageSplash.jpg);
  border: 2px solid black;
}
#homePageSplashText {
  padding: 55px 25px 0 389px;
  text-align: left;
  
  color: white;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

/* home page navigation */
#homePageNav {
  margin-top: 13px;
  margin-bottom: 13px;
  
  text-align: center;
  
  color: rgb(15,15,0);
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;  
}
#homePageNav a {
  color: rgb(15,15,0);
  text-decoration: none;
}
#homePageNav a:hover {
  color: rgb(102,51,0);
  text-decoration: none;
}

/* home page pull buttons */
#homePagePullButtons {
  border: 1px solid black;
}
#homePagePullButtons img{
  border: 0;
}



/*

  INNER PAGE SPECIFIC ELEMENTS


*/
/* home page navigation */
#innerPageNav {
  margin-top: 13px;
  padding-top: 3px;
  padding-bottom: 3px;
  
  text-align: center;
  
  background: rgb(83,82,78);
  color: white;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;  
}
#innerPageNav a {
  color: white;
  text-decoration: none;
}
#innerPageNav a:hover {
  color: rgb(242,224,137);
  text-decoration: none;
}



/*  inner page title graphic */

#innerPageTitleGraphic {
	margin: 0;
	background-color: #FFFFFF;
}
#innerPageTitleGraphic img {
  display: block;
  border: 1px solid black;
}





#pizzaSpecialBox{
  width: 182px;
  display: block;
  vertical-align: top;
  padding-bottom: 10px;
  background: white;
  margin-left: 2px;
	margin-right: 1px;
}



#pizzaSpecialBoxText{
    margin-left: 10px;
	margin-right: 10px;

}


/* 

  INNER PAGE CONTENT 
  
  VERSION 1: 3 Columns

*/
#innerPageContent3Col {
  margin-top: 6px;
  width: 734px;
  
  text-align: left;
  
  color: rgb(153,102,51);
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}
#innerPageContent3Col .gutter{
  width: 6px;
}
#innerPageContent3Col .columnImage {
  margin-top: 10px;
  margin-bottom: 10px;
}
#innerPageContent3Col .columnImage img{
  border: 0;
}
#innerPageContent3Col .columnContentBlock {
  padding: 1em 10px 1em 10px;
}
#innerPageContent3Col h2 {
  margin: 2px;
  border: 1px solid black;
 
  padding: 0;
  padding-top: 4px;
  padding-left: 13px;
  padding-bottom: 5px;
  
  font-size: 12px;
  font-weight: bold;
  color: black;
}
#innerPageContent3Col h3 {  
  font-size: 12px;
  font-weight: bold;
  color: black;
}
/* left */
#innerPageContent3Col #leftCol {
  width: 176px;
  vertical-align: top;
  
  padding-bottom: 10px;
  
  background: white;
}
#innerPageContent3Col #leftCol h2 {
  margin: 2px;
  
  background-color: rgb(248,239,196);
  background-image: url(../aIMG/h2ColBackground.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
/* center */
#innerPageContent3Col #centerCol {
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 10px;  
  
  background: white;
}
#innerPageContent3Col #centerCol h2 {
  margin-top: 0;
  background-color: rgb(250,248,137);
}

/*
PAGE SPECIFIC H2 BACKGROUNDS
*/
#innerPageContent3Col #centerCol h2 {
  background-image: url(../aIMG/h2ColCenter.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

/* right */
#innerPageContent3Col #rightCol {
  width: 188px;
  vertical-align: top;
  padding-bottom: 10px;
    
  background: white;
}
#innerPageContent3Col #rightCol h2 {
  margin: 2px;   
    
  background-color: rgb(248,239,196);
  background-image: url(../aIMG/h2ColBackground.gif);
  background-repeat: no-repeat;
  background-position: center right;
}






/* 

  INNER PAGE CONTENT 
  
  VERSION 2: 2 Columns

*/
#innerPageContent2Col {
  margin-top: 6px;
  width: 734px;
  
  text-align: left;
  
  color: rgb(153,102,51);
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}
#innerPageContent2Col .gutter{
  width: 6px;
}
#innerPageContent2Col .columnImage {
  margin-top: 10px;
  margin-bottom: 10px;
}
#innerPageContent2Col  .columnIm {
  border: 0;
}
#innerPageContent2Col .columnContentBlock {
  padding: 10px 10px 0 10px;
}
#innerPageContent2Col h2 {
  margin: 2px;
  border: 1px solid black;
 
  padding: 0;
  padding-top: 4px;
  padding-left: 13px;
  padding-bottom: 5px;
  
  font-size: 12px;
  font-weight: bold;
  color: black;
}
#innerPageContent2Col h3 {  
  font-size: 12px;
  font-weight: bold;
  color: black;
}

/* left */
#innerPageContent2Col #leftCol {
  vertical-align: top; 
  
  padding-top: 2px;
  padding-bottom: 10px;  
  background: white;
}
.contentModuleWhiteBlock {
  padding-top: 2px;
  padding-bottom: 10px;  
  margin-bottom: 1em;
  background: white;
}
#innerPageContent2Col #leftCol h2 {
  margin-top: 0;
  background-color: rgb(250,248,137);
}
/* left col multi-module */
#innerPageContent2Col #leftColMultiModule {
  vertical-align: top; 
  
  padding-top: 2px;
  padding-bottom: 10px;  
  background: transparent;
}
.contentModuleWhiteBlock {
  padding-top: 2px;
  padding-bottom: 10px;  
  margin-bottom: 6px;
  background: white;
}
.contentModuleWhiteBlockFinal {
  padding-top: 2px;
  padding-bottom: 10px;  
  margin-bottom: -10px;
  background: white;
}
#innerPageContent2Col #leftColMultiModule h2 {
  margin-top: 0;
  background-color: rgb(250,248,137);
}


/*
PAGE SPECIFIC H2 BACKGROUNDS
*/
#innerPageContent2Col #leftCol h2 {
  background-image: url(../aIMG/h2ColCenter.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
#innerPageContent2Col #leftColMultiModule h2 {
  background-image: url(../aIMG/h2ColCenter.gif);
  background-repeat: no-repeat;
  background-position: center right;
}



/* right */



#innerPageContent2Col #rightCol {
  width: 188px;
  vertical-align: top;
  padding-bottom: 10px;
    
  background: white;
}
#innerPageContent2Col #rightCol h2 {
  margin: 2px;   
    
  background-color: rgb(248,239,196);
  background-image: url(../aIMG/h2ColBackground.gif);
  background-repeat: no-repeat;
  background-position: center right;
}



/*

  PAGE SPECIFIC STYLES

*/

/* news page */

.newsSidebarItem {
  margin-bottom: 1em;
  height: 1%;
  background: white;
  color: black;
}
.newsSidebarItem img {
  display: block;
  margin: 0;
  margin-bottom: .5em;
}

.newsColumnContentBlock {
  padding: 1em;
  height: 1%;
}
.newsColumnContentBlock .newsFloat{
  float: left;
  width: 200px;
  padding: 0 1em 0 1em;
}
.newsColumnContentBlock a {
  color: rgb(153,102,51);
}

/* story page */

#storyImageColumn {
  float: right;
  width: 137px;
  margin-left: 2em;
}

.storyImage {
  margin-bottom: .3em;
}
.storyImage img {
}

.storyCaption {
  margin-bottom: 1.6em;
}

/* ContactUs page */

#locationImageColumn {
  /* float: right; */
  width : 189px;
  margin-left: 2em;
  margin-right : 2em;
}

.locationImage {
  margin-bottom: .3em;
}

/*

  Footer

*/
#tuttaBellaFooter {
  margin-top: 13px;

  text-align: center;

  color: rgb(102,51,0);
  font-family: arial, helvetica, sans-serif;
  font-size: 9px;    
}






#desteenavbox {
	width: 100px;
	height: 1px;
}

#nav a {
	display: block;
	width: 125px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #993300;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nav li { /* all list items */
	float: left;
	width: 111em; /* width needed or else Opera goes nuts */
	text-decoration: none;
	font-size: 1px;
	margin: 0em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0em;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 14em;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	top: 25px;
	margin-left: -10em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	color: #000000;
	font-size: 10px;
	top: 2.5em;
	display: block;
	text-align: center;
	left: auto;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}

#content {
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #82482A;
	font-size: 12px;
	height: 560px;
	width: 901px;
}
#container {
	height: 20px;
	right: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#container a:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#widthEnforcer #container #nav img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

