@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: Arial, Helvetica;
}

body {
	background-color:#EFEFEF;
	font-family: Arial, Helvetica;
}

a {
	text-decoration: underline;
	color: #4f4f4f;
}

a:hover {
	text-decoration: none;
	color: #000;
}

.container {
	width: 900px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}

#secondary-container{
background-image:url(images/bg-header.jpg);
height:376px;
}

.logo-img{

}

h2{
font-size:35px;
line-height:35px;
}

h4{
font-size:18px;
}

.menu{
	width: 629px;
	float:left;
	margin-top:50px;
	margin-right: 120px;
}

.content{
	background-image:url(images/wrapper-bg.jpg);
	width: 900px;
	background-color: #FFFFFF;
	min-height: 400px;
	padding-bottom: 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;line-height:20px
}

.main-image{
margin-left:21px;
margin-top:25px;
float:left;
}

.main-content{
width: 796px;
}

.submenu{
	text-align:right;
	width:200px;
	font-size:28px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	letter-spacing: -2px;
	/*clear: both;*/
	float: left;
	margin-top: 30px;
	margin-left: 75px;
}

.submenu ul {
	list-style-type: none;
}

.submenu li {
	padding-bottom: 25px;
}

.submenu li span {
	font-size: 15px;
	padding-top: 0px;
	padding-bottom: 0;
	letter-spacing: -1px;
	top: -13px;
	position: relative;
}

.submenu a{
	text-decoration:none;
}

.submenu li.link1 a:hover, .submenu li.link2 a:hover, .submenu li.link3 a:hover, .submenu li.link4 a:hover, .submenu li.link5 a:hover {
	color: #000;
}

.submenu li.link1 a:visited, .submenu li.link2 a:visited, .submenu li.link3 a:visited, .submenu li.link4 a:visited, .submenu li.link5 a:visited {
	text-decoration:none;
}

.submenu li.link1 a {
	color: #429648;
}

.submenu li.link2 a{
	color: #c03b7d;
}

.submenu li.link3 a {
	color: #545cb6;
}

.submenu li.link4 a {
	color: #c4c33b;
}

.submenu li.link5 a {
	color: #45add4;
}

ul.subsubmenu li {
	padding-bottom: 0;
	padding-top: 7px;
	font-size: 17px;
	letter-spacing: -1px;
}

.right-content {
	float: right;
}
.logo-img {
	float: left;
	position: relative;
}
.menu {
	float: right;
}


.text-content{
	margin: 18px auto;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 750px;
}
.text {
	float: right;
	margin-top: 18px;
	margin-right: 80px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 520px;
	line-height:20px;
}

.clear-both {
	clear: both;
}

.logo-img ul#top-menu {
	position: absolute;
	top: 0;
	right: 0;
}

.logo-img ul#top-menu li {
	margin-right: 5px;
	display: inline;
	height: 30px;
	font: 1.2em Arial, Helvetica;
}

.logo-img ul#top-menu li a{
	padding: 5px 15px 0;
	display: inline-block;
	color: #000;
	text-decoration: none;
	border: none;
	background-color: #fffc00;
	filter:alpha(opacity=75); /* IE fix */
	height: 30px;
	background: rgba(255, 252, 0, 0.75); /* CSS3 */
}

.logo-img ul#menu {
	position: relative;
	top: 87px;
	right: 0;
	list-style-type: none;
	margin-left: 127px;
}

.logo-img ul.menu-fr li {
	font: 500 0.9em arial;
}

.logo-img ul#menu li {
	float: left;
	display: inline;
	margin-left: 5px;
	font: 500 1.1em arial;
	height: 22px;
}

.logo-img ul#menu li a {
	padding: 5px 15px 5px 15px;
	color: #000;
	text-decoration: none;
	border: none;
	display: inline-block;
	background-color: #fff;
	filter:alpha(opacity=85); /* IE fix */
	background: rgba(255, 255, 255, 0.85); /* CSS3 */
	height: 22px;
	text-align: center;
}

.logo-img ul#menu li a:hover, .logo-img ul#top-menu li a:hover {
	background-color: #000;
	color: #fff;
}

/* second level menu*/
.logo-img ul#menu li ul {
	position: absolute;
	display: none;
	width: 160px;
	z-index: 2;
}

.logo-img ul#menu li ul li {
	display: block;
	margin: 0;
	position: relative;
	padding: 5px 0 0;
	z-index: 2;
}

.logo-img ul#menu li ul li a {
	padding: 5px 0 0;
	display: block;
	width: 160px;
	color: #5f5f5f;
	font-size: 0.7em;
	font-weight: bold;
	z-index: 2;
}

.logo-img ul#menu li:hover ul, .logo-img ul#menu li ul li:hover ul {
	display: block;
	z-index: 2;
}

#about-special a p {
	font-weight: bold;
	font-size: 0.6em;
	line-height: 0;
	top: 2px;
	position: relative;
}

.logo-img {
	text-align: center;
	background-image:url(images/header2.jpg);
	width: 900px;
	height: 130px;
}

#forschools-pic, #education-pic, #about-pic, #inreach-pic, #grassroots-pic, #contact-pic, #donate-pic, #join-pic, #week-pic, #about-pic_FR, #contact-pic_FR, #donate-pic_FR, #forschools-pic_FR, #grassroots-pic_FR, #join-pic_FR {
	width: 900px;
	height: 319px;
    display: block;
	position: relative;
}

#home-pic, #ourwork-pic, #home-pic_FR {
	width: 900px;
	height: 257px;
	display: block;
	background: url(images/overcoming_header.jpg) no-repeat;
	position: relative;
}

#ourwork-pic {
	background: url(images/ourwork-bigpic.jpg) no-repeat;
}

#forschools-pic {
	background: url(images/forschools-bigpic.jpg) no-repeat;
}

#education-pic {
	background: url(images/education-bigpic.jpg) no-repeat;
}

#about-pic {
	background: url(images/about-bigpic.jpg) no-repeat;
}

#inreach-pic {
	background: url(images/inreach-bigpic.jpg) no-repeat;
}

#grassroots-pic {
	background: url(images/grassroots-bigpic.jpg) no-repeat;
}

#contact-pic {
	background: url(images/contact-bigpic.jpg) no-repeat;
}

#join-pic {
	background: url(images/join-bigpic.jpg) no-repeat;
}

#donate-pic {
	background: url(images/donate-bigpic.jpg) no-repeat;
	/* credits: http://www.flickr.com/photos/alancleaver */
}

#home-pic_FR {
	background: url(images/home-bigpic_FR.jpg) no-repeat;
}

#about-pic_FR {
	background: url(images/about-bigpic_FR.jpg) no-repeat;
}

#contact-pic_FR {
	background: url(images/contact-bigpic_FR.jpg) no-repeat;
}

#donate-pic_FR {
	background: url(images/donate-bigpic_FR.jpg) no-repeat;
}

#forschools-pic_FR {
	background: url(images/forschools-bigpic_FR.jpg) no-repeat;
}

#grassroots-pic_FR {
	background: url(images/grassroots-bigpic_FR.jpg) no-repeat;
}

#join-pic_FR {
	background: url(images/join-bigpic_FR.jpg) no-repeat;
}

#week-pic {
	background: url(images/week-bigpic.jpg) no-repeat;
}

#footer {
	width: 900px;
	height: 90px;
	background: url(images/footer.jpg) no-repeat;
	display: block;
	clear: both;
}

#quick-links {
	width: 900px;
	padding-top: 25px;
	font-size: 0.8em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#quick-links img {
	max-height: 24px;
	vertical-align: middle;
}

#quick-links a img, #quick-links a:visited img {
	text-decoration: none;
	border: none;
}


#logo {
	position: absolute;
	left: 19px;
	top: 29px;
	width: 98px;
	height: 98px;
	display: block;
	z-index: 1;
}

#epn {
	position: absolute;
	left: 132px;
	top: 40px;
	width: 344px;
	height: 33px;
	display: block;
}

.logo-img a h1, .logo-img a h1 {
	visibility: hidden;
}

ul.optional-submenu {
	list-style-type: none;
	padding: 8px 0 0;
	margin: 0;
	border: none;
	float: right;
	position: relative;
	top: 5px;
	right: 74px;
}

ul.optional-submenu li {
	padding: 6px;
	margin: 0;
	display: inline;
	background-color: #060;
	height: 20px;
}

ul.optional-submenu li:hover {
	background-color: #390;
}

ul.optional-submenu li a {
	padding: 6px;
	text-decoration: none;
	color: #fff;
}

#home-text {
	width: 500px;
	margin: 10px 10px 0 80px;
}

#home-pic ul, #ourwork-pic ul, #forschools-pic ul, #education-pic ul, #about-pic ul, #inreach-pic ul, #grassroots-pic ul, #contact-pic ul, #join-pic ul, #donate-pic ul, #week-pic ul, #home-pic_FR ul, #about-pic_FR ul, #contact-pic_FR ul, #donate-pic_FR ul, #forschools-pic_FR ul, #grassroots-pic_FR ul, #join-pic_FR ul {
	float: right;
	position: absolute;
	list-style-type: none;
	list-style-position: inside;
}

#home-pic ul, #ourwork-pic ul, #home-pic_FR ul{
	top: 26px;
	right: 75px;
}

#forschools-pic ul, #education-pic ul, #about-pic ul, #inreach-pic ul, #grassroots-pic ul, #contact-pic ul,  #join-pic ul, #donate-pic ul, #week-pic ul, #about-pic_FR ul, #contact-pic_FR ul , #donate-pic_FR ul , #forschools-pic_FR ul , #grassroots-pic_FR ul, #join-pic_FR ul {
	top: 26px;
	right: 10px;
}

#home-pic ul li, #ourwork-pic ul li, #forschools-pic ul li, #education-pic ul li, #about-pic ul li, #inreach-pic ul li, #grassroots-pic ul li, #contact-pic ul li, #join-pic ul li, #donate-pic ul li, #week-pic ul li, #home-pic_FR ul li, #about-pic_FR ul li, #contact-pic_FR ul li, #donate-pic_FR ul li, #forschools-pic_FR ul li, #grassroots-pic_FR ul li, #join-pic_FR ul li {
	padding-bottom: 10px;
}

#education-tab, #inreach-tab, #grassroots-tab,  #education-tab a, #inreach-tab a, #grassroots-tab a {
	width: 50px;
	height: 200px;
}

#education-button, #inreach-button, #grassroots-button, #education-button a, #inreach-button a, #grassroots-button a, #education-button_FR, #inreach-button_FR, #grassroots-button_FR, #education-button_FR a, #inreach-button_FR a, #grassroots-button_FR a {
	width: 230px;
	height: 200px;
}

#stop-button { 
        width: 230px; height: 230px;
}

#stop-button a span, #education-button a span, #inreach-button a span, #grassroots-button a span, #education-tab a span, #inreach-tab a span, #grassroots-tab a span, #education-button_FR a span, #inreach-button_FR a span, #grassroots-button_FR a span {
	visibility: hidden;
}

#stop-button a, #education-button a, #inreach-button a, #grassroots-button a,  #education-tab a, #inreach-tab a, #grassroots-tab a, #education-button_FR a, #inreach-button_FR a, #grassroots-button_FR a {
	text-decoration: none;
	display: inline-block;
}

#stop-button a {
	background: url(images/STOP-NOSITE-button.png) no-repeat;
}

#stop-button a:hover {
	background: url(images/STOP-NOSITE-button.png) no-repeat;
}

#education-button a {
	background: url(images/education-button.jpg) no-repeat;
}

#education-button a:hover {
	background: url(images/education-button-hover.jpg) no-repeat;
}

#inreach-button a {
	background: url(images/inreach-button.jpg) no-repeat;
}

#inreach-button a:hover {
	background: url(images/inreach-button-hover.jpg) no-repeat;
}

#grassroots-button a {
	background: url(images/grassroots-button.jpg) no-repeat;
}

#grassroots-button a:hover {
	background: url(images/grassroots-button-hover.jpg) no-repeat;
}

#education-button_FR a {
	background: url(images/education-button_FR.jpg) no-repeat;
}

#education-button_FR a:hover {
	background: url(images/education-button-hover_FR.jpg) no-repeat;
}

#inreach-button_FR a {
	background: url(images/inreach-button_FR.jpg) no-repeat;
}

#inreach-button_FR a:hover {
	background: url(images/inreach-button-hover_FR.jpg) no-repeat;
}

#grassroots-button_FR a {
	background: url(images/grassroots-button_FR.jpg) no-repeat;
}

#grassroots-button_FR a:hover {
	background: url(images/grassroots-button-hover_FR.jpg) no-repeat;
}

#education-tab a {
	background: url(images/education-tab.jpg) no-repeat;
}

#inreach-tab a {
	background: url(images/inreach-tab.jpg) no-repeat;
}

#grassroots-tab a {
	background: url(images/grassroots-tab.jpg) no-repeat;
}
.text ul, .text ol {
	margin-left: 15px;
}

.hidden {
	display: none;
	visibility: hidden;
}