body 		{background-color: #004}

div		{font-weight: normal; font-size: 11pt; color: #000000; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none;}

H1 		{ font-weight: bold; font-size: 18pt; color: #000000; font-family: Arial, Helvetica, Sans Serif; 
text-decoration: underline }

H2 		{ font-weight: bold; font-size: 14pt; color: #000000; font-family: Arial, Helvetica, Sans Serif; 
text-decoration: none}

H3 		{ font-weight: bold: font-size: 12pt; color: #000000; 
		font-family: Times New Roman, Serif; font-style: italic; line-height: 0pt}

H4 		{ font-weight: normal; font-size: 11pt; color: #000000; font-family: Arial, Helvetica, Sans Serif; 
text-decoration: none }
	
H5 		{ font-weight: normal; font-size: 9pt; color: #000000; font-family: Verdana, Helvetica, Sans Serif; 
text-decoration: none }

H6 		{ font-weight: normal; font-size: 7pt; line-height: 10pt; color: #000000; font-family: Verdana, Helvetica, Sans Serif; 
text-decoration: none }

p 		{ font-weight: normal; font-size: 11pt; color: #000000; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none}

img		{border:none}

a:link 		{ font-weight: bold; font-size: 11pt; color: #0000FF; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none}

a:visited 	{ font-weight: bold; font-size: 11pt; color: #800080; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none}

a:hover 	{ font-weight: bold; font-size: 11pt; color: #FF0000; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none}

a:focus 	{ font-weight: bold; font-size: 11pt; color: #FF0000; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none}

a:active 	{ font-weight: bold; font-size: 11pt; color: #FFFF00; font-family: Arial, Helvetica, Sans Serif; 
		text-decoration: none}

#current:link visited hover focus active	{font-weight:bold; font-size:11pt; color:#d4d6d5; font-family:Arial, Helvetica, Sans Serif; text-decoration:none}

#page		{position:absolute; left:1%; right:1%; background-image:url('blue_topleft.jpg'); border-bottom:solid #003 10px; z-index:0}

#title		{position:relative; left:100px}

#navigation	{position:absolute; top:0px; left:0px; bottom:0px; width:90px; padding: 150px 0px 10px 5px; background: #d4d6d5; z-index:10; border:5px outset #a3a5a4}

#navigation a	{display: block; font-size: 8pt; line-height: 1; margin-top: 15px; text-decoration: none}

#content	{position:relative; left:0px; right:0px; padding:20px 10px 20px 140px; width:83%}

#metcheck	{position:relative; top:20px; left:40px; width:200px}

#easytide	{position:relative; top:-15px; left:300px; width:200px}

#bar		{position:relative; left:0px; right:0px; height:75px; padding:0px 15px;
		background-color:#d4d6d5; z-index:15; border:5px outset #a3a5a4}

#email		{position:relative; top:0px; height:20px; padding:0 5px 0 0; clear:right}

#dusk		{position:absolute; top:0px; left:130px; height:75px; width:100px; background-image:url('ruckle_dusk_100by75.jpg')}

#dusk:hover	{position:absolute; top:-400px; left:10px; height:511px; width:682px; background-image:url('ruckle_dusk_large.jpg'); border:groove 5px; z-index:100}

#fleece		{position:absolute; top:0px; left:230px; height:75px; width:100px; background-image:url('golden_fleece_100by75.jpg')}

#fleece:hover	{position:absolute; top:-400px; left:10px; height:511px; width:682px; background-image:url('golden_fleece_large.jpg'); border:groove 5px; z-index:100}

#ruckle		{position:absolute; top:0px; left:330px; height:75px; width:100px; background-image:url('ruckle_100by75.jpg')}

#ruckle:hover	{position:absolute; top:-400px; left:10px; height:511px; width:682px; background-image:url('ruckle_large.jpg'); border:groove 5px; z-index:100}

#statement2	{position:relative; top:-10px}

#old_faithful	{padding: 0 20px 0 20px; float:right}

#IEbodge	{float:right; clear:right}

#silhouette_arete	{padding: 0 20px 0 0; float:right; clear:right}

#poetry_in_motion	{padding: 0 0 0 20px; float:right}

#golden_fleece	{padding: 0 20px 0 20px; float:right; clear:right}

#silhouette	{width:100px; height:140px; background-image:url('silhouette_arete.jpg'); float:left; margin-right:10px}

#silhouette:hover	{position:relative; top:-200px; left:-20px; height:533px; width:400px; background-image:url('silhouette_arete_large.jpg'); border:groove 5px; z-index:100}

#faint_me_box	{width:290px; height:406px; margin:0px 0px 50px 50px; float:right}

#faint_me	{width:290px; height:406px; background-image:url('faint_me.jpg'); z-index:1}

#faint_me:hover	{position:relative; top:-120px; left:0px; width:311px; height:553px; background-image:url('cochise_me.jpg'); border:groove 5px; z-index:3}

#me	{position:relative; top:-400px; left:10px; z-index:2}

#fairview	{width:100px; height:75px; background-image:url('fairview100by75.jpg'); float:right; margin-left:20px}

#fairview:hover	{position:absolute; top:1600px; left:300px; width:640px; height:360px; background-image:url('fairview_large.jpg'); border:groove 5px; float:none; z-index;100}

#address {width:300px; height:100px; background-image:url('address.JPG')}

#address:hover	{top:0; left:0; width:568px; height:303px; background-image:url('address.JPG'); border:groove 5px; z-index;100}

#address_bodge	{float:right}

.centre	{text-align:center}

.right	{text-align: right}

.narrow	{padding:0 70px 0 40px}

.thoughts	{color:#666666}