/* Generated by I2RD CMS Fri Feb 02 14:13:07 UTC 2007 */
#header {
  width: auto;
  height: auto;
}
#column1 {
  width: 33.0%;
  height: auto;
}
#e-column_0 {
  width: auto;
  height: auto;
}
#column2 {
  width: 33.0%;
  height: auto;
}
#column3 {
  width: 33.0%;
  height: auto;
}
#footer {
  width: auto;
  height: auto;
}
/*

BASIC LAYOUT
Filename: basic_layout.css
Description: This file serves as a framework for the site.
Author: Bret McVey
Company: ProjectTomorrow.org

*/

/* HTML Elements ------------------------------ */
body {
  margin: 0;
  padding: 0 0 0 0;
  text-align: center;
}
.page {
  margin: 0 auto;
  text-align: left;
  width: 980px !important;
}

/* Columns ------------------------------ */
#header {
  height: 54px !important;
  margin: 0;
  padding: 0;
  width: 980px !important;
} 

/* Columns ------------------------------ */
.enclosing {
  clear: both;
  margin: 0;

  width: 980px !important;
}
.column {
  float: left;
}
#column1 {
  margin: 115px 0 1em 0;
  width: 170px !important;
}
#column2 {
  margin: 5px 0 2.5em 0;
  overflow: hidden;
  padding: 0 15px 4em 15px;
  width: 497px !important;
}
#column3 {
  margin: 57px 0 0 0;
  width: 210px !important;
}
#template_home #column1 {
  width: 556px !important;
}
#template_home #column2 {
  width: 400px !important;
}


/* Footer ------------------------------ */
.footer {
  clear: both;
  margin: 0 0 4em 0;
  padding: .25em 0;
  text-align: left;
}
 


/*

BASIC STYLE
Filename: basic_style.css
Description: This file serves as the skin that will control the look/feel of the given layout.
Author: Bret McVey
Company: ProjectTomorrow.org

*/

/* HTML Elements ------------------------------ */
body {
  background: #FFF url(/resources/all/files/_SiteRoot/SITE21/Icons/body-bg.png) repeat-x left top;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  text-align: center;
}
h1 {
  margin: 0;
  padding: 0;
}
h2,
h3,
h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
h2 {
  color: #5A992B;
  font-size: 1.85em;
  margin: 0;
  padding: 0;
}
h3 {
  font-weight: bold;
  font-size: 1.25em;
}
.pageheadline {
  height: 43px;
  margin: 0 0 .5em 0;
}
.pageheadline h2 {
  color: #FFF;
}
p {
  margin: 0 0 1em 0;
  padding: 0;
}

.page {

}

/* Header ------------------------------ */
#screen_logo {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -490px;
  z-index: 30;
}
#screen_logo h1 a,
#screen_logo_nolink {
  display: block;
  text-indent: -40em;
  overflow: hidden;
  background: transparent url(/resources/all/files/_SiteRoot/SITE21/Icons/pt_logo.png) no-repeat left top;
  margin: 0;
  padding: 0;
  height: 167px;
  width: 172px;
}

/* Menu */
#top_nav {
  position: absolute;
  top: 19px;
  left: 50%;
  height: 50px;
  margin: 0 0 0 -305px;
  overflow: hidden;
  width: 790px;
}
#top_nav ul {
  height: 35px;
  overflow: hidden;
  float: left;
}
#top_nav ul li a {
  background: #ecf3f5 url(/resources/all/files/_SiteRoot/SITE21/Icons/topnav-bg.png) repeat-x left top;
  border: 1px #dbebef solid;
  border-width: 1px 1px 0 1px;
  clear: both;
  color: #4b4c4c;
  float: left;
  font-weight: bold;
  margin: 8px 4px 0 0;
  padding: 6px 1em 10px 1em;
  text-align: center;
  text-decoration: none;
}
#top_nav ul li a:hover {
  color: #5A992B;
  text-decoration: underline;
}
#top_nav ul li.mi_active a {
  background: #fbf2a9 url(/resources/all/files/_SiteRoot/SITE21/Icons/topnav-bg.png) repeat-x left -100px;
  border-color: #F4EBA6;
  color: #333;
}


/* Columns ------------------------------ */
#column1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#column1 ul li {
  margin: 0;
  padding: 0;
}
#column1 ul li a {
  border-bottom: 1px #EEE solid;
  clear: both;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

/* Left Menu  */
#column1 ul {
  list-style: none;
  margin: 0 0 2em 10px;
  padding: 0; 
  width: 155px;
}
#column1 ul li {
  margin: 0;
  padding: 0;
  width: 155px;
}
#column1 ul ul {
  display: block;
  margin: 0;
  padding: 0;
  position: static;
}
#column1 ul li a, 
#column1 ul li a:link {
  background: #FFF;
  border-bottom: 1px #CCC solid;
  color: #666;
  display: block;
  font-size: .9em;
  margin: 0;
  padding: .25em 0 .25em 10px;
  text-decoration: none;
}
#column1 ul li a:hover {
  background: #fafafa;
  border-color: #999;
  color: #333;
}
#column1 ul ul li a, 
#column1 ul ul li a:link {
  border-color: #DDD;
  color: #999;
  font-weight: normal;
  padding: .2em 0 .2em 20px;
}

#column1 ul li.mi_active a,
#column1 ul li.mi_active a:link, 
#column1 ul li.mi_active a:hover,
#column1 ul ul li.mi_active a:hover {
  background: #F9F1A7;
  border-color: #999;
  color: #000;
}
#column1 ul li.mi_active li.mi_inactive a,
#column1 ul li.mi_active li.mi_inactive a:link {
  background: #FFF;
  border-color: #DDD;
  color: #999;
} 
#column1 ul ul li a:hover,
#column1 ul li.mi_active li.mi_inactive a:hover {
  background: #FAFAFA;
  border-color: #999;
  color: #333;
} 

/* Footer ------------------------------ */
#footer {
  border-top: 1px #DDD solid;
  color: #666;
  font-size: .8em;
  padding: .5em 0;
} 

/* Article Styles ------------------------------ */
#main_article {
  margin: 0 0 .5em 0;
}
#main_article .ac_heading,
#recent_articles .ac_heading,
#news_media .ac_heading {
  color: #999;
  font-size: .8em;
}
#main_article .article_heading,
.article .article_heading {
  color: #5A992B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
} 
.article_link_read_more {
  text-align: right;
}
.article_link_read_more a {
  border-bottom: 1px #EEE solid;
  display: block;
  font-weight: bold;
  padding: .25em 0;
  text-decoration: none; 
}
.article_link_read_more a:hover {
  border-bottom: 1px #999 solid;
}
#recent_articles ul {
  list-style: none;
  margin: 0; 
  padding: 0;
}
#recent_articles ul li a {
  border-bottom: 1px #EEE solid;
  display: block;
  font-weight: bold;
  padding: .25em 0;
  text-decoration: none;
}
#recent_articles ul li a:hover {
  border-bottom: 1px #999 solid;
}
#news_media .article_heading {
  font-size: 1.5em;
  font-weight: normal;
}
#news_media .article_link_read_more a {
  margin: 0 0 1em 0;
}
.ac_item_style_boxed {
  margin: 0 0 .5em 0;
}

/* Registration & Forms ------------------------------ */
.question_con {
  clear: both;
  color: #555;
  font-weight: bold;
  margin: 0 0 .75em 0;
}
.member_entry.question_con div {
  margin: 0 0 .75em 0;
}
.firstname_con.question_con,
.lastname_con.question_con,
.city_con.question_con,
.region_con.question_con,
.postalcode_con.question_con {
  clear: none; 
  float: left; 
  margin: 0 1em .75em 0; 
} 
.question_con textarea {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1em; 
  width: 500px; 
} 
.address_con.question_con textarea { 
  width: 250px;
}
.city_con.question_con {
  clear: left;
}
.city_con.question_con input {
  width: 175px;
}
.region_con.question_con input {
  width: 40px;
} 
.continue {
  clear: both;
}
span.extra_value_renderer_con {
  display: block;
}

/* Main Page ------------------------------*/
.noteworthy {
  background: #FBF2A9;
  border: 1px #F4EBA6 solid;
  border-width: 1px 1px 2px 1px;
  padding: .75em;
} 
.block {
  background: #ECF3F5;
  border: 1px #DBEBEF solid;
  border-width: 1px 1px 2px 1px;
  margin: 0 0 1em 0;
  padding: .75em;
}
.block h4 {
  border-bottom: 1px #DBEBEF solid;
  margin: 0 0 .2em ;
}


#column1 .textbean,
#column1 .formentrybean {
  font-size: .9em;
}
.formentrybean {
  margin: 1em 0 0 0;
}
.formentrybean .extra_value_renderer_con {
  margin: 0 0 .5em 0;
}
#column1 .formentrybean input {
  width: 155px;
}

/* Membership Login ------------------------------ */ 
.loginbean {
  margin: 0 0 1.55em 0;
}
.loginbean .title {
  font-size: 1.25em;
  font-weight: bold;
}

/* Membership Buttons */
#trial_membership,
#support_membership {
  text-align: center;
}

/* Gray Buttons */
button.continue,
#trial_membership a {
  background: #DDD url(/resources/all/files/_SiteRoot/SITE21/Icons/buttons-bg.png) repeat-x left center;
  border: 1px #AAA solid;
  border-width: 1px 1px 2px 1px;
  color: #333;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  margin: 0 0 .5em 0;
  padding: .25em .75em;
  text-decoration: none;
}
button.continue:hover {
  border-color: #666;
  color: #000;
}
#trial_membership a {
  display: block;
  margin: 0 auto .5em auto;
  text-align: center;
  width: 9em;
}
#trial_membership a:hover {
  border-color: #666;
  color: #000;
}

/* Green Buttons */
input.login_button,
#support_membership a {
  background: #5a992b url(/resources/all/files/_SiteRoot/SITE21/Icons/buttons-bg.png) repeat-x -500px center;
  border: 1px #3c661d solid;
  border-width: 1px 1px 2px 1px;
  color: #EEE;
  font-weight: bold;
  margin: 0 0 .5em 0;
  padding: .25em .75em;
  text-decoration: none;
}
#support_membership a {
  display: block;
  font-size: 1.25em;
  margin: 0 auto .5em auto;
  width: 12em;
}
input.login_button:hover,
#support_membership a:hover {
  border-color: #1e330e;
  color: #FFF;
}

.messages,
.messages_con {
  background: #FEF5AA;
  border: 1px #C00 solid;
  color: #C00;
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: .5em;
}