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

/* CSS Document */
body {background-color: #FFF; height:100%; margin:0px; padding:0px; }
h1 {color: #008ED3; font-size: 28px; font-weight: bold; margin-bottom: 45px; font-family: Arial, Helvetica, Sans-Serif;}
h2 {color: #008ED3; font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; font-weight: bold; margin-top: 40px; margin-bottom: 20px; border-bottom: 1px dotted #008ED3; padding-bottom: 5px;}
h3 {color: #008ED3; font-family: Arial, Helvetica, Sans-Serif; font-size: 17px; font-weight: bold; margin-bottom: 5px; margin-top: 45px;}
h4 {color: #666666; font-family: Arial, Helvetica, Sans-Serif; font-size: 17px; font-weight: bold; margin: 20px 0px 0px 0px;}
img {margin: 0px; padding: 0px;}

/*-------- Default Style --------*/
th,td,div{ color: #666666; font-size: 14px; 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; font-size: 14px; }
a:hover{ color: #00CCFF; text-decoration: underline; }

/*------------ 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:#4F839F; 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 {padding-top: 50px; padding-left: 50px; padding-bottom: 70px; padding-right: 50px; margin: 0px;}
.RightPane { padding:0px 0px 40px 0px; width:239px; margin:0px; text-align: center; }

/*-------- 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:both;}

.main_content{padding:0px; margin: 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;
}
.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;
}
.top_content img {margin:0px; padding: 0px;}
.header_logo 
{
	float: right;
	margin-top: 30px;
	padding-right: 94px;
	font-size: 0px;
	line-height: 0px;
}
.middle_content 
{
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
.middle_content ul
{
	font-size: 14px;
	color: #666666;
}
.middle_content p 
{
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 160%;
	color: #666666;
}
.middle_content .main_content_img 
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 25px;
	float: left;
}
.content_with_img p
{
	padding-top: 15px;
}
.middle_content .commuter_benefits_img 
{
	margin-top: 20px;
	margin-bottom: 15px;
}
.hotlink_table 
{
	margin-bottom: 30px;
}
.hotlink_table td
{
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.content_tbl td
{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
}
.ntcac_links_tbl td
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
}
.view_winners_btn 
{
	display: block;
	background-image: url('/Portals/0/images/clean_air_right_button.gif');
	background-repeat: no-repeat;
	width: 183px;
	height: 53px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
}
.epa_emblem 
{
	display: block;
	background-image: url('/Portals/0/images/clean_air_right_epa.gif');
	background-repeat: no-repeat;
	width: 88px;
	height: 88px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
}
.first_southwest
{
	display: block;
	background-image: url('/Portals/0/images/clean_air_right_firstsw.gif');
	background-repeat: no-repeat;
	width: 163px;
	height: 23px;
	text-indent: -9999px;	
}
.right_bug 
{
	text-align: left;
	font-style: italic;
	margin-top: 30px;
	width: 183px;
	margin-left: auto;
	margin-right: auto;
}
.right_bug .right_heading
{
	color: #008FDB;
	font-weight: bold;
	font-size: 12px;
}
.learn_more
{
	text-align: right;
}
.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;
}
#menu_container #menu dl, #menu_container #menu dt, #menu_container #menu dd, #menu_container #menu ul 
{
	margin: 0;
	padding: 0;
}
#menu 
{
	position: relative;
}
#menu dt 
{
	cursor: pointer;
	margin: 0;
	height: 25px;
	line-height: 25px;
	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;
	font-size: 13px;
	height: 100%;
}
#menu li a:hover, #menu dt a:hover 
{
	color: #3b4791;
	text-decoration: none;
}


/*-------------- Footer Style --------------*/
.footer {padding-top: 50px;}
.footer p {padding: 0px; margin: 0px;}
.footer .footer_nav { float: left; text-align: left; margin-left: 20px; margin-top: 5px; color: #99CCFF;}
.footer .footer_nav p { margin: 0px; font-size: 9px;}
.footer .footer_nav .footer_links {margin-right: 9px;}
.footer .footer_nav .footer_links a { color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-transform: uppercase; text-decoration: none;}
#dnn_dnnLOGIN_cmdLogin {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #ffffff;}
#concussion {
	padding:5px 0 0px 0;
	text-align:left;
	clear: both;
}

/*-------- Online Application Style --------*/
.Online_Form {padding-bottom:20px;}
.Online_Form .itemname { padding-bottom:10px;}
.Online_Form .item span { line-height:20px; }
.Online_Form .item img { vertical-align:bottom; }
.Online_Form td .Normal {font-size:16px;}

/*--------------- Login box ------------------*/
.LoginPanel img{
	display: none;
}
.LoginPanel .SubHead{
	color: #008ED3;
	text-transform:lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}