body{
background-color: #b2b2b2; /*background color conceals any browser alignment inconsistencies*/
font-family: "arial", "comic sans ms", "verdana"; 
height: 500px;
} 
/*heading styles*/
h1 {
color: black;
text-align: center;
margin-top: 15px;
margin-bottom: 0px;
padding: 0px;
}

h2,h3 {
color: black;
text-align:center;
margin:5px 5px 5px 5px;
padding: 0px;
}

h4 {
color: black;
text-align:left;
margin-left: 15px;
padding: 0px;
}

h5{
color: black;
text-align:center;
margin: 10px ;
margin-left: 5px;
padding: 0px;
}

h6{
color: #808000;
text-align: right;
padding-right: 15px;
}

p  {
color:black;
margin: 10px 20px 20px 20px; 
font-size: 100%;
text-align: left;
}



#blockquote{	/*to distinguish quotes at the top of pages*/
font-family: "comic sans ms", "times new roman", "arial";
line-height: 90%;
font-style: italic;
font-weight: bold;
margin: 0px;
padding: 0px;
padding-top:0px;
}


a {
text-decoration: none;
color: #0000ff;
}

 
ul li {
list-style: none;
text-align: left;
padding-left: 5px;
text-indent: 0px;
}
ol li {
font-weight: bold;

}

.mainbox {
background-color: #0a1229; 
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

#header { /*original logo design based on impact font by L. Auer*/
position: relative;
height:100%;
width:100%;
padding: 0;
margin: 0;
}

/*-----------------------------------main menu-----------------------------------------------------------------------*/
#menubox {
width: 100%;
background-color: #0a1229;
}

#menubox, #menubox ul{
font-size: 1.0em;
z-index: 100;
width: 100%;
height:100%;
display: inline;
padding: 0px;
list-style: none;
cursor: default;
margin-left: 0;
margin-right: 0;
text-decoration: none;
}

#menubox li {
padding:2px 12px 2px 13px;
width: 100%;
background-color: #0a1229;
font-size: 1.0em;
width: 100%;
height: 100%;
display: inline;
cursor: default;
text-align: center;
text-decoration: none;
}

#menubox a{
padding:2px 12px 2px 13px;
margin: 0;
border: 1px solid #0a1229;
border-spacing: 0;
width: 100%;
}

#menubox a:link, #menubox a:visited{
padding:2px 12px 2px 13px;
color: #99ccff;
text-decoration: none;

}

#menubox a:hover{
padding:2px 12px 2px 13px;
height: 100%;
border: 1px solid #808000;
background-color: #808000;
color: #000000;

}

#active a:link, #active a:visited, #active a:hover{
padding:2px 12px 2px 13px; 
height: 100%;
border: 1px solid #33ccff;
background-color: #33ccff;
color: #000000;
}
/*-----------------------------------main menu-----------------------------------------------------------------------*/
#contentbox {
clear: left;
position: relative;
margin-left: auto;
margin-right: auto;
width: 700px;
background-image: url(./images/bgdduotone1.jpg); /*background image a feature on all pages except the gallery, Photo by L.Auer*/
overflow: hidden;
}



#nonav{ /* empty div to replace backnav to maintain consistent alignment with all other pages*/
border-style: none;
position: relative;
width:100px;
height: 56px;
padding: 4px;
}

/* left navigation with background image expands with menu names*/
#leftnav{
max-height: 300px;
margin: 0 0 0 5px;
list-style: none;
}

#leftnav, leftnav ul {
position: relative;
z-index: 200;
float: left;
border: none;
background-image: url(./images/leftnavbgd1.jpg);
list-style: none;


}

#leftnav li {
padding: 5px 0px 5px 0px;
color: black;
font-size: 75%;
cursor: default;
text-decoration: none;
list-style: none;
margin: 0px;
padding-left: 0px;
text-align: left;
margin-left: -25px;
margin-right: 15px;
white-space: nowrap; /*to stop menu items wrapping in netscape*/
}
#leftnav li a:visited {
color: #000000;
}

#leftnav a:hover{ /*gold hover bgd colour*/
padding: 0px 5px 2px 5px;
height: 100%;
border: 1px solid #808000;
background-color: #808000;
color: #000000;
}
#thispage a:link, #thispage a:visited, #thispage a:hover{
width:100px;
height: 100%;
border: 1px solid #33ccff;
background-color: #33ccff;
color: #000000;
padding: 0px 5px 2px 5px;
}

/*textbox or tutbox are the source of content for all pages except the gallery*/
                  
#textbox {
position: relative;
z-index: 1;
margin-top: -50px;
margin-left: 305px;
margin-right: 25px;
overflow: auto;
background-image: url(./images/textboxwashxxl.jpg); /* background image gives impression of transparency so alignment is critical*/
background-repeat: no-repeat;
width: 365px;
height: 375px;
text-align:left;
font-size: .8em;
color: black;
text-decoration: none;
}


#tutbox { /*tutbox replaces textbox for tutorials, same styling except for plain background*/
position: relative;
z-index: 1;
margin: -50px 25px 0px 305px;
overflow: auto;
background-color: #aab2ba; 
width: 365px;
height: 375px;
text-align:left;
font-size: .8em;
color: black;
text-decoration: none;
}


.image { /*general image style*/
position: relative;
z-index: 2;
Padding: 0px;
margin-top:10px;
margin-bottom: 0px;
}
.image p {   /*image caption style*/
font-size: 90%;
line-height: 90%;
color: #474646;
text-align: left;
}
.intextpic{ /*pics within flow of text*/
position: relative;
float: right;
z-index: 2;
padding: 5px 10px 0px 10px;
margin-top:10px;
margin-bottom: 0px;
}
.w3c{ /*w3c logo on references page*/
position: relative;
float: right;
z-index: 2;
Margin-right: 20px;
}
/*----------------------------to top of page navigation---------------------------------------------*/
#top p{/*textbox, tutbox top of page navigation*/
text-align: center;
padding-bottom: 5px;/*to give margin from bottom of page with netscape*/
text-decoration: none;


}

/*-----------------------------------bulleted list styles------------------------------------------*/

.bullets ul li{	 /* bulleted list style*/
padding: 5px;
list-style-type:disc;
}
.bullets ul ul li{
list-style-type:none;
}
/*---------------------------------- to replace textbox since no background image in gallery, based on (Nicholls, S. 2005)---------------------------*/
#gallerybox { 
clear: left;
position: relative;
margin-left:0px;
margin-right: auto;
width: 700px;
}

#container {
position:relative; 
width:520px; 
height:500px; 
margin-left:150px; 
border:1px solid #aaa;
background:url(./images/gallerywash1.jpg);/*background where images enlarge*/
}

#container ul {
padding:0; 
margin:0; 
list-style-type:none; 
width:150px; 
height:500px;
margin:5px; 
float:left;   
}
#container a.slide span {/*to hide large images*/
position:absolute; 
width:1px; 
height:1px; 
top:0px; 
left:0px; 
overflow:hidden; 
}
#container a.slide, #container a.slide:visited {
display:block; 
color:#aaa; 
text-decoration:none; 
border:1px solid #000; 
margin:1px 5px 5px 2px; 
text-align:center; 
cursor:default;
    }
/*-------------------------------------gallery 1 images------------------------------------------------------*/
#container a.sculpt1 {
background:url(./images/thumbsculpt1.jpg); /*thumbs*/
height:100px; 
width:100px;
}
#container a.facets1 {
background:url(./images/thumbfacets1.jpg); 
height:100px; 
width:100px;
}
#container a.crystal1 {
background:url(./images/thumbcrystal1.jpg); 
height:100px; 
width:100px;
}
#container a.windwave1 {
background:url(./images/thumbwindwave1.jpg); 
height:100px; 
width:100px;
}
/*-------------------------------------gallery 1 images end------------------------------------------------------*/
/*-------------------------------------gallery 2 images------------------------------------------------------*/
#container a.footstool1 {
background:url(./images/thumbfootstool1.jpg); 
height:100px; 
width:100px;
}
#container a.russia1 {
background:url(./images/thumbrussia1.jpg); 
height:100px; 
width:100px;
}
#container a.wetslide {
background:url(./images/thumbwetslide.jpg); 
height:100px; 
width:100px;
}
#container a.chopper1 {
background:url(./images/thumbchopper1.jpg); 
height:100px; 
width:100px;
}
/*-------------------------------------gallery 2 images end------------------------------------------------------*/
/*-------------------------------------gallery 3 images------------------------------------------------------*/
#container a.maudit1 {
background:url(./images/thumbmaudit1.jpg); 
height:100px; 
width:100px;
}
#container a.mary1 {
background:url(./images/thumbmary1.jpg); 
height:100px; 
width:100px;
}
#container a.aoraki1 {
background:url(./images/thumbaoraki1.jpg); 
height:100px; 
width:100px;
}
#container a.heliski1 {
background:url(./images/thumbheliski1.jpg); 
height:100px; 
width:100px;
}
/*-------------------------------------gallery 3images end------------------------------------------------------*/
/*-------------------------------------gallery 4 images------------------------------------------------------*/
#container a.wind2 {
background:url(./images/thumbwind2.jpg); 
height:100px; 
width:100px;
}
#container a.rimeman1 {
background:url(./images/thumbrimeman1.jpg); 
height:100px; 
width:100px;
}
#container a.fresh1 {
background:url(./images/thumb24hrs1.jpg); 
height:100px; 
width:100px;
}
#container a.chapeau1 {
background:url(./images/thumbchapeau1.jpg); 
height:100px; 
width:100px;
}
/*-------------------------------------gallery 4 images end------------------------------------------------------*/
#container li {
float:left;
}
#container a.slide:hover {
border:1px solid #aaa; 
}
#container a.slide:hover span {
position:absolute; 
width:360px; 
height:450px; 
top:10px; 
left:150px; 
background:#0a1229;
}
/*-------------------------------------gallery end------------------------------------------------------*/

/*-------------------------------------glossary------------------------------------------------------*/

#terms a { /*so that anchors do not change color*/
color: black;
}
#terms dd {
line-height:110%;
padding-bottom: 5px;
}
#terms dt  {
font-weight: bold;
margin-left: 20px;
color: black;
}

#terms dt a {
color: black;
}
#terms p a{			/*so that links do change color*/
text-decoration: none;
color: #0000ff;
}
/*------------------------------------- end glossary------------------------------------------------------*/

/*------------------------------------- quiz questions and answers ordered list style------------------------------------------------------*/
#questions {
padding:5px;
}
#questions li {
margin:0px 0px 30px 0px;
/*------------------------------------- end quiz------------------------------------------------------*/
}

/*------------------------------------- references and citations------------------------------------------------------*/
div.citations p li a name {
color: #000000;
}

div.citations p{
font-size: 95%;
margin: 0px 0px 0px 30px;
padding: 5px;
}
div.citations p:first-letter{ /*to achieve chicago date referencing format - with ff and nn*/
margin: 0px 0px 0px -25px; 
}

#citations  {
margin-left: 10px; 
text-align: left;
}

/*-------------------------------------low nav------------------------------------------------------*/
#lowmenu li {
display: inline;
list-style-type: none;
font-size: 90%;
padding: 3px 25px 3px 25px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
width: 100px;
height: 30px;
text-align: center;
}


#lowmenu a {
padding: 3px 25px 3px 25px;
margin-right: 0px;
margin-left: 65px;
}

#lowmenu a:link, #lowmenu a:visited {
color:#99ccff;
background-color:#0a1229;
text-decoration: none;
}

#lowmenu a:hover{
padding: 3px 23px 3px 25px;
height: 100%;
border: 1px solid #808000;
background-color: #808000;
color: #000000;
}

#active a:link, #active a:visited, #active a:hover{
height: 100%;
border: 1px solid #33ccff;
background-color: #33ccff;
color: #000000;
}/*------------------------------------- end lownav------------------------------------------------------*/




#footer {
width: 100%;
height: 55px !important;
background-color: #09152b;
margin-top: 0px;
color: #808000;
margin-bottom: 0;
position: relative;
padding-top: 10px;
}
/*------------------------------------- end css------------------------------------------------------*/