/****************Generic Selectors****************/

body {		
	font-family: CluffHmk, Arial, Helvetica, sans-serif;
	color: lightgrey;
	margin: 0 0 0 0; /*top right bottom left*/
	padding: 0 0 0 0;
	background-color: darkslategray;
	}	

h1 {
	color: lightgrey;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}

h2 {	
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;		
	}

h3 {
	font-size: 1.3em;	
	font-weight: bold;
	text-align: center;
	}

h4 {
	font-size: .8em;	
	font-weight: normal;
	}

p {
	width: 95%;
	font-size: 1.3em;
	text-align: justify;
	}

.address {
	font-size: 1.3em;
	text-align: center;
	}

.footer {
	font-size: 1em;
	}


.list {
	font-size: 1.3em;
	text-align: left;
	}

.splash {
	font-size: 1.3em;
	}	
/*************************  ID's *************************/

#navigation {
	float: left;
	z-index: 1;
	width: 100px;	
	height: 900px;
	top: 0px;
	margin-right:10px;		
	padding-right:15px;
	padding-left:15px;
	padding-top:30px;
	text-align:center;
	background-color: black;
	}

#navigation a:link {
 font-family: CluffHmk, Arial, Helvetica, sans-serif; 
 font-size: 1.3em;
 color: silver;
 font-weight: normal;
}

#navigation a:visited {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 color: silver;
 font-weight: normal;
}
#navigation a:hover {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 color: red;
 font-weight: normal;
}
#navigation a:active {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-weight: normal;
}

#navigation>#navigation {width: 250px;}

#mainDoc {
	position: absolute;
	z-index: 2;
	width: 610px;
	left: 140px;
	top: 25px;
	padding: 5px 0 20px 5px; /*top right bottom left*/	
	}

#pics {
	z-index: 1; 
	position: absolute; 
	top: 15px;
	right: 20px; 
	left: 750px;
	height: 400px; 
	padding: 10px; 
	text-align: left;
	}

#pics a img {
	border: none;
	}	

#pics ul {
	margin-left: -10px;
	}

#pics li {
	list-style-type: none;		
	}

#pics li a:link {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	color: #CFDEE7;
	font-weight: normal;
	}

#pics li a:visited {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CFDEE7;
	font-weight: normal;
	}

#pics li a:hover {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: white;
	font-weight: normal;
	}

#pics li a:active {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	}

/*  LINK CODE  */

a:link {
 font-family: CluffHmk, Arial, Helvetica, sans-serif; 
 font-size: 1em;
 color: #CFDEE7;
 font-weight: normal;
}

a:visited {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #CFDEE7;
 font-weight: normal;
}
a:hover {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: white;
 font-weight: normal;
}
a:active {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1em;
 font-weight: normal;
}

li a:link {
 font-family: CluffHmk, Arial, Helvetica, sans-serif; 
 font-size: 1.3em;
 color: #CFDEE7;
 font-weight: normal;
}
li a:visited {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 color: #CFDEE7;
 font-weight: normal;
}
li a:hover {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 color: white;
 font-weight: normal;
}
li a:active {
 font-family: CluffHmk, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-weight: normal;
}