@charset "UTF-8";

/* IE div margin fix */
* div {
	margin: 0;
	padding: 0;
}

/* @group CLEARFIX */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/* @end */

/* @group MAIN */

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
  color: #333;
	line-height: 130%;
  margin: 0px;
  background-color: #B0B0B0;
	background: #00354f url(../img/2009-08/bg2.gif) repeat-x center top;
  min-width: 736px;
}

p {
  margin: 6px 0 14px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
  line-height: 120%;
}

h1 {
  color: #136; /* #269; */
  font-size: 21px;
  letter-spacing: -1px;
  margin-top: 6px;
  padding: 0;
}
h2 {
  color: #136;
  font-size: 18px;
	margin-bottom: 0;
  letter-spacing: -1px;
}
h3 {
  color: #136;
  font-size: 16px;
	margin: 10px 0 4px 0;
  letter-spacing: -1px;
}
h4 {
  color: #136;
  font-size: 14px;
  margin: 10px 0 2px 0;
}
h5 {
	font-size: 12px;
	font-style: italic;
	text-decoration: underline;
  margin: 10px 0 2px 0;
}

ul {
  margin-top: 4px;
}
img {
  border: 0px;
}
hr {
  size:1px;
  color:#EEEEEE;
}

/* @end */

/* @group LINKS */

a {
  color: #0a7ad0;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
  color: #2299ee;
}
a:active {
  color: #38e;
  text-decoration: none;
}
a.sponsors {
  font-size: 11px;
  line-height: 100%;
}
a.anchors {
  font-size: 10px;
  line-height: 100%;
}
a.button {
  display: block;
  float: left;
  padding: 2px 5px;
  background-color: #391;
  border-color: #150;
  color: #fff;
  margin-right: 6px;
  font-size: 12px;
}
p.red {
  color: red;
}
/* @end */

/* @group SIDEBAR */

.content.left {
  margin-right: 220px;
}
.content.right {
  margin-left: 220px;
}

.sidebar.left {
  position: relative;
  left: -220px;
  float: left;
  width: 200px;
  margin-right: -200px;
}
.sidebar.right {
  position: relative;
  right: -220px;
  float: right;
  width: 200px;
  margin-left: -200px;
}

.sidebar .border.right {
  font-size: 11px;
  padding-right: 14px;
  border-right: 2px solid #d9e6fc;
}
.sidebar .border h2 {
  color: #7ad;
  margin: 0 0 8px 0;
}

.sidebar .box {
  border: 1px solid #9be;
  padding: 0 10px;
  margin-bottom: 6px;
}
.sidebar .shade {
  background-color: #f4f8fb;
  border: 1px solid #e4e9fb;
  padding: 2px 16px 16px 16px;
  font-size: 11px;
  line-height: 1.3;
  color: #567;
}

.sidebar .box h2, .sidebar .shade h2 {
  margin: 14px 0 1px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: bold;
  color: #236;
}
.sidebar p {
  margin: 0 0 12px 0;
}
.sidebar .shade p {
  margin: 0;
}
.sidebar .shade a {
  font-weight: normal;
}
.sidebar h2 a {
  text-transform: none;
  letter-spacing: 0;
}

table.columns {
  width: 100%;
  border-collapse: collapse;
}

table.columns td {
  padding: 0;
  margin: 0;
  vertical-align: top;
}
table.columns .main {
  width: 600px;
}
table.columns .main.left {
  padding-right: 20px;
}
table.columns .main.right {
  padding-left: 20px;
}
table.columns .sidebar {
  background-color: #f4f8fb;
  border: 1px solid #e4e9fb;
  padding: 0px 16px 16px 16px;
  font-size: 11px;
  line-height: 1.3;
  color: #567;
  width: 240px;
}
table.columns .sidebar h2 {
  margin: 16px 0 7px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: bold;
  color: #236;
}
table.columns .sidebar p {
  margin: 7px 0;
}

/* @end */

/* @group HEADING COLUMNS */
.heading_columns h2,
.heading_columns h3,
.heading_columns h4,
.heading_columns h5,
.heading_columns h6 {
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0;
  float: left;
  position: relative;
  font-style: normal;
  text-decoration: none;
  text-align: right;
}
.small .heading_columns h2,
.small .heading_columns h3,
.small .heading_columns h4,
.small .heading_columns h5,
.small .heading_columns h6 {
  font-size: 11px;
  line-height: 130%;
  padding-top: 0;
}
.heading_columns p {
  margin: 0 0 12px 0;
}
.heading_columns ul {
  margin: 0;
  margin-bottom: 8px;
}
.heading_columns .row {
  padding: 8px 0;
}
.small .heading_columns {
  margin: -4px 0;
}
.small .heading_columns .row {
  padding: 4px 0;
}
/* @end */

/* @group SECTION COLUMNS */
.section {
  padding: 8px 0 8px 170px;
  /* border-top: 1px dotted #ddd; */
}
.section p {
  margin: 0 0 12px 0;
}
.section h2, .section h3 {
  font-size: 12px;
  width: 150px;
  float: left;
  position: relative;
  left: -170px;
  text-align: right;
  margin: 0 -150px 8px 0;
  letter-spacing: 0;
}
.section h2.list, .section h3.list {
  padding-top: 7px;
}
.section ul {
  margin: 0;
  margin-bottom: 8px;
}
.section h4 {
  font-size: 12px;
  margin: 0;
}

/* @end */

/* @group TABLE LIST */
table.list {
  border-collapse: collapse;
  margin: 0 0 8px 0;
}
table.list.top_line {
  border-top: 1px #dee solid;
}
table.list.no_head {
  border-top: 1px #bdb solid;
}
table.list th, table.list td {
	text-align: left;
	vertical-align: top;
  margin: 0px;
	white-space: nowrap;
  line-height: 120%;
  padding: 3px 6px 4px 6px;
}
table.list th {
  background-color: #d6e3f3;
  color: #136;
  border: 1px solid #bbcce7;
  border-top: none;
  border-left: 1px solid #dde6ee;
  font-weight: normal;
  font-size: 11px;
  padding: 3px 6px;
  vertical-align: bottom;
}
table.list th.section_name {
  background-color: #e7edf6;
  border: 1px solid #dee;
  padding: 2px 6px 3px 6px;
}
table.list tr.subhead th {
  background-color: #fdfeff;
  text-align: center;
}
table.list th.sorted {
  background-color: #494;
}
table.list th a {
  color: #27c;
	text-decoration: none;
}
table.list th a:hover {
	text-decoration: underline;
}
table.list td {
  background-color: #f8f9fd;
  border: 1px solid #dee;
  border-top: none;
}
table.list td.wrap {
  white-space: normal;
}
table.list td.sorted {
  border: 1px #bdb solid;
  background-color: #fff;
  border-top: 0px;
}
table.list th.center, table.list td.center {
  text-align: center;
}
table.list th.right, table.list td.right {
  text-align: right;
}
table.list td.icons {
  white-space: nowrap;
  padding: 2px 3px 0 3px;
  line-height: 16px;
}
table.list img {
  position: relative;
  top: 1px;
}

table.list.small th, table.list.small td {
  padding: 2px 4px 3px 4px;
}

table.list td.buttons {
  padding: 2px 6px;
  background-color: #b4c8ea;
  border: 1px solid #b4c8ea;
}

table.tickets .subtext {
  color: #678;
  font-style: italic;
}
table.tickets .alert {
  color: #c00;
  font-style: italic;
}
table.tickets .notice {
  color: #c60;
  font-style: italic;
}
table.tickets .ok {
  color: #092;
  font-style: italic;
}

.small {
  font-size: 11px;
  line-height: 13px;
}

/* @end */

/* @group CHECKLIST */
ul.checklist {
  margin-top: 12px;
  list-style: none;
	padding-left: 15px;
	margin-left: 0;
}

ul.checklist li {
  background: url(../images/checklist/box.png) left top no-repeat;
  padding: 4px 0 8px 27px;
}

ul.checklist li.done {
  background-image: url(../images/checklist/done.png);
  background: url(../images/checklist/done.png) left top no-repeat;
}

ul.checklist a.item {
  font-size: 14px;
}
ul.checklist div.due_date {
  font-weight: normal;
  color: #000000;
}
ul.checklist li.done div.due_date {
  color: #888;
}

/* @end */


.profile_box {
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
}

.profile_box h3 {
  font-size: 12px;
  margin: 0;
}

.small {
 font-size: 11px;
 line-height: 130%;
}

.team {
  padding: 8px;
  border: 1px solid #bbb;
  margin-bottom: 8px;
}
.team h3 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
  margin: 0;
}
.team .actions {
  float: right;
}

.spacer {
  padding-bottom: 20px;
  border-bottom: 1px dotted #aaa;
}





/* Various Boxes */

.description {
	padding: 10px;
	margin-left: 20px;
	background: #f0f0f0; /* light gray */
	border: 1px solid #777;
}

.note {
	font-size: 11px;
	padding: 5px 10px;
	background: #ffffe6; /* light yellow */
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}

.success {
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: 11px;
	background-color: #ccffcc; /* light green */
	border: 1px solid #00cc00;
}

.form_error {
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: 11px;
	background-color: #fcc; /* pink */
	border: 1px solid #f00;
}

.status {
	padding: 6px 10px;
	font-size: 11px;
	background-color: #ffffe6; /* light yellow */
}

.button {
  cursor: pointer;
  color: #333333;
  font-size: 11px;
  display: inline;
  border: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #CCCCCC;
  padding: 3px 0px 2px 0px;
  background-color: #EBEBEB;
}

td.detail {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-right: 5px;
	width: 150px;
	padding-top: 10px;
}

td.other {
	vertical-align: top;
	padding-top: 10px;
}

.submit {
	border: 1px #333 solid;
	background-color: #F5F5F5;
	font-weight: bold;
	color: #900;
}

input,select,textarea {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 11px;
	color: #000;
}
input[readonly], select[readonly], textarea[readonly] {
  color: #666;
}

.shadow_top {
  background-image: url(../images/shadow_bg.gif);
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 10px;
}






/* new styles */

.container {
  width: 853px;
  margin: 0 auto;
  text-align: left;
}


#top_line {
  border-bottom: 1px solid #cbe0f4;
  font-size: 11px;
  color: #284;
  margin: 0;
  background-image: url(../images/top_line_white.png);
}
#top_line a {
  font-weight: normal;
  color: #00476a;
}
#top_line .container {
	padding: 1px 0px 0px 0px;
}
#top_line .search_form {
	float: right;
	padding: 0px 3px 0px 3px;
}
#top_line .links {
	float: left;
	text-align: left;
	color: #bbb;
	padding: 3px 10px 0px 18px;
}
#top_line .links .name {
  color: #093;
}

input.search {
  background-image: url(../images/search_glass.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  padding-left: 16px;
  width: 180px;
  color: #777;
}
input.search.active {
  color: #000;
}


#banner .container {
	padding: 8px 18px 10px 18px;
}
#banner .photos {
  float: right;
}


#navbar {
  background-color: #00476a;
}
#navbar a {
  font-weight: normal;
}
#navbar .container {
  text-align: center;
}
#navbar .container .links {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
#navbar .container .links a {
	display: inline-block;
	padding: 3px 14px 4px 14px;
	font-size: 12px;
	color: #41474d;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#navbar .container .links a.first {
  border-left: 1px solid #fff;
}
#navbar .container .links a:hover {
  background-color: #adf;
  color: #169;
  text-decoration: none;
}


#main .container {
  margin: 20px auto;
}

#new_footer {
  border-top: 1px solid #CBE6F4;
}
#new_footer .container {
	padding: 12px 0;
}

#new_copyright {
	font-size: 9px;
	line-height: 12px;
	color: #666;
	text-align: right;
	padding: 0px 16px 0px 0px;
	margin: 0px;
}

#copy, #copy_home {
  width: auto;
  padding: 10px 0;
}
#copy {
  min-height: 370px;
}

#member_type {
  margin:0 25px 20px;
  width: 250px;
}
#member_type th {
  border-bottom:2px solid #3A88CC;
  color: #888;
  font-size:14px;
  font-weight:normal;
  padding:10px 8px 10px 0;
}
#member_type td {
  border-bottom:1px solid #3A88CC;
  padding:0;
}
#member_type tr:hover td {
  color:#666699;
}
#member_type tr.even {
  background: #EEE;
}
#member_type tr.odd {
  background: #FFF;
}



.join_bottom {
  color: #FFF;
  background: #2299EE;
  border: 1px solid #2299EE;
  padding: 10px;
}
.join_bottom:hover {
  color: #FFF;
  text-decoration: none;
  background: #113366;
}
.join_bottom:focus {
  color: #3A88CC;
  background: #FFF;
}

#green-society {
  width: 470px;
  float: left;
}
#green_society_type {
  background: #FDF8E3;
  padding: 10px;
  width: 300px;
  float: right;
  text-align: center;
  margin-top: 50px;
}
#green-society  strong {
    color:#00476A;
}

.society-highlight {
  color:#00476A;
  font-size:12px;
  font-weight:bold;
  margin-bottom:25px;
}


#content {
	width: 853px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

#content h2 {
	margin: 0px 0;
	font-size: 12px;
	padding-bottom: 4px;
	border-bottom: 1px solid #afc5d0;
}


#background {
	background-image: url(../img/2009-08/bg1.png);
	background-repeat: repeat-y;
	background-position: center;
}

/** HEADER */

#header {
	width: 853px;
	margin: 0px auto;
	background: #fff url(../img/2009-08/header_home.jpg) no-repeat left top;
	height: 114px;
}

/** CONTENT */

#left {
	float: left;
	width: 560px;
	padding: 0px 0px 10px 22px;
}

#colA {
	float: left;
	width: 270px;
	padding: 0px 22px 0px 0px;
}

#colB {
	float: right;
	width: 260px;
	padding: 0px 0px 0px 0px;
}

#right {
	float: right;
	width: 225px;
	padding: 0px 22px 20px;
}

#right .box {
	background: #e5ecf0 url(../img/2009-08/bg3.gif) repeat-x top;
	border: 2px solid #afc5d0;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
}

#tinylink {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	width:auto;
}

#featured {
	border: 2px solid #afc5d0;
	clear: both;
	padding: 10px;
	margin: 10px 0px;
}

/** FOOTER */

#footer {
	clear: both;
	width: 853px;
	margin: 0px auto;
  border-top: 2px solid #AFC5D0;
	background-color: #e5ecf0;
}

#footer p {
	margin: 0px;
	padding: 20px 10px 0px 0px;
	color: #666;
}

#footer .container {
	margin: 0px;
	padding: 20px 20px 0px;
}


#footer-menu,
#footer-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	left: auto;
}

#footer-menu .footer_group_list {
	margin: 0 4px 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: inline;
	font-weight: bold;
	background: none;
	position: relative;
	width: 205px;
}
#footer-menu .footer_group_list li {
  margin: 14px 0 0 0;
}

#footer-menu .footer_group_list li ul li {
	margin: 0px;
}
#footer-menu .footer_group_list li ul li ul li {
	margin-left: 10px;
}

#footer-menu ul li a {
	float: none;
	font-size: 11px;
	padding: 1px 0;
	margin: 0;
	font-weight: normal;
	display: block;
	width: auto;
}


.actions {
  display: block;
  float: right;
}

ul.success-counter {
  padding-left: 16px;
  font-size: 11px;
}
ul.success-counter li {
  padding-bottom: 4px;
}


a.edit_button {
  display: block;
  float: right;
  padding: 1px 4px 2px 4px;
	font-size: 11px;
  color: #fff;
  background-color: #48c;
  border: 1px solid #47b;
  border-bottom: 1px solid #37a;
  border-top: 1px solid #69d;
  margin-left: 4px;
}
a.edit_button:hover {
  color: #fff;
  background-color: #59d;
}


table.profile td {
  text-align: left;
  vertical-align: top;
}
table.profile td.photo {
  padding: 0;
  padding-right: 20px;
}
table.profile td.info {
  padding: 0;
  width: 100%;
}

a:focus {
  outline: none;
}