#menu {
    width: 100%;  /* was 900px  */
	background-color: rgb(121, 112, 102); /*#9f0e00;*/
	margin-top: 0;
    float: left;
	border-top: 4px solid #bce3f0;

	/*position: relative;      /* added for IE 6 from older container - menus drop under blue bar! */
	margin: 0 auto 0 auto;   /* added for IE 6 from older container */
	/*height: 100%;             /* added for IE 6 from older container - read bar covers all! */
}
#menu ul {
margin: 0;
padding: 0;
}
#menu ul li {
float: left;
margin: 0;
padding: 0;
list-style: none;
width: 16%;  /* was 150px */
}
#menu ul li a {
display: block;
padding: 8px 0;
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#menu ul li a:hover {
background-color: rgb(163,154,146); /* #c14242;*/
}
#menu ul ul li a {
font-size: 14px;
}

/* menu p and p a stuff allows stmt "<p><a href="/contact/travel.html">&uarr;</a></p>" to appear at end of menu.txt **
#menu p{  /* jack added for up arrow at end of menu - not used **
  width: 3.5%;
  float: left;
  text-align: center;
}
/*
#menu p a{    /* jack added for up arrow at end of menu - not used **
  padding: 8px 0px;
  width: 98%;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
  text-decoration: none;
}
#menu p a:hover {     /* jack added for up arrow at end of menu - not used **
  background-color: rgb(163,154,146);
}
*/

/*#dummy a#navlist{  /* don't have if use main.css, but if maintest missing menus drop under blue title bar */
/*  background-color: #c14242; /*#9f0e00;*/
/* } */
/*
#pgtech a#lktech,
#pgucen a#lkucen,
#pgprod a#lkprod,
#pgshop a#lkshop,
#pgcomp a#lkcomp,
#pgmap a#lkmap,
#pgsrch a#lksrch {
background-color: #c14242;
}
*/
#nav {/* top level ul */
    padding: 0;
    margin: 0;
    width: 100%;   /* opened for IE 6 */
    list-style-type: none;
}
#nav div {
	/* position: absolute;    /* opened for IE 6 */
	top: 14%;   /* 131px; */  /* opened for IE 6 */
	color: #fff;
}
#nav li {/* top level list items */
    font-weight: bold;
    padding: 0;
    margin: 0;
}
#nav ul {/* second level ul */
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
	 z-index: 2;
    left: -999em;    /* gets the menus out of the way when not dropped */
    height: auto;    /* opened for IE 6 */
}
#nav ul li {/* second level list items */
	font-weight: normal;
	background: rgb(121, 112, 102); /* drop down area (not hover) */(163,154,146)  #e36464;*/
	font-size: 1em;
	margin-top: -1px;
	padding: 0;
}
#nav ul li a {
	 padding: 4px 3px;
	 color: #fff;
}

#nav ul.ddFive {    /* this is overridden in the mainIE6 style sheet */
    width: 16%;  /* width of drop down menu, rel entire browser! If 100% IE 6 works */
    max-width: 184px;      /* overall max width is (200+800+150) * .16 = 184 */
}

#nav ul li.ddFive {
  width: 100%;   /* was 150px together with above */
}

#nav ul li.ddFive a {
    width: 96%;  /* is 6 * 16% */
	font-size: 12px;
	text-align: left;
}

#nav li:hover, #nav li.sfhover {  /* holds the light color on main bar when on dropdown area and changes color on drop down active entry */
    background: rgb(163,154,146); /*#c14242;*/
}
#nav ul li:hover,
#nav ul li a:hover {
	background: rgb(185,179,172); /* drop down area hover #9f0e00;*/
}
/* opened for IE 6
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}      */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
	 margin-top: 1px;        /* chznges to 0px for IE 6 */
}
.subnav_separator {     /* opened for IE 6 */
	border-top: 1px solid #4a712a;
}

html, body {
	margin: 0;
	padding: 0;
}
/* for IE only CSS code look at /includes/ie_css.txt */
body{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    margin-left: auto; margin-right: auto;
    margin-top: 10px; margin-bottom: auto;
    padding: 0px 150px 0 200px;
    min-width: 240px;
    max-width: 800px;
    border-left: 1px solid black;
    border-right: 1px solid black;
     	background-image: url(/includes/textile2.gif);    /*background: #bce3f0; */ /* changes entire browser */
}
body h1{    /* added when moved menu bar back down useful only if we put h1's just below it. */
    margin-top: 0px;   /* space between blue top menu border and bottom of banner */
    margin-bottom: 0px;
    text-align: center;   /* this did center the h1 header */
}


/*img {
   max-width: 100%;
}*/

#container{
  float: left;
  width: 100%;
  border-left: 200px solid rgb(230,225,201); /*#EDE2AA;   /* background color for left column - not used in IE6 */
  border-right: 150px solid rgb(230,225,201); /* is E6E1C9, old is #EDE2AA;  /* background color for right column - not used in IE6 */
  margin-left: -200px;
  margin-right: -150px;
  padding: 0px;           /* padding-left 200px in IE6 */
  display: inline; /* So IE plays nice */
}

#leftRail{
  float: left;
  width: 198px;      /* right width (150) - padding-right - 2 for borders - center padding left+right */
  margin-left: -200px;
  /*position: relative;*/
  border-right: 1px solid black;
}
#leftRail ul{
   list-style-type: none;
   float: left;
   padding-left: 20px; /*20px;**/
   margin-left: 0px;  /* needed for IE-7, not 8 */
   /*padding-top: 0px;*/
}
#leftRail h2{
   font-size: 18px;
   color: rgb(81, 71, 61); /*#827839;*/
   padding: 25px 0px 0px 15px;   /* top px only affects 1st header in left column */
   margin: 0px;
}

#leftRail ul li a {
  display: block;
  padding: 8px 4px;
  margin: 8px 0px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  background: rgb(121, 112, 102); /*#C9BE62;*/
}
#leftRail ul li a:hover {
  background-color: rgb(163,154,146);  /*#827839;*/
}

#center{
  float: left;
  width: 100%;
  margin-right: -100%;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0px 0px 0px 0px;
  background: #ffffff;
}
#center .indent {
	padding: 0 10px 0 10px;
	margin-left: 30px;
}

#rightRail{
  float: right;
  width: 148px;
  margin-right: -150px;
  margin-left: 1px;
  border-left: 1px solid black;
  padding-left: 0px;
}
#rightRail img{
  border-color: rgb(121, 112, 102);
}


.myarticle{
  padding: 1px 15px 1px 15px;
}
.myarticle h2, h3{
  padding: 0px 10px;
}
.myarticle h2{
  text-align: center;
}


.myarticle p{
  /*clear: both;*/
  padding: 1px 0px 0px 0px; /* Changing 1st entry from 0 to 1 separates paragraphs a lot */
  margin: 5px 0px 5px 0px;
}
.myarticle li{
  padding-right: 10px;
  padding-bottom: 6px;
}
.myarticle .decorat {
    text-align: center;
/*	margin: 0 auto; */
}
.myarticle .decorat img {
    max-width: 100%;
}


#imageLeft{
    float: left;
    border: 0px solid black;
   /* margin: 0px 10px 0px 10px; */
    padding: 6px 10px 5px 5px;
}
#imageRight{
    float: right;
    border: 0px solid black;
    /* margin: 0px 10px 0px 10px; */
    padding: 6px 10px 5px 10px;
}
#imageLeft p{
    clear: both;
    font-size: 11px;
    text-align: center;      /* center caption text */
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    color: rgb(81, 71, 61);
}
#imageRight p{
    font-size: 11px;
    text-align: center;      /* center caption text */
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    color: rgb(81, 71, 61);
}
#imageLeft img{
  border: 0px solid black;
  width: 200px;
}
#imageRight img{
  border: 0px solid black;
  width: 200px;
}


img.sizing {
    border: 0px solid black;
    width: 200px;
}
/*img {
   max-width: 100%;
}*/



.rightArticle{
  padding: 1px 0px 1px 0px;
}
.rightArticle h2, h3{
  padding: 0px 10px;
}
.rightArticle p{
  clear: both;
  padding: 0px 10px;
}
.rightArticle li{
  padding-right: 0px;
  padding-bottom: 6px;
}


.clockdiv{
  padding: 15px 0px 0px 0px;
  text-align: center;
}
.clockdiv h2{
  padding-top: 0px;  margin-top: 0px;
  font-size: 13px;
  text-align: center;
}
.donatediv{
   margin: 20px 0px 20px 6em;
}


#header2{    /* Used only for the menu bar */
	margin-left: -200px;
	margin-right: -150px;
}

#header{
	color: #fff;
	background-color: #bce3f0;  /*  #0032aa; */
 	border-top: 4px solid #bce3f0;
    padding: 0px 0px;

	margin-left: -200px;
	margin-right: -150px;
  	clear: both;
}
#header h1{

    position: relative; top: 4px;   /* lines up better, but cannot access drop down menus */
	font-size: 24px;
	padding: 10px 10px 10px 10px;  /* 4 more on top because of menu bottom border */
	text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: rgb(81, 71, 61); /*#827839;   /* #0032aa;*/
}


#banner {
    margin-left: 15px;
	/* width: 900px; */
	height: 100px;
}
#banner a {
   	float: left;
	width: 90px;
	height: 100px;
 	background-image: url(/stylesheets/images/ofbanner2.gif);
}
#banner a span {
	display: none;  /* so word "Home" does not appear with banner */
}

#banner p {
	margin: 0;
    float: left;
    padding: 12px 15px 12px 15px;
    background:  #bce3f0;  /* not needed unless squeeze and picture runs under */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px; color: #000;
}
#banner img{
    float: right;
    margin-left: -450px;
}

#footer {
  clear: both;
  position: relative;    /* helps do equal height columns */
	text-align: center;
	font-size: 10px;
    /* width: 100%; */
	color: #fff;
	background-color: rgb(81, 71, 61);   /* #827839; */
	padding: 10px 0px 1px 0px;

	margin-left: -200px;
	margin-right: -150px;
 }
 #footer a {
	color: #fff;
}
#footer a:hover {
	text-decoration: none;
}