/* ================INSTRUCTIONS=================*/ 
/* By changing the classes below, you can add your own custom banner image and/or custom site title bar. In order for your changes to work though, you MUST include a reference in your HTML pages to both the universal CSS file and custom CSS file in that order.

Instructions are provided below for customizing these classes.

/* ================BANNER=======================*/  
/* TO DISPLAY A CUSTOM BANNER IMAGE: 
If you want to display a custom banner, change the "background: url" to point to a local banner, or external, image location.

TO DISPLAY A CUSTOM BANNER COLOR (NO IMAGE): 
If you would rather display a color instead of a banner image, change the "background: url" to point to "" and set the "background-color" to whatever color you wish to display.
NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 

.banner { 
        background: url("geograph.jpg") 178px 0px no-repeat; 
} 
 
DIV.bannerColorBand, DIV.banner { 
        background-color: #006633; 
} 
/* ================SITE TITLE===================*/ 
/* TO DISPLAY A CUSTOM SITE TITLE BAR: 
The .siteTitle class is specific to the colored site title bar that lies beneath the USGS identifier. To change the color of this bar, set the "background-color" attribute below to the color you wish to display and change the "color" attribute to set the text color.
NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 

Div.siteTitle, #pTitle { 
     background-color: ##008852; 
     color: #ffffff; 
} 

/* =============STANDARD CONTENT===============*/ 
/* TO CHANGE THE TEXT SIZE OF THE CONTENT:
By default, USGS has set the font size to "small" in order to provide a consistent size for content across all pages. If you would prefer not to have a pre-defined font size for your pages, change the "font-size" attributes below to "font-size: 100%;". */
body {
	font-size: small;
}
th, td {
	font-size: small;
}

.title {
	font-family:"Univers Condensed",Arial,Helvetica; 
	font-size:24pt; 
	font-weight:bold;
}

.link2
{
    COLOR: #ff0000; ! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;

}
.link3
{
    COLOR: #010455; ! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 14px;
}

.c1 {
	COLOR: #010455; ! important; 
	FONT-FAMILY: Verdana,Arial,Helvetica;
	FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
	TEXT-DECORATION:none;
	font-style : normal;
}

.c2 {
	COLOR: #010455; ! important; 
	FONT-FAMILY: "Univers Condensed", Verdana,Arial,Helvetica;
      FONT-WEIGHT: bold;
	TEXT-DECORATION:none;
	font-style : normal;
	FONT-SIZE: 18px;

}

.c3 {
	COLOR: #010455; ! important; 
	FONT-FAMILY: "Univers Condensed", Verdana,Arial,Helvetica;
        FONT-WEIGHT: bold;
	TEXT-DECORATION:none;
	font-style : normal;
	FONT-SIZE: 20px;

}


.menuwhite
{
    COLOR:#ffffff ! important;
    BACKGROUND-COLOR:#008852;
    BORDER-COLOR: #ececec;
    BORDER-BOTTOM:#ececec solid 1px;
    BORDER-LEFT:#ececec solid 1px;
    BORDER-RIGHT:#ececec solid 1px;
    BORDER-TOP:#ececec solid 1px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:12px;
    FONT-WEIGHT:bold;
    text-align: center;
    PADDING-TOP:1px;
    TEXT-DECORATION:none !important;
}
.menublue
{
    COLOR:#ececec ! important;
    BACKGROUND-COLOR:#010455;
    BORDER-COLOR: #ececec;
    BORDER-BOTTOM:#ececec solid 1px;
    BORDER-LEFT:#ececec solid 1px;
    BORDER-RIGHT:#ececec solid 1px;
    BORDER-TOP:#ececec solid 1px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:12px;
    FONT-WEIGHT:bold;
    text-align: center;
    PADDING-TOP:1px;
    TEXT-DECORATION:none !important;
}
.menugreen
{
    COLOR:#ffffff ! important;
    BACKGROUND-COLOR:#506e48;
    BORDER-COLOR: #ececec;
    BORDER-BOTTOM:#ececec solid 1px;
    BORDER-LEFT:#ececec solid 1px;
    BORDER-RIGHT:#ececec solid 1px;
    BORDER-TOP:#ececec solid 1px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:12px;
    FONT-WEIGHT:bold;
    text-align: center;
    PADDING-TOP:1px;
    TEXT-DECORATION:none !important;
}


.menu2
{
    COLOR:#010455 ! important;
    BACKGROUND-COLOR:#cccccc;
    BORDER-COLOR: #ececec;
    BORDER-BOTTOM:#ececec solid 1px;
    BORDER-LEFT:#ececec solid 1px;
    BORDER-RIGHT:#ececec solid 1px;
    BORDER-TOP:#ececec solid 1px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:12px;
    FONT-WEIGHT:normal;
    text-align: left;
    PADDING-TOP:2px;
    TEXT-DECORATION:none !important;
}
.menu2a
{
    COLOR:#0000FF ! important;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:12px;
    FONT-WEIGHT:normal;
    text-align: left;
    TEXT-DECORATION:underline !important;
}


.menu3
{
    COLOR:#010455 ! important;
    BACKGROUND-COLOR:#ffffff;
    BORDER-COLOR: #010455;
    BORDER-BOTTOM:#010455 solid 1px;
    BORDER-LEFT:#010455 solid 1px;
    BORDER-RIGHT:#010455 solid 1px;
    BORDER-TOP:#010455 solid 1px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:10px;
    FONT-WEIGHT:normal;
    text-align: center;
    PADDING-TOP:2px;
    TEXT-DECORATION:none !important;
}

 div.c2 {text-align: center}
 div.c1 {margin-left: 2em}

 .left_menu { margin: 0px;}
  
.button { 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-SIZE: 14px; 
	text-decoration: none !important; 
	background-color: #CCCCCC; 
	border: outset; 
	padding: 2px; 
}

.width750
{
   width: 750px;
}
.paragraph
{
    COLOR: #000000 ! important;
    MARGIN: 5px;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 14px;
}
.paragraph2
{
    COLOR: #010455 ! important;
    MARGIN: 5px;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 14px;
}
.white
{
    COLOR: #ffffff; ! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none ! important;
}
.white2
{
    COLOR: #ffffff; ! important;
	BACKGROUND-COLOR:#010455;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none ! important;
}

.menubar2
{
    COLOR:#ffffff;
    BACKGROUND-COLOR:#103421;
    BORDER-COLOR: #ffffcc;
    BORDER-BOTTOM:#ffffcc solid 2px;
    BORDER-LEFT:#ffffcc solid 2px;
    BORDER-RIGHT:#ffffcc solid 2px;
    BORDER-TOP:#ffffcc solid 2px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:14px;
    HEIGHT:16px;
    LETTER-SPACING:-0.5pt;
    LINE-HEIGHT:18pt;
    PADDING-TOP:1px;
    TEXT-DECORATION:none;
    text-align : center;
}
.menubar3
{
    COLOR:#ffffff;
    BACKGROUND-COLOR:#010455;
    BORDER-COLOR: #010455;
    BORDER-BOTTOM:#010455 solid 2px;
    BORDER-LEFT:#010455 solid 2px;
    BORDER-RIGHT:#010455 solid 2px;
    BORDER-TOP:#010455 solid 2px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:14px;
    HEIGHT:16px;
    LETTER-SPACING:-0.5pt;
    LINE-HEIGHT:18pt;
    PADDING-TOP:1px;
    TEXT-DECORATION:none;
    text-align : center;
}

.news
{
    COLOR: #ffffff! important;
    BACKGROUND-COLOR:#103421;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
    LETTER-SPACING: 0.5pt;
    LINE-HEIGHT: 14pt;
}
.column
{
    COLOR: #014055! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	margin:3px;
}
.column2
{
    COLOR: #014055! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	font-weight:bold;
	text-decoration:none !important;
}
.sitemap
{
    COLOR: #014055! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	font-weight:bold;
	margin-left:5px;
	text-decoration:none !important;
}

.column4
{
    COLOR: #014055! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	margin-left:4px;
}
.programlink
{
    COLOR: #000000! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	text-decoration:underline;
	font-weight:bold;
}

.column4n
{
    COLOR: #014055! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;

}

.column3
{
    COLOR: #000000! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	position:absolute;
	top:255px;
	left: 20px;
	width:280px;
	BACKGROUND-COLOR:#cccccc;
    BORDER-COLOR: #000000;
    BORDER-BOTTOM:#000000 solid 3px;
    BORDER-LEFT:#ffffff solid 1px;
    BORDER-RIGHT:#000000 solid 3px;
    BORDER-TOP:#ffffff solid 1px;
	padding:5px;
	line-height:17px;

}
.column3d
{
    COLOR: #ffffff! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	position:absolute;
	top:175px;
	left: 20px;
	width:280px;
}

.column3b
{
    COLOR: #000000! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	position:absolute;
	top:300px;
	left: 20px;
	width:280px;
	BACKGROUND-COLOR:#cccccc;
    BORDER-COLOR: #000000;
    BORDER-BOTTOM:#000000 solid 3px;
    BORDER-LEFT:#ffffff solid 1px;
    BORDER-RIGHT:#000000 solid 3px;
    BORDER-TOP:#ffffff solid 1px;
	padding:5px;
	line-height:17px;

}
.column3c
{
    COLOR: #000000! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
	position:absolute;
	top:320px;
	left: 20px;
	width:280px;
	BACKGROUND-COLOR:#cccccc;
    BORDER-COLOR: #000000;
    BORDER-BOTTOM:#000000 solid 3px;
    BORDER-LEFT:#ffffff solid 1px;
    BORDER-RIGHT:#000000 solid 3px;
    BORDER-TOP:#ffffff solid 1px;
	padding:5px;
	line-height:17px;

}


.columnwhite
{
    COLOR: #ffffff! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
}

.news2
{
    COLOR: #ffffff! important;
    BACKGROUND-COLOR:#010455;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
    LETTER-SPACING: 0.5pt;
    LINE-HEIGHT: 14pt;
}


.notice
{
    COLOR: #000000; ! important;
    FONT-FAMILY: Verdana,Arial,Helvetica;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none ! important;
}

.title_label { 
	 margin: 0px; 
	 border-top: #FFE6CB solid thin; 
	 font-size: 14px; 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 border-bottom: #FFE6CB solid thin; 
	 font-weight: bold; 
 }

.small {
 font-size: 7px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 TEXT-DECORATION: none ! important;
}
.small2 {
 font-size: 10px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 TEXT-DECORATION: none ! important;
 color: #000000;
}

.housebutton {
font-weight: bold;
text-align: center;
margin-bottom: .5px;
margin-top: .5px;
}


.housebutton a {
padding: 1px;
text-decoration: none;
width: 1%;
color: #224059;
padding-bottom : 3px;
padding-top : 3px;
background-color: #D5c9c9;
border-top: 1px #999999 solid;
border-left: 1px #999999 solid;
border-bottom: 1px #ffffff solid;
border-right: 1px #ffffff solid;
}

.housebutton_s a {
text-decoration: none;
width: 1%;
background-color: #ff0000;
border-top: 1px #999999 solid;
border-left: 1px #999999 solid;
border-bottom: 1px #ffffff solid;
border-right: 1px #ffffff solid;
padding-bottom : 3px;
padding-top : 3px;
}



.housebutton a:hover {
background-color: #999999;
border-top: 1px #ff0000 solid;
border-left: 1px #ff0000 solid;
border-bottom: 1px #ff0000 solid;
border-right: 1px #ff0000 solid;
}

.housebutton_sUT a {
text-decoration: none;
width: 1%;
background-color: #5c82B9;
border-top: 1px #999999 solid;
border-left: 1px #999999 solid;
border-bottom: 1px #ffffff solid;
border-right: 1px #ffffff solid;
padding-bottom : 3px;
padding-top : 3px;
}



.housebuttonUT a:hover {
background-color: #999999;
border-top: 1px #5c82B9 solid;
border-left: 1px #5c82B9 solid;
border-bottom: 1px #5c82B9 solid;
border-right: 1px #5c82B9 solid;
}


.titletab {
color:  #ffffff;
width: 95px;
background-color: #999999;
border-top: 1px #ececec solid;
border-left: 2px #ececec solid;
border-bottom: 1px #000000 solid;
border-right: 4px #000000 solid;
bottom-padding: 2px;
font-size: 10px; 
}

.titletab_selected {
color:  #ffffff;
width: 95px;
background-color: #ff0000;
border-top: 2px #ececec solid;
border-left: 2px #ececec solid;
border-bottom: 1px #000000 solid;
border-right: 4px #000000 solid;
font-size: 10px; 
}


.tab {

width: 96px;
border-top: 2px #999999 solid;
border-left: 2px #999999 solid;
border-bottom: 2px #999999 solid;
border-right: 2px #999999 solid;
padding-bottom : 3px;
padding-left: 1px;
padding-top : 2px;
}


.ortholist {
color:  #000000;
background-color: #BBD5C3;
font-size: 12px; 
}

.orthotitle {
color:#036B25;
font-size:16px;
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
}

/* Common Customer Services Area - NON-EDITABLE AREA */
.ccsa {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin-left: 4px;
text-decoration: none;
background-color: #000000; 

white-space: nowrap;
}
A.ccsa:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
margin-left: 2px;
font-weight: bold;
}
A.ccsa:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
margin-left: 3px;
font-weight: bold;
}
A.ccsa:link {
color: #FFFFFF;
}
A.ccsa:visited {
color: #FFFFFF;
}

.newinfo {
position: absolute;
top:130px;
left: 498px;
width:280px;
bgcolor:#e5edf9;
}

.newinfo2{
bgcolor:#ff9999;
border-bottom-color:#000000;
border-top-color:#000000;
border-right-color:#000000;
border-left-color:#000000;


}

.feature {
position: absolute;
top:650px;
left: 250px;
bgcolor:#fdf5e6;
}

.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px; 
	font-weight:bold;
}


.textforfeature {
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.sectionforfeature {
	BORDER-COLOR: #000000;
    BORDER-BOTTOM:#999999 solid 1px;
    BORDER-LEFT:#ffffff solid 1px;
    BORDER-RIGHT:#999999 solid 1px;
    BORDER-TOP:#ffffff solid 1px;
	margin-left:3px; 
	margin-bottom:1px; 
	margin-top:0px;
	margin-right:4px;
	background-color:#F2F2F2;
}

.explain {
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR:#cccccc;
BORDER-COLOR: #000000;
BORDER-BOTTOM:#000000 solid 3px;
BORDER-LEFT:#ffffff solid 1px;
BORDER-RIGHT:#000000 solid 3px;
BORDER-TOP:#ffffff solid 1px;
padding:5px;
line-height:17px;
}
.closewindow {
    COLOR:#ffffff ! important;
    BACKGROUND-COLOR:#008852;
    BORDER-COLOR: #ececec;
    BORDER-BOTTOM:#ececec solid 1px;
    BORDER-LEFT:#ececec solid 1px;
    BORDER-RIGHT:#ececec solid 1px;
    BORDER-TOP:#ececec solid 1px;
    FONT-FAMILY:Verdana,Arial,Helvetica;
    FONT-SIZE:10px;
    FONT-WEIGHT:bold;
    text-align: center;
	padding:3px;
    TEXT-DECORATION:none !important;
}

.smalltext {font-family:verdana;font-size:.8em;}


a {color:#003399; text-decoration: underline }

a:hover {color: #000000; text-decoration:none; background-color: #89B88F}