/* -------------------------------------------------------------- 
  
   EASUN STYLE SHEET
   By Edition
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 0; background: url(../images1/bg.gif) repeat-x top center #FBF24E}

#page { margin: 0 auto; width: 945px; padding: 16px 15px 20px 20px; background: #fff}

#preload { height: 0; overflow: hidden; } 


/* Header
-------------------------------------------------------------- */

#header { margin: 0; overflow: hidden; height:91px;}

#logo {position: absolute; float: left;}


/* Body
-------------------------------------------------------------- */

#content { repeat-y; margin: 10px 0 30px 0;}
#article { float: left; width: 530px; margin: 0 15px -10px 160px;
	min-height:250px;
  	height:auto !important;
  	height:250px; }

#home #article {margin: -12px 0 -10px 0; width: 960px; }

#sidebar { float: left; width: 240px; margin: 0; font-size: 90%; line-height: 1.4em;}

#banner {
	margin: 0 0 30px 0;
	width: 940px; height: 221px;
	position: relative;
	background: url(../images1/banner.jpg);
	}
	
#who #banner {background: url(../images1/banner1.jpg)}
#what #banner {background: url(../images1/banner2.jpg)}
#programs #banner {background: url(../images1/banner3.jpg)}
#training #banner {background: url(../images1/banner4.jpg)}
#resources #banner {background: url(../images1/banner5.jpg)}
#contact #banner {background: url(../images1/banner6.jpg)}
#calendar #banner {background: url(../images1/banner7.jpg)}
#register #banner {background: url(../images1/banner8.jpg)}
#donate #banner {background: url(../images1/banner9.jpg)}

#home #banner {height: 339px; background: url(../images1/banner_home.jpg)}
	

/* Home
-------------------------------------------------------------- */

.highlight { float: left; width: 220px; height: 259px; margin-right: 20px; background: url(../images1/highlight_image.jpg) no-repeat}

.highlight a:link, .highlight a:visited  { 
	display: block;
	background: url(../images1/highlight_orange.gif) no-repeat bottom right;
	text-decoration:none;
	width: 220px;
height: 131px; 
padding-top: 128px;
}

.highlight a:link.yellow, .highlight a:visited.yellow  { 
	background: url(../images1/highlight_yellow.gif) no-repeat bottom right;
}	
	
.highlight a:hover {background: url(../images1/highlight_orange1.gif) no-repeat bottom right; text-decoration:none; }

.highlight a:hover.yellow { 
	background: url(../images1/highlight_yellow1.gif) no-repeat bottom right;
}	

.highlight a h2 {margin:0; padding: 0; color: #E68500; font-size: 17px; line-height: 31px; background: url(../images1/actionbox.png); padding: 0 10px}

.highlight a:hover h2 {color: #E85E00}

.highlight a.yellow h2 {margin:0; padding: 0; color: #FBF24E; font-size: 17px; line-height: 31px; background: url(../images1/actionbox.png); padding: 0 10px}

.highlight a:hover.yellow h2 {color: #FFCC00}

.highlight p {color: #000; font-size: 13px; line-height: 17px; padding: 6px 18px 0 10px}



#homebox {margin: 0 0 0 20px; line-height: 23px; position: absolute;
bottom: 20px; z-index:0}

#homebox p {font-size: 15px; margin:0}

#homebox p a {color: #fff; background: url(../images1/actionbox.png); padding: 3px 0 3px 0;}

#homebox p a:hover {color: #000; background: url(../images1/homebox1.png); padding: 3px 0; text-decoration:none;}

#homebox p a strong {color: #fc0}
#homebox p a:hover strong {color: #000}





/* Banner
-------------------------------------------------------------- */
	
#mainmenu {
	margin: 0 0 24px 0;
	width: 900px;
	height: 28px;
	font-size: 13px;
} 
	
#mainmenu li {
  margin: 0;
  float: left;
  position: relative;
  list-style: none;z-index:100
}

#mainmenu a {
  float: left;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  line-height: 28px;
  background-color: #C10F00;
  border-right: 1px #c77 solid;
}

#mainmenu li.last a {
  border-right: none;
}

#mainmenu a:hover {background-color: #600; }

#mainmenu .current {color: #ff6}
	
#mainmenu li ul {
  position: absolute;
  display: none;
  float: left; 
  width: 170px;
  margin: 28px 0 0 0;
  left: 0;
}

#mainmenu li:hover ul {
	display: block;
}

#mainmenu li ul li {
  margin: 0;
  float: left; 
  border: none;
  border-top: 1px #c88 solid;
}

#mainmenu li ul a {    
  display: block;
  width: 170px;
  background-color: #c44;
}




#actionbox {position: absolute; margin: -52px 0 0 775px; width: 140px;
background: url(../images1/actionbox.png) no-repeat bottom right; padding: 4px 0 ;
line-height: 1.3em; 
}

#actionbox ul {margin:  0 0 10px 0}

#actionbox li {
	margin: 10px 0 0 2em; padding: 0; border: 0;
	color: #fff;
	list-style: none;
	font-size: 11px;
	}

#actionbox a:link, #actionbox a:visited  { 
	color: #FFD864;
	font-size: 15px;
	margin-left:-0.9em
	}

#actionbox li.current a {text-decoration: none}
#actionbox a:hover {text-decoration: none; color: #ff8}




#navbox {width: 140px;
background: url(../images1/navbox.png) no-repeat bottom right; margin-top: 24px; padding: 8px 0 7px 0 ; line-height:1.2em; 
}

#navbox h4 {margin:0; font-weight: bold; font-size: 12px}

#navbox ul {margin:0; }
	
#navbox li {
	margin: 0; padding: 0; border: 0;
	display: inline;
	font-size: 11px
	}

#navbox a:link, #navbox a:visited  { 
	display: block;
	padding: 1px 3px 2px 15px;
	color: #000;
	width: 120px; 
	}

#navbox .current a {background: url(../images1/bullet.gif) no-repeat top left}
#navbox a:hover {background: url(../images1/bullet.gif) no-repeat top left; text-decoration: none}




/* Article
-------------------------------------------------------------- */

#article {font-size: 110%; line-height: 1.4em; }
#article p {margin-bottom: 1em}
#article ul {margin-bottom: 1em}
#article li {margin-bottom: 0.3em}


/* Sidebar
-------------------------------------------------------------- */

#sidebar h3 { font-size: 1.4em; line-height: 1.25; margin-bottom: 0.4em; }
#sidebar h4 { font-size: 1.4em; line-height: 1.25; margin-bottom: 0.4em; }
#sidebar p { margin: 0 0 0.6em; }


/* Footer
-------------------------------------------------------------- */

#footer { 
	margin: 20px 0 0 0;
	padding: 7px 0 0 0;
	width: 940px;
	border-top: 1px dotted #777;
	text-align: center;
	font-size: 85%;
line-height:1.6em
	}
	
#footer ul {margin:0}
#footer li {display: inline; padding: 0 0 0 7px; border-left:1px #777 solid; margin: 0 5px 0 0}
#footer li.first {border: none}
#footer li.last {margin: 0}

#footer a:link, #footer a:visited {color: #333}
#footer a:hover {color: #A41520}