/* Pages */

body{
  background-position: top left;  
  background-repeat: no-repeat;
  background-color: #99cc33;
  background-attachment: fixed;
  background: url("../images/bella-coliseum-bg.jpg");
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}
 
.pageBody{
  position: relative;
  margin-top: 0px;
  width: 900px;
  height: 550px;
  background-color: #ffffff;
  margin-left: auto; 
  margin-right: auto;
  text-align: left; 
  overflow: auto;
  clear: both; 
}

.topMenuBar{
  position: relative;
  width: 900px;
  height: 35px;
  background-color: #99cc33; 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 5px;
  text-align: left; 
}

.outerDiv{
  position: relative; width: 100%; text-align: center;
}

.innerDiv{
  position: relative; text-align: left; margin-left: auto; margin-right: auto;
}

.frameImg{
  background-color: #000000; 
  border-style: solid; 
  border-width: 1px;
  border-color: #999999;
/*  width: 267; */
/*  height: 160; */
}

.loadingImg{
  position: absolute; 
  top: 5; 
  left: 35%; 
  color: #ffffff;
  font: 8pt Arial;
  text-align: center;
  z-index: 1;
}

.hiddenDiv{
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.standardPage{
  background-color: #99cc33;
  color: #ffffff;
  margin-top: 5%;
}

.productsPage{
  background-color: #99cc33; 
  color: #000000;
}

.styleMenu{
  position: relative;
  font: 8pt Arial;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}

.styleMenuItem{
  text-align: center;
  color: #000000;
  cursor: pointer;
  border: solid; 
  border-color: #000000; 
  border-width: 1px;
}

.pageContentNoBg{
  color: #e0e0e0;
  font: 12pt Arial;
}

.pageContent{
  background-color: #99cc33; 
  color: #ffffff;
  font: 12pt Arial;
}

.pageContentSmall{
  font: 12pt Arial;
  background-color: #99cc33; 
  color: #ffffff;
}

.pageContentLarge{
  font: 14pt Arial;
  background-color: #99cc33; 
  color: #ffffff;
}

.careersContent{
  font: 13pt Arial;
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
  color: #000000;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
}

.imageText{
  font: 8pt Arial;
  font-weight: bold;
  text-align: left;
  padding-right: 0pt;
}

.menuItem{
  position: relative;
  float: left;
}

.menuLink{
  text-decoration: none;
}

.menuImage{
  border: none;
  border-width: 0px;
  border-style: none;
}

.orderHeading{
  padding-left: 2;
  font: 8pt Arial;
  font-weight: bold;
}

.orderDesc{
  font: 8pt Arial;
}

.orderItem{
  font: 8pt Arial;
  border: solid;
  border-width: 1;
  height: 17;
  width: 50;
}

.orderSelect{
  font: 8pt Arial;
  font-weight: bold;
  border: solid;
  border-width: 1;
  height: 17;
}

.appPage{
  margin-right: 1%;
  margin-left: 1%;
  width: 98%;
  height: 200%;
  text-align: left;
  background-color: #ffffff;
}

.appRegion{


  background-color: #99cc33;
  position: relative;
  border-color: #000000;
  text-align: left;
}

.appSection{
  background-color: #99cc33;
  color: #ffffff;
  border: none;
  border-width: 0;
}

.appRegionHeading{
  text-align: left;
  font: 12pt Arial;
  font-weight: bold;
  color: #ffffff;
}

.appRow{
  position: relative;
  margin-top: 0;
  height: 25px;
}

.appHeading{
  font: 11pt Arial;
  font-weight: bold;
  text-align: left;
  padding-right: 0pt;
}

.appHeadingLarge{
  font: 14pt Arial;
  font-weight: bold;
  text-align: left;
  padding-right: 0pt;
}

.appItem{
  font: 10pt Arial;
  border: solid;
  border-width: 1;
  border-color: #000000;
}

.appNumber{

  font: 8pt Arial;
  border: outset;
  border-width: 1;
  text-align: right;
}

.appRadio{
  font: 8pt Arial;
  border: none;
}

.appDisclaimer{
  font: 7pt Arial;
  border: none;
  border-width: 1;
  margin-top: 20;
  margin-left: 5%;
  margin-right: 5%;
  font-weight: bold;
  margin-bottom: 10;
}

.imageLink{
  cursor: pointer; 
  text-decoration: none;  
}

.menuButtonOn{
  font:  10pt Arial;
  text-align: center; 
  width: 150;
  height: 25; 
  cursor: pointer; 
  position: relative;
  border: outset;
  border-width: 2;
  font-weight: bold;
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
  background-image: url('../images/st-over-button.jpg');
}

.button{
  font:  8pt Arial;
  text-align: center; 
  width: 125px;
  cursor: pointer; 
  position: relative;
  border-style: none;
  border-width: 1px;
  font-weight: bold;
  border-color: #000000;
  color: #ffffff;
  background-color: #999999;
  text-align: center;
}

.linkItem{
  font: 8pt Arial;
  font-weight: bold;
  width: 75px;
  cursor: pointer; 
  border-style: none;
  border-width: 2px;
  border-color: #ffffff;
  color: #ffffff;
  text-align: center;
  background-color: #999999; 
}

.inputButton{
  font:  8pt Arial;
  text-align: center;
  border-style: outset;
  border-width: 5;
  border-color: #ffffff;
  font-weight: bold;
  width: 300;
  vertical-align: middle;
  background-color: #0099ff; 
  background-color: #0099ff;
  cursor: pointer;
}

.inputButtonBulletin{

  font:  8pt Arial;
  text-align: center;
  border-style: outset;
  border-width: 5;
  border-color: #ffffff;
  font-weight: bold;
  width: 190;
  vertical-align: middle;
  background-color: #0099ff;
  cursor: pointer;

}

h1{
font: 12pt Arial; 
color: #ffffff;
font-weight: bold;
text-align: center;
}
a{
font:  10pt Arial;
color: #999999;
text-decoration: underline;
}

p{
text-align: left;
border-style: none;
}

td{
}

button{
font:  0pt Arial;
}

input{
font:  10pt Arial;
text-align: left;
border: solid;
border-width: 1;
}
select{
font:  10pt Arial;
text-align: left;
border: solid;
border-width: 1px;
}

textarea{
font:  10pt Arial;
text-align: left;
border-style: solid;
border-width: 1;
padding-left: 0;
border-color: #000000;
}

th{
font-size: 11pt;
font-weight: bold;
text-align: left;
color: #000000;
}

tr, th{
  padding-right: 10;
}

ul{
text-align: left;
}
li{
font:  10pt Arial;
text-align: left;
border-style: none;
/* background-color: #d8d8d8; */
background-color: #ffffff;
}