/* Created by Peter Buescher Pandion Art & Design, October 2009*/
 
 	


/*first, put the initial states in place*/

#nav li.off a:hover, #nav li.on a:hover { 
	color: white;} /*Color of 2ndary links when hovered over*/
		
/* "nav li.off ul:" and "nav li.on ul" ARE SPECIFIC TO EACH PAGE OTHER THAN HOME*/	
#nav li.off ul a, #nav li.on ul a {
	text-align: center;
	z-index: 100;
	position: relative; top: -10px; /*Controls the height of the sublinks on the page*/
	margin-left: 75px;	
	color: gray; /*Color of 2ndary links when not hovered over*/
	font-family: palatino-linotype, palation, serif;
	font-size: 11pt;
	font-variant: small-caps;}	

#nav li.on ul a { /* controls the position of the sublinks of the active page*/
	position: abolute; top: 260px; left: 280px;
	z-index: 100;
	margin-left: 0px;	
	color: black; /*Color of 2ndary links when not hovered over*/
	font-family: palatino-linotype, palation, serif;
	font-size: 11pt;
	font-variant: small-caps;}	

#homelink {
position: relative; top:-250px; left: -300px;
height: 110px; width: 150px;
z-index: 1000;}
	
li {
color: black;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
font-weight: bold; }

#verticalveil {
	position: relative; top: -488px; left: 0px;
	width: 280px; height: 400px; 
	z-index: 1000;
	background-image: url(img0004.png);} 
	
#horizontalveil {
	position: relative; top: -368px; left: 0px;
	width: 400px; height: 280px; 
	z-index: 1000;
	background-image: url(img0004.png);}
 

a:link {
	color: gray;
	font-weight: bold;
	text-decoration: none; }

a:visited {
	color: gray;
	font-weight: bold;
	text-decoration: none; }

a:hover {
	color: gray;
	font-weight: bold;
	text-decoration: none; }
	
a:active, a:focus{ outline:none; }
	
strong {
	text-align: center;
	text-decoration: underline;
	color: gray;
	font-variant: small-caps;
	font-size: 10pt; }

h1 {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	color: yellow;
	font-size: 10pt;
	font-variant: small-caps;
	font-weight: normal; }
	
img.vert {
	width: 280px;
	height: 400px; }

img.vertlarge {
	width: 350px;
	height: 500px; }
	
img.vertthumb {
	width: 39px;
	height: 55px;}
	
img.horiz {
	width: 400px;
	height: 280px; }

img.horizlarge {
	width: 500px;
	height: 350px; }
	
img.horizthumb {
	width: 76px;
	height: 53px;}