/* background image is z = 0
*  overlays are reserved 1 - 20
* everything else should be higher
*/

body {
   /* background-color: #030983; */
   background-color: #fff;
   background-image: url('img/texture.png');
   /* color: #5daaf8; */
   color: #006;
   font-family: Arial Narrow, Arial, Helvetica;
   margin: 0;
}

img.bgImage {
   visibility: hidden;
   position: absolute;
   top: 20px;
   left: 0px;
   z-index: 0;
}

div.bgImage2 {
   visibility: hidden;
   position: absolute;
   top: 300px;
   left: 700px;
   z-index: 0;
   
}

img.bgImage3 {
   visibility: hidden;
   position: absolute;
   top: 20px;
   left: 0px;
   z-index: 3;
}

img.bgImage4 {
   visibility: hidden;
   position: absolute;
   top: 15px;
   left: 110px;
   z-index: 4;
}

img.bgImage5 {
   visibility: hidden;
   position: absolute;
   top: -20px;
   left: 110px;
   z-index: 4;
}

img.bgImage6 {
   visibility: hidden;
   position: absolute;
   top: 15px;
   left: 130px;
   z-index: 4;
}

img.bgImage7 {
   visibility: hidden;
   position: absolute;
   top: 200px;
   left: 600px;
   z-index: 4;
}



div.menu {
   position: absolute;
   font-size: 28px;
   line-height: 40px;
}

a {
   text-decoration: none;
   /* color: #5daaf8; */
   color: #006;
}

a:hover {
   text-decoration: underline;
}

div.topMenu {
   position: relative;
   font-size: 18px;
   text-align: center;
   top: -100px;	
   z-index: 100;
   background-color: #ddd;
   width: 800px;
   height: 24px;
   padding-top: 1px;
}

div.content {
   position: absolute;
/*	background-color: #030983; */
   left: 570px;
   top: 70px;
   font-size: 24px;
   line-height: 40px;
   z-index: 5;
}

div #contentShadow {
   position: absolute;

   left: -10px;
   top: -10px;
	 /* background-color: #003; */
   /* background-color: #030983; */
   background-color: #ddd;
   opacity: .6;
   height: 300px;
   width: 500px;
   padding: 10px;
   z-index: 0;
   zoom: 1;
}

div #contentContent {
   position: absolute;
   top: 0px;
   left: 0px;
/*     	background-color: #030983; */
   width: 500px;
   z-index: 10;
}

div.lowerContent {
   position: absolute;
   top: 600px;
   font-size: 24px;
   line-height: 40px;
   z-index: 5;

}

div.show {
   font-size: 24px;
   padding-bottom: 20px;
   line-height: 32px;
}

div.showTitle {
   font-size: 26px;
   font-weight: bold;
}

div.showDate {
   font-size: 26px;
   color: #fff;
}

div.why {
   color: #030983;
   background-color: #5daaf8;
   position: absolute;
   width: 300px;
   height: 20px;	
   border: 1px solid #FFFFFF;
   padding: 2px;
}

img {
   padding: 0px;
   margin: 0px;
}

div.credit {
   color: #FFFFFF;
   font-size: 12px;
   font-family: Arial;
   line-height: 12px;
   margin-bottom: 10px;
   margin-top: -8px;
}

div.browserNote {
   position: fixed;
   top: 0px;
   right: 0px;
   font-size: 10px;
   padding: 3px;
   color: #006;
   z-index: 25;
   height: 30px;
   background-color: #fff;
}

div.bio {
   padding-bottom: 10px;
   font-size: 18px;
   line-height: 24px;
   color: #EEE;
}