/* This is the cascading style sheet for the Cerrillos Hills Historic Park web site */

/* Sets the background image */

body {background-image:url("images/bkgd1.jpg")}

/*Sets margins */

body {margin-left:.5cm; margin-right:.5cm}

/* Temporary Margins */

.mar
{
margin-left:2cm;
margin-right:2cm;
}

/* Indent extra from left margin */

.lmar

{
margin-left:3cm;
margin-right:2cm
}

/* Sets the fonts for all pages */

body {font-family: Verdana, Arial, Helvetica, sans-serif}
p {font-family: sans-serif}
h1 {font-family: sans-serif}
h2 {font-family: sans-serif}
h3 {font-family: sans-serif}
h4 {font-family: sans-serif}


/* Underline text */

.u
{text-decoration: underline;}

/* Center text */

.c
{text-align:center}

/* Bold Text */

.thick
{font-weight: bold}

/* Font colors */
 
.green
{color:#137979}

.blue
{color:blue}

.brown
{color:#ad6d05}

.red
{color:red}

.yellow
{color:#FFFF00}

.yel{color:#FFFF00}

.purple {color:#aa6587}

.black {color:black}

/* Sets the text color for headers and subheaders, bottom of pages */

h1,h3,h4 {color: #ad6d05}
h2 {color:#137979}
h5 {color:#ad6d05}

/* Move headers to the right */

h1 {margin-left: 2cm}
h3 {margin-left: 2cm}

/* Outdent headers */
.o h3 {margin-left: .1cm}
.o1 h1 {margin-left: .1cm}

/* Italics */

.i{font-style:italic}

/* Sets the maximum width of images */

img {max-width: 90%}

/* Narrow horizontal rule */


/* Sets text indented, green */

<!--
.indent 
{font-weight: 500;
font-size: 75%;
color: #137979;
margin-left: 2cm;
margin-right: 2cm;
}
-->

/* Sets text small, indented, solid border, brown */

<!--
.indentbrbd 
{font-weight: 500;
font-size: 75%;
color: #ad6d05;
margin-left: 4cm;
margin-right: 4cm;
border-style: solid;
padding-left: .2cm;
padding-right: .2cm;
padding-top: .2cm;
padding-bottom: .2cm;
}
-->

/* Sets text small, indented, brown */

<!--
.indentbr 
{font-weight: 500;
font-size: 75%;
color: #ad6d05;
margin-left: 4cm;
margin-right: 4cm;
}
-->

/* Sets text small */

.sm
{font-size:75%}

/* Sets text even smaller */

.smlr
{font-size:50%}

/* Sets text small, black */

.smb {
font-size:75%;
color:black;
}

/* Sets text small, green */

.smg {
font-size:75%;
color:#137979;
}


/* Sets text small, indented, black */

<!--
.indentbl 
{font-weight: 500;
font-size: 75%;
color: black;
margin-left: 4cm;
margin-right: 4cm;
}
-->

/* Sets text small, indented, brown */

<!--
.indentbr 
{font-weight: 500;
font-size: 75%;
color: #ad6d05;
margin-left: 4cm;
margin-right: 4cm;
}
-->

/* Sets text small, indented, centered, brown */

<!--
.indentbrc 
{font-weight: 500;
font-size: 75%;
text-align: center;
color: #ad6d05;

}
-->

/* Center text, small, brown */

.cbr
{text-align:center;
font-weight: 500;
font-size: 75%;
color: #ad6d05;
}

/* Center text, small, black */

.cbl
{text-align:center;
font-weight: 500;
font-size: 75%;
color: black;
}

/* Sets text for right-hand column next to image */

<!--
.rgtpar
{font-weight: 500;
font-size: 85%;
color: #137979;
}
-->

/* Large font, bold, */

.lfb

{
font-size: 175%;
font-weight: bold;
} 

/* Large font, purple */

.lfp

{
font-size: 175%;
color: #aa6587;
}

/* Medium-;arge font, bold */

.mfb {
font-size:125%;
font-weight:bold;
}


/* Sets link colors */

a:link {color: #101010;}
a:visited {color: #ad6d05;}
a:hover {color: #8B0000;}
a:active {color: #00008B;}

/* Indents,changes font size, etc., for text notes */

<!--
.notes
{font-weight: 500;
font-size: 65%;
margin-left: 4cm;
margin-right: 4cm;
} 
-->

/* Modifies page-bottom entries */

<!--
.eop
{font-weight: 700;
color: #137979;
font-size:95%;
font-family:sans-serif;
text-align:center;
}
-->

/* Sets text pargraph to smaller font, green */

<!--
.smlpar
{font-weight: 700;
color: #137979;
font-size:95%;
font-family:sans-serif;
}
-->

/* Centers links at bottom of page */

<!--
.ctrlnks
{text-align: center;}
-->

/* Set font size for "Last Revised" line */

<!--
.last
{font-size:65%;}
-->

/* Use to move green text to the right, as in a caption */

.left {
position: absolute;
left: 90px;
color:#137979
}


/* Use to move green text to left, as in a caption */

.right {
position: absolute;
right: 90px;
color:#137979
}


/* For Creating tables */

.main {
margin-left:auto;
width:600px;
text-align:left
}

.tleft {
margin-left:2cm;
float:left;
width:300px;
}

.tright {
margin-right:2cm;
float:right;
text-align:right;
margin-left:300px;
}

/* For creating link sets */

.centered-table{
margin-left:auto;
margin-right:auto;
padding-left:.2cm;
padding-right:.2cm;
text-align:center;
font-size: 75%;
color: #ad6d05
}

/* "Return to Top" in center of line, small font */

.rtt{
text-align:center;
font-size:75%
}

/* Unordered bullet ` */

ul.disc {
list-style-type: disc
}

/* Unordered list without bullets */

ul.none{list-style-type: none}

/* Ordered list, decimal */

ol.decimal {list-style-type: decimal}

/* Box with solid borders and padding */

p.solid {border-style: solid;
padding: 1%;
}

/* Indent box with solid border (used for membership form, join.html */

.insolid {border-style: solid;
padding: 1%;
margin-left:2cm;
margin-right:2cm;
}

/* Superscript */
.sup {
line-height: 0;
vertical-align: text-top;
}

/* Align text right */
.pright
{text-align:right}

/* Insert space between words */
.ws
{word-spacing: 0.4em}

/* Reduce line height */

.ht
{line-height:.05cm}

/* Two-column layout */

#leftcol {
  margin:0px;
  float:left;
  width:450px;
}

#rightcol {
  margin-left:5px;        
  float:right;
  width:475px;
}


/* Dotted Line */

.dl

{border: 1px dashed #000000;}

.tmpmar

{margin-left:10cm}

/* Inserts color block for navbars */

.navcontainer
 {background:#AFEEEE; 
	margin: 0 auto;
	padding: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width:90%;
}    


/* Revised navbars as of 18Oct07 (through .ctab) */

.navtable {
  text-align:center;
  line-height: 40%;
  margin-left:auto; margin-right:auto;
  width:90%;
}

.navtable ul {
   margin:auto; padding:0;
   background:#AFEEEE; 
   float:left;
   width:auto;
   border:2px solid #0000FF;
   border-width:1px 0;
   border-left:2px solid #0000FF;
   border-bottom:2px solid #0000FF;
   border-top:2px solid #0000FF;
}

.navtable ul li {
  display:inline;
  padding:0;
  margin:0;
  white-space:nowrap; /* Fix IE6 */
}

.navtable a:link,
.navtable a:visited {
  color:#000; background:#AFEEEE;
  padding: 2px 4px 2px 10px;
  float:left;
  width:auto;
  border-right:2px solid #0000FF;
  text-decoration:none;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
}

.navtable a:hover {
  border:2px solid yellow;
  color:#EEEE00;
  background:#B0C4DE;
}


.ctab {
  text-align:center; clear:both;
}


/* Last edited 4 January 2008 */