body	{
    margin: 0 -1px;
	background-color: white;
/*	background-color: #0B415F; #030202;*/	
		text-align: center;
		color: black;
/*		font-family: Arial, Helvetica, sans-serif; */
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 11px;
		}
	
	a, a:link, a:visited, a:active {
		color: darkred; /* red: #97101a;  #e3e5c6;  #77101a; #77101a; red #450d17; different red #97101a;  lighter red*/
		text-decoration: underline;
		}
	
	a:hover {
		color: darkblue; /* #77101a; */
		text-decoration: none;
		}

	code, kbd, pre, tt {
    	font-family: monospace;
		}

	h1 { 		}

	a.big:link, a.big:visited {
		color: darkblue; /*  #77101a; red #450d17; different red*/
		font-size: 16px;
		text-decoration: none;
		}

	a.big:hover {
		color: #97101a; /* lighter red */
		text-decoration: underline;
		}

	#container {  	
		/* Contains the entire page contents, except the headerimage.  
		(results include blank space on the left and right) */
		/* because "min-width" is not supported by IE, these pages use a script from PVII 
		min-width:740px; */
		/* this is to "minimize" an IE bug related to background painting, but because it 
		creates a gap below a footer, the same declaration can also added to a #footer */

		/* width: 940;   auto100% 942px;*/
		height: auto;
        width: 100%;

		background-color: white;
		font-family: Verdana, Helvetica, sans-serif;
		padding: 0px;
		}

	#inner_wrapper {  	
		/* Positioned after the container (outmost wrapper), contains page contents. 
		Include before the header.*/

		/* faux-column technique, this is the right one 
		background:url(right.gif) repeat-y right 
		width: 940px;
		display: inline; */
		} 
        
    #column_wrapper {
		/* contains all 3 columns, to bind the 3rd column /*
	/*		width: 940px;   1140 As long as the wrapper & right column, plus padding: 150, 940, sidebar: 10, sidebarRight: 20 */
		float: left;
        display: inline;      
		height: auto;
         /* width: 945px; 
        width: 985px; */
		background-color: white;
}

	#wrapper {  	
		/* contains left & middle column 
		position: relative;*/ 
		float: left; 
		display: inline;
	    height: auto;
 		width: 985px;  /* 985px; */

		background-color: white; /* #003366; */
		font-family: Verdana, Helvetica, sans-serif;
		padding: 0px;
		z-index: 1;
		}
/*        
* html #wrapper { 
		min-width: 985px;       
 		margin-left: -140px;
}        */

	#header {		

		height: 230px;  /* was 290px; with mailing address line */
		
		/* this is to "give layout" to the element and fix some 
		peek-a-boo bug in  IE (v6 sp2) */
		width: 100%;
		/* the above declaration creates an horizontal scroll bar in IE, 
		this is to get rid of it */
		margin: 0px -1px;
		padding: 0px 0px 0px 0px;

		text-align: left;
		font-family: Verdana, Helvetica, sans-serif;
	
		border-style: none;
		border-width: 0px;
		background-color: black;
		color: white;  /* #e3e5c6 off white */
		}

     #header a, a:link, a:visited, a:active {
     color: white;
     text-decoration:underline;
     }
     #header a:hover {
     color: blue;
     text-decoration:underline;
     } 
                   
    #picofchris { 
        position: absolute;
        top: 0px;
		left: 0px;      
        }  
        
    img.picborder {
        border: 1px black solid;
        margin: 0px 15px 5px 0px;  /* top, right, bottom, left */
        }
       
	.headerpic { 
        position: absolute;
        top: 25px;
        left: 50px;
      /*      float: left;          
        position: absolute;
        top: 25px;
		left: 25px; */ 
		} 

    .textbanner_top { 
     /* textbanner_top is used for a span in the includes/header file; used for "Click company logos to see Chris live" */   
        position: absolute;
        top: 120px;
        left: 500px;
        width: 390px;  /* must be adjusted if the text changes; without specific width, the banner will look like a block covering other text instead of a line */
   		font-size: 14px;
        text-align: center;
        font-weight: bold;
        background-color: darkred;
        }   
/*       
     .textbanner_top a:link, a:visited, a:active {color: white;}
     .textbanner_top a:hover {color: blue;} 
*/           
    .contactinfo { 
        position: absolute;
        top: 195px;
        left: 170px; 

   		font-family: Verdana, Helvetica, sans-serif;
        text-align: center;
        font-size: larger;
        line-height: 15px;
        font-weight: bold;
    }

	.bluelayer {

		top: 156px;
		left: 0px;
		background-color: black; /* blue #000066; */
		width: 940px;  /* 100%; 925px; */
	/*	height: auto; */
		padding-top: 0px; /* 10px; */
		padding-bottom: 8px; /* 10px; */
		} 

	#headerwrap { /* */
	/*	background-color: black; */
		width:  940px; 
	/*	height: auto; 145px; */
		} 

	#sidebar {

		float: left; 
        display: inline;  

		width: 150px; 
		height: auto;

		text-align: left;
		margin-top: 50px;  
        margin-right: 20px;
		padding-top: 0px;
		padding-bottom: 15px;
		padding-left: 25px;
    	padding-right: 10px;  
		background-color: white;
		border-color: none; 
		border-width: 0px;
		border-style: none; 
	  	font-size: 11px;
		font-family: Verdana, Helvetica, sans-serif;
	  	font-color: black;     /*#FFFFFF;   #e3e5c6; */
		}

    .sidebarbody { }

	#sidebarRight {
		
/*		margin-left: -160px; 
		float: right;

 
		position: absolute;
		top: 226px; left: 799px; */

		position: relative;
		display:inline; 
		float: right;

		width: 150px;
		height: auto;
		text-align: left;
		display: inline;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px; /* 19px; 100%; */
		padding-right: 10px;

		background-color:  white;
		border-width: 0px;

		font-size: larger;
		font-family: Verdana, Helvetica, sans-serif;
	  	color: black;  / * text color */
		z-index: 2;
		}

	#sidebarRight p {
	/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, 
	but using a different fix) */
	position:relative; 
	}

	.entry	{
  /*      float: left;
        display: inline;  */
		height: auto;
 
  /*      position: relative; */
 
	 /*	margin-left: 200px;  was 350px */
		margin-top: 0px;
 
		padding-top: 10px;
		padding-bottom: 0px; 
		padding-left: 180px; 
		padding-right: 10px; 

		background-color: #FFFFFE; /* #e3e5c6; */
		color: #000000;
		font-family: Times New Roman, Helvetica, sans-serif;/* Verdana, Helvetica, sans-serif; */
 		font-size: 16px;  
		text-align: left;
        
/*
		border-width: 3px;
		border-style: groove; /* solid; 
		border-color: #000000; */
        z-index:1;
		}

	.entry a, a:link, a:visited, a:active {
		color: darkred;  
		text-decoration: underline;
		}
	
	.entry a:hover {
		color: darkblue;
		text-decoration: none;
		}        
        
     .newstext {
 /*       position: relative;
        top: 20px;
        bottom: 0px;
        padding-left: 10px;
        border-color: #CCCCCC;  /* light gray 
		border-width: 4px;
		border-style: solid; */

     }
     
     .ImpactTitle {
     font-family: Impact, Helvetica, sans-serif;
     }
     .grayImpactTitle {
     font-family: Impact, Helvetica, sans-serif;
     font-color: #CCCCCC;
     }
	
    #smallgrayBorder {

		margin-top: 10px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px;

/*		background-image: url(/images/SafetyCone.jpeg); background-repeat: norepeat;
		background-color:  #0167A8; */
		border-color: #CCCCCC;  /* light gray */
		border-width: 5px;
		border-style: solid;
	  	font-size: 11px;
		font-family: Verdana, Helvetica, sans-serif;
	  	color: #FFFFFF;  / * #e3e5c6; */
		width: 150px;
		height: auto;
		float: left;
		text-align: left;
		}
    
	.picborder1 {
		position: relative; 
		float: left;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		font-color: #000000;
		background-color: rgb(227, 229, 198);
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		z-index: 3;
		}
		
	.subject {			
		font-weight: bold;
		/* padding: 10px; */
		color: #EEEEEE; /* a near-white text color*/
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
		}
		
	.subject a:hover {
		color: #77101a;
		}	

	.subjectblackspacetop {				
		background-color: #000000;
		padding: 1px;
		}

	.subjectblackspace {				
			background-color: #000000;
			padding: 5px;
			margin-top: 20px;
			}		

	.title	{
		font-family: "Garamond", sans-serif;
		font-size: 22px;		
		font-weight: bold; /* normal; */
		line-height: 200%;
		top: 10px;
		color: #00296E;  /* #97101a; */
		}
	
	.subtitle{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: normal;  /* bold; */		
		top: 5px;
		}


	#layerAddress { 	
		position: relative;
		border-width: 0; 
		width: 250px; padding: 1;
		text-align: center;
		color: black;
		z-index:5;
		}

		

	/* misc  */

	#sidebarBook {

		margin-top: 10px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px;

		background-image: url(/C:/Documents%20and%20Settings/Shawn%20Layton/My%20Documents/ChrisLoomis/bkgrnd_greenTile.gif); background-repeat: repeat;
/*		background-color:  #0167A8; */
		border-color: #003D5B;  /* #d29d42; */
		border-width: 1px;
		border-style: solid;
	  	font-size: 11px;
		font-family: Verdana, Helvetica, sans-serif;
	  	color: #FFFFFF;  / * #e3e5c6; */
		width: 150px;
		height: auto;
		float: left;
		text-align: left;
		}

	li.sidebartitle	{
		margin-bottom: 5px;
		margin-top: 10px;
		padding-left: 7px;
		padding-right: 7px;

		background-color: #001C50;  /* #0B415F; */
		list-style: none;		
		border-style: solid;
		border-width: 1px;
		border-color: #003D5B;  /*  #d29d42; */
/*		background-color: #040303; */
		text-align: center;	
		} 
				
	ul.sidebarlist /* not really helpful right now, delete or add usefulness*/
	{
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		list-style: none;
		}

	.sidebarbody {
		padding: 0px 5px 0px 5px;		
		}


	.subcontent {		
	}

 	#maincontent {	 	
		margin-top: 10px;
		font-family: Verdana, Helvetica, sans-serif;
	/*	font-family: "Verdana", sans-serif; */
		font-size: 11px;
		background-color: #FFFFFE; /* #003366;  #0066CC;  #67101a;  #003366; */
		color: #000000;
/*		border-style: solid;
		border-color: #d29d42;
		border-width: 1px; 
		margin-right: 0px; 
		text-align: left;
		width: auto;  */
		}

	#content {  	
		/* Contains the entire page contents, except the headerimage.  
		(results include blank space on the left and right)*/
		float: left; 
		width: 100%;  /*  642px; */
		height: auto;
/*		margin-left: 20px;
		margin-right: 20px; */
		background-color: white; /* #003366; */
		font-family: Verdana, Helvetica, sans-serif;
		padding-top: 10px;

/*		border-width: 1px;
		border-style: solid;
		border-color: #d29d42; /* orange */  
*/
		}

		#footer {
		/* see #outer_wrapper  */
		width:100%;
		/* this is to clear #container */
		clear:both;
		border-top:1px solid #b0b0b0;
		border-bottom:1px solid #b0b0b0;
		background: white;
		}

.orange a:link {
     color: #f93;
     background-color: transparent;
     text-decoration: none;
     }

.orange a:visited {
     color: #f93;
     background-color: transparent;
     text-decoration: none;
     }

.orange a:hover {
     color: #fff;
     background-color: #f93;
     text-decoration: underline;
     }

.orange a:active {
     color: #f93;
     background-color: transparent;
     text-decoration: none;
     }

#blacklayer {
		background-color: black;
		positioning: absolute;
		width: 925px;
		height: 213px;	

		} 

/* Navigation Bar - structural styles and offsets */
ul.horizontal, ul.horizontal li, ul.horizontal ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
}

ul.horizontal {
  position: absolute;
  left: -11px; 
  top: 230px;  /* 290 is +5 more than header height) */
  width: 100%;
  cursor: default;
  z-index: 2000;
}

ul.horizontal li {
  width: auto;
  float: left;
  position: relative;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  left: 1em;
  margin: 0 0 0 -0.1em;
}

* html ul.horizontal li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}

ul[class^="horizontal"] li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}

*+html ul.horizontal li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}

ul.horizontal ul {
  z-index: 2020;
  padding: 0;
  cursor: default;
  position: absolute; 
  left: -100em;   
  top: auto;
  width: 8.2em;
  margin: 0 0 0 0;
  padding: 1px 0 0 0;
  text-align: center;
}

ul.horizontal ul li {
  width: 13.2em;   /* width of dropdown menu */
  float: none;
  left: auto;  /* was auto */
  margin: -1px 0 0 0;
  text-align: center;
}

ul.horizontal ul ul {
  margin: -0.45em 0 0 7.65em;
}

/* design styles */
ul.horizontal ul {
  border-width: 1px;
  border-style: solid;
  border-color: #ffeca7 #a97741 #a97741 #ffeca7;
}

ul.horizontal a, ul.horizontal a:visited {
  display: block;
  cursor: pointer;
  cursor: hand;
  background: darkred; /* BACKGROUND COLOR FOR NAV BUTTONS  #ffc; ivory;*/
  border: 1px solid black; /* Button Border  #F2951D; #edbb85; */
  padding: 5px 18px 5px 7px;
  font: normal normal bold 1.2em arial, verdana, sans-serif;
  color: white;  /* white menu letters  old: #77101a; brown: #8B4513; #806020;  #008000; */
  text-decoration: none;
  letter-spacing: 1px;
}

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active,
ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited {
  background: white; /* #F2951D; #FFFF00; orange; ivory; #ffefcf; Color of Menu Background On Mouseover */
  color: darkblue; /* #806020; Color of Menu Links On Mouseover */
}

/* submenu indicator arrows */
ul.horizontal li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
  background: url(/images/down-green.gif) darkred no-repeat 92% 50% !important;  /* darkred=background color for dropdown box with green down arrow */
}
/*
ul.horizontal ul li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
  background: url(/images/right-green.gif) white no-repeat 95% 50% !important;
  color: darkblue;
}
*/
ul.horizontal li.hasmenu > a:hover,
ul.horizontal li.hasmenu > a:focus,
ul.horizontal li.hasmenu > a:active,
ul.horizontal li.hasmenu > a.rollover,
ul.horizontal li.hasmenu > a.rollover:visited {
  background: url(/images/down-red.gif) #FFFF00 no-repeat 92% 50% !important;
/*    background: url(down-red.gif) #ffefcf no-repeat 92% 50% !important; (Old Color) */
}

ul.horizontal ul li.hasmenu > a:hover,
ul.horizontal ul li.hasmenu > a:focus,
ul.horizontal ul li.hasmenu > a:active,
ul.horizontal ul li.hasmenu > a.rollover,
ul.horizontal ul li.hasmenu > a.rollover:visited {
  background: url(/images/right-red.gif) #FFFF00 no-repeat 95% 50% !important;
/*    background: url(right-red.gif) #ffefcf no-repeat 95% 50% ! (Old color)*/
}

* html ul.horizontal li.hasmenu a,
* html ul.horizontal li.hasmenu a:visited {
  background: expression(/images/.test(this.parentNode.className)
      ? "url(/images/down-green.gif) darkred no-repeat 92% 50%" : "white");
/*    ? "url(/images/down-green.gif) white no-repeat 92% 50%" : "#ffc"); (Old Color) */

}
* html ul.horizontal ul li.hasmenu a,
* html ul.horizontal ul li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(/images/right-green.gif) darkred no-repeat 95% 50%" : "darkblue");
/*    ? "url(/images/right-green.gif) #ffc no-repeat 95% 50%" : "#ffc"); (Old Color) */
}

* html ul.horizontal li.hasmenu a:hover,
* html ul.horizontal li.hasmenu a:active,
* html ul.horizontal li.hasmenu a.rollover,
* html ul.horizontal li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(/images/down-red.gif) #ffefcf no-repeat 92% 50%" : "#ffefcf");
}

* html ul.horizontal ul li.hasmenu a:hover,
* html ul.horizontal ul li.hasmenu a:active,
* html ul.horizontal ul li.hasmenu a.rollover,
* html ul.horizontal ul li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(/images/right-red.gif) #ffefcf no-repeat 95% 50%" : "#ffefcf");
}

/* browser hacks */
ul.horizontal li { display:table; }
ul[class="horizontal"] li { display:block; }

ul.horizontal a { float: left; }
@media Screen, Projection { ul.horizontal a { float: none; } }
ul.horizontal ul a { float: none !important; }
@media screen, projection {
  * html ul.horizontal li {
    display: inline;
    f\loat: left;
    background: #FFFF00;  /* was #fff */
  }
}
* html ul.horizontal li { position: static; }
* html ul.horizontal a { position: relative; }

*+html ul.horizontal li {
  display: inline;
  float: left;
  background: #FFFF00; /* was #fff */
  }
*+html ul.horizontal li { position: static; }
*+html ul.horizontal a { position: relative; }

/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}
      
	.videoExxonMobil { 

        float: left;
        display: inline;
        position: absolute;
        top: 25px;
        left: 500px;
		background-color: black;
		color: #e3e5c6;

		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
 		}

	.videoAnBusch { 

        float: left;
        display: inline;
        position: absolute;
        top: 25px;
        left: 635px;
		background-color: black;
		color: #e3e5c6;

		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
 		}
        
	.videoCompass { 

        float: left;
        display: inline;
        position: absolute;
        top: 25px;
        left: 770px;
		background-color: black;
		color: #e3e5c6;

		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
 		}

	.video a:link {
	     color: #e3e5c6;
	     background-color: transparent;
	     text-decoration: underline;
	     }

	.video a:visited {
 	    color: #e3e5c6;
	     background-color: transparent;
	     text-decoration: underline;
     }

	.video a:hover {
	     color: #FFCC66;
	     background-color: #000;
	     text-decoration: none;
	     }

	.video a:active {
	     color: #CC0000;
	     background-color: transparent;
	     text-decoration: none;
	     }

        
	/*  Whitespace/Formatting  */
				
	.clear {		
		height: 15px;
		}
		
	.centertext {
		text-align: center;
		}
        
    .IncreaseLeftMargin { 
		margin-left: 30px;
		}
		
	.separator{
		/* for formatting separators between entries */
		height: 35px;
		}

	.bigspace{
		/* for extra space */
		height: 150px;
	}

	#fivespace{
		/* for extra space */
		height: 5px;
	}
    
    	.onespace{
		/* for extra space */
		height: 1px;
	}
    
	.clearing {height:0;clear:both}
	/* this is the class that is applied to 2 structural hacks in the markup. The first 	"meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */