/* BASELINE SETTINGS  ----------------------*/

/*<![CDATA[*/
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }
table { 
border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { 
font-style: normal; font-weight: normal; }
ol, ul { margin: .25em 0;  margin-left: 10px; padding-left: 0; }
ul { list-style-type: none; padding-left: 0; }
ol { list-style-type: decimal; }
caption, th {  text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em { font-style: italic; font-weight: normal; }

/*   STRUCTURE SETTINGS  ----------------------*/
html {
	margin: 0;  
	padding: 0;
}

body  {
	margin:  0;
	padding: 0;
	background-color:  #f3ebd5;
	background-image:  url(../img/layout/background_tile.jpg);
	background-repeat:  repeat;
	color: #f6f1dd;
	font-family: verdana, arial, helvetica, sans-serif;
}

alt { 
	font-size: 10px;
	line-height: 120%;
	color: black;
	font-family: verdana, arial, helvetica, sans-serif;
	}
table {
	color: #000000;
}
/* ------------------------ HEADER TAGS --------------------- */
h1 {
	font-size: 18px;
	margin:  0 0 5px 0;
	color: #ddd6b9;   /* putty1 */
}
h1.big-question,
#expertise h1,
#qualifications h1,
#company_history h1 {        /* team names  */
	font-size: 15px; /* change to 1em when new code is implemented */
	line-height: 120%;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
	color: #ffffff;
	margin:  12px 0 8px 0;
	letter-spacing: 0.03em;
}
h1.big-name {        /* team names  */
	font-size: 16px; /* change to 1em when new code is implemented */
	line-height: 120%;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
	color: #ffffff; /* white */
	margin:  12px 0 8px 0;         /* more space at top */
	letter-spacing: 0.03em;
}
h1.answer,
#expertise h2,
#qualifications h2,
#company_history h2 {  /* all the "we can help" lines, job titles */
	font-size: 15px; 
	line-height: 120%;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
	margin:  0 0 8px 0;
	font-style: italic; 
	color: #fde97d; /* brite buttercup */
	letter-spacing: 0.02em;
}
h1.position {  /* all the job titles */
	font-size: 12px; 
	line-height: 120%;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
	margin:  0 0 8px 0;
	font-style: italic; 
	color: #fcfccc;    /* notsobrite buttercup */
	letter-spacing: 0.02em;
}
h2 {
	font-size: 14px;
	margin:  0 0 0 0px;
}
h2.events,
h2.jobs,
h2.articles {            /* job titles & news articles */
	font-size: 14px; /* change to 1em when new code is implemented */
	line-height: 120%;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
	color: #ffffff;
	margin:  4px 0 0 0;
}
h5 {                     /* use for emphasis and UL headers */

	font-size: 11px;
	line-height: 130%;
	font-weight: bold;
	margin:  0 0 5px 0;
	text-transform: none;
	letter-spacing: 0.02em;
}
h6 {                     /* use for page headings */
	color: #e8dba3;      /* orange */
	font-size: 11px;
	line-height: 130%;
	font-weight: bold;
	margin:  0 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

h6.degree {                     /* use for page headings */
	color: #e8dba3;      /* sunny */
	font-size: 11px;
	line-height: 130%;
	font-weight: bold;
	font-style: italic;
	margin:  0 0 5px 0;
	text-transform: none;
	letter-spacing: 0.01em;
	padding-top: .1em;
}
/* --------------------- TEXT TAGS --------------------- */

p {	margin-top: .5em;
	font-size: 12px;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;	
	letter-spacing: .01em;         /* added SC */
}

.smaller { font-size: 75%; }

.nocaps { text-transform: capitalize; }


ul.compact  { padding-bottom: 3px; }

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.compact, .compact li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:  0 0 0 1em;
	padding: 0;
	line-height: 1.25em;
}

a {	color: #000000;    /* black */
	font-weight: bold;
}

a:hover {
	color: #000000;    /* black */
}

#header {                /* holds navbar include file */
	width: 800px;	
	margin-top: 18px;	
	margin-left: auto;
	margin-right: auto;		
	color: #5b574d;            /* dark brown */
	font-size: 12px;
	line-height: 18px;		
	font-family: Arial, Helvetica, sans-serif;
	z-index: 799;	
}



/*  -------------------- NEW ONE LINE LOGO --------------------- */
 
#branding { 	   /* WORKS: CENTERS LOGO, ALLOWS ROLLOVER EFFECT */
	width: 800px;
	height: 43px;
	margin: 0 auto 0 auto;
	padding-top: 20px;	
}	
#logoloadtop { 	     /* Loads ONE LINE logo so it is available */
	position: absolute;
	top: -99em;  left: -999em;      /* way off the page */
	/* width: 8px;  height: 2px;       sized way smaller */	
	background-image:  url(../img/layout/logo_bpm_new_hover.png);
	background-repeat: no-repeat;		
}	
#logotop,
#logotop:link,
#logotop:visited   { 	            /* holds ONE LINE logo */
	width: 800px;
	height: 43px;
	background-image: url(../img/layout/logo_bpm_new.png);
	background-repeat: no-repeat;
	background-position: center top; 
	z-index: 990;
} 
#logotop:hover,
#logotop:active   {
	width: 800px;
	height: 43px;
	background-image:  url(../img/layout/logo_bpm_new_hover.png);
	background-repeat: no-repeat;
	background-position: center top; 
	z-index: 991;
}


#bodyTop {
	height: 29px;
	margin-top: 1px;
	background-image:  url(../img/layout/body_top.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;	
	z-index: 40;
}



#bodyMiddle {          /* ----- holds grene background color -----*/	
	float: left;
	margin-top: 0px;
	background-color: #2e7f90; /* teal blue */
	background-image:  url(../img/layout/body_middle_tile.jpg);
	background-repeat: repeat;	
	min-height: 350px;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
	z-index: 50;
	border-bottom: 2px solid #2e7f90; /* teal blue */
}

#bodyMiddle a:link,
#bodyMiddle a:visited {
	color: #ffffff;         /* white */
}
#bodyMiddle a:hover,
#bodyMiddle a:active {
	color: #fde97d;         /* buttercup */
}

#topSpacer {
	margin-top: 1px;       
}

#textcontent {
	width: 800px;
	height: 350px;   /* keeps bodyBottom in its place */
	margin: 0 auto 0 auto;
	padding-top: 12px;
	padding-left: 4px;       /* ------- **** ------- */
}

#textcontent p {
	line-height: 1.4em;
	padding-bottom: 1em;       /* ------- **** ------- */
}

.section { padding-top: 10px;
	float: left;
	width: 800px;
	height: auto;
	padding-bottom: 20px; }

body#teammember .section p { 
	float: left;
	padding-right: 0; /* doesn't work */
	margin-right: 0; /* doesn't work (except IE, then it breaks layout) */
	width: 540px;
	}

body#teammember .edu,
body#teammember .edu h6.degree { 
	float: left;
	clear: left !IMPORTANT;
	padding-top: 0;
	width: 540px;
	}
	

#bodyBottom {
	float: left;
	clear: left !IMPORTANT; 
	height: 1px;
	margin-top: 0;
	padding: 0;
	width: 100%;
	z-index: 49;
	background-color: #2e7f90; /* teal blue */
	border-bottom: 6px solid #2e7f90; /* teal blue */
	
}	
/*#bodyBottomShadow {
	background-image:  url(../img/layout/body_bottom.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 70px;
	width: 100%;
	z-index: 179;
}*/

.clearer {   /* used to make bottom of blue area work correctly */
	clear: both;
	height: 1px;     
	background-color: #2e7f90;  /* teal blue */	 
}
.clearclear { /* used on contact form, bottom right of footer */
	clear: both;	
	height: 8px;      
	background-color: transparent;
}

#footer {
	background-image:  url(../img/layout/body_bottom.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 50px;
	width: 100%;
	position: relative; 
	
	margin-left: auto;
	margin-right: auto;	
	color: #5b574d;     /*  brown  */
	font-size: 12px;
	line-height: 18px;	
	font-family: Arial, Helvetica, sans-serif;
	z-index: 180;
	
}

div#footer #bottomGraphics { float: inherit; 
	width: 800px; 
	height: 70px;

	padding-top: 12px; 
	
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 0;	
	
	z-index: 181;
	
 }

/*div#tagline { 
	position: absolute;
	top: 310px;
	left: 0px; 	
	background-image:  url(../img/layout/tagline_ONE_LINE.png);
	background-repeat: no-repeat;	
	background-position: center bottom;	
	z-index: 700;
}

div.taglineholder {
	margin: 0 auto;
	width: 800px; 
	height: 19px;
} */

/* ------------------ BOTTOM SECTION ------------------ */

#locality1 { 	   /* HOLDS COGCC ICON, ALLOWS ROLLOVER EFFECT */
	width: 137px;
	height: 75px;
	padding-left: 4px;        /* ------- **** ------- */
	float: left;	
}

div#COGCC-box-load {
	position: absolute;
	top: -199px;
	left: -999px;
	background-image: url(../img/layout/co-rules-regulation2-hover.jpg);
	height:  1px;
	width:  1px;		
}
div#COGCC-box  {
	background-image: url(../img/layout/co-rules-regulation2.jpg);
	width: 137px;
	height: 75px;
	border: 1px solid #9a9086;	
}
div#COGCC-box:hover {
	background-image: url(../img/layout/co-rules-regulation2-hover.jpg);
	width: 137px;
	height: 75px;	
	float: left;	
	border: 1px solid #996633;
}


/*  second box */

#locality2 { 	   /* HOLDS USA MAP, ALLOWS ROLLOVER EFFECT */
	width: 137px;
	height: 75px;
	padding-left: 10px;        /* ------- **** ------- */
	float: left;	
}

div#USA-map-box-load {
	position: absolute;
	top: -199px;
	left: -999px;
	background-image: url(../img/layout/USA-map-hover.jpg);
	height:  1px;
	width:  1px;		
}
div#USA-map-box  {
	background-image: url(../img/layout/USA-map.jpg);
	width: 137px;
	height: 75px;
	border: 1px solid #9a9086;	
}
div#USA-map-box:hover {
	background-image: url(../img/layout/USA-map-hover.jpg);
	width: 137px;
	height: 75px;	
	float: left;	
	border: 1px solid #996633;
}
/*  third box */




#locality3 { 	   /* HOLDS ENERGY FACTS LINK, ALLOWS ROLLOVER EFFECT */
	width: 137px;
	height: 75px;
	padding-left: 10px;        /* ------- **** ------- */
	float: left;	
}

div#ENERGY-FACTS-box-load {
	position: absolute;
	top: -199px;
	left: -999px;
	background-image: url(../img/layout/ENERGY_FACTS_hover.jpg);
	height:  1px;
	width:  1px;		
}
div#ENERGY-FACTS-box  {
	background-image: url(../img/layout/ENERGY_FACTS.jpg);
	width: 137px;
	height: 75px;
	border: 1px solid #9a9086;	
}
div#ENERGY-FACTS-box:hover {
	background-image: url(../img/layout/ENERGY_FACTS_hover.jpg);
	width: 137px;
	height: 75px;	
	float: left;	
	border: 1px solid #996633;
}

/* -------------------  BOTTOM NAVIGATION STUFF ------------------- */

#navigation {
	font-weight: bold;
	position: absolute;
	width: 800px;
}

.navigationItem {
	background-image:  url(../img/layout/navigation_hook.gif);
	background-repeat:  no-repeat;
	background-position:  left bottom;	
	height: 30px;
	width: 100px;	
	/*padding-left: 10px;
	margin-right:  20px;*/
	float: left;	
	text-align: left;
}
#navigation a {
	text-decoration: none;
}
.navigationItem a {
	padding-left: 10px;
}


#boxContact {
	float: right;
	background-image:  url(../img/layout/box_contact.gif);
	height: 76px;
	width: 142px;
	padding-left:  6px;
	padding-top:  3px;
	background-repeat:  no-repeat;
}

#boxContact .clearer { padding-top: 1em; }

#boxAddress {
	float: right;
	background-image:  url(../img/layout/box_address.gif);	
	height:  76px;
	width: 192px;	
	padding-left:  6px;
	padding-top:  3px;		
	background-repeat:  no-repeat;
}

.label {
	font-weight: bold;
	float: left;
	margin-right: 5px;
	clear:  left;
}

.field {
	font-weight: normal;
	float: right;
	padding-right: 15px;
}


/*SUB Navigation  --------------- NOT USED ? ----------------- */

#subNavigation {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	line-height: 28px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f3eedc;	
			border: 2px solid orange;
}

#subNavigation {
	border-bottom:  solid 1px #666666;
}

#subNavigation .left {
	border-left:  solid 1px #666666;
	padding-left: 10px;
}

#subNavigation a {
	color:  #f3eedc;
	border-right:  solid 1px #f3eedc;
	margin: 8px 8px 8px 0;
	padding-right: 8px;
}

#subNavigation a:hover {
	color:  #ffffff;
	text-decoration: underline;
}

.anniversary {
	background-image:  url(../img/layout/co-rules-regulation.jpg);
	height:  75px;
	width:  137px;	
	float: left;	
	margin-left: 15px;
	cursor: pointer;
}


/*Accordion*/

/* Vertical Accordions*/
		
	.accordion_toggle  {
		display:  block;
		height:  77px;
		/*width:  810px;*/
		text-decoration:  none;
		outline:  none;
		font-size:  12px;
		color:  #000000;
		cursor:  pointer;
		margin:  0;
		padding: 0;
	}
		
	.accordion_toggle_active  {
	background:  url(../img/navigation/accordion/base.jpg) no-repeat top left;
	color:  #ffffff;
	}
		
		.accordion_content  {
			color:  #ffffff;
			overflow:  hidden;
		}
			


	.horizontal_accordion_toggle  {
		/* REQUIRED */
		float:  left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;

		display:  block;
		height: 350px;
		/* was height:  280px; */
		width:  77px;

	background: url(../img/navigation/accordion/base.jpg) no-repeat top left;
		text-decoration:  none;
		cursor:  pointer;
		margin:  0px -1px 0 0px;
		padding:  0;
		text-align: center;

	}
		
	.horizontal_accordion_toggle_active  {
	background:  url(../img/navigation/accordion/base.jpg) no-repeat top left;
		/*border-right:  1px solid #f68263;*/
		color: #ffffff;
		}
		
		.horizontal_accordion_content  {
			/* REQUIRED */
			height: 350px;
			/* was
			height:  280px;*/	
/* We need to define a height for the accordion as it stretches the width */

			float:  left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow:  hidden;
			/*background-color:  #ffffff;*/
			color:  #ffffff;
		}
			
		.horizontal_accordion_content p  {
			/*width:  510px;*/
			/*width: 95%;*/
			/*line-height:  150%;*/
			padding:  0 10px 0 10px;
		}
		
		.horizontal_accordion_content h1  {
			font-weight: normal !important;
			color: #ffffff;
			font-size: 10pt !important;
			padding: 0;
			margin-left:  10px;
			margin-top:  0;
		}

	.horizontal_accordion_toggle img {
		margin-left: 1px;
		margin-top: 35px;
		height: 219px;
		width: 75px;
	}
					
					
    /* Container styling*/
    #horizontal_container  {
      margin:  0;
      width:  800px;
      height: 350px;
	/* was  height:  280px;  */
	  
	  margin-left: auto;
	  margin-right: auto; 
	  
	  overflow: hidden;
    }


/* ------------------------ TOP NAVIGATION SCHEME -------------------------- */
#nav { width: auto; }
#nav, #nav ul  {
	float: left;
	list-style:  none;
	line-height:  1;	
	font-weight:  bold;
	padding:  0;	
	margin:  0;
	z-index: 800;
}

#nav li ul {
	border:  solid #eda;
	border-width:  1px 0;
	z-index: 810;
}

#nav a  {
	display:  block;			
	width: auto;  /*  KEEP THIS WIDTH */	
	/*w\idth:  6em;*/
	color:  #7C6240;          /* coffee brown */
	text-decoration:  none;
	padding:  .2em;
}

#nav li  {
	float:  left;
	padding: 0 1em 0 0;  /* adds air between listings WORKS */	
	width: auto;           /* SC changed WORKS */
	/* was width:  8em; */
}

#nav li ul  {
	position:  absolute;
	left:  -999em; 
	height:  auto;
	width:  16.4em;   
	font-weight:  normal;	
	border-width:  2px;	
	margin:  0;	
	background-color: #f2ead3;
}

#nav li li {
	padding: 5px .5em 5px .5em;
	width: 15.5em;	
}

#nav li ul a {
	width: 15.5em;	
	padding:0;
}

#nav li ul ul {
	margin: -1.65em 0 0 13em;
}

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

/*top level menus*/
#nav li:hover, #nav li.sfhover {

}

/*Sub menus*/
#nav li ul li:hover, #nav li ul li.sfhover {
	background-color: #fff;
	color:#000;
}

/* ---------------------------- OTHER ---------------------------- */

div#textcontent ul.usefullinks li { padding-bottom: 2px; }

div#textcontent ul.usefullinks a:link { 
	color: #f9f8ee;    /* palest */
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #f9f8ee; 
}

div#textcontent ul.usefullinks a:visited { 
	color: #d7d8cc;    /* pale less */
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #f9f8ee; 
}
div#textcontent ul.usefullinks a:hover,
div#textcontent ul.usefullinks a:active { 
	color: #fde97d;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #fde97d;
}

#bodyMiddle div#leftside {
	display: inline;
	float: left;
	width: 350px;
	margin-top: 0;
	padding-top: 0;

}
#bodyMiddle div#rightside {
	display: inline;
	float: left;
	clear: none;
	width: 350px;
	margin-left: 30px;
	margin-top: 0;
	padding-top: 0;

}

img.team { float: right; 
	margin: 16px 18px;
	width: 200px; 
	height: 267px;
/* 	border: none;  1px solid #8f8d50; change to grene when pics arrive */
	
	border: 1px solid #b1ad7c; 	/* dark putty*/
	}

div#bodyMiddle div#textcontent p {
	padding-bottom: 3px;
	}

/*img.team  alt { 
	font-size: 10px;
	line-height: 120%;
	color: black;
	font-family: verdana, arial, helvetica, sans-serif;
	}*/
	


div#floatinglink { position: absolute !IMPORTANT;
	z-index: 2100 !IMPORTANT;
	width: 160px;
	padding: 6px; 
	margin: 30px 0 0 0;
	border: 2px solid #2e7f90;  /* teal blue */	
	background-color: #ffffff;
	font-size: 11px; 
	line-height: 1.3em;
	text-align: left;	 }
	
		
.PDFload { color: #d9d1b3; font-size: 85%; text-transform: uppercase; }

/* COLOR CHART */
/* f9f8ee */
.britepale { color: #f5f3e7; }

.pale { color: #f2f0e2; }

.inputblanks { background-color: #f3ebd5; }

.sunny { color: #e8dba3; }

.putty1 { color: #ddd6b9; }

.putty2 { color: #d7d2be; }

.putty3 { color: #dddcc4; } /* lite */

.putty4 { color: #d9d1b3; }


.sage1 {  color: #cfd7c5; }

.sage2 {  color: #d6e0ca; }  /* mintysage */

.sage3 {  color: #d1d6bb; }  /* celery */


.sea1 {  color: #d8ebf0; }  /* lite */

.sea2 {  color: #bed2d8; }  /* dusky */

.sea3 {  color: #c5d3d7; }  /* almost gray */

.buttercup { color: #fde97d; } /* use for rollovers */

.rust {  color: #996733; }  /* dark background for admin */

.grene { background-color: #8f8d50; }

.tealblue { background-color: #2e7f90; } /* teal blue */


	/*]]>*/