body
{
margin: 0;
padding: 0;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #FFFFFF; /* OK lt blue-gr: CCFFFF lt-beige: #FFCC99 */
}

/* ..................................................................... CONTAINER SPEC STARTS HERE */


#container
{
margin: 0; /* changed from 1em 5% to have full width page */
background-color: #FFF;
/* background-image: url(images/background.jpg); */
/* background-repeat: repeat-y; */
border-style: none;
width: 900px;  /* this fixed the drop down problem in IE, but now look at page if too wide, yukky  */
}

/* if the container is align:center then the drop problem comes back */



/* ..............................SPECS FOR BORDERED TABLES, CONTENT SECITON HAS UNBORDERED TABLES................. */



/* ..... auto margins make table centered in FF . ... */
/* .............Took out:  align: center;        Validator says center is not a property............... */
.bordered {
   border: solid #000 1px;
   border-spacing: 5px;
   padding: 5px;
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto
 }

.bordered tr {
       color: #307D7E;
}


.bordered tr.emp  td {
 font-size: large;
 font-weight: bolder;
}

.bordered tr.boldemp td {
  font-weight: bolder;
}

.bordered tr.rtalign td {
  text-align: right;
}

.bordered td {
    padding: 5px;
    border: solid #000 1px;   
}



/* ... not using this . . . */
.data {
    color:#307D7E;
    text-align: center;
}


/* ........................................END SPECS FOR BORDERED TABLES............................. */

/* .................................. SPECS FOR emphasized paragraph ................................*/

/*  .......... put it in the .html instead, see nc-mountain-sttractions.html ..Gave up, Used UL instead...... */

/* .................................. END SPECS FOR emphasized paragraph ................................*/


/* ........................SPECS for photo size .................................... */

/* Note: Padding is between photo and border, margin is outside border (between border and text) */


/* .............. photo-nrml is designed for 2 column photos ......3H x 4W .............. */


.photo-nrml {
height: 252px;
width: 336px;
padding: 0em;
border-style: none;
margin: .1em;
}


/* .............. photo-nrml-rotated ...4H X 3W ................. */


.photo-nrml-rotated {
height: 336px;
width:  252px;
padding: 0em;
border-style: none;
margin: .1em;
}

/* .............. photo-narrow is a slightly narrower version of photo-nrml ......actually should be: 224.28px.............. */


.photo-narrow {
height: 224px;
width: 336px;
padding: 0em;
border-style: none;
margin: .1em;
}

/* .............. photo-nrml is designed for 2 column photos .................... */


.photo-narrow-rotated {
height: 336px;
width: 224px;
padding: 0em;
border-style: none;
margin: .1em;
}

.photo-bigger {
height: 300px;
width: 400px;
padding: 0em;
border-style: none;
margin: .1em;

}

.photo-much-bigger {
height: 450px;
width: 600px;
padding: 0em;
border-style: none;
margin: .1em;

}



.photo-smaller {
height: 150px;
width: 200px;
padding: 0em;
border-style: none;
margin: .1em;

}

.photo-tiny {
height: 75px;
width: 100px;
padding: 0em;
border-style: none;
margin: .1em;
}

/* ........................................END SPECS for photo sizes .................................... */

/* BANNER SPEC STARTS HERE BUT IS NOT USED */
#banner
{
background-color: #666;
border-bottom: 1px solid #333;
}
#banner h1
{
margin: 0;
padding: .5em;
}
/* ............................................................. NAVBAR SPEC STARTS HERE */
#nav
{
float: left;
width: 140px;
margin-left: 1px;
padding-top: 0em;
}
#nav p { margin-top: 0; }


#nav ul {
list-style-type:none;
margin:0;
padding:0;
width:140px;  
/* font: bold 16px 'Lucinda Grande',Verdana,sans-serif; */
}


#nav li {
background: #FFFFCC;
margin: 0;
padding: 4px 10px;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid #666;
border-bottom: 2px solid #aaa;
}



/* .................................................This makes whole button clickable, might not work in IE 6 */
#nav a {display: block;}
/* ............................................................. END make whole button clickable */


#nav a:linK {color: #990000} 
#nav a:visited {color: rgb(102,000,153)}
#nav a:hover {color: rgb(153,000,000)}
#nav a:active {color: rgb(102,000,153)}


/* ..  #nav a:hover {color: 990000} .... */




/* ............................................................. CONTENT SPEC STARTS HERE */

/*  .......... testing with content left margin of 150 instead of 200 ............ */
#content
{
padding-top: 2em;
margin: 0 2em 0 145px;
}



#content h1 {margin-top:0px; margin-bottom:0px; color: #307D7E; font-size:300%; font-style: italic; font-weight: bold; }
#content h2 {margin-top:0px; margin-bottom:0px; color: #307D7E; font-size:125%; font-style: italic; font-weight: bold; }
#content h3 {margin-top:0px; margin-bottom:0px; color: #307D7E; font-size:100%; font-weight: bold; } 
/* ........  H4 is the same as H3, except it is RED........................... */
#content h4 {margin-top:0px; margin-bottom:0px; color: #990000; font-size:100%; font-weight: bold; }
/* ........  H5 is used for the next vacancy burb ......................... */
#content h5 {margin-top:10px; margin-bottom:10px; color: #ff0000; font-size:100%; font-style: italic; font-weight: bold; }
/* ........  H6 is the same as H3, except it is BLACK and LEFT AGLIGNED........................... */
#content h6 {margin-top:1px; margin-bottom:1px; color: #000000; font-size:100%; font-weight: bold; text-align: left; }
/* ........  H7 is the same as H6, except it is RED (LEFT ALIGNED) ........................... */
/*  there is no H7, instead use H6 style="color: #990000;"
/* #content h7 {margin-top:1px; margin-bottom:1px; color: #990000; font-size:100%; font-weight: bold; text-align: left; }  */


#content a:linK {color: #990000} 
#content a:visited {color: rgb(102,000,153)}
#content a:hover {color: rgb(153,000,000)}
#content a:active {color: rgb(102,000,153)}

#content P {color: #307D7E; font-size: 100%; font-weight: normal; }


#content li {color: #307D7E; text-align: left;  }

/* ....................... DO NOT PUT A WIDTH IN; IT BREAKS IN IE ....This is standard content table, use table id=bordered if border needed..................... */
/* .............Took out:  align: center;        Validator says center is not a property............... */
#content table {
border-width: 0px;
border-spacing: 5px;
padding: 5px;
border-collapse: collapse;
}



#content td {
padding:5px;
border-spacing: 5px;
text-align:center;
}





/* FOOTER SPEC STARTS HERE: NOTE clear: both is NOT working */

#footer
{
clear: both;
background-color: #FFF;
padding: 1em;
text-align: right;
border-top: 1px solid #333;
}