/*---- Layout ----*/
div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}
body
{
	padding: 5px;
	margin: 0;
}
#oldbrowser
{
	text-align: center;
}
#masthead h1
{
	display: inline;
}
#leftcolumn
{
	margin-right: -170px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 170px;
	/*/*/ /*/margin: 0 0 0 2px; /* Netscape hack to get the borders to line up */
}
#contentColumn
{
	width: auto;
	margin-left: 169px;
}
#masthead, #innerContentColumn, #innerFooter 
{
	padding: 5px;
}

#innerLeftColumn
{
   	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:2px;
	padding-right:2px;
}

#masthead
{
	padding: 0px;
	background-image: url('WebSiteBannerCollage.jpg') !important;
	background-repeat: repeat-x !important;
	
}
#footer
{
	clear: left;
}
#innerFooter
{
	text-align: center;
	padding-left: 170px;   /*This allows the text to be center on the center of the content div vice the page*/
}
#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
	z-index: 10;
}

/*---- Borders ----*/
#pageFrame
{
	border: solid 1px #000;
}
#footer, #masthead, .hnav, /* #innerLeftColumn, #contentColumn */
{
	border: solid 0px #000;
}
#footer
{
	border-top-width: 0px;  /* set to zero to remove */
}
#masthead, .hnav
{
	border-bottom-width: 1px;
}
#innerLeftColumn
{
	border-right-width: 1px;
}

/*Lists in the Content Column */
#innerContentColumn  ul li
{
list-style-image: url('bullet-mountain-small.gif'); 
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

#innerContentColumn ul ul  li      	
{
list-style-image: url('tidbul2e.gif'); 
padding-bottom: 0px;
}

#innerContentColumn ul ul ul
{
list-style-image: url('tidbul3e.gif');
padding-bottom: 0px;
}

/** Inner Content Column PageBanner**/
#innerContentColumn h2.pageBanner
{
color:#336; 
font-family: 'Comic Sans MS', Arial, Georgia,Verdana, Helvetica;
text-align: center;
font-size: 200%;
min-width: 300px;    /*Will need to change this for better responsive design*/
max-width: 98%;
background-image: url('H2pagebannerBG.gif');
background-color: #fbecc1;
border: 3px solid #006633;
margin: 0;
padding: 2px;
}


#contentColumn
{
	border-left-width: 1px;
}

/*---- Visual Elements ----*/
body
{
	background-color: #ddd;
	color: #000;
	padding: 5px;
	margin: 0;
}
#pageFrame
{
	background-color: #fff;
	color: #000;
	min-width: 400px;
	
}
.hide
{
	display: none;
}

/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
.hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
}
.hnav
{
	padding: 3px 0 4px 0;
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}

/* This section create the Horizonal Rule using a DIV 
   It is used in the html files as this   <div class="hr"></div><hr /> */
div.hr {display: none}
/*/*/a{}
div.hr {
  display: block;
  height: 10px;
  background-image: url('horizonalbar.gif');
  background-repeat: no-repeat;
  background-position: center center;
  margin: 1em 0 1em 0;
}
hr {display:none}
/* End of the HR Section */

/*This if for the iframe border on the SoCalTrailMap Page */
#GoogleMap{
	padding: 0px;
	margin: 0px;
	text-align:center;
	/*border: 3px solid #006633;*/
}