
body
{
margin: 0;
padding: 0;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #ddd;
}

/* ..................................................................... CONTAINER SPEC STARTS HERE */
#container
{
margin: 0; /* changed from 1em 5% to have full width page */
border: none;
}


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



/* ..... auto margins make table centered in FF . ... */
.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: 225px;
width: 300px;
padding: 0em;
border-style: none;
margin: .1em;
}


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


.photo-nrml-rotated {
height: 300px;
width:  225px;
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: 200px;
width: 300px;
padding: 0em;
border-style: none;
margin: .1em;
}

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


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

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

}

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

}

.photo-tiny {
height: 66px;
width: 88px;
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, not displayed */
#nav
{
	display:none;
}

/* ............................................................. CONTENT SPEC STARTS HERE */
#content
{
padding-top: 0em;
margin: 0 0 0 0;
}



#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; }




#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 }

/* ....................... DO NOT PUT A WIDTH IN; IT BREAKS IN IE ....This is standard content table, use table id=bordered if border needed..................... */
#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
{
	display:none;
}