#container {
   background: url('http://www.agelcares.org/img/background.jpg') top left repeat-x;
   min-height: 430px;
}

#content {
   background-color: #fff;
   padding: 0px 35px;
   line-height:18px;	
}

/******************* global ********************* */ 
.clear {
	clear:both;
	font-size:1px;
	display:block;
}

h1 { font-size: 1.25em; }
h2 { font-size: 1.12em; }
h3 { font-size: 1.0em; }
h1, h2, h3 {
   margin-bottom: 15px;
   letter-spacing: 1px;
   font-family: Arial, sans-serif;
}

p {
   font-family: Arial, sans-serif;
   margin-bottom: 12px;
   font-size: 0.8em; 
   color: #7d7760;
}

.learnMore {
   position:absolute;
   width:110px;
   height:34px;
   text-indent:-2000px;
}
.learnMore:hover {
   background: url('http://www.agelcares.org/img/go_over.jpg') no-repeat 78px 2px;
}

/******************* header ********************* */ 
#header {
   position: relative;
   background: url('http://www.agelcares.org/img/header.gif') left repeat-x;
   width: 987px;
   height: 145px;
}
#header h1 a {
   text-indent: -2000px;
   width: 270px;
   height: 145px;
   margin-left: 20px;
   display: block;
}
#header #mainNav,
#header #admin_header_nav {
   position: absolute;
   top: 103px;
   left: 300px;
   border-bottom: none;
}

/******************* layout **********************/ 
#innerContainer {
   margin: auto;
   width: 987px;
   position:relative;
   padding-top:20px;
}
.space-right {
   float: left;
   margin-right: 20px;
}
.space-left {
   float: left;
   margin-left: 30px;
}
.center {
   text-align: center;
}

#content_text {
   float: left;
   width: 663px;
}
#content_text_narrow {
   float: left;
   width: 620px;
}
#content_text ul, #content_text_narrow ul {
   font-family: Arial, sans-serif;
   margin-bottom: 12px;
   font-size: 0.8em; 
   color: #7d7760;
}
#content_text li, #content_text_narrow li {
	list-style:disc;
   margin: 2px 30px 2px 50px;
}

/*** footerNav ***/
#footerNav, #copyright {
   clear: left;
   margin: auto;
   width: 987px;
   text-align: center;
   color: #666;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
}
#copyright {
	margin-bottom:40px;
}

#footerNav ul {
   padding: 8px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:1em;
   margin-top:10px;
}
#footerNav ul li {
  display: inline;
}
#footerNav ul li a {
  color: #666;
  text-decoration: none;
  padding: 5px;
}
#footerNav ul li a:hover {
  text-decoration:underline;
}

/** end layout **/

/*** img buttons ***/
.button_text {
   color: #7d7760;
   font-size: 0.75em;
   text-decoration: none;
   line-height: 1em;
   font-family: "Arial", sans-serif;
}
#event_button {
   width: 148px;
   height: 136px; 
   padding: 54px 0px 0px 22px;
   line-height:16px;
}
#projects_button {
   width: 150px;
   height: 130px; 
   padding: 58px 0px 0px 24px;
   line-height:16px;
}
#donate_button {
   width: 160px;
   height: 158px; 
   padding: 34px 0px 0px 14px;
   line-height:16px;
}

/***************** HOME **********************/
#home_image {
   background: url('http://www.agelcares.org/img/homeBanner.jpg') no-repeat;
   width: 917px;
   height: 333px;
   margin-bottom: 20px;
   position:relative;
}
#home_image a {
   left:710px;
   top:193px;
}
#img_links {
   float: left;
}
   #event_img {
      float: left;
      width: 316px;
      height: 194px; 
      margin-right: 25px;
      position:relative;
      background: url('http://www.agelcares.org/img/donorlist.png') no-repeat;
   }
   #event_img span {
	  display:block;
	  position:absolute;
	  width:100%;
	  height:100%;   
   }
   #event_img a {
      top:135px;
      left:19px;
   }
   #our_projects_img {
      float: left;
      background: url('http://www.agelcares.org/img/ourProjects_home.jpg') no-repeat;
      width: 316px;
      height: 194px; 
      margin-right: 25px;
      position:relative;
   }
   #our_projects_img a {
      top:115px;
      left:27px;
   }
   #donate_today_img {
      float: left;
      background: url('http://www.agelcares.org/img/donateToday.jpg') no-repeat;
      width: 234px;
      height: 211px; 
      position:relative;
   }
   #donate_today_img a {
      position:absolute;
      width:114px;
      height:106px;
      left:113px;
      top:89px;
      text-indent:-2000px;
   }
   #donate_today_img a:hover {
      background:url(/img/give_over.jpg) no-repeat;
   }
/** end home **/

/***************** ABOUT **********************/
#about_image {
   background: url('http://www.agelcares.org/img/about.jpg') no-repeat;
   width: 917px;
   height: 177px;
   margin-bottom: 35px;
}
/** end about **/

/***************** PROJECTS **********************/
#projects_image {
   background: url('http://www.agelcares.org/img/ourProjects.jpg') no-repeat;
   width: 917px;
   height: 177px;
   margin-bottom: 35px;
}
#projects {
}
   #projects p {
      margin-bottom: 2px;
   }
   #projects p.video-header {
      border-top: 1px solid #E6E6E6;
      font-weight: bold;
      padding-top: 8px;
   }
   #projects p.first {
      border-top: none;
      padding-top: 0px;
   }
   #projects p.more {
      text-align: right;
      width: 100%;
   }
   #projects p.more a {
      width: 65px;
      margin: 0px 20px 4px 0px;
   }
.video_container {
   float: right;
   height: 200px;
   width: 320px;
   padding:0 0 10px 10px;
   background: #fff;
}

.project_container {
	display: table;
	width: 100%;
}

   /**** projects more ****/
#project_info {
}
   #project_info #photo {
      float: right;
      margin: 0 0 20px 20px;
   }
   #project_info #info {
   }
      #project_info #info p.info-header {
         font-weight: bold;
         margin-bottom: 12px;
      }
      #project_info #info p.back {
         border-top: 1px solid #E6E6E6;
         margin-bottom: 0px;
         padding-top: 8px;
      }
      #project_info #info p.back a {
         color: #7d7760;
         text-decoration: none;
         display: block;
         width: 60px;
         background: url('http://www.agelcares.org/img/back.jpg') left no-repeat;
         padding: 5px 0px;
         text-transform: uppercase;
         font-size: 0.80em;
         text-align: right;
      }
/** end projects **/

/*** DONATIONS ***/
#donations_image {
   background: url('http://www.agelcares.org/img/makeYourDonation.jpg') no-repeat;
   width: 917px;
   height: 177px;
   margin-bottom: 35px;
}

#donations_form {
   float: left;
   margin-left: 10px;
}
   #donations_form div.input {
      float: left;
   }
   #donations_form div.input label {
      display: block;
      font-weight: bold;
      font-family: "Arial", sans-serif;
      font-size: 0.8em;
      color: #7d7760;
   }
   #donations_form div.input input, #donations_form div.input select {
      margin: 6px 16px 6px 0px;
   }
   #donations_form div.input input.name { width: 270px; }
   #donations_form div.input input.company { width: 270px; margin-right: 0px; }
   #donations_form div.input input.street { width: 560px; margin-right: 0px; }
   #donations_form div.input input.city { width: 270px; }
   #donations_form div.input input.state { width: 124px; }
   #donations_form div.input input.zip { width: 124px; margin-right: 0px; }
   #donations_form div.input input.donation { width: 256px; }
   #donations_form div.input select.method_of_payment { width: 272px; }
   #donations_form div.input input.card_number { width: 270px; margin-right: 0px; }
   #donations_form div.input input.card_name { width: 270px; }
   #donations_form div.input select.card_expiration { width: 100px; }

   #donations_form a.donations-button {
      color: #7d7760;
      text-decoration: none;
      display: block;
      width: 128px;
      background: url('http://www.agelcares.org/img/goBtn.jpg') right no-repeat;
      padding: 6px 0px;
      text-transform: uppercase;
      font-size: 0.80em;
   }

   #donations_form p.left {
      float: left;
      margin-right: 12px;
      margin-top: 20px;
   }

/*** end donations ***/

/*** DONOR-RECOGNITION ***/
#recognition_image {
   background: url('http://www.agelcares.org/img/donor.jpg') no-repeat;
   width: 917px;
   height: 177px;
   margin-bottom: 35px;
}

div#donors_nav {

   text-align: center;
}
div#donors_nav ul {
   margin-bottom: 6px;
}
div#donors_nav ul li {
   display: inline;
   margin: 0;
   padding: 0;
   padding-bottom: 3px;
   padding-left: 2px;
}
div#donors_nav ul li.bar {
   padding-right: 6px;
   border-right: 1px solid #c0c0c0;
}
div#donors_nav a {
   font-family: Arial, sans-serif;
   font-size: 0.9em;
   text-decoration: none;
   color: #75af42;
}
div#donors_nav a:hover {
   text-decoration: underline;
}

div#donors {
   margin-top: 30px;
   padding-left: 4px;
   text-align: left;
}

table.donors {
   font-family: Arial, sans-serif;
   padding: 0px 28px;
   font-size: 0.8em; 
   color: #4E4E4E;
   border-top: 1px solid #c0c0c0;
   width: 616px;
   margin-bottom: 20px;
   padding-left: 0;
}
table.donors td {
   width: 184px;
}
table.donors td.left-pushed {
   padding-left: 20px;
   width: 204px;
}
table.donors td.donor-country {
   padding-top: 20px;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 0.9em; 
}
table.first {
   border-top: none;
}
table.first td.donor-country {
   padding-top: 0;
}

div#donors_prev_next {
   text-align: center;
   margin-top:50px;
}

/*** end donor-recognition ***/

/*** GRANT-GUIDELINES ***/
#grants_image {
   background: url('http://www.agelcares.org/img/grant.jpg') no-repeat;
   width: 917px;
   height: 177px;
   margin-bottom: 35px;
}
/*** end grant-guidelines ***/

/** ADMIN AREA styles **/
#admin_header_nav {
   margin-left: 280px;
}
#admin_header_nav a {
   font-family:Arial, Helvetica, sans-serif;
   color: #4E4E4E;
   text-decoration: underline;
   margin-right: 12px;
}
#admin_header_nav a:hover {
   color: #4E4E4E;
   text-decoration: none;
}

.admin a {
   font-family:Arial, Helvetica, sans-serif;
   color: #4E4E4E;
   text-decoration: underline;
   margin-right: 6px;
}
.admin a:hover {
   color: #4E4E4E;
   text-decoration: none;
}
.admin div {
   margin-bottom: 12px;
}

.admin label {
   color: #4E4E4E;
   font-family: "Arial", sans-serif;
}

.admin .error-message {
   color: #c00;
   font-size: 0.8em;
   text-transform: uppercase;
   font-family: "Arial", sans-serif;
   margin-top: 3px;
   margin-bottom: 0px;
}

#login {
}
   #login h2 {
      margin-bottom: 12px;
   }
   #login div.input {
      margin-bottom: 10px;
   }
   #login div.input input {
      width: 150px;
   }
   #login label {
      color: #7d7760;
      display: block;
   }

#projects_index table {
   font-family: "Arial", sans-serif;
   margin-bottom: 16px;
   padding-top: 8px;
   border-top: 1px solid #4E4E4E;
}
   #projects_index table th {
      font-weight: bold;
      padding: 8px 0px;
   }
   #projects_index table td {
      padding: 10px 12px 20px 0px;
      border-top: 1px solid #4E4E4E;
   }
   #projects_index table tr.active td {
      color: #000;
   }
   #projects_index table tr.inactive td {
      color: #999;
   }
   #projects_index table td.summary {
      width: 444px;
   }
#projects_edit {
}
   #projects_edit form {
      margin: 0px 0px 16px 0px;
   }
   #projects_edit label {
      display: block;
   }
   #projects_edit p {
      margin: 0;
      color: #000;
   }
   #projects_edit div.input {
      float: left;
      margin: 0 12px 0 0;
   }
   #projects_edit textarea.summary {
      width: 500px;
      height: 100px;
   }
   #projects_edit textarea.body {
      width: 500px;
      height: 200px;
   }

#donors_index {
}
   #donors_index .donors-table {
      width: 100%;
      font-family: "Arial", sans-serif;
   }
   #donors_index .donors-table th.category {
      font-size: 1em;
      font-weight: bold;
      padding: 16px 0 0px;
      border-bottom: 1px solid #000;
      text-transform: uppercase;
   }
   #donors_index .donors-table th.country {
      font-size: 0.9em;
      font-weight: bold;
      padding: 10px 0 0 12px;
      border-bottom: 1px solid #c0c0c0;
      text-transform: uppercase;
   }
   #donors_index .donors-table td.name {
      font-size: 0.9em;
      padding: 0 0 0 12px;
   }
   #donors_index .donors-table td.actions {
   }
   #donors_index .donors-table td.zebra {
      background: #ededed;
   }
   
/*******************************************/
/*********    Hero of the year    **********/
/*******************************************/

#hero_image{
   background: url('../img/hero-banner.jpg') no-repeat;
   width: 917px;
   height: 177px;
   margin-bottom: 35px;
}

.nominee_box{
	width:320px;
	height:255px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:0px 4px 250px 0px;
}
.nominee_name{
	color: #78c043;
	text-transform:uppercase;

}

.nbox_top_left{
	background:url(../img/box-top-left.gif) no-repeat left top;
	height:6px;
	width:6px;
	float:left;
}

.nbox_top{
	background:url(../img/box-top.gif) repeat-x left top;
	height:6px;
	width:308px;
	float:left;
}

.nbox_top_right{
	background:url(../img/box-top-right.gif) no-repeat right top;
	height:6px;
	width:6px;
	float:left;
}

.nbox_left{
	background:url(../img/box-left.gif) repeat-y left top;
	height:450px;
	width:6px;
	clear:both;
	float:left;
}

.nominee_content{
	width:308px;
	float:left;
	color:#7d7760;
	font-size:12px;
	line-height:normal;
	text-align:justify;
}

.nominee_content img{
	float:right;
	padding:0px 0px 5px 10px;
}

.hero_links{
	text-align:center;
	font-size:10px;
	margin-top:10px;
}

.hero_links a{
	color:#75af42;
	text-decoration:none;
}

.hero_links a:hover{
	text-decoration:underline;
}

.nbox_right{
	background:url(../img/box-right.gif) repeat-y right top;
	height:450px;
	width:6px;
	float:left;
}

.nbox_bottom_left{
	background:url(../img/box-bottom-left.gif) no-repeat left top;
	height:6px;
	width:6px;
	clear:both;
	float:left;
}

.nbox_bottom{
	background:url(../img/box-bottom.gif) repeat-x left top;
	height:6px;
	width:308px;
	float:left;	
}

.nbox_bottom_right{
	background:url(../img/box-bottom-right.gif) no-repeat right bottom;
	height:6px;
	width:6px;
	float:left;
}

.hero_body{
	height:1800px;	
}