html{
height: 100%;
}
body{
font-family: helvetica, arial, sans-serif;
margin: 0;
padding: 0;
background-image: url('pics/raven_background.png');
height: 100%;
}

#mainText a:link{
	color: #990099;
	text-decoration: none; }
	
#mainText a:visited{
	color: #990099; }

#mainText a:hover{
	color: #ff00ff; }
	
#sidetext a:link{
	color: #990099;
	text-decoration: none; }
	
#sidetext a:visited{
	color: #990099; }

#sidetext a:hover{
	color: #ff00ff; }
	

h1{
font-size: 14pt;
}

h2{
font-size: 13pt;
}

h3{
font-size: 12pt;
}

#content{
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	width: 55em;
	background-color: white;
}

#header{
padding-left: 2.5em;
}

#logo{
padding-right: 1em;
}

.topImg{
	opacity: .5;
	padding:0em .25em 0em .25em;
}

.clear{
	clear:both;
}

#mainText{
	float: left;
	width:25em;
	padding: 1em .5em 2em 1em;
}

#mainText p{
	margin-top: -.3em;
}

#mainimg{
float: right;
margin: .5em 5em 1em 1em;
text-align: center;
font-size: 10pt;
}
#oldpic{
margin-right: 7em;
}
#newpic{
margin-right: 2em;
}

#sidetext{
font-size: 14pt;
margin: .5em 10em 1em 1em;
text-align: left;
float: right;
}

#quote{
	color:#ff99ff;
	width:25em;
	float: right;
	margin-top: 8em;
	padding-right: 1em;
	padding-bottom: 2em;
}

#quote p{
	color:#a0a0a0;
}

.name{
margin-top:-.8em;
color:#AD71B0;
}


#copyright{
margin-left: auto;
margin-right: auto;
font-size: 9pt;
text-align: center;
padding-bottom: 2em;
}

.shirts{
display: inline-block;
text-align: center;
margin: 1em;
}

/*Drop Down Menu and top links based on code from  Josh Vogt*/

#top{
	height: 25px;
    padding: 8px;
	/*background: white;*/
	background: rgba(102,0,102,1);
    position: relative;
    z-index: 2;
}

#top ul{
    float:left;
    display:block;
    padding: .2em;
    margin: -.2em;
    z-index: 4;
    }   
    

#top ul li{
    display:block;
    float:left;
	width: 13em;
	z-index: 3;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    }
	#top ul li :hover{
		color:#fff;
	}
	
	#top li li, #top li li a{
	    height:0px;
	    margin-top: -14px;
	    /*text-align: center;*/
		color:-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FF6600,endColorstr=#00FF6600)"; /* IE8 */
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FF6600,endColorstr=#00FF6600);   /* IE6 & 7 */
	      zoom: 1;
	      z-index: 1;
	    color: rgba(224,224,224,0);
	    text-decoration: none;
		width: 9em;
	    -webkit-transition:all .5s ease-in-out;
	    -moz-transition:all .5s ease-in-out;
	    -o-transition:all .5s ease-in-out;
	    transition:all .5s ease-in-out;
	    }
	
		.toplink{
	color: #E0E0E0;
	/*margin-top: -2em;*/
	padding: .5em 2em .5em 2em;
	font-size: 15pt;
	text-decoration: none;
	}
	
    
	#top li:hover li{
	height:30px;
	margin-top:5px;
	margin-bottom: 5px;
	}

	#top li:hover li a{
	color:#E0E0E0;
	color: rgba(224,224,224,.8);
	text-decoration: none;
	}

	#top li li a:hover{
	color:#fff;
	}

	#top ul ul{
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	 transition:all .5s ease-in-out;
	width: 9em;
	margin-top: .5em;
	margin-left: 2em;
	padding-left: 1em;
	z-index: 1;
	background: rgba(102,0,102,0);
	position: absolute;
	
	} 
	
	#top li:hover ul{
	background: rgba(102,0,102,1);
	}

	#top li li:first-of-type{
	padding-top: 15px;
	}