/* National GACC Website Template CSS page created 8/17/10*/

body {
	xxbackground: url("../images/background1.gif") repeat-x left top;
	background:  #CFCFC4;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	xxfont-family: Calibri, Arial, Helvetica, sans-serif;
	padding: 0px;
}
a:link, a:visited, a:active		{ color: #5458FE;	text-decoration: none; }
a:hover {	text-decoration: underline;	color: #CC3300;}

.wrap {
    width: 100%;
    height: 600px;
    padding: 0;
    xxoverflow: hidden;
    border: 1px solid #c00000;
}
.frame {
    width: 100%;
    height: 100%;
    xxborder: 1px;
    -ms-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.style1 { font-size: 100%;	font-weight: bold;	color: #000000; }
.style2 {color: #ffffff}
.style3 {color: #ffffff; font-weight: bold; }
.style4 {color: #0000ff}
.style5 {color: #0000ff; font-weight: bold; }
.style6 {color: #000000}
.style7 {color: #000000; font-weight: bold; }
.style8 {color: #006666}
.style9 {color: #006666; font-weight: bold; }
.style10 {color: #993333}
.style11 {color: #993333; font-weight: bold; }
.style12 {color: #666666}
.style13 {color: #666666; font-size: 10pt; }
.style14 {color: #fc8108}
.style15 {color: #fc8108; font-weight: bold; }
.style16 {color: #ffffff;  }
.style17 {color: #ffffff; font-weight: bold; font-size: 24px }
.style18 {color: #993333; font-size: 10pt }
.style19 {color: #0000ff; font-size: 11pt}
.style20 {color: #990033; font-size: 18pt}
.style21 {color: #990033; font-weight: bold; }
.style23 {color: #0000ff; font-size: 9pt;}
.style24 {color: #990033; font-size: 14pt}
.style25 {color: #000000; font-size: 10pt; }
.style26 {color: #ff0000; font-weight: bold; }
.style27 {color: #ff9000; font-weight: bold; }
.style28 {color: #666666; font-size: 9pt; }
.style29 {color: #B41C09; font-size: 14pt; font-family:"Arial Rounded MT Bold"}
.style30 {color: #666666; font-size: 9pt; text-decoration: underline; }
.style31 {color: #fc8108; font-size: 9pt; }
.style32 {color: #B41C09; }
.style33 {color: #FBF9F9; font-size: 9pt; }
.style34 {color: #c00000; font-size: 9pt; }
.style35 {color: #000000; font-size: 10pt; font-weight: bold;  }
.style36 {color: #fabf05; font-weight: bold; }
.style37 {color: #34495e; font-weight: bold; }
.style38 {color: #5f6062; }


/* WRAPPER ---------------------------------------------------------------------------------- */

#Wrapper {
	width: 96%;
	margin: 1% auto 1% auto;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	xxbackground-color:  #34495e;
	background-color:  #F0F8FF;
	padding: 0 0 0 0;
	border-radius: 5px;
}

/* ------------------- BOTTOM TOP -------------------------- */

#banner_top {
	clear: both;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 10%;
	width: 98%;
	margin: 0 auto 0 auto;
	padding: 0 2% 0 1%;
	color: #ffffff;
    background-color: #34495e;
	xxbackground-color: rgba(0,0,0,.90);
	border-top: 2px solid #509000;
	vertical-align: top;
	display: inline-table;
}

#banner_top a:link { color: #509000; }
#banner_top a:visited { color: #509000; }
#banner_top a:active { color: #509000; }
#banner_top a:hover { color: #ff9900; text-decoration: underline; }

/* BANNER ---------------------------------------------------------------------------------------- */

#Banner1 {
	width: 100%;
	border: 0px solid green;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color:  #2c3e50 ;
}

.Banner1Left {float: left; margin: 0; padding: 0; border: 0px;}
.Banner1Right {float: right; margin: 0; padding: 0; border: 0px solid yellow;}


/* **************** BANNER 2 *********************************** */

#Banner2 {
	float: left;
	width: 100%;
	margin: auto auto auto auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
    xxbackground: transparent;
	background-color: #34495e;
	xxbackground-image: linear-gradient(#34495e,#F0F8FF);
	xxbackground-image: linear-gradient(#36454F,#CFCFC4);
	}


/* BEGIN - HORIZONTAL MENU BAR FROM CSSPLAY*/

#menu {
	float: left;
	width: 65%;
	margin: 0 0 0 0;
	padding: 0 0 0 3%;
	text-align:left;
	background: transparent;
	xxbackground-image: linear-gradient(#34495e,#F0F8FF);
	border: 0px dashed #c00000;
}
#menu ul {display:inline; margin:0 auto; padding:0; list-style:none; white-space:nowrap; }

#menu li {display:inline;
	border-left: 1px solid #c000000;
	border-right: 1px solid #c000000;
}
#menu li a {
	float:left;
	display:inline;
	margin: 0 0 0 1%;
	padding: 4px 8px 9px 8px;
	color:   #ffcc33;
	text-decoration:none;
	border-left: 1px solid #c000000;
	border-right: 1px solid #c000000;
	xxfont-weight: bold;
}

#menu li a:hover {
	display: block;
	color: #ffffff;
	padding: 4px 8px 9px 8px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin: 0 0 0 1%;
	background-color: #fabf05;
}

#menu ul li#current a{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fabf05;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 1%;
	background-color: #fabf05;
	xxbackground: linear-gradient(#000000,#646f7f);
	xxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#646f7f',GradientType=0 )
}

.Banner2Right_Search {
	float: right;
	width: 25%;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	background-color: transparent;
	color: #ffffff;
	border: 0px solid #cccccc;
}

/* END - HORIZONTAL MENU BAR FROM CSSPLAY*/


/* --------------- TIER 1:  CONTENT AREAS (LEFT, CENTER, RIGHT) ---------------------- */

#Tier1ContentArea {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 2% 0;
	background-image: linear-gradient(#34495e,#F0F8FF);
	xxbackground-color:  #bfc9ca;
    xxbackground-color:  #F0F8FF;
    xxbackground-color:  #34495e;
}

.Tier1ColumnLeft {
	float: left;
	width: 25%;
	border: 1px dashed #000;
	border-radius: 5px;
	margin: 1% 0 0 1%;
	padding: 0 3px 1% 1px;
    xxbackground: transparent;
	background-color: #34495e;
    xxmin-height: 2000px;
	xxbackground: linear-gradient(#34495e,#ffffff);
	xxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34495e', endColorstr='#ffffff',GradientType=0 )
}

.Tier1ColumnMiddle {
	float: left;
	width: 44%;
	border: 1px dashed #000;
	margin: 1% 1% 0 2%;
	padding: 0 0 1% 0;
    xxbackground: transparent;
	background-color: #34495e;
	border-radius: 5px;
    xxmin-height: 2000px;
}

.Tier1ColumnMiddle_Flash {
	float: left;
	width: 100%;
	border-bottom: 1px solid #000000;
	margin: 0 0 0 0;
    xxbackground: #FFBF00;
	background-color: #34495e;
	text-align: center;
}

.Tier1ColumnMiddle_PL1 {
	clear: both;
	width: 98%;
	margin: 1% auto 0 auto;
	xxbackground-color: #FFBF00;
	xxbackground-color: #FFF;
	xxbackground-image: linear-gradient(#34495e,#34495e);
	xxbackground-image: linear-gradient(#34495e,#5a7fa2); 
	border-radius: 5px 5px 0 0;
	background-color: #FFBF00;
	color: #34495e;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	font-weight: bold;
}

.Tier1ColumnMiddle_PL2 {
	clear: both;
	width: 96%;
	margin: 0 auto 1% auto;
	padding: 1% 1% 2% 1%;
	xxbackground-image: linear-gradient(#fff, #fff); 
	background-color: #FFF;
	border-radius: 0 0 5px 5px;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	xxfont-weight: bold;
	color: #c00000;
}

.Tier1ColumnMiddle_NatActivity {
	clear: both;
	width: 96%;
	margin: 0 auto 1% auto;
	padding: 1% 1% 2% 1%;
	background-color: #FFF;
	background-image: linear-gradient(#fff, #fff); 
	border-radius: 0 0 5px 5px;
	border: 1px solid #404040;
	xxborder-right: 1px solid #404040;
	xxborder-bottom: 1px solid #404040;
	xxborder-left: 1px solid #404040;
	color: #333;
}

.Tier1ColumnMiddle_Topics {
	clear: both;
	width: 98%;
	margin: 1% auto 0 auto;
	border: 1px solid #404040;
	height: auto;
	background-color: #ffffff;
	border-radius: 5px;
	vertical-align: top;

}

.Tier1ColumnRight {
	float: right;
	width: 24%;
	border: 1px dashed #000;
    xxbackground: transparent;
	background-color: #34495e;
	border-radius: 5px;
	margin: 1% 1% 0 0;
	padding: 0 5px 1% 1px;
    xxmin-height: 2000px;
}
	
.Tier1Header3	{
	width: 100%;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-radius: 5px 5px 0 0;
	xxbackground-image: linear-gradient(#34495e,#34495e);
	xxbackground-image: linear-gradient(#34495e,#F0F8FF);
	xxbackground-image: linear-gradient(#34495e,#34495e);
	background-color: #FFBF00;
	color: 	#34495e;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 0;
}

.Tier1Header3ContentAreaLeft	{
	width: 100%;
	border: 1px solid #000000;
	background-color: #ffffff;
    margin: 0 0 5% 0;
}

.Tier1Header3ContentAreaRight	{
	width: 100%;
	border: 1px solid #000000;
	border-radius: 0 0 5px 5px;
	background-color: #ffffff;
	text-align: center;
    margin: 0 0 5% 0;
}


/* --------------- TIER1 ADMIN:  CONTENT AREA ---------------------- */

#Tier1AdminContentArea {
	float: left;
	width: 68%;
	border: 1px solid #5a7fa2;
	padding: 0;
	margin: 1% 2% 2% 2%;
	background-color: #ffffff;
	border-radius: 5px;
}

#Tier1AdminContentAreaHeader {
	float: left;
	width: 100%;
	border: 0px solid #ffffff;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #E7E7E7;
}

#Tier1AdminContentAreaMap {
	float: left;
	width: 100%;
	border: 0px solid #ffffff;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url('https://gacc.nifc.gov/images/Background_Map.jpg');
}

#Tier1AdminContentArea1 {
	float: left;
	width: 94%;
	border: 1px dashed #ccc;
	padding: 1%;
	margin: 0 2% 2% 2%;
	background-color: #ffffff;
	border-radius: 5px;
}

#Tier1AdminContentArea2 {
	float: left;
	width: 100%;
	border: 0px solid #000000;
	padding: 0;
}

.Tier1AdminContentArea3 {
	float: left;
	width: 96%;
	border: 1px solid #c0c0c0;
	margin: 2% 2% 2% 2%;
	background-color: #E8E6E8;
}

/* --------------- TIER 2:  CONTENT AREAS (LEFT, RIGHT) ---------------------- */

#Tier2ContentArea {
	float: left;
	width: 68%;
	border: 1px solid #000000;
	padding: 0;
	margin: 1% 2% 2% 2%;
	background-color: #ffffff;
	border-radius: 5px;
}

#Tier2ContentAreaHeader {
	float: left;
	width: 96%;
	border: 0px solid #000000;
	padding: 0;
	margin: 2% 2% 2% 2%;
}

#Tier2ContentArea1 {
	float: left;
	width: 96%;
	border: 1px solid #000000;
	padding: 0;
	margin: 0 2% 2% 2%;
	background-color: #E8E6E8;
	text-align: center;
}

#Tier2ContentArea2 {
	float: left;
	width: 96%;
	border: 0px solid #000000;
	padding: 0;
	margin: 0 2% 2% 2%;
}

.Tier2ContentArea3 {
	float: left;
	width: 96%;
	border: 1px solid #c0c0c0;
	padding: 0;
	margin: 0 1% 0 1%;
	background-color: #E8E6E8;
}

.Tier2ContentArea2Left {
	float: left;
	width: 47%;
	padding: 0;
	margin: 0 2% 1% 0;
	border: 0px dashed #666666;
	min-height: 650px;
}

.Tier2ContentArea2Right {
	float: right;
	width: 47%;
	padding: 0;
	margin: 0 0 1% 2%;
	border: 1px dashed #666666;
	background: #E6CE8C;
	min-height: 650px;
	border-radius: 5px;
}

.Tier2ContentArea2Inside {
	float: left;
	padding: 2%;
	border: 0px solid red;
}

.Tier2_TextRight {
	float: right;
	width: 70%;
	padding: 1%;
	margin: 0 0 1% 0;
	border: 1px dashed #666666;
	background: #ffffff;
	border-radius: 5px;
}

/* **** IMAGES **** */

img {
    max-width: 100%;
	height: auto;
}

.image_ps {
	float: left;
	width: 25%;
	height: auto;
	border: 0px solid red;
	text-align: center;
	background-color: #ffffff;
}

#NatSitReport { margin: 5px 1% 0 1%; padding: 2px 1% 1% 1%;	border: 1px dashed #404040; border-radius: 5px; font-size: .90em; }
#NatSitReport td {vertical-align: top }
 
#NatSitReport_Notes { margin: 5px 1% 0 1%; padding: 2px 1% 1% 1%;	border: 1px dashed #404040; border-radius: 5px; font-size: .90em; }
#NatSitReport_Notes td {vertical-align: top }
 
#NatSitReport_PS { margin: 5px 1% 0 1%; padding: 2px 1% 1% 1%; border: 1px dashed #404040; border-radius: 5px; font-size: .90em; }
#NatSitReport_PS td {vertical-align: top }

#Nat_NICC_PL { margin: 5px 1% 0 1%; padding: 2px 1% 1% 1%; border: 1px dashed #404040; border-radius: 5px; font-size: .90em; }
#Nat_NICC_PL td {vertical-align: top }

#Nat_GACC_PL { margin: 5px 1% 0 1%; padding: 2px 1% 1% 1%; border: 1px dashed #404040; border-radius: 5px; font-size: .90em; }
#Nat_GACC_PL td {vertical-align: top }

/* FOOTER ---------------------------------------------------------------- */

#Footer {
	clear: both;
	width: 100%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background-color: #34495e;
	text-align: center;
	}

/* BANNER BOTTOM ---------------------------------------------------------------- */

#banner_bottom {
	clear: both;
	height: 4%;
	width: 96%;
	margin: 0 auto 0 auto;
	padding: 0 1% 0 1%;
	position: fixed;
	bottom: 0px;
	color: #ffffff;
	background-color: rgba(0,0,0,.90);
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	xxborder-left: 1px solid #ffffff;
}

#banner_bottom a:link { color: #fabf05; }
#banner_bottom a:visited { color: #fabf05; }
#banner_bottom a:active { color: #fabf05; }
#banner_bottom a:hover { color: #ff9900; text-decoration: underline; }

#Banner_Bottom_Scroller { 
	width: 75%;
	display:inline;
	margin: 0 3% 0 0;
	padding: 0 3% 0 0;
	border: 0px dashed #509000;
	text-align: left;
	font-size: 14px;
}

/* --------------- DATA TABLES ---------------------- */

/* **************** TIER 1 - LEFT COLUMN *********************** */
.WELCOME_Column_Left 	{  width: 100%; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; border-collapse: separate; border-radius: 0 0 5px 5px; margin: 0 auto 10px auto; box-shadow: 0 0 5px rgba(0,0,0,0.3); padding: 0; }
.WELCOME_Column_Left	caption { padding: 0.3em 0 0.3em 1em; color: #fabf05; background-image: linear-gradient(#34495e,#5a7fa2); border-radius: 5px 5px 0 0; font-weight: bold; border: 1px solid #000; text-align: center; }
.WELCOME_Column_Left	col.odd  { width: 100%; }
.WELCOME_Column_Left	col.even { width: 100%; }
.WELCOME_Column_Left	col.odd_80  { width: 80%; }
.WELCOME_Column_Left	col.even_20 { width: 20%; }
.WELCOME_Column_Left	thead { border-radius: 5px; }
.WELCOME_Column_Left	thead th {color: #000000;	background-image: linear-gradient(#ffffff, #ffffff); border-top: 0px solid #858d99; }
.WELCOME_Column_Left	tbody tr { border-bottom: 0px solid #eee; }
.WELCOME_Column_Left	tbody tr td { padding: 0.1em;  color: #5f6062; border-bottom: 0px solid #c0c0c0;  vertical-align: top; background-color: #ffffff; }
.WELCOME_Column_Left	tbody tr:nth-child(2n) {  background:#000000;  }
xx.WELCOME_Column_Left	tbody:hover > tr td { opacity: 10%; }
xx.WELCOME_Column_Left	tbody:hover > tr:hover td { background-color: #ffe9c5; color: #2d2d2d; text-shadow: inherit; }

/* **************** TIER 1 - ContentMiddleFront_Topics *********************** */
.ContentMiddleFront_Topics 	{  width: 98%; xxborder: 1px dashed #ccc; border-collapse: separate; xxborder-radius: 5px; margin: 5px auto; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.ContentMiddleFront_Topics	caption { padding: 0.2em 0 0.2em 0; color: #fbd153; font-weight: bold; background-image: linear-gradient(red, #000); border-radius: 5px; }
.ContentMiddleFront_Topics	col.odd  { width: 100%; }
.ContentMiddleFront_Topics	col.even { width: 90%; }
.ContentMiddleFront_Topics	thead { border-radius: 5px; }
.ContentMiddleFront_Topics	thead th {color: #000000;	border-top: 0px solid #858d99; }
.ContentMiddleFront_Topics	tbody tr { border-bottom: 1px solid #eee; }
.ContentMiddleFront_Topics	tbody tr td { padding: 0.1em;  color: #2d2d2d; border-bottom: 1px solid #eee;  vertical-align: top; background-color: #ffffff; }
.ContentMiddleFront_Topics	tbody tr:nth-child(2n) {  xxbackground:#000000;  }
xx.ContentMiddleFront_Topics	tbody:hover > tr td { opacity: 10%; }
xx.ContentMiddleFront_Topics	tbody:hover > tr:hover td { background-color: #ffe9c5; color: #2d2d2d; text-shadow: inherit; }

/* **************** TIER 2 - GENERIC TABLE *********************** */
.GACC_Links {  width: 98%; border: 1px solid #000000; border-collapse: separate;  border-radius: 5px; margin: 1% 1% 1% 1%; box-shadow: 0 0 5px rgba(0,0,0,0.3);  }
.GACC_Links caption { padding: 0.2em 0 0.2em 0; color: #fbd153; font-weight: bold; background-image: linear-gradient(#ffffff, #ffffff); border-radius: 5px; text-align: left; }
.GACC_Links col.odd  { width: 33%; }
.GACC_Links col.even { width: 33%; }
.GACC_Links thead { border-radius: 5px; }
.GACC_Links thead th {	color: #000000;	background-image: linear-gradient(#999999,#e0e9e9); border: 1px solid #858d99; text-align: center; }
.GACC_Links tbody th { text-align: left; color: #000000;	text-shadow: 0px 0px 0px rgba(0,0,0,0.5px);	background-image: linear-gradient(#95b3d7, #dce6f1); border: 1px solid #000000;  }
.GACC_Links tbody tr td { font-family: 'Open Sans', sans-serif; padding: 0.1em;  color: #5f6062; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.GACC_Links tbody tr:nth-child(odd) {  background:#eee; }
xx.GACC_Links tbody:hover > tr td { opacity: 10%; }
xx.GACC_Links tbody:hover > tr:hover td { background-color: #ffe9c5; color: #2d2d2d; text-shadow: inherit; }

/* **************** TIER 2 - GENERIC TABLE *********************** */
.National_Links {  width: 98%; border: 1px solid #000000; border-collapse: separate;  border-radius: 5px; margin: 1% 1% 1% 1%; box-shadow: 0 0 5px rgba(0,0,0,0.3);  }
.National_Links caption { padding: 0.2em 0 0.2em 0; color: #fbd153; font-weight: bold; background-image: linear-gradient(#ffffff, #ffffff); border-radius: 5px; text-align: left; }
.National_Links col.odd  { width: 50%; }
.National_Links col.even { width: 50%; }
.National_Links thead { border-radius: 5px; }
.National_Links thead th {	color: #000000;	background-image: linear-gradient(#999999,#e0e9e9); border: 1px solid #858d99; text-align: center; }
.National_Links tbody th { text-align: left; color: #000000;	text-shadow: 0px 0px 0px rgba(0,0,0,0.5px);	background-image: linear-gradient(#95b3d7, #dce6f1); border: 1px solid #000000;  }
.National_Links tbody tr td { font-family: 'Open Sans', sans-serif; padding: 0.1em;  color: #5f6062; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.National_Links tbody tr:nth-child(odd) {  background:#eee; }
.National_Links tbody:hover > tr td { opacity: 10%; }
.National_Links tbody:hover > tr:hover td { background-color: #ffe9c5; color: #2d2d2d; text-shadow: inherit; }

/* **************** TIER 2 - LINKS TABLE *********************** */
.Tier2Links {  width: 98%; border: 1px solid #000000; border-collapse: separate;  border-radius: 5px; margin: 1% 1% 1% 1%; box-shadow: 0 0 5px rgba(0,0,0,0.3);  }
.Tier2Links caption { padding: 0.2em 0 0.2em 0; color: #fbd1530; font-weight: bold; background-image: linear-gradient(#ffffff, #ffffff); border-radius: 5px; text-align: left; }
.Tier2Links col.odd  { width: 100%; }
.Tier2Links col.even { width: 50%; }
.Tier2Links thead { border-radius: 5px; }
.Tier2Links thead th {	color: #000000;	background-image: linear-gradient(#999999,#e0e9e9); border: 1px solid #858d99; text-align: center; }
.Tier2Links tbody th { text-align: left; color: #000000;	text-shadow: 0px 0px 0px rgba(0,0,0,0.5px);	background-image: linear-gradient(#95b3d7, #dce6f1); border: 1px solid #000000;  }
.Tier2Links tbody tr td { font-family: 'Open Sans', sans-serif; padding: 0.1em;  color: #5f6062; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.Tier2Links tbody tr:nth-child(odd) {  background:#eee; }
xx.Tier2Links tbody:hover > tr td { opacity: 10%; }
xx.Tier2Links tbody:hover > tr:hover td { background-color: #ffe9c5; color: #2d2d2d; text-shadow: inherit; }