@charset "utf-8";
/* ~~~~~ CSS Document ~~~~~ */
/* ~~~~~ Designed by Frank Stehno for DEQ, 2010 ~~~~~ */

body  {
	background: #2c4269;
	text-align: center;
	color: #000000;
	border-bottom-color: #2C4269;
	outline-style: none;
	border-right-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0;
}

/* ~~~~~ One Column Formatting ~~~~~ */

.onecolumn #container {
	width: 820px;
	background: #FFFFFF;
	text-align: left;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 3px solid #2c4269;
}

.onecolumn #header {
	background: #ffffff;
	border-bottom-color: #2c4269;
	border-bottom-style: solid;
	border-bottom-width: medium;
}

.onecolumn #header h1 {
	margin: 0; 
}

.onecolumn #mainContent {
	background: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.onecolumn #footer {
	padding: 0 10px 0 10px;
	background:#ffffff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2c4269;
	
}

.onecolumn #footer p {
	margin: 0; /* This avoids margin collapse */
	padding: 10px 0;
	
}


/* ~~~~~ Two Column Formatting ~~~~~ */

.twocolumn #container {
	width: 820px;
	background: #FFFFFF;
	border: 3px solid #2c4269;
	text-align: left;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

.twocolumn #header {
	background: #ffffff;
	border-bottom-color: #2c4269;
	border-bottom-style: solid;
	border-bottom-width: medium;
} 

.twocolumn #header h1 {
	margin: 0; /* Keeps elements away from the edges of the div */
}

.twocolumn #sidebar1 {
	float: left; /* Since this element is floated, a width must be given */
	width: 150px;
	background: #ffffff;
	border-right-color: #2c4269;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #2c4269;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 12px;
}

.twocolumn #sidebar1 a:link{
	text-decoration: none;
}

.twocolumn #sidebar1 a:visited {
	text-decoration: none;
}

.twocolumn #mainContent {
	border: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 185px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.twocolumn #footer {
	padding: 0 10px 0 10px; 
	background:#ffffff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2c4269;
} 

.twocolumn #footer p {
	margin: 0; /* This avoids margin collapse */
	padding: 10px 0; /* This avoids margin collapse */
	background-color: #FFFFFF;
}


/* ~~~~~ Three Column Formatting ~~~~~ */

.threecolumn #container {
	width: 820px;
	background: #FFFFFF;
	border: 3px solid #2c4269;
	text-align: left;
	padding-top: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
.threecolumn #header {
	background: #ffffff;
	border-bottom-color: #660000;
	border-bottom-color: #2C4269;
	border-bottom-style: solid;
	border-bottom-width: medium;
} 

.threecolumn #header h1 {
	margin: 0; 
	font-size: 18px;
}

.threecolumn #sidebar1 {
	float: left;
	width: 150px;
	background: #ffffff;
	border-right-width: thin;
	border-right-color: #2C4269;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #2C4269;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 12px;
	text-decoration: none;
}

.threecolumn #sidebar1 a:link{
	text-decoration: none;
}

.threecolumn #sidebar1 a:visited {
	text-decoration: none;
}

.threecolumn #sidebar2 {
	float: right; 
	width: 160px; 
	padding: 10px 5px 15px 20px;
	border-right-style: solid;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-color: #e6f0fa;
	background: #e6f0fa;
	text-decoration: none;
}

.threecolumn #mainContent {
	margin: 0 190px; /* The right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px;
	margin-right: 200px;
} 

.threecolumn #footer {
	padding: 0 10px 0 10px; /* This avoids margin collapse */
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2c4269;
} 

.threecolumn #footer p {
	margin: 0; /* This avoids margin collapse */
	padding: 10px 0; /* This avoids margin collapse */
}

.threecolumn #sidebarwhite {
	float: right; /* Since this element is floated, a width must be given */
	width: 160px; 
	padding: 0px 10px 15px 20px;
	border-right-style: solid;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-color: #FFFFFF;
	background: #ffffff;
}

/* ~~~~~ Breadcrumb Formatting ~~~~~ */

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
	text-align: left;
	font-weight: lighter;
	text-decoration: none;
}

.breadcrumb a:link{
	text-decoration: none;
}

.breadcrumb a:visited {
	text-decoration: none;
}


/* ~~~~~ Head Meanu Formatting ~~~~~ */

.headmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #999999;
	text-align: center;
}

.homeheadmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #999999;
	text-align: center;
}


.headmenu a:link{

text-decoration: none;
}

.headmenu a:visited {
text-decoration: none;
}


/* ~~~~~ Hyperlink Formatting ~~~~~ */

a:link {
	text-decoration: underline;
	color: #003366;
}

a:visited {
	text-decoration: underline;
	color: #003366;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}


/* ~~~~~ Floating Elements Formatting ~~~~~ */

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ~~~~~ Heading Styles ~~~~~ */

h1 {
	font-size: 18px;
	color: #003366;
	line-height: normal;
	font-weight: bold;
}

h2 {
	font-size: 16px;
	color: #003366;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	color: #003366;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	color: #14556B;
	font-weight: bolder;
}

h5 {
	font-size: 12px;
	color: #14556B;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	color: #14556B;
	font-weight: normal;
}


/* ~~~~~ Misc Styles ~~~~~ */

.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: right;
}

.update {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
	text-align: right;
}

.pagemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;	
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

.megatext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #003366;
	font-weight: bold;
	font-variant: normal;
}


.ratext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #003366;
	font-weight: bold;
	font-variant: normal;
}


.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}


/* ~~~~~ Left Navigation Formatting ~~~~~ */

.leftnavtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	white-space: normal;
	line-height: normal;
}

.leftnavtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #003366;
}


/* ~~~~~ Right Navigation Formatting ~~~~~ */

.rightnavtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #003366;
	font-weight: bold;
}

.rightnavtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.deqhome #container {
	width: 960px;
	background: #FFFFFF;
	text-align: left;
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: auto;
	border: 3px solid #2c4269;
	margin-right: auto;
}
.deqhome #header {
	background: #ffffff;
	border-bottom-color: #2c4269;
	border-bottom-style: solid;
	border-bottom-width: medium;
	margin-right: 0px;
}
.deqhome #header h1 {
	margin: 0;
}
.deqhome #mainContent {
	background: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.deqhome #footer {
	padding: 0 10px 0 10px;
	background:#ffffff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2c4269;
}
.deqhome #footer p {
	margin: 0; /* This avoids margin collapse */
	padding: 10px 0; /* This avoids margin collapse */
}

/* ~~~~~~~~~~ AIR, LAND, WATER IMAGES ~~~~~~~~~~ */

#ALW 
	{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	width: 920px;
	position: relative;
	text-align: right;
	font-size: medium;
	font-weight: bold;
	}

#Air 
	{
	padding: 0px;
	float: left;
	height: 165px;
	width: 300px;
	background-image: url(../images/airlandwater/airwinter.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#Land 
	{
	float: left;
	height: 165px;
	width: 300px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/airlandwater/landwinter.jpg);
	background-repeat: no-repeat;
	}

#Water 
	{
	padding: 0px;
	height: 165px;
	width: 300px;
	float: right;
	margin: 0px;
	background-image: url(../images/airlandwater/waterwinter.jpg);
	background-repeat: no-repeat;
	}

 #Air ul, #Land ul, #Water ul 
	{
	margin: 5px;
	list-style-type: none;
	text-align: left;
	padding-top: 100px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 75%;
	}

/*#ALW a:link, #ALW a:visited, #ALW a:active 
	{
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #999999;
	background-image: url(../images/body/ALW_arrrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	}*/

/*#ALW a:hover 
	{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #000000;
	background-image: url(../images/body/ALW_arrrow_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	}*/

/*#Air li, #Land li, #Water li 
	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	}*/


/* ~~~~~~~~~~ ROTATOR CAROUSEL ~~~~~~~~~~ */

/* #Wrapper 
	{
	padding: 0px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	clear: both;
	}
	
#carousel h2 
	{
	text-align: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	}
	
.jcarousel-container span 
	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 90%;
	}

.jcarousel-container span a:link,.jcarousel-container span a:visited,.jcarousel-container span a:active 
	{
	color: #000000;
	text-decoration: none;
	}

.jcarousel-container span a:hover 
	{
	color: #000000;
	text-decoration: none;
	}

/* ~~~~~~~~~~ ROTATOR FEATURES ~~~~~~~~~~ */


/*.airmon_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/airmon_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.oilspill_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/oilspill_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.boil_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/boil_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.maps_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/maps_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.usedoil_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/usedoil_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.DTV_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/DTV_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	}

.nrcworkshop_feature 
	{
	background-image: url(file:///M|/DEQHOME/www.deq.utah.gov/newlook2010/Images/nrcworkshop_feature.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 125px;
	width: 505px;
	text-align: right;
	}


/* ~~~~~~~~~~ END ROTATOR FEATURES ~~~~~~~~~~ */

/* ~~~~~~~~~~ RC ACCORD ~~~~~~~~~~ */

#RCAccord 
	{
	width: 350px;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/rc_bg.jpg);
	background-repeat: no-repeat;
	height: 160px;
	}

#RCAccord ul 
	{
	height: 160px;
	width: 330px;
	list-style-type: none;
	margin: 0px;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	}

#RCAccord a:link, #RCAccord a:visited, #RCAccord a:active 
	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	color: #003366;
	text-decoration: none;
	}

#RCAccord a:hover 
	{
	color: #003366;
	text-decoration: underline;
	}

#RCAccord li 
	{
	list-style-type: none;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

#RCAccord form 
	{
	width: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#RightColumn 
	{
	width: 350px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	}
.tableheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #003366;
	font-weight: bold;
}