/* Generic Selectors for early browsers */

html {
	
	}
 
body {
	position: absolute;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffcc66;
	background-color: #666666;
	height: 100%;
	width: 100%;
	text-align: left;
			
}
 
p {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1em;
font-weight: normal; 
color: #ffcc66;  
}
 
h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #ffcc66; 
} 

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #ffcc66;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; 
font-weight: bold; 
color: #ffcc66;   
}

h4 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
color: #ffcc66; 
}

h5 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #ffcc66; 
}

h6 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: bold; 
color: #ffcc66; 
}

#page {
position: relative;
width: 885px; 
min-height: 540px; 
margin: 0 auto;

}


#logo {
float: left;
width: 150px; 
height: 150px; 
margin: 0 auto; 
z-index: 2;
background-image: url(assets/compass_Tri_cam.jpg);
background-repeat: no-repeat;
}
#cardinal {
float: left;
width: 730px; 
height: 150px; 
margin: 0 auto; 
z-index: 1;
background-image: url(assets/cardinal_bar_lite.jpg);
background-repeat: no-repeat;
}

#scrn { /*took out because it was messing with Mozilla*/

}
	
#navlist {
float: left;
width: 150px;
margin: 0px auto 0; 
clear: both; 
z-index: 2;
line-height: 220%;
}

#navlist a {
/*/*/display: block;
padding: 2px 2px 2px 24px;
width: 140px;	
background-image:  none; /* */
}
#navlist li {
margin: 0px;
}
#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;	
}
#navlist a:link, #navlist a:visited  {
color: #ffcc66;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
#navlist a:hover {
padding: 2px 5px 2px 5px;
background-color: #000000;
color: #FFFFFF;
list-style-type: none;
background-image: url(assets/filmstriphover.jpg);
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
}
#uberlink a:link, #uberlink a:visited, #uberlink a:hover {
/*/*/
background-color: #0099ff;
background-image:  url(assets/filmstriphover.jpg);
color: #ffffff; /* */
}
#pagecontent {
float: left;
width: 700px;
padding: 0px 0px 0px 5px;
z-index: 0;
background-color: #666666;

}
#pagecontent a {
display: inline;
padding: 2px;
background-image:  none;
text-decoration:none;
}
#pagecontent a:link img, #pagecontent a:visited img { 
border: solid wheat;
}
#pagecontent a:hover img,  {
border: solid blue;
}
#pagecontent a:active img {
border: solid wheat;
}
#pagecontent a:link, #pagecontent a:visited  {
font-family: Arial, Helvetica, sans-serif; 
color: #ffcc66;
text-decoration: none;
border: none;
padding: 2px 5px 2px 5px;
}
#pagecontent a:hover {
font-family: Arial, Helvetica, sans-serif;	
border: 0px;
color: #3399FF;
}
#pagecontent a:active {
font-family: Arial, Helvetica, sans-serif;	
border: 0px;
color: #ffcc66;
}
#titleblock {
	width: 700px;
	font-family: "Arial";
	font-size: 24px;
	color: #ffcc66;
	text-align: center;
	font-style: italic;
}
#main_bkgnd_img {
float: left; 
width: 238px; 
height: 318px; 
margin-left: 2px; 
margin-top: 5px; 
z-index: 1;
background-repeat: no-repeat;
} 
a:link img, a:visited img { 
border: solid wheat;
}
a:hover img,  {
border: solid blue;
}
a:active img {
border: solid wheat;
}
#text { 
float: left; 
width: 425px; 
margin-top: 5px; 
margin-right: 2px; 
margin-bottom: 5px; 
padding: 0 4px;
} 
#thumbnails { 
position: relative;
width: 423px;
padding: 0px;
} 
#aboutpic {
position: static;
text-align: center;
top:45%;
left: 50%;
}
#picture1 {
position: relative;
top: 0px;
left: 0px;
z-index: 2;
}
#largepicbox {
position: absolute;
top: 0px;
left: 155px;
}

.grey {
background: wheat;
}
.framesml {
position: relative;
border-right: #696969 7px solid; 
border-top: #696969 7px solid; 
border-left: #696969 7px solid; 
border-bottom: #696969 7px solid;
}
.innermatsml {
position: relative;	
border-right: #bdb76b 15px solid; 
border-top: #bdb76b 15px solid; 
border-left: #bdb76b 15px solid;
border-bottom: #bdb76b 15px solid;
}
.innerbevelsml {
position: relative;	
border-right: wheat 3px solid; 
border-top: wheat  3px solid; 
border-left: wheat  3px solid; 
border-bottom: wheat  3px solid;
}
.frame {
position: relative;
border-right: #383838  10px solid; 
border-top: #383838  10px solid; 
border-left: #383838  10px solid; 
border-bottom: #383838  10px solid;
}
.innermat {
position: relative;	
border-right: #FFF8DC 50px solid; 
border-top: #FFF8DC 50px solid;
border-left: #FFF8DC 50px solid;
border-bottom: #FFF8DC 50px solid;
}
.innerbevel {
position: relative;	
border-right: wheat 5px solid; 
border-top: wheat 5px solid; 
border-left: wheat 5px solid; 
border-bottom: wheat 5px solid;
}
#largepic {
position: relative;
z-index: 6;		
}
#navbuttons {
position: absolute;
margin-top: 5px;
margin-right: 0px;
padding: 3px;
z-index: 0;
background-color: #666666;
top: 560px;
left: 690px;
}
#largepicinfo {
position: absolute;
margin-top: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
color: #ffcc66;
width: 250px;
padding: 3px;
top: 630px;
left: 690px;
}
#footer {
width: 700px; 
margin-left: 155px;
text-align: center;
}
#bottomnav {
text-align: center;
position: relative;
z-index: 6;
font-family: "Lucida Sans";
}
#bottomnav li {
display: inline;
list-style-type: none;
}
#bottomnav a:link, #bottomnav a:visited {
color: #3399FF;
text-decoration: none;
}
#bottomnav a:hover {	
background-color: #ffcc66;	
}
.cntr { 
text-align: center; 
} 
.rghtalign { 
text-align: right; 
}