/*

################################################################################
Global CSS Style Sheet for Alliance for Sustainable Colorado Website
Created by Ballas Creative
Copyright (C) 2008 Alliance for Sustainable Colorado
################################################################################

*/

body {
	background-color: #fff;
	font: 13px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0em;
}
p {
	letter-spacing: 0em;
	line-height: 18px;
}
h1 {
	font: 24px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -1px;
}
.h1 {
	font: 24px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -1px;
}
h2 {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -0.5px;
}
.h2 {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -0.5px;
}
h3 {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #000;
	letter-spacing: -0.5px;
}
.h3 {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #000;
	letter-spacing: -0.5px;
}
hr {
	width: 98%;
	height: 1px;
	border-style: none;
	border-width: thin;
	border-top-style: solid;
	border-top-color: #e5e5e5;
	float: left;
}
#wrapper {
	width: 955px;
	height: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 20px;
}
#wrapper #logo {
	width: 261px;
	height: 83px;
	float: left;
}
#wrapper #nav-home {
	width: 694px;
	height: 20px;
	float: left;
	text-align: right;
	padding-top: 41px;
	padding-bottom: 29px;
	overflow: hidden;
}
#wrapper #nav-secondary {
	width: 694px;
	height: 42px;
	float: left;
	text-align: right;
	padding-top: 59px;
	letter-spacing: -0.5px;
	padding-bottom: 8px;
	overflow: hidden;
}
#wrapper #footer {
	font: 11px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 30px;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
}
#wrapper #footer a {
	color: #666;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#wrapper #footer a:hover {
	color: #000;
	text-decoration: underline;
	padding-right: 4px;
	padding-left: 4px;
}

/* HOME */

#back-home {
	background: url(../images/back_home.jpg) repeat-x;
}
#wrapper #pods {
	width: 100%;
	height: 300px;
	margin-top: 114px;
	float: left;
}
#wrapper #pods p {
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0em;
	color: #fff;
}
#wrapper #pods a {
	color: #ffcc00;
	text-decoration: none;
}
#wrapper #pods a:hover {
	color: #fff;
	text-decoration: underline;
}
#wrapper #pods #pod-left {
	width: 278px;
	height: 140px;
	padding-top: 155px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background: url(../images/back_pod_programs.jpg) no-repeat;
}
#wrapper #pods #pod-middle {
	width: 278px;
	height: 140px;
	padding-top: 155px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background: url(../images/back_pod_events.jpg) no-repeat;
}
#wrapper #pods #pod-right {
	width: 278px;
	height: 140px;
	padding-top: 155px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background: url(../images/back_pod_center.jpg) no-repeat;
}
#wrapper #content-footer {
	width: 100%;
	height: 45px;
	margin-top: 30px;
	margin-bottom: 130px;
	float: left;
}
#wrapper #content-footer #tagline {
	width: 480px;
	height: 45px;
	float: left;
	overflow: hidden;
	text-align: right;
	padding-top: 10px;
}
#wrapper #content-footer #tagline1 {
	width: 520px;
	height: 45px;
	float: left;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}
#wrapper #content-footer #support {
	width: 395px;
	height: 45px;
	float: left;
	overflow: hidden;
	text-align: right;
}
#wrapper #content-footer #support1 {
	width: 335px;
	height: 49px;
	float: left;
	overflow: hidden;
	text-align: left;
	padding-left: 70px;
}

/* SECONDARY */

#back-aboutus {
	background: url(../images/back_aboutus.jpg) repeat-x;
}
#back-programs {
	background: url(../images/back_programs.jpg) repeat-x;
}
#back-center {
	background: url(../images/back_center.jpg) repeat-x;
}
#back-events {
	background: url(../images/back_events.jpg) repeat-x;
}
#back-contactus {
	background: url(../images/back_contactus.jpg) repeat-x;
}
#fp-aboutus {
	width: 100%;
	height: 260px;
	background: url(../images/fp_aboutus.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-programs {
	width: 100%;
	height: 260px;
	background: url(../images/fp_programs.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-outreach {
	width: 100%;
	height: 260px;
	background: url(../images/fp_outreach.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-public {
	width: 100%;
	height: 260px;
	background: url(../images/fp_public.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-casba {
	width: 100%;
	height: 260px;
	background: url(../images/fp_casba.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-education {
	width: 100%;
	height: 260px;
	background: url(../images/fp_education.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-center {
	width: 100%;
	height: 260px;
	background: url(../images/fp_center.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-events {
	width: 100%;
	height: 260px;
	background: url(../images/fp_events.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-contactus {
	width: 100%;
	height: 260px;
	background: url(../images/fp_contactus.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#fp-support {
	width: 100%;
	height: 260px;
	background: url(../images/fp_support.jpg) no-repeat;
	float: left;
	margin-top: -7px;
}
#subnav {
	width: auto;
	height: auto;
	float: left;
}
#subnav-public {
	width: auto;
	height: auto;
	float: left;
	margin-left: 13px;
}
#wrapper #content-secondary {
	width: 100%;
	height: auto;
	margin-top: 1px;
	float: left;
	background: url(../images/back_content_secondary.gif) repeat-y;
}
#wrapper #content-secondary a {
	font: bold 13px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #354989;
	text-decoration: underline;
}
#wrapper #content-secondary a:hover {
	font: bold 13px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
}
#wrapper #content-calendar {
	width: 100%;
	height: auto;
	margin-top: 1px;
	float: left;
	background: url(../images/back_content_secondary.gif) repeat-y;
}
#wrapper #content-calendar #content_maincalendar {
	width: 660px;
	height: auto;
	float: left;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
	margin-top: -10px;
}
#wrapper #content-secondary #content-quote {
	width: 660px;
	height: auto;
	text-align: right;
	float: left;
	padding-right: 40px;
	padding-top: 20px;
	padding-left: 40px;
}
#wrapper #content-calendar #content-calendarquote {
	width: 660px;
	height: auto;
	text-align: right;
	float: left;
	padding-right: 40px;
	padding-top: 20px;
	padding-left: 40px;
}
#wrapper #content-secondary #content-body {
	width: 660px;
	height: auto;
	float: left;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
	margin-top: -10px;
}

#wrapper #content-secondary #tour-hdr {
	width: 660px;
	height: auto;
	margin-top: -10px;
}
#wrapper #content-secondary #tour-hdr a {
	font: 24px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -1px;
	text-decoration: none;
}
#wrapper #content-secondary #tour-hdr a:hover {
	font: 24px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #000;
	letter-spacing: -1px;
}
#wrapper #content-secondary #tour-img {
	width: 435px;
	height: auto;
	padding-right: 10px;
	float: left;
}
#wrapper #content-secondary #tour-img p {
	letter-spacing: 0em;
	line-height: 18px;
	color: #666;
}
#wrapper #content-secondary #tour-img-nav {
	width: 215px;
	height: auto;
	float: left;
}
#wrapper #content-secondary #tour-pods {
	width: 660px;
	height: auto;
	float: left;
	margin-top: -10px;
}
#wrapper #content-secondary #tour-pods a {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -1px;
	text-decoration: none;
}
#wrapper #content-secondary #tour-pods a:hover {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #000;
	letter-spacing: -1px;
}
#wrapper #content-secondary #content-tenants {
	width: 660px;
	height: auto;
	float: left;	
	border: thin solid #e6e6e6;
}
#wrapper #content-secondary #content-tenants #td {
	background: url(../images/back_tenants_td.jpg) repeat-x;
	padding-left: 15px;
	padding-right: 15px;
}
#wrapper #content-secondary #content-tenants #td p {
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
}
#wrapper #content-secondary #content-tenants #td a {
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
}
#wrapper #content-secondary #content-tenants #td a:hover {
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
}

/* #wrapper #content-secondary #content-tenants-left {
	width: 315px;
	height: 400px;
	float: left;
	overflow: scroll;
	border: thin solid #e6e6e6;
}
#wrapper #content-secondary #content-tenants-left #td {
	background: url(../images/back_tenants_td.jpg) repeat-x;
	padding-left: 15px;
	padding-right: 15px;
}
#wrapper #content-secondary #content-tenants-left #td p {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
}
#wrapper #content-secondary #content-tenants-left #td a {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
}
#wrapper #content-secondary #content-tenants-left #td a:hover {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
}
#wrapper #content-secondary #content-tenants-right {
	width: 315px;
	height: 400px;
	float: left;
	overflow: scroll;
	border: thin solid #e6e6e6;
	margin-left: 20px;
}
#wrapper #content-secondary #content-tenants-right #td {
	background: url(../images/back_tenants_td.jpg) repeat-x;
	padding-left: 15px;
	padding-right: 15px;
}
#wrapper #content-secondary #content-tenants-right #td p {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
}
#wrapper #content-secondary #content-tenants-right #td a {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
}
#wrapper #content-secondary #content-tenants-right #td a:hover {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
}
*/

#wrapper #content-secondary #programs-pod {
	width: 300px;
	height: auto;
	float: left;
	padding-right: 30px;
	overflow: hidden;
}
#wrapper #content-secondary #programs-pod a {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -0.5px;
	text-decoration: none;
}
#wrapper #content-secondary #programs-pod a:hover {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #000;
	letter-spacing: -0.5px;
}
#wrapper #content-secondary #programs-pod .link {
	font: bold 13px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #354989;
	text-decoration: underline;
	text-transform: none;
}
#wrapper #content-secondary #programs-pod .link:hover {
	font: bold 13px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: none;
}
#wrapper #content-secondary #meetingrooms-pod {
	width: 210px;
	height: aito;
	float: left;
	padding-right: 10px;
	overflow: hidden;
	text-align: center;
}
#wrapper #content-secondary #support {
	width: 204px;
	height: auto;
	float: left;
	padding-bottom: 10px;
	padding-left: 11px;
}
#wrapper #content-calendar #calendarsupport  {
	width: 204px;
	height: auto;
	float: left;
	padding-bottom: 10px;
	padding-left: 11px;	
}
#wrapper #content-secondary #sidebar {
	width: 145px;
	height: auto;
	float: left;
	padding-right: 35px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#wrapper #content-secondary #sidebar p {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
}
#wrapper #content-secondary #sidebar li {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
	margin-left: -39px;
	list-style-type: none;
	background: url(../images/back_li.gif) no-repeat 0 5px;
	padding-left: 10px;
}
#wrapper #content-secondary #sidebar a {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
}
#wrapper #content-secondary #sidebar a:hover {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
}
#wrapper #content-calendar #calendarsidebar {
	width: 145px;
	height: auto;
	float: left;
	padding-right: 35px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#wrapper #content-calendar #calendarsidebar p {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
}
#wrapper #content-calendar #calendarsidebar li {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
	margin-left: -39px;
	list-style-type: none;
	background: url(../images/back_li.gif) no-repeat 0 5px;
	padding-left: 10px;
}
#wrapper #content-calendar #calendarsidebar a {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #0a2972;
}
#wrapper #content-calendar #calendarsidebar a:hover {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
}
#wrapper #content-secondary #content-secondary-footer {
	width: 100%;
	float: left;
	background: url(../images/back_content_secondary_footer.gif) no-repeat;
}
#wrapper #content-secondary #hdrlink a {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #354989;
	letter-spacing: -0.5px;
	text-decoration: none;
}
#wrapper #content-secondary 	#hdrlink a:hover {
	font: 18px/normal Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize; 
	color: #000;
	letter-spacing: -0.5px;
}

/* CLASSES */

.subnav {
	filter: alpha(opacity:75);
	width: 156px;
	height: auto;
	padding: 13px 15px 15px 13px;
	background-color: #000;
	margin-top: -1px;
	float: left;
}
.subnav[class] {
	background: url(../images/back_subnav.png) repeat; /* IE fix. */
}
.subnav-public {
	filter: alpha(opacity:75);
	width: 256px;
	height: auto;
	padding: 13px 15px 15px 13px;
	background-color: #000;
	margin-top: -1px;
	float: left;
}
.subnav-public[class] {
	background: url(../images/back_subnav.png) repeat; /* IE fix. */
}
.pod-left {
	width: 248px;
	height: 110px;
	background: url(../images/back_pod_left.jpg) no-repeat;
	padding: 5px 10px 20px 20px;
}
.pod-middle {
	width: 248px;
	height: 110px;
	background: url(../images/back_pod_middle.jpg) no-repeat;
	padding: 5px 10px 20px 20px;
}
.pod-right {
	width: 248px;
	height: 110px;
	background: url(../images/back_pod_right.jpg) no-repeat;
	padding: 5px 10px 20px 20px;
}
.img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 3px;
}
.img-right {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 3px;
}

/* FORM CLASSES */

.textfield {
	font-size: 12px;
	background: #fff url(../images/back_form.gif) repeat-x;
	border: 1px solid #d1d1d1;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 6px;
	width: 175px;
}
.textfield-extend {
	font-size: 12px;
	background: #fff url(../images/back_form.jpg) repeat-x;
	border: 1px solid #d1d1d1;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 6px;
	width: 200px;
}
.listmenu {
	border: 1px solid #d1d1d1;
	font-size: 12px;
	padding: 4px;
	width: auto;
	background-color: #f9f9f9;
	margin-top: 5px;
	margin-bottom: 6px;
}
.button {
	font-size: 13px;
	padding: 4px;
	background-image:url(../images/back_btn.jpg);
	border-bottom-width: 2px;
	border-right-width: 2px;
	height: 30px;
	width: 90px;
	border: 1px #999999 outset;
	color: #333333;
}
.form_txt {
	color: #666;
}
.tab {
	background: url(../images/tab_tenants.gif) no-repeat;
	width: 152px;
	height: 30px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 4px;
	text-align: center;
}
.tab-on {
	background: url(../images/tab_tenants_on.gif) no-repeat;
	width: 152px;
	height: 30px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 4px;
	text-align: center;
}