/* =====================================================*/
/* ================CUSTOMIZEABLE AREA=================*/
/* =====================================================*/
/* Instructions:
The classes below are also existent within the universal CSS files. By
changing them here, and including a reference to both the universal and custom
CSS files, these classes below will overwrite any that are in the universal CSS. 
You must include this custom file beneath the universal file, or embed it after
the universal CSS.
	
You can modify the custom classes below according to the instructions.
By default, we are providing you with an image banner and a background color.

TO DISPLAY A CUSTOM BANNER:
If you want to display the default image banner nothing needs to be changed. If 
you want to display a different banner change the URL to point to your specific 
image banner location. 

TO DISPLAY A CUSTOM COLOR:
If you would like to display a solid color instead of the banner image, remove 
the path to the image banner and enter the hexadecemial value for your color that
you want to display.

TO DISPLAY A CUSTOM SITE TITLE BAR:
The .siteTitle class is specific to the colored Web site title bar that lies 
beneath the USGS identifier. Only the "background-color" and "color" attributes
of the .siteTitle class can be modified. All other attributes must remain unchanged.

*/


/*These are the classes for the banner cell.  A new class should be added for each additional banner
and edited on line 63 of the template.  Each new banner images should be stored in the template_images folder
on the energy.usgs.gov domain in natweb*/
.generalBanner {
	background-repeat: no-repeat;
	background-color: #000000;
	background-image: url(http://energy.er.usgs.gov/images/template_images/bannerUSGSenergy.jpg);
}

.coalBanner {
	background-repeat: no-repeat;
	background-color: #000000;
	background-image: url(../Img/bannerCOAL.jpg);
}

.weBanner {
	background-repeat: no-repeat;
	background-color: #000000;
	background-image: url(http://energy.er.usgs.gov/images/template_images/we_banner.jpg);
}

.medBanner {
	background-repeat: no-repeat;
	background-color: #000000;
	background-image: url(http://energy.er.usgs.gov/images/template_images/medical_geology_banner.jpg);
}




/*-------------------*/
/*Energy Specific Styles*/
/*-------------------*/

/* Updates to some styles in usgs styles, specifically headings--said to be ok--see email from donna*/
.H1Style {
	font-size: 22px; 
	font-weight: bold;
}

.H2Style {
	font-size: 18px; 
	font-weight: bold;
}

.H4Style { 
font-size: 14px;
}
.H3Style {
	font-size: 16px;
	font-style: italic;
}
/*theme or room title, can include differenct colors which should be reflected in stylesheet name*/
.theme-roomTitleWhite {
		 padding-right: 20px; 
		 padding-left: 20px; 
		 font-weight: bold; 
		 font-size: 15px; 
		 padding-bottom: 20px; 
		 color: white; 
		 padding-top: 20px; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.theme-roomTitleBlack {
		 padding-right: 20px; 
		 padding-left: 20px; 
		 font-weight: bold; 
		 font-size: 15px; 
		 padding-bottom: 20px; 
		 color: black; 
		 padding-top: 20px; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
/*End theme or room title section*/

/*breadcrumb*/
.breadcrumb {
		 font-size: 10px; 
		 color: #000000; 
		 font-weight: bold; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}

/*end breadcrumb*/
.contact {
		 padding-left: 5px; 
		 padding-right: 4px; 
		 font-size: 10px; 
		 color: black; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.contactBOLD {
	padding-left: 5px; 
	padding-right: 4px; 
	font-size: 10px; 
	color: black; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif
}
.redspotlight {
		 font-size: x-small; 
		 color: #ff0000
}
.spotlight {
		 font-weight: bold; 
		 font-size: 10px; 
		 color: black; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.spotlightNotBold {
		 font-size: 10px; 
		 color: black; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.energytext {
		 font-size: 12px; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.energytextBold {
		 font-weight: bold; 
		 font-size: 12px; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
/*Side Navigation bar heading style--add colors as needed and change names accordingly*/
.sidenavbarheadingwhite {
		 font-weight: bold; 
		 font-size: 13px; 
		 color: white; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.sidenavbarheadingblack {
		 font-weight: bold; 
		 font-size: 13px; 
		 color: black; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
/*End side navigation bar heading*/

/*Style of global links "about energy" "energy home" etc.  Includes multiple colors--add colors as needed and change name accordingly*/
.energyGlobalLinksWhite {
		 font-size: 11px; 
		 color: white; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
.energyGlobalLinksBlack {
		 font-size: 11px; 
		 color: black; 
		 font-family: Verdana, Arial, Helvetica, sans-serif
}
/*End global links*/

.sideNavBarLinks {
             font-size: 11px;
             font-weight: bold;
             color: #cccccc;
             font-family: Verdana, Arial, Helvetica, sans-serif;
}
A.sideNavBarLinks:visited {
      font-size: 11px;
             font-weight: bold;
             color: #cccccc;
             font-family: Verdana, Arial, Helvetica, sans-serif;
}
A.sideNavBarLinks:hover {
      font-size: 11px;
             font-weight: bold;
             color: #FFCC33;
             font-family: Verdana, Arial, Helvetica, sans-serif;
}
A.sideNavBarLinks:active {
      font-size: 11px;
             font-weight: bold;
             color: #cccccc;
             font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*Background Colors For Cells of each theme*/

.coalColor {
background-color: #330000;
}
.oilgascolor {
background-color: #679e7e;
}
.otherenergycolor {
background-color: #333399;
}
.regstudiescolor {
background-color: #003333;
}
.healthcolor {
background-color: #663399;
}
.geochemcolor {
background-color: #996633;
}
.generalcolor {
background-color: #cccc99;
}
.generaldarkcolor {
background-color: #333333;
}

/*Generic Background Images*/
.columnBackGround {
background-color: #FFFFFF;
background-image: url(http://energy.er.usgs.gov/images/sep_column.gif);
}
/* =====================================================*/
/* =============END CUSTOMIZEABLE AREA===============*/
/* =====================================================*/