body {
   padding: 0;
   margin: 0;
   border: 0;            /* This removes the border around the viewport in old versions of IE */
   width: 100%;
   background: #143060;
/*   background-image: url('images/wave.jpg');      */
/*   background-image: url('images/websiteA.jpg');  */
   background-image: url('images/background++.jpg'); 
   background-repeat: no-repeat;
   background-position: left top;
   min-width: 1050px;	
                        /* The min-width property does not work in old versions of Internet Explorer */
}

div#page {
}

div#right_column {
}

div#left_column {
}

span#see_us_live {
   font-family: Lucida Sans,Lucida Grande, Arial, sans-serif;
   color: #aa4324;
   font-weight: bold;
}
iframe#ifmCalendar {
height: 245px;
width: 315px;
overflow: auto;
}

div#shop_box {
background-color: #DEDEDE;
font-family: Arial,sans-serif;
margin: auto 0 0;
padding: 5px;
border: solid 3px #000;
position: relative;
right: -40px;
width: 300px;
overflow: auto;
}

div#show_frame {
   background-image: url('images/calendar.png');
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   padding: 0px;
   position: absolute;
   top: 400px;
   left: 700px;
   width: 375px;
   height: 351px;
}

div#show_box {
   background-color: #DEDEDE;
   margin: auto 0 0;
   padding: 0px;
   border: solid 0px #000;
   position: relative;
   top: 62px;
   left: 28px;
   width: 315px;
   height: 265px;
   overflow: auto;
}

div#whenuweremine {
   position: absolute;
   top: 65px;
   left: 623px; 
   width: 120px;
   height: 118px;
}

div#mp3player {
   background-color: #333333;
   margin: auto 0 0;
   padding: 0px;
   border: solid 0px #000;
   position: absolute; 
   left: 573px;
   top: 245px;
   width: 240px;
   height: 25px;
}

img#narwhal {
   position: absolute;
   top: 725px;
   left: 210px;
}

img#logo {
   position: relative;
   /* top: 100px;
   left: 800px; */
   top: 20px;
   right: -72%
}

div#tumblr_frame {
   background-image: url('images/blog.png');
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   padding: 0px;
   position: absolute;
   top: 85px;
   left: 10px;
   width: 515px;
   height: 698px;
}

.tumblr_list {
   background-color: #e6f6e6;
   font-family: Lucida Sans,Lucida Grande, Arial, sans-serif;
   margin: auto 0 0;
   padding: 0px 3px 0px 2px;
   border: solid 0px #000;
   position: absolute;
   top: 68px; 
   left: 44px;
   width: 420px;
   height: 600px;
   overflow: auto;
}

.tumblr_list li {
   padding: 5px 2px 2px 2px;
   border-bottom: solid 3px #000;
}

/* Class for Rollover Buttons */
.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   outline: transparent solid 0px;
}

#facebookButton a{
   position: relative;
/*   top: 200px;
   left: 850px; */
   top: -30px;
   left: 370px;
   height: 106px; 
   width: 110px; 
   background: url('images/facebookbutton.png') no-repeat left bottom;
}

#facebookButton a:hover{
   background-position: 0 0; 
}

#youtubeButton a{
   position: relative;
/*   top: 310px;
   left: 850px; */
   top: -35px;
   left: 375px;
   height: 106px; 
   width: 110px; 
   background: url('images/youtubebutton.png') no-repeat left bottom;
}

#youtubeButton a:hover{
   background-position: 0 0; 
}

div.menubar {
   background-color: #1c4f88;
   margin: 0 auto;
}

ul#navigation {
   float: left;
   padding: 0;
   margin: 0;
   background-color: #888888; 
   color: #53b4e7;
   float: left;
   width: 100%;
}

ul#navigation li {
   text-align: center;
   display: inline;
}

ul#navigation li a {
   font-family: Lucida Sans,Lucida Grande, Arial, sans-serif;
   font-size: large;
   padding: .75em 1em;
   color: #fff;
   text-decoration: none;
   float: left;
   border-right: solid 1px #fff;
}

ul#navigation li a:hover {
   color: #53b4e7;
   background-color: #fff;
}

ul#navigation li a.selected {
   background-color: #ec7320;
   background-image: none;
}

div#twitter_update_list {
   background-color: #ececee;
   width: 40%;
   float: right;
   text-align: left;
   font-family: Lucida Sans,Lucida Grande, Arial, sans-serif;
   font-size: small;
   padding: 2px 10px 2px 10px;
   overflow: overflow;
   border: 1px solid #ffffff;
   position: relative;
   top: -43px;
   right: 1%; 

   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
}

img {
   border: 0;
}

a {
   text-decoration: none;
}

a:link, a:visited {
   color: #aa4324;
}

a:hover, a:active {
   color: #aa4324;
}

a:hover {
   color: #ccc;
   /* color: #aa4324; */
   text-decoration: underline;
   background-color: #aa4324; 
}

.shadow {
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	box-shadow: 1px 1px 2px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333');
}


