/*----------------------Core DIV Structure---------------*/
body {
	 background-image: url(Images/bg.jpg);
	 background-repeat: repeat-x;
	background-color:#3D5F8F;
	 font-size: .9em;
     height: 100%;
	 }

#container {
	       position: absolute;
	       left: 50%;
	       margin: 10px 0 50px -350px;
	       border: 1px solid #000000;
	       width: 700px;
		   min-height: 500px;
	       background-color: #eeeeee;
		   overflow: hidden;
           }

#head		{
			position: relative;
			width: 700px;
			margin: 0;
			padding: 0;
			height: 100px;
			overflow: hidden;
			}
			
#contentWrap	
	{
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	height: 450px;
	z-index: 0;
	vertical-align: middle;
	}

#content {
	margin: 15px 35px 15px 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 150%;
	color: #222222;
	font-weight: lighter;
}

.index
	{
	float: right;
	margin-top: 245px;
	}

div#footer		{
				position: relative;
				width: 700px;
				height: 50px;
				margin: 0;
				padding: 0;
	   		 	float: left;
				border-top: 1px solid #3D5F84;
				overflow: hidden;
				}
/*-------End Core DIV Structure---------*/				
	
	/*------------Start banner + mainNav-----------*/

#banner {
	    background-image: url(Images/banner.jpg);
	    float: left;
	    height: 74px;
	    width: 700px;
		border-bottom: 1px solid gray;
		overflow: hidden;
        }

#mainNav ul		 {
				 padding: 0;
				 margin: 0;
				 list-style-type: none;
				 text-align: center;
				 width: 100%;
				 }
				 
#mainNav ul	li	 {
				 display: inline;
				 }
				 
#mainNav ul li a	{
					text-decoration: none;
					float: left;
					width: 99px;
					color: #466DA4;
					padding: 3px 0;
					margin: 0;
					border-right: 1px solid white;
					border-bottom: 1px solid gray;
					font-size: 1em;
					background-image: url(Images/navColor.gif);
					background-repeat: repeat-x;
					}				
					
#mainNav ul li a:hover		{
						color: #466DA4;
						background-image: url(Images/navColorOver.gif);
						background-repeat: repeat-x;
						text-decoration: underline;
						} 
						
#mainNav ul li a.active	{
						background-image: url(Images/navColorOver.gif);
						background-repeat: repeat-x;
						}

	/*--------------End banner + mainNav-----------*/

/*-----------Start Letter Page------------*/				

#lettercontent	{
				margin: 15px 25px 25px 150px;
				padding: 0px 0px 0px 25px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				color: #222222;
				border-left: 1px solid #333333;
				position: relative;
				z-index: 0;
				}

#letternav ul
				{
				list-style-type: none;
				text-align: left;
				float: left;
				width: 100px;
				z-index: 0;
				}

#letternav ul li a
					{
					background: transparent url(Images/list-off.gif) left center no-repeat;
					padding-left: 15px;
					text-align: left;
					font: normal 11px Verdana, lucida, sans-serif;
					text-decoration: none;
					color: #999;
					}

#letternav ul li a:hover
	{
	background: transparent url(Images/list-on.gif) left center no-repeat;
	color: black;
	}

#letternav ul li a#current
	{
	background: transparent url(Images/list-active.gif) left center no-repeat;
	color: #466DA4;
	}
 
#lettercontent img.left {
	clear: none;
	float: left;
	margin: 10px 10px 10px -80px;
	padding: 0;
	z-index: 2;
}

#lettercontent img.right 	{
							clear: none;
							float: right;
							margin: 10px;
							padding: 0;
							z-index: 3;
							}

#lettercontent p		{
						text-indent: 5%;
						line-height: 150%;
						text-align: justify;
						}					

/*------------End Letter Page------------*/

	/*-----------Begin Photo Pages-----------*/

div#contentWrap h3	{
					text-align: center;
					color: #5478B0;
					}
					
.imgBorder {
	border: 1px solid #999999;
	padding: 2px;
}
td {
	margin: 0px;
	padding: 0px 5px 5px 0px;
}

.layernumber {
	font-size: 16px;
	color: #eeeeee;
	font-weight: bold;
	position: relative;
}
.layerBottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image:  url("Images/instructions.gif");
	background-repeat: no-repeat;
	background-position: center center;
	color: #cc3300;
	padding: 10px;
	vertical-align: middle;
	font-size: 11px;
}
.layerMiddle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image:  url("Images/instructions.gif");
	background-repeat: no-repeat;
	background-position: center center;
	color: #cc3300;
	padding: 10px;
	vertical-align: middle;
	font-size: 11px;
}					

/*-----------------End Photo Pages--------------*/

/*-----------Extras----------*/

p 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 130%;
	font-weight: lighter;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-indent: 5%;
	}
	
p a 	{
	color: #466DA4;
	font-size: 1.1em;
}
p a:hover 	{
			color: #FFFFFF;
			background-color: #FF9900;
			}

#content p 	{
			text-align: justify;
			}

.required 	{
			color: #FF0000;
			}
			
.footerLeft {
			text-align: right;
			margin: 18px 5px 5px 15px;
			padding: 0px;
			float: right;
			list-style-type: none;
			color: #222222;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}
			
.footerLeft li a	
	{
	color: #466DA4;
	}
					
.footerLeft li a:hover	
	{
	color: #FFFFFF;
	background-color: #FF9900;
	}

div.stuff 
	{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}

div.stuff ul
	{
	margin: 0;
	padding: 0;
	}

div.stuff li 
	{
	list-style-type: none; 
	padding-bottom: 5px;
	padding-top: 5px;
	}

div.stuff h3
	{
	display: inline;
	vertical-align: middle;
	}

div.stuff a.music
	{
	text-decoration: none;
	}
	
div.stuff ul.album
	{
	width: 20%;
	height: 100%;
	text-align: center;
	float: left;
	clear: right;
	overflow: hidden;
	}
	
div.stuff ul.video
	{
	width: 25%;
	height: 100%;
	text-align: center;
	float: left;
	clear: right;
	overflow: hidden;
	}	
	
div#musicinst
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 133px;
	top: 150px;
	width: 404px;
	height: 47px;
	z-index: 1;
	background-image:  url("Images/instructions.gif");
	background-repeat: no-repeat;
	background-position: center center;
	color: #cc3300;
	padding: 10px;
	vertical-align: middle;
	font-size: 11px;
	text-align: center;
	}

div.albumposition
	{
	position: absolute;
	top: 25px;
	left: 30px;
	}

div#albumtext
	{
	position: absolute;
	left: 250px;
	top: 85px;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 150%;
	color: #222222;
	font-weight: lighter;
	text-align: justify;
	border-left: 1px solid gray;
	padding: 10px 0 10px 15px;
	}
	
.rightClick
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}	

div#albumtext p
	{
	color: #c30;
	}		

div#albumNav
	{
	float: right;
	padding-top: 10px;
	}
	
div#albumNav img
	{
	padding-right: 10px;
	}
	
div.songs
	{
	position: absolute;
	top: 350px;
	text-align: center;
	width: 100%;
	color: #222222;
	font-weight: bold;
	padding: 0;
	}
	
div.songs ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
div.songs ul li
	{
	display: inline;
	padding-right: 10px;
	}	
	
div.songs ul li a
	{
	text-decoration: none;
	color: #C30;
	}
	
div.songs ul li a:visited
	{
	color: #999999;
	}	
	
div.songs ul li a:hover
	{
	text-decoration: underline;
	color: #FF9900; 
	}	
	
div.songs h4
	{
	color: #466DA4;
	display: inline;
	}	
	
div.songs h6
	{
	display: inline;
	font-size: .9em;
	}	
	
div.songs h6 a
	{
	padding: .2em;
	}	
	
object
	{
	padding: 1em;
	}	
	
div#movie
	{
	margin-top: 50px;
	}
	
div#movie h2
	{
	color: #5478B0;
	}
	
div#movie h4
	{
	color: #c30;
	margin-top: -13px;
	}
	
div#movie p
	{
	color: #c30;
	margin-top: 10px;
	padding: 0;
	text-align: justify;
	width: 75%;
	}

div#quicktime
	{
	width:400px;
	text-align: center;
	position: absolute;
	top: 300px;
	left: 150px;
	color: #999;
	}	
	
div#quicktime a
	{
	text-decoration: none;
	color: #466DA4;
	}
	
div#quicktime a:hover
	{
	text-decoration: underline;
	}	
	
.scene
	{
	color: #CC3300; 
	border-bottom-style: dotted;
	}	
	
#explanation
	{
	border: 1px solid #c30;
	color: #c30;
	padding: .5em;
	text-align: justify;
	}	
	
a.contactButton
	{
	width: 100px;
	border: 1px solid black;
	padding: 5px;
	text-decoration: none;
	color: #eee;
	background-color: #5478B0;
	}
	
a.contactButton:hover
	{
	background-color: #c30;
	}	
	
.email
	{
	font-size: 8px;
	margin: 0;
	padding: 0;
	}
	
#indeximage
	{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 200px;
	height: 205px;
	float: right;
	margin: 0;
	padding: 0;
	background: url(coolasshit.gif) no-repeat;
	}

.indexplain
	{
	margin-top: 25px;
	}