body {
background-color: #adadad;  
margin: 0 auto;  
padding: 0;  
font-family: Helvetica, Verdana, "Arial Black", serif;
text-align: center;
}

h1, h2, h3, h4, h5, h6, h7 {
font-family: Helvetica, Verdana, "Arial Black", serif;  
font-style: normal;
letter-spacing: 1.5px;
padding: 0; 
margin: 0; 
}

a:link {
color: #0099ff;  
text-decoration: none;
}

a:active {
color: #ff0000;  
text-decoration: underline;
}

a:visited {
color: #99403c;  
text-decoration: none;
}

p {
font-family: Helvetica, Verdana, "Arial Black", serif; 
margin: 0; 
font-size: 13px;  
font-style: normal;  
text-align: left;  
text-indent: 0;
line-height: 130%;
padding: 10px 12px 0 12px;
}

.maintext h5 {
padding: 10px 10px 0 15px;
color: #333;
}

.maintext p {
padding: 10px 10px 0 15px;
color: #333;
line-height: 140%;
}

.maintext a {
color: #09f;
text-decoration: none;
font-weight: bold;
}

.maintext a:visited {
text-decoration: none;
font-weight: bold;
}

.maintext a:hover {
color: #999;
}

.maintext ul {
list-style: none;
color: #333;
line-height: 140%;
font-size: 13px;
}

.whitetext p {
margin: 0;
color: #fff;
padding: 0 12px 0 25px;
font-size: 14px;
font-weight: bold;
z-index: 2;
}

.whitetext h4 {
margin: 0;
text-align: left;
color: #fff;
padding: 20px 12px 5px 25px;
z-index: 2;
}

h1 {
font-size: 46px; 
font-weight: bold;  
letter-spacing: 5px;  
text-align: center;  
text-decoration: none;
}

h2 {
font-size: 38px;  
font-weight: bold;  
letter-spacing: 4px;  
text-align: center;  
text-decoration: none;
}

h3 {
font-size: 30px;  
font-weight: bold;  
letter-spacing: 3px;  
text-align: center; 
text-decoration: none;
}

h4 {
font-size: 22px;  
font-weight: bold;    
text-align: center; 
text-decoration: none;
padding: 0 12px 10px 12px;
}

h5 {
font-size: 13px;
padding: 10px 0 5px 20px;
}

h6 {
font-size: 11px;
}

/* This is the design area for the universal bits of each page */ 


#container {
margin: 0 auto;  
position: relative;  
text-align: left;  
width: 800px
}

#lenskybanner1 {
background-color: #fff;
background-image: url(lenskybanner0.jpg);
background-repeat: no-repeat;
height: 172px;
left: 50px;
position: absolute;
top: 25px;
width: 700px;
}

#titletext {
height: 172px;
left: 50px;
position: absolute;
top: 25px;
width: 250px;
z-index: 1;
}

#titletext h1 {
font-family: Broadway, Helvetica, Verdana, "Arial Black", serif;
color: #99403C; 
margin: 0;
padding: 0 0 0 20px; 
float: left;
font-size: 46px; 
font-weight: bold;  
letter-spacing: 3px;  
text-align: center; 
text-decoration: none;
z-index: 1;
}

#navigation {
background-color: #99403C;
height: 40px;  
left: 50px;    
position: absolute;  
top: 197px;  
width: 700px;  
z-index: 1;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigation ul li {
float: left;
margin: 0;
padding: 0;
}

#navigation ul li a {
display: block;
padding: 10px 10px 10px 10px;
text-align: center;
text-decoration: none;
width: 95px;
font-size: 16px;
font-weight: bold;
color: #fff;
}

#navigation a:hover {
color: #999;
}


/* This is the design area for the index page */


#info1 {
background-color: #fff; 
background-image: url(infobox1.gif);  
height: 324px;  
left: 350px;    
position: absolute;  
top: 613px;
width: 200px; 
}

#info1 p {
color: #666;
padding: 12px 15px 0 20px;
text-align: left;
}

#info1 h5 {
font-size: 17px;
padding: 25px 12px 0 18px;
text-align: center;
color: #666;
}

#quotes {
background-color: #fff;  
height: 325px;  
left: 50px;   
position: absolute;  
top: 613px;  
width: 300px;  
}

.reviews p, h5, h6, h4 {
padding: 0 10px 0 10px;
color: #666;
}

.reviews h5 {
padding-bottom: 5px;
}

.reviews h6 {
padding-top: 5px;
}

.reviews h4 {
font-size: 16px;
text-align: left;
}

#photo1 {   
background-color: #fff; 
height: 376px;  
left: 50px;  
position: absolute;  
top: 237px;  
width: 300px;  
}

#photo1 img {

}

#stop-press {
background-color: #fff;
background-image: url(stoppressbox.gif);  
height: 324px;  
left: 550px;   
position: absolute;  
top: 613px;  
width: 200px;  
}

#stop-press h3 {
color: #99403C;
padding: 20px 12px 0 12px;
font-family: Helvetica, Verdana, "Arial Black", serif;
font-size: 20px;
letter-spacing: 1px;
text-align: center;
}

#stop-press p {
color: #99403C;
padding: 10px 22px 0 22px;
font-family: Helvetica, Verdana, "Arial Black", serif;
font-size: 13px;
font-weight: bold;
text-align: left;
}

#text-box1 {
background-color: #fff;    
height: 376px;  
left: 350px;     
position: absolute;  
top: 237px;  
width: 400px;  
}

#indexshadow {
background-image: url(shadow2.gif);
background-repeat: repeat-y;
height: 977px;
top: 25px;
left: 750px;
width: 5px;
position: absolute;
}

#footer1 {
background-color: #99403C;   
height: 65px;  
left: 50px;  
position: absolute;  
top: 937px;  
width: 700px;
}

.maptext {
padding-top: 15px;
font-size: 12px;
text-align: center;
color: #fff;
}
.maptext a {
color: #fff;
text-decoration: none;
}

.maptext a:hover {
color: #999;
}

.maptext a:visited {
color: #ff9;
text-decoration: none;
}

.legal {
padding-top: 10px;
font-size: 11px;
text-align: center;
color: #fff;
}

.legal a:visited {
color: #ff9;
}

/* this is the design area for the opera page */


#operapicture {
height: 386px;
left: 50px;
position: absolute;
top: 237px;
width: 300px;
}

#operatext1 {
margin: 0;
padding: 0;
background-color: #fff;
height: 560px;
left: 350px;
position: absolute;
top: 237px;
width: 400px;
}

#operabox {
background-color: #fff;
height: 404px;
left: 50px;
position: absolute;
top: 623px;
width: 300px;
}

#operabox2 {
background-color: #fff;
background-image: url(box2.gif);
height: 232px;
left: 350px;
position: absolute;
top: 795px;
width: 400px;
}

#operabox2 p {
padding-left: 25px;
}

#operafooter {
background-color: #99403C;
height: 65px;
left: 50px;
position: absolute;
top: 1027px;
width:700px;
}

#operashadow {
background-image: url(shadow2.gif);
background-repeat: repeat-y;
height: 1067px;
top: 25px;
left: 750px;
width: 5px;
position: absolute;
}


/* this is the area for the concert page */

#concertpic {
height: 318px;
width: 300px;
left: 50px;
position: absolute;
top: 237px;
}

#concerttext {
background-color: #fff;
height: 599px;
width: 400px;
left: 350px;
top: 237px;
position: absolute;
}

#concertbox1 {
background-color: #fff;
height: 590px;
width: 300px;
left: 50px;
top: 557px;
position: absolute;
}

.lanza h4 {
text-align: center;
padding-bottom: 10px;
}

.lanza h6 { 
font-size: 12px;
text-align: center;
padding: 0;
}

.lanza a {
text-decoration: none;
font-weight:  bold;
}

.lanza a:visited {
text-decoration: none;
}

.lanza a:hover {
color: #999;
}

#box-right {
background-color: #fff;
height: 311px;
width: 400px;
left: 350px;
top: 836px;
position: absolute;
}

#box-right img {
left: 15px;
position: absolute;
}

#concertshadow {
background-image: url(shadow2.gif);
background-repeat: repeat-y;
height: 1187px;
top: 25px;
left: 750px;
width: 5px;
position: absolute;
}

#concertfooter {
background-color: #99403C;
height: 65px;
left: 50px;
top: 1147px;
width: 700px;
position: absolute;
}


/* this is the section for the images page */

#picbox {
width: 300px;
left: 50px;	 	 				 		 
top: 237px;
height: 669px;
position: absolute;
}

#boxmainpics {
width: 400px;
left: 350px;
top: 237px;
height: 669px;
position: absolute;
background-color: #fff;
}

.imagewrap img {
float: left;
padding: 20px 20px 0 20px;
border: 0;
}

.imagewrap a {
text-decoration: none;
}

#picfooter {
background-color: #99403C;
width: 700px;
height: 65px;
top: 906px;
left: 50px;
position: absolute;
}

#picshadow {
background-image: url(shadow2.gif);
background-repeat: repeat-y;
height: 946px;
top: 25px;
left: 750px;
width: 5px;
position: absolute;
}

/* this is the design area for the multimedia page */

#linksbox {
background-color: #fff;
width: 700px;
left: 50px;
top: 237px;
height: 800px;
position: absolute;
}

#linksbox img {
padding: 0 15px 0 0;
float: left;
}

#linksbottom {
background-color: #fff;
width: 700px;
height: 250px;
top: 1037px;
left: 50px;
position: absolute;
}

#linksbottom img {
left: 116px;
top: 160px;
position: absolute;
}

#linksfooter {
background-color: #99403C;
width: 700px;
height:65px;
top: 1287px;
left: 50px;
position: absolute;
}

#linkshadow {
background-image: url(shadow2.gif);
background-repeat: repeat-y;
height: 1327px;
top: 25px;
left: 750px;
width: 5px;
position: absolute;
}

/* this is the design area for the blog page */

#blogbox1 {
background-color: #fff;
top: 237px;
left: 50px;
width: 700px;
height: 800px;
position: absolute;
}

#blogbox1 img {
padding: 0 15px 0 0;
float: left;
}

#blogfooter {
background-color: #99403C;
top: 1037px;
left: 50px;
height: 65px;
width: 700px;
position: absolute;
}

#blogshadow {
background-image: url(shadow2.gif);
background-repeat: repeat-y;
height: 1077px;
top: 25px;
left: 750px;
width: 5px;
position: absolute;
}
