/******* Reset Fonts *******/
html, body, div 
{
	font-size:100%;
}
/******* End Reset Fonts*******/

/******* Top Welcome Bar *******/
div#welcomebar {
	color:Red;
	background-color:#3157b1;
	background-color:#ff3300;

}

div#paddingPageContent {
	background-color:#EEF3F7;
}

/****** TOP LEFT CORNER ******/
div#topLeftCorner a:hover {color:#d5d2c0;}
/****** END TOP LEFT CORNER ******/


/****** TOP PANEL BAR ******/
.topPanelBar
{
	background-color:#990000;
	color:#ffffff; 
	background-color:#3157b1;
}
/****** END TOP PANEL BAR ******/



/****** HEADER ******/
#AddrBlock
{
	top:-100px;
	left:145px;
	font-size:xx-small;
}
#PhoneBlock
{
	top:-100px;
	left:145px;
	font-size:xx-small;
}
#headerPhoneData
{
	padding-top:14px;
}
#headerPlaceHolder
{
	position:absolute;
}
/****** END HEADER ******/

/****** MID NAV BAR ******/
div#midNavBar 
{
	font-weight:bold;
}
div#midNavBar a 
{
	color: #fff;	
}
div#midNavBar a:hover
{
	color:#000;
}
.dividerMB 
{
	color:White;
}

/*The the second row in the MidNav*/
.secRow
{
	color: black;
	font-weight: bold;
	background-color:Yellow  
}

.secRow a:hover
{
	background-color: #EAE7D2;
	
}
/****** END MID NAV BAR ******/

/****** LEFT COLUMN ******/
.LeftColumn
{
   padding-left:10px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 29%;
	height: 350px;
	background: #EEF3F7;
	font-size:small;

}
/****** END LEFT COLUMN ******/

/****** RIGHT COLUMN ******/
.RightColumn 
{
	margin: 0px 0px 0px 0px;
	float:right;
	width: 66%;
	height: 350px;
}

/****** LEFT COLUMN ******/
.LeftColumnPermit
{
   padding-left:10px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 29%;
	height: 780px;
	background: #EEF3F7;
	font-size:small;
	border:solid 1px blue;

}
/****** END LEFT COLUMN ******/

/****** LEFT COLUMN ******/
.RightColumnPermit 
{
	margin: 0px 0px 0px 0px;
	float:right;
	width: 66%;
	height: 350px;

}

/****** ABOUTUS LEFT COLUMN ******/
.aboutUsLeftColumn
{
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 51%;
	background: #d5def1;
	height: 100% 
}
/****** END ABOUTUS LEFT COLUMN ******/

/****** ABOUTUS RIGHT COLUMN ******/
.aboutUsRightColumn 
{
	padding: 10px 20px 10px 5px;
	margin: 0px 0px 0px 0px;
	float:right;
	width: 44%;
	height: 100% 
}
/****** END ABOUTUS RIGHT COLUMN ******/

/****** TOP LEFT COLUMN ******/
#TopLeftColumn
{
 background:#3157b1;
 padding-left: 15px;
 width: 27%;
 border: 1px solid rgb(200, 200, 200);
 color:White;
 font-size:medium;
 text-align:center;
}
/****** END TOP LEFT COLUMN ******/

/****** TOP RIGHT COLUMN ******/
#TopRightColumn
{
 background:#3157b1;
 width: 27%;
 border: 1px solid rgb(200, 200, 200);
 padding-top:0px;
 color:White;
 font-size:medium;
 text-align:center;
 float: right;
 width: 72%;
 
}
/****** END RIGHT COLUMN ******/

/**** MONITORING PANEL ****/
.MonitoringPanel
{
	padding:0px;
	margin:0px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background-image:url('../Images/bluesky.jpg');
	background-position: right center;
	background-repeat:no-repeat
}

/**** END MONITORINGPANEL ****/

/***** ROUNDED BORDERS *****/
div#topRoundedBorder 
{
background-color:#3157b1;
}
div#bottomRoundedBorder 
{
	background-color:#3157b1;
}
/***** END ROUNDED BORDERS *****/

/****** STYLE TO REMOVE 10PX PADDING ******/
div#paddingPageContent
{
	margin:-10px -10px -10px -10px;
}
/****** END STYLE TO REMOVE 10PX PADDING ******/

/******** FOOTER ********/
div#topFooter a:hover
{
	color:Black;
}
H2
{
	color: #3e6fd6;
	text-align:center;
}

H4
{
	color: #A52A2A;
	text-align:center;
}
/********END FOOTER ********/

/******* Error Message *******/
.ErrorMsg
{
	font-size:10px;
    color:Red; 	
    margin-left:15px;
}
/******* End Error Message *******/


/****** LEFT COLUMN ******/
.LeftColumnFacility
{
    padding-left:10px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 30%;
	height: 705px;
	background: #EEF3F7;
	font-size:small;

}
/****** END LEFT COLUMN ******/


/****** LEFT COLUMN ******/
.RightColumnFacility
{
	/*padding:  10px 0px 10px 0px;*/
    padding-left:10px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 30%;
	height: 705px;
	font-size:small;

}
/****** END LEFT COLUMN ******/

/****** RIGHT COLUMN ******/
.Images
{
	/*background-image: url(../Images/MonitoringPage.jpeg);*/
	float:right; 
	top:250px;
	height: 160px;
	margin-left:10px;
	margin-top:7px;	
	
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.th a
{
 text-decoration:none;
}
.Link-header
{
	color:yellow; 
	font-weight:bold;
	background-color:#3e6fd6;
	margin-top:0px;	
	text-align:center;
}
.imagecolor
{
	background-color:#D5DEF1;
}

/*New Home page Lay out*/
.LeftSideBar
{
	width:23%;
	float:left;
	height:100%;
	padding-top:20px;
	border:solid 1px #3157b1;
	background-color:#EEF3F7;
}
.MainContent
{
	width:49%;
	float:left;
	height:100%;
	padding-left:11px;
	padding-right:10px;
	padding-top:20px;
	margin-left:4px;
	border:1px solid #3157b1;
	background-image: url('../Images/clouds.jpg');
}

.RightSideBar
{
	width:23%;
	float:right;
	height:100%;
	padding-top:20px;
	border:solid 1px #3157b1;
	background-color:#EEF3F7;
}
#Content-header
{
	width:358px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:13px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	padding-left:0px;
	
}
#LeftSideBar-header
{
	width:166px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:13px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	
}

#Top-RightSideBar-header
{
	width:160px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:13px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	padding-left:5px;
}
#Bottom-RightSideBar-header
{
	width:160px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:12px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	padding-left:5px;
}

/*LeftSideBar Lay out*/

.Nav A
{
	 text-decoration: none;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
	 color:#000066;
}
.Nav A:hover
{
	 text-decoration:underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
	 color: #99014c;
	
}

/*.Nav A:visited 04-21-09*/
.Oresourcenav A
{
	 text-decoration: underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
}
.Oresourcenav A:hover
{
	 text-decoration:underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
	 color: #99014c;
	
}

.p
{
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 text-align:justify;
	 font-size:small;/*051309*/
}
.Newsp
{
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 text-align:justify;
}
.btext
{
	 font-style:normal;
	 font-weight:bold;
}
.Title
{
	 text-align:center; 
	 font-family:Sans-Serif;
	 font-weight:bold;
}

.RotatingImage
{
	width:163px;
	height:150px;
	border:solid 1px #3157b1;
}

/*End New Home page Layout*/

/*New Monitoring Page Layout*/
.MonitoringSideBar-header
{
	width:130px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:13px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	padding-left:5px;
}
.MonitoringRightColumn 
{
	width: 72.5%;
	float:right;
	height: 750px;
    border:solid 1px #3157b1;
	padding-right:10px;
	padding-left:10px;
}
.MonitoringLeftColumn 
{
	float: left;
	width: 22%;
	height: 750px;
	background: #EEF3F7;
    border:solid 1px #3157b1;
	padding-left:10px;
}
.TitleMonitoring
{
	 text-align:left; 
	 font-family:Sans-Serif;
	 font-weight:bold;
	 margin-left:15px;
}
/*End Monitoring Page Layout*/

ul
{
	margin-top:2px;
	margin-left:21px;
	padding-left:0px;/*fix margin in ff*/
}
.ul-li
{
	 margin-top:0px;
	 margin-left:50px;
}
.clear
{
	clear:both;
}

/*New Construction Permit Layout*/

.ConsRightColumn 
{
	width: 66%; 
	height:240px;
	padding-left:10px;
	padding-right:10px;
    border:solid 1px #3157b1;
	float:right;
}
.ConsLeftColumn 
{
	 height: 240px; 
	 width: 30%; 
	float:left;
    border:solid 1px #3157b1;
	background: #EEF3F7;
}
/*End Construction Permit Layout*/

/*New Title V Permit Layout*/

.TVRightColumn 
{
	width: 66%; 
	height:280px;
	padding-left:10px;
	padding-right:10px;
    border:solid 1px #3157b1;
	float:right;
}
.TVLeftColumn 
{
	 height: 280px; 
	 width: 30%; 
	 float:left;
     border:solid 1px #3157b1;
	 background: #EEF3F7;
	 
}
/*End Title V Permit Permit Layout*/

/*New Open Burning Permit Layout*/

.OBRightColumn 
{
	width: 65.5%; 
	height: 400px;
	padding-left:10px;
	padding-right:10px;
    border:solid 1px #3157b1;
	float:right;
}
.OBLeftColumn 
{
	height: 400px;
	width: 30%; 
	float:left;
    border:solid 1px #3157b1;
	background: #EEF3F7;
	padding-left:15px;
}
/*End Open Burning Permit Layout*/

/*New Resource Layout*/

.ResourceRightColumn 
{
	width: 43%; 
	height:650%;
	margin-right:13px;
	float:right;
	padding-left:5px;
	padding-right:5px;
}
.ResourceLeftColumn 
{
	 height: 650%; 
	 width: 46%;
	 margin-left:13px; 
	 float:left;
	 padding-left:5px;
	 padding-right:5px;
}
.ResourceSideBar-header
{
	width:314px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:13px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	padding-left:5px;
	margin:0 auto;/*center a div tag*/
}
.RNav A
{
	 text-decoration: none;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 color:#000066;
}
.RNav A:hover
{
	 text-decoration:underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 color: #99014c;
	
}
.RNav A:visited 
{
	font-size:small;
}
/*End Resource Layout*/


/*New Rules Layout*/

.RulesRightColumn 
{
	width: 61%; 
	height:546px;
	padding-left:10px;
	padding-right:10px;
    border:solid 1px #3157b1;
	float:right;
}
.RulesLeftColumn 
{
	 height: 480%; 
	 width: 35%; 
	 float:left;
     border:solid 1px #3157b1;
	 background: #EEF3F7;
}
.RulesSideBar-header
{
	width:215px;
	height:4px;
	background-color:#3157b1;
	text-align:center;
	font-family:Sans-Serif;
	font-size:13px; 
	font-style:normal;
	font-weight:bold;
	color:White;
	padding-top:3px;
	padding-left:5px;
	margin:0 auto ;/*center a div tag*/
}
.TitleRules
{
	 text-align:left; 
	 font-family:Sans-Serif;
	 font-weight:bold;
	 margin-left:15px;
}
/*End Rules Layout*/

/*Title V Links*/

.TVNav A
{
	 text-decoration: none;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
	 color:#000066;
}
.TVNav A:hover
{
	 text-decoration:underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: small;
	 color: #99014c;
	
}
/*End Title V links*/

/*Error page Layout*/
.EPage
{
	margin-left:15px;
	margin-right:15px;
	border:solid 1px #000000;
	background-color:#EEEEFF;
}
.ERight
{
	float:right; 
	width:86%;
}
.ELeft
{
	float:left;
	width:12px;
	margin-left:15px; height:26px;
}
/*End Error page Layout*/

/*add space to navigation links*/
.li
{
	margin-bottom:10px;
}
/*End space to navigation links*/

/*ConstructionDraft nav*/

.gvnav A
{
	 text-decoration: underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
	 color:#000066;
}
.gvnav A:hover
{
	 text-decoration:underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size:small;
	 color: #99014c;
	 	
}
.gvnav A:visited
{
	font-size:small;
}
/*Current AQI page Layout*/
.CurrAqi_Image
{
	float: left;
	width: 33%;
	height: 150px;
}
.CurrAqi_ReportInfo
{
	float: right;
	height: 150px;
	margin-right: 10px;
}
.CurrAqi_CurValue
{
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #6abf6c;
	left: 10px;
}
.ReportPanel
{
}

.CurrAqi_CurValue
{
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #6abf6c;
	left: 10px;
}
/*End Current AQI page Layout*/

/* Monitoring page Layout*/
.monitorcontentpage
{
	margin-left: 172px;
	margin-right: 5px;
	margin-top: 0px;
}
div#outer
{
	top: 20px;
	left: 8px;
	width: 530px;
	color: #3157b1;
	position: relative;
	text-align: center;
}
div#imgNorth
{
	top: 4px;
	left: 165px;
	position: absolute;
}
div#imgWest
{
	top: 174px;
	left: 10px;
	position: absolute;
}
div#imgCenter
{
	top: 220px;
	left: 235px;
	position: absolute;
}
div#imgEast
{
	top: 174px;
	left: 320px;
	position: absolute;
}
div#imgSouth
{
	top: 349px;
	left: 165px;
	position: absolute;
}

div#sitelocation
{
	width: 182px;
	font-size: 10pt;
	color: gray;
	text-align: left;
	position: relative;
	left: 10px;
	top: 10px;
}
div#sitePictures
{
	top: 20px;
	left: 120px;
	width: 300px;
	position: relative;
	color: #3157b1;
	text-align: center;
}

div#siteheader
{
	width: 182px;
	font-size: 10pt;
	color: gray;
	text-align: center;
	position: relative;
	left: 190px;
}

.pictureshr
{
	width: 300px;
	color: green;
}
.hr
{
	width: 180px;
	color: green;
}

/*End Monitoring page Layout*/

/*End subscribe page Layout*/
div#subscibe
{
	margin-left: 5px;
	margin-right: 5px;
}
/*End subscribe page Layout*/

/*End Toxics page Layout*/
div#toxics
{
	margin-left: 2px;
	margin-right: 2px;
	border: solid 1px blue;
	text-align:justify;
}
.toxicparagraph
{
	margin-left:5px;
	margin-right:5px;
	
}
.subtopic
{
  font-weight: bold;  
  font-size: 13pt; 
  color: #3300cc;
  margin-left:5px;
  margin-right:5px;
	
}

 div#outertoxic
 {
   margin-left: 15px;
   word-spacing:normal;
 }
 div#rightfloatbox
 {
	width:200px;
	float:right;
	border:solid 1px black;
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	height:75px;
	word-spacing:normal;
	padding-top:5px;
 }
 div#titletoxic
  {
	font-weight: bold;
	font-size: 11pt;
	color: #3300cc;
  }
/*End Toxics page Layout*/

/*End SO2 page Layout*/
div#SO2
{
	margin-left: 2px;
	margin-right: 2px;
	border: solid 1px;
	text-align:justify;
	padding:0 5px 0 5px;
	
}
/*End SO2 page Layout*/

/*PM10 page Layout*/
    
.PM25paragraph
{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:2;
	color:black;
    margin-left:5px;
    margin-right:5px;
	
}

.PM25subheader
 {		
     font-family:Arial,Helvetica,Sans-Serif;
	 font-size:1em;
	 color:#cc0000;
     font-weight:bold;
 }
 
 div#PM25right
 {
	border:solid 1px blue;
 }

/*End PM10 page Layout*/


/*Ozone page Layout*/
.ozoneparagraph
{
 text-align:justify;
 font-family:Arial, Helvetica, sans-serif;
 font-size:2;
}

/*Begin JQuery*/
.slideshow { height: 400px; width:303px;  margin-top:50px; margin-left:60px; }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }
/*End JQuery*/