
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/*  Style for individual pages below home page */

/* .............................. global...................................... */
h1.level1 {
	color: #aa863a; /*#72BCDD*/
	font-family: "Montserrat", "sans serif"; 
	font-size: 3em;
	text-align: center;
	text-shadow: #213919 2px 2px 2px;
	padding:.5em 0 .5em 0;
	border-bottom: #B2B785 solid 4px;
}
h1.level3 {
	color: #aa863a; /*#72BCDD*/
	font-family: "Montserrat", "sans serif"; 
	font-size: 3em;
	text-align: center;
	text-shadow: #213919 2px 2px 2px;
	padding: 0em 0 0em 0;
	/*border-bottom: #B2B785 solid 4px;*/
}

h4.level2 {
	font-size: 2em;
	font-weight: bold;
	color: #aa863a;
	margin: 0em 0em;
	padding: 0em 0em 0em 0em;
	line-height: 24px;
	text-shadow: #1B1C1A 1px 1px 1px;
}
	.level2 a { color: #404E5C; }
	.level2 a:hover { color: #C9CE99; }

h3.level2 {text-align: center }

.separator { font-size: 1.2em; font-weight: bold; }
	
/*  ............................predictive.php ............................... */

div.gaccmenu { position: relative; }

.gaccmenu ul { height: 2em; position: relative; }
	.gaccmenu ul li a {
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		display: block;
		float: left;
		padding: 0 1.3em;
		font-size: 1.2em;
		color: #2a6087; 
	}
	.gaccmenu ul li a:hover { color: #18b4c0; }

.alaska {
	position: absolute;
	top: 35em;
	left: 30em;
	color: #2f2f2f;
	z-index: 10;
}
	.alaska a { color: #2f2f2f; }
	.alaska a:hover { color: #18b4c0; text-decoration: underline; }

/*  ............................fuels.php ............................... */
div.pagewrap {width:100%; }

#wrapleft { float:left; 
	padding-left: 2%; 
	padding-right: 2%; 
	width: 46%; }

#wrapright { float: right; 
	padding-left: 2%; 
	padding-right: 2%; 
	width: 46%; }

.wrapwidth { float: ; width: 100%; margin-top: 1em; }
#wrapwidth1 { float: ; width: 100%; margin-top: 1em; }
#wrapwidth2 { float: ; width: 100%; margin-top: 1em; }
.wrapwidth h4 {
	margin: 0 5% 0 5%;
	font-size: 1.43em;
	line-height: 2.35em;
	color: #2C3849;
	/*color: #C9CE99;*/
	/*color: #BEA858;*/
	text-align: center;
	text-shadow:#A1A19D 1px 1px 1px;
	font-weight: 900;
	background-image: background-image: -ms-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: -moz-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: -o-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #A17E36), color-stop(100, #80642D));

background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: radial-gradient(ellipse farthest-corner at center, #A17E36 0%, #80642D 100%);
}
div.inline ul li a {
		
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		display: block;
		float: left;
		padding: 0 1em;
		margin-bottom: 1.5em;
		font-size: 1em;
		color: #80AABD;
	}
	div.inline ul li a:hover { color: #18b4c0; text-decoration: underline;}

.link li {
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 1.3em;
		text-indent: 0em;
		line-height: 1.7em;
		color: #C9CE99;
}
	.link li a, .link li a:visited { color: #99CAEC; text-shadow: #303B2C 1px 1px 1px; }
	.link li a:hover { /*color: #AA863A;*/ color:#DFE4B4; text-shadow: #323D2D 1px 1px 1px; text-decoration: none;}


/*  ............................weather ............................... */

#wrapleft h4, #wrapright h4 {
	/*background:url(../images/global/orange-brown-row-bg-solid.png) top left repeat-x;*//
	font-size: 1.43em;
	line-height: 2.35em;
	color: #2C3849;
	/*color: #C9CE99;*/
	/*color: #BEA858;*/
	text-align: center;
	text-shadow:#A1A19D 1px 1px 1px;
	font-weight: 900;
	background-image: background-image: -ms-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: -moz-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: -o-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #A17E36), color-stop(100, #80642D));

background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #A17E36 0%, #80642D 100%);

background-image: radial-gradient(ellipse farthest-corner at center, #A17E36 0%, #80642D 100%);
}


/*  ...........................daily maps .............................. */
#day1 { float: left; padding-left: 2em; width: 342px; height: 434px;}
#day2 { float: left; padding-right: 2em; }
#day1 img, #day2 img { width: 342px; height: 434px; }

#nws a, #nws a:visited { color: #18b4c0; }
#nws a:hover { color: #7acef3; }


/*  ...........................aop .............................. */
#tabs-1 {
	background: #DDDDDD;
}
#tabs-2 {
	background: #DDDDDD;
}
#tabs-3 {
	background: #DDDDDD;
}
#tabs-4 {
	background: #DDDDDD;
}
#tabs-5 {
	background: #DDDDDD;
}
#tabs-6 {
	background: #DDDDDD;
}
#tabs-7 {
	background: #DDDDDD;
}
#tabs-8 {
	background: #DDDDDD;
}

#aop { 
	float: left;
	background: #DDDDDD;
	width: 100%; /*61em;*/
	padding: 1em 0.5em 1em 0.5em;
	min-height: 55em;
	}
	
#aop h2 { color: #030B16; margin-bottom: 1em; text-shadow: none; }

#aoptitle {
	color: #030B16;
	width: 98%;
	font-family: "Helvetica", "sans serif"; 
	font-size: 2.3em;
	/*font-weight: 300;*/
	text-shadow: none;
	padding: .25em 0 0.25em 0;
	margin: 0.1em 0 .5em 0;
	border-bottom: #2f2f2f solid 2px;
	}

.aoptext { width: 97%; font-size: 1.125em; font-family: Helvetica, "Trebuchet MS", verdana, arial, sans-serif; color: black; background-color: #DDDDDD;}
.aoptext li a, li a:visited { color:#120091;}
.aoptext li a:hover { color: #41a9e6; }		
.aoptext h3, .aoptext h2 { text-shadow: none; color: #030B16; margin-bottom: 1em; }
	
.aopbullets { padding: 0 0 0 3em; }
.aopbullets li { list-style: disc; color: black; background-color: #DDDDDD}

.aopsubhdg2 { padding: 0 0 0 1.5em; }

.sched { width: 40em; font-size: 1em; font-family: Helvetica, "Trebuchet MS", verdana, arial, sans-serif; }
.sched td, th { border: none; padding: 0 0.5em 0 0.5em; vertical-align: top; }

.tbl { width: 40em; font-size: 1em; font-family: Helvetica, "Trebuchet MS", verdana, arial, sans-serif; }
.tbl td, th { border: 1px solid #000; padding: 0 0.5em 0 0.5em; vertical-align: top; }
.tbl th { text-align: center; }
.tbl caption { font-weight: bold; }

#sigwrap { float: left; width: 61em; margin-left: -0.6em; }
		
.signatures {
	float: left;
	width: 29em;
	line-height: 0em;
	margin-bottom: 2em;
	padding: 1em 0 1em 1em;
	}

.aopcontact p { line-height: .5em; }
	
.maps { float: left; width: 50em; text-align: center; }

.rfwmaps { float: left; width: 50em; text-align: left; }
			
.zntblwrap { float: left; width: 100%; }
.zntblwrap ul { margin-bottom: 1em; list-style-type: none; padding: 0; margin-left: 0; }	
.znleft, .znright { float: left; width: 48%; }
.znleft { margin-right: 1em; }
.zngroups { font-size: 1em; font-weight: bold; }
.zngroups ul li { font-weight: normal; }

.contact { width: 100%; }
.contact td { padding-right: 3em; }

/*back up tabs css in back-up-tabs.css*/