/* Good Clean Air GLOBAL STYLESHEET */

body {top:0px; left:0px; margin:0px 0px 0px 0px; border: 0px none;padding:0px 0px 0px 0px;font:12px Arial, Helvetica, sans-serif;background:#e6f1f8 url(../images/bluefade_bg.jpg);background-repeat:repeat-x;color:#324364;text-align:center;}
body table tr td {font:12px Arial, Helvetica, sans-serif;}
img {border:none;padding:0;margin:0;text-decoration:none;}
p { padding:0;margin:0; line-height:1.66em;}
a:link, a:visited, a:active  {font-family: Arial, Helvetica, sans-serif; color:#00acec; text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:underline; color:#0099cc;}
.align_right {text-align:right;}
.align_left {text-align:left;}
.align_center {text-align:center;}
body ul li {line-height:1.5em;}
.float_left {float:left;}
.float_right {float:right;}
.clear {clear:both;height:0;line-height:0.0;font-size:0;}
.left_pad {padding-left:10px;}
.right_pad {padding-right:10px;}
.top_pad {padding-top:10px;}
.bottom_pad {padding-bottom:10px;}
.halftop_pad {padding-top:5px;}
.halfbottom_pad {padding-bottom:5px;}
.leftright_pad {padding-right:10px;padding-left:10px;}
.topbottom_pad {padding-top:10px;padding-bottom:10px;}
.super_pad { padding:20px;}
.super_pad_left { padding-left:20px;}
.super_pad_right { padding-right:20px;}
.super_pad_top { padding-top:20px;}
.super_pad_bottom { padding-bottom:20px;}
/*------ T E X T  &  L I N K S ------*/
.lucida {font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Geneva, Arial, sans-serif;}
.tacoma {font-family:Tahoma, Geneva, Arial, sans-serif; }
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.small {font-size:.917em;line-height:1.5em;}
.extra_small {font-size:.833em;line-height:1.25em;}
.large {font-size:1.25em;line-height:1.25em;}
.extra_large {font-size:1.5em;line-height:1.25em;}
.bigger {font-size:130%;}
.smaller {font-size:80%;}
.letterspacing-1 {letter-spacing:-1px;}
.uppercase {text-transform:uppercase;}
.black {color:black;}
.white {color:white;}
.green {color:#00b218;}
.green_light {color:#99be58;}
.blue {color:#0058ac;}
.top_nav_link:link, .top_nav_link:active, .top_nav_link:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#003861;
	text-decoration:none;
	font-size:.917em;
	font-weight:bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: center;
	white-space: normal;


}
.top_nav_link:hover { color:#003861;text-decoration:underline;}
.dark_blue_link:link, .dark_blue_link:active, .dark_blue_link:visited { color:#0058ac;}
.dark_blue_link:hover { color:#00acec;}

/*------ C O N T A I N E R ------*/
#bg { background-image:url(../images/butterfly_swirl_bg.jpg); background-repeat:no-repeat;position:relative;margin-left:auto;margin-right:auto;width:1015px; height:613px;}
#container {position:relative;margin-left:auto;margin-right:auto;width:755px;text-align:left;top:82px;}
#logo { padding-left:20px; padding-bottom:15px;}
#logo_bg { background-image:url(../images/logo_goodcleanair.png); display:block;width:176px; height:28px; background-repeat:no-repeat;}
#top_nav {text-align:center; padding-top:10px; padding-bottom:10px;}
#content_container {padding:20px; padding-bottom:150px;}
#footer {}
/*------ M I S C ---------------*/
.blue_line { background-color:#8cb9d1;line-height:1px;height:1px; width:100%;}
.whiteborder {border:5px solid white;}
.greyborder_whitepad { border:1px solid #ccc;background-color:white; background:#fff;width:100%;}
.white_bg {background-color:white;}
.inputtext { border:1px solid #ccc;}
input {color:#0058ac; font-family:Arial, Helvetica, sans-serif; font-size:1.25em;}
.thickgreyborder { border:5px solid #999; background-color:#ebebeb;}

/*------- A C C O R D I A N -------------*/
#accoridan_container { width:100%;background-color:white;}
.accordion_toggle {display: block;width:697px;height:30px;background-color:#99afbb;padding: 0 10px 0 10px;line-height: 30px;color:white;font-weight: bold;text-decoration: none;outline: none;font-size: 12px;border-bottom: 1px solid #ccd7dd;cursor: pointer;margin: 0 0 0 0;}
.accordion_toggle_active, .accordion_toggle:hover {background-color:#7ea6bc;color:white;border-bottom: 1px solid #ccd7dd;}
.accordion_content {background-color:white;color: #74873a;overflow: hidden; width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.accordion_content h2 {margin: 15px 0 5px 10px;color: #0058ac;background-color:white}
.accordion_content p {line-height: 200%;padding: 5px 10px 15px 10px;background-color:white;}
.vertical_accordion_toggle {display: block;height: 30px;background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;padding: 0 10px 0 10px;line-height: 30px;color: #ffffff;font-weight: normal;text-decoration: none;outline: none;color: #000000;border-bottom: 1px solid #cde99f;cursor: pointer;margin: 0 0 0 0;}
.vertical_accordion_toggle_active {background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;color: #ffffff;border-bottom: 1px solid #f68263;}
.vertical_accordion_content {background-color: #ffffff;color: #444444;overflow: hidden;}
.vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}
.vertical_accordion_content p {line-height: 150%;padding:20px;}
/*Horizontal Accordion*/
.horizontal_accordion_toggle {border-right:1px solid #ccc;/* REQUIRED */float: left;/* This make sure it stays horizontal *//* REQUIRED */display: block;height: 300px;width: 60px;background-color:#f5f4e7;color: #ffffff;text-decoration: none;outline: none;cursor: pointer;margin:0px;}
.horizontal_accordion_toggle_active {background-color:#f5f4e7;border-right:1px solid white;}
.horizontal_accordion_content {/* REQUIRED */height:300px; width:300px;/* We need to define a height for the accordion as it stretches the width */float: left;	/* This make sure it stays horizontal *//* REQUIRED */overflow: hidden;background-color: #ffffff;color: #74873a;}
.horizontal_accordion_content p {line-height: 200%;width:350px;}
/* Container styling*/
#horizontal_container {height: 300px; width:100%;}