/* Main Styles */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1;
background:#ededed url(../_images/shared/bg.gif) top repeat-x;

}

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

strong {}

em{}

h1, h2, h3, h4, h5 {
color:#000;
}

h2{
font-size:23px;
letter-spacing:0.95;
margin:0px 0 7px;
}

p {
color:#666;
line-height:1.4;
margin:0 0 15px;
}

ul {}
ul li {}

ol {
	margin:20px 20px 40px 20px;
	padding:0px 0 0 0px;
}
ol li{
line-height:1.3em;
margin:0px;
padding:0px 0px 15px;
font-weight:bold;
font-size:15px;
color:#000000;
}
ol li span{
font-size:13px;
font-weight:normal;
color:#515151;
}
ol li span strong{
font-size:15px;
color:#000000;
}


.hideit{
text-indent:-9999px;
display:block;
}


/* /////////////////// Header Elements /////////////////// */
/* /////////////////// Header Elements /////////////////// */
/* /////////////////// Header Elements /////////////////// */


#_head{
background:url(../_images/shared/head_top.gif) top center no-repeat;
height:10px;
width:764px;
}

#container{
width:764px;
margin:5px auto 0 auto;
}

#lower{
background-color:#fff;
border:1px solid #c5c5c5;
border-top:none;
border-bottom:none;
clear:both;
width:762px;
float:left;
padding:14px 0 0 0;
}

.digger{
background: url(../_images/shared/btm-digger.gif) bottom right no-repeat;
}

#lowerend{
display:block;
background:url(../_images/shared/main_bottom.gif) top center no-repeat;
height:20px;
width:764px;
clear:both;
}

#flash{
width:764px;
height:469px;
background:url(../_images/home/flash_bg.jpg) no-repeat;
}

#header {
clear:both;
background-color:#fff;
border:1px solid #bbb;
border-top:none;
border-bottom:none;
width:762px;
height:113px;
}

#socials{
float:left;
width:100px;
font-size:12px;
padding:6px 0 0px 27px;
}

#socials li{
padding:3px 0 3px 20px;
background:url(../_images/shared/soc_bugs.gif) no-repeat;
}

#socials li a{
text-decoration:none;
color:#959595;
display:block;
height:12px;
width:70px;
}

#socials li a:hover{
text-decoration:underline;
color:#4a4a4a;
}

#socials li.twitter{
background-position:0 2px;
}
#socials li.facebook{
background-position:0 -16px;
}
#socials li.youtube{
background-position:0 -35px;
}
#socials li.wiserearth{
background-position:0 -54px;
}
#socials li.sharethis{
background-position:0 -73px;
}

#enews{
float:right;
width:170px;
padding:38px 16px 0 0;
}

#enews .mailinglist{
display:block;
height:11px;
width:122px;
background:url(../_images/shared/mailinglist.gif) no-repeat;
margin:0 0 7px;
}

#enews .earea{
float:left;
width:130px;
height:14px;
padding:2px 3px 3px 3px;
margin:0 2px 4px 0;
color:#666666;
background:#f6f6f6;
}

#enews .earea:focus{
background:#fff;
}

#enews #button{
display:block;
width:21px;
height:21px;
margin:0;
float:left;
}

#logo{
width:440px;
height:98px;
margin:6px 0 0 0;
background:url(../_images/shared/sos_project_newlogo.png) 165px top no-repeat;
float:left;
}

#header a.stico_default{
padding:0;
background:none !important;
position:relative;
margin-top:-3px;
}


/* /////////////////// End Header Elements /////////////////// */
/* /////////////////// End Header Elements /////////////////// */
/* /////////////////// End Header Elements /////////////////// */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* /////////////////// Navigation Elements /////////////////// */
/* /////////////////// Navigation Elements /////////////////// */
/* /////////////////// Navigation Elements /////////////////// */

#nav{
height:31px;
}

ul#nav {
height:31px;
background:url(../_images/shared/navarea_bg.jpg) no-repeat;
padding:0 23px;
margin:0 14px;
}

ul#nav li{
height:31px;
display:block;
float:left;
}

ul#nav li a{
display:block;
height:31px;
background:url(../_images/shared/nav.jpg) top left no-repeat;
text-indent:-9999px;
text-align:center;
}

ul#nav li.about a{
width:120px;
background-position:0 0px;
}

ul#nav li.about a:hover{
background-position:0 -31px;
}

ul#nav li.films a{
width:94px;
background-position:-120px 0px;
}

ul#nav li.films a:hover{
background-position:-120px -31px;
}

ul#nav li.events a{
width:113px;
background-position:-214px 0;
}

ul#nav li.events a:hover{
background-position:-214px -31px;
}

ul#nav li.resources a{
width:143px;
background-position:-327px 0;
}

ul#nav li.resources a:hover{
background-position:-327px -31px;
}

ul#nav li.blog a{
width:97px;
background-position:-470px 0;
}

ul#nav li.blog a:hover{
background-position:-470px -31px;
}

ul#nav li.donate a{
width:120px;
background-position:-567px 0;
}

ul#nav li.donate a:hover{
background-position:-567px -31px;
}

/* /////////////////// End Navigation Elements /////////////////// */
/* /////////////////// End Navigation Elements /////////////////// */
/* /////////////////// End Navigation Elements /////////////////// */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */


#columns{
float:left;
background:url(../_images/shared/line.gif) repeat-y;
background-position:227px 0;
margin:19px 0 15px;
padding:0 0 100px !important;
clear:both;
}


/* /////////////////// Left Column /////////////////// */
/* /////////////////// Left Column /////////////////// */
/* /////////////////// Left Column /////////////////// */

#leftcol{
width:228px;
float:left;
}

ul#leftnav{
padding:5px 10px 20px 28px;
}

ul#leftnav li{
display:block;
width:182px;
}

ul#leftnav li a{
display:block;
width:182px;
background:url(../_images/shared/lnav.jpg);
height:75px;
}

/* /////// */

ul#leftnav li.downloads a{
height:51px;
}

ul#leftnav li.downloads a:hover{
background-position:182px 0;
}

/* /////// */

ul#leftnav li.book a{
height:49px;
background-position:0px -51px;
}

ul#leftnav li.book a:hover{
background-position:182px -51px;
}

/* /////// */

ul#leftnav li.dvds a{
height:48px;
background-position:0px -100px;
}

ul#leftnav li.dvds a:hover{
background-position:182px -100px;
}

/* /////// */

ul#leftnav li.teach a{
height:60px;
background-position:0px -144px;
}

ul#leftnav li.teach a:hover{
background-position:182px -144px;
}

/* /////// */

ul#leftnav li.press a{
height:65px;
background-position:0px -200px;
}

ul#leftnav li.press a:hover{
background-position:182px -200px;
}

/* /////// */

ul#leftnav li.international a{
height:67px;
background-position:0px -265px;
}

ul#leftnav li.international a:hover{
background-position:182px -265px;
}




/* /////////////////// End Left Column /////////////////// */
/* /////////////////// End Left Column /////////////////// */
/* /////////////////// End Left Column /////////////////// */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* /////////////////// Right Column /////////////////// */
/* /////////////////// Right Column /////////////////// */
/* /////////////////// Right Column /////////////////// */

#rightcol{
float:left;
clear:right;
width:455px;
margin:8px 0 0px 25px;
}

.item{
margin:0 0 35px;
}

/* /////////////////// End Right Column /////////////////// */
/* /////////////////// End Right Column /////////////////// */
/* /////////////////// End Right Column /////////////////// */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* /////////////////// Footer Elements /////////////////// */
/* /////////////////// Footer Elements /////////////////// */
/* /////////////////// Footer Elements /////////////////// */

#footer{
clear:both;
font-size:12px;
margin:10px 20px;
}

#footer p{
color:#000;
}

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

#footleft .top a{
padding:0 3px;
}

#footer a.stbutton{
padding:0 3px 5px 20px;
background:url(../_images/shared/soc_bugs.gif) 0 -74px no-repeat; 
}

#footer a:hover{
text-decoration:underline;
}

#footleft{
float:left;
width:700;
}

#footright{
float:right;
width:141px;
}

#footright .freerange{
width:141px;
height:14px;
text-indent:-9999px;
display:block;
background:url(../_images/shared/freerange.gif);
margin:3px 0 0;
}

#footleft .cc{
font-size:11px;
}

#footleft .cc a{
text-decoration:underline;
}

#footleft .cc a:hover{
text-decoration:none;
}

#footleft .cc img{
float:left;
margin:0 10px 0 0;
}

#footleft .contact{
	text-align:center;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666
}
	

/* /////////////////// End Footer Elements /////////////////// */
/* /////////////////// End Footer Elements /////////////////// */
/* /////////////////// End Footer Elements /////////////////// */

.ngolist{
list-style:square;
margin-left:15px;
font-size:11px;
}
.ngolist a{
font-size:13px;
}
.ngolist li{
padding-bottom:5px;
}