@import url("css/menu.css");

/* CSS Document */
body {background-color: #FFF; margin:0px; padding:0px; text-align: center; }
form { margin: 0px; padding: 0px; }
h1 {color: #008ED3; font-size: 28px; font-weight: bold; margin-bottom: 45px; font-family: Arial, Helvetica, Sans-Serif;}
p{ text-align: left; }
/*-------- Default Style --------*/
th,td,div{color:#666; font-family: Arial, Helvetica, sans-serif; font-weight:normal; }
a,a:link,a:visited,a:active{color:#00CCFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; }
a:hover{color:#00CCFF; text-decoration:none; }

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#4F839F; font-size:14px; }
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#00ccff; font-size:14px; text-transform:uppercase; }
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#4F839F; font-size:14px;}
a.user:hover{color:#C00;}

/*--------- pane style ----------*/
.TopPane { padding:0px; margin:0px; }
.ContentPane {margin: 0px; width: 328px;}
.LeftPane{ text-align: left; width: 239px; margin: 0px; padding: 0px; }
.RightPane { padding:0px; width:239px; margin:0px; }
.BottomPane { padding-top: 40px; }

/*-------- design style --------*/
.template_style{width:850px; margin:auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 19px 0 7px; height:40px; background:url(images/menu_bg.png) repeat-x top left;}
.menu_style{float:left;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; height:34px;}
#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; padding:8px 0px 0px 17px; color:#000000; font-size:14px; }
.clear_float, #clear, .clear{clear:both;}

.main_content{padding:0px; margin: 0px;}

#container
{
    margin: 0px;
    padding: 0px;
}
.top_content_wide
{
	background-image: url('/Portals/0/images/clean_air_header_bgrepeat.jpg');
	background-repeat: repeat-x;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#headtwo
{
	background-image:url(/Portals/0/images/clean_air_header_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	min-height:321px;
	text-align:center;
	margin-bottom:0px;
	padding-bottom:0px;
	height: 321px;
}
#photo
{
   	width: 252px;
	margin-bottom: 0px;
	height: 164px;
	padding-bottom: 0px;

}
.ContentPane p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	line-height:25px;
	width: 327px;
}
#topplant
{
	float:left;
	height: 53px;
	width: 51px;
	margin-top: 0px;
	padding-left: 7px;
	padding-top: 0px;
}
#pgraph
{
	width: 164px;
    margin-left:0px;
	float:right;
}
#pgraph p
{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:163px;
	font-style:italic;
}
#tip p
{
	margin-left:25px;
}
#tip img
{
	margin-top:10px;
}
#right_nav
{
	vertical-align: top;
	background-color: #e2fafc;
	line-height:25px;
	width: 199px;
	padding: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#right_nav p
{
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(/Portals/0/images/clean_air_right_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
}
#right_nav a
{
	color: #38a9df;
	text-decoration: none;
	font-size: 13px;
}
#button
{
	margin-top:20px;
}
#emblem
{
	margin-top:30px;
	margin-bottom:17px;
	width: 239px;	
}
#rightcontent p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:183px;
	font-style:italic;
}
#rightcontent #header
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#008fdb;
	margin-right:6px;
}
#rightcontent #firstsouth
{
	margin-left:25px;
	margin-top:20px;
}
#rightcontent #headertwo
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#008fdb;
	margin:0px 40px 0px 0px;
}
#rightcontent #headertwo p
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#008fdb;
	margin:0px 40px 0px 0px;
}
.top_content 
{
	background-image: url('/Portals/0/images/clean_air_header_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	min-height: 321px;
	height: auto !important;
	height: 321px;
}
.middle_content 
{
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
.bottom_content 
{
	background-image: url('/Portals/0/images/clean_air_footer.gif');
	background-repeat: repeat-x;
	height: 228px;
}
.content_center
{
	width: 850px;
	margin: auto;
}

/*---------------Accordion nav styles-----------*/
#menu_container
{
	padding: 30px 10px 30px 0px;
	background-color: #E2FAFC;
}
dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
}
#menu 
{
	position: relative;
}
#menu dt 
{
	cursor: pointer;
	margin: 0;
	height: 25px;
	line-height: 20px;
	text-align: left;
	text-indent: 30px;
	font-weight: normal;
	font-size: 13px;
	background-image: url('/Portals/0/images/clean_air_right_arrow.gif');
	background-repeat: no-repeat;
	background-position: 15px center;
	color: #38A9DF;
}
#menu dd 
{
	/*border: 1px solid gray;*/
	color: #38A9DF;
}
#menu ul
{
	margin-top: 3px;
}
#menu li 
{
	text-align: left;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 30px;
	padding-right: 5px;
}
#menu li a, #menu dt a 
{
	color: #38A9DF;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	font-size: 13px;
}
#menu li a:hover, #menu dt a:hover 
{
	color: #3b4791;
}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#99CCFF; font-size:11px;}
.footer
{
	padding-top: 50px;
}
.footer #box #footlogo
{
	width: 50px;
	float: left;
}
.footer #box #footnav
{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	color: #99CCFF;
}
.footer #box #footnav p
{
	margin: 0px;
}
.footer #box #footnav .links
{
	margin-right: 8px;
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
}
.footer #box #footnav a
{
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}
#dnn_dnnLOGIN_cmdLogin 
{
	font-size: 11px;
	color: #ffffff;
}
#concussion {
	padding:5px 0 0px 0;
	text-align:left;
	clear: both;
}