body {
    background-color: #ffffff;
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: center; /* ie hack */
}

#wrapper {
    width: 900px;
    margin: 0 auto;
    text-align: left; /* ie hack */
}

.cleared {
    clear: both;
}

img {
    border: 0;
}

/* header */

#header {
    background-image: url("/img/layout/header_background.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    width: 900px;
    height: 157px;
    margin-bottom: 2px;
    position: relative;
}

#header #logo {
    position: absolute;
    width: 300px;
    height: 157px;
    top: 0;
    left: 0;
}

#header #social {
    position: absolute;
    width: 170px;
    height: 50px;
    top: 65px;
    left: 530px;
}

#header #social p {
    color: #ffffff;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 0;
}

#header #social a {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

#header a#donate:link, #header a#donate:visited {
    position: absolute;
    width: 283px;
    height: 35px;
    top: 122px;
    left: 463px;
    text-align:center;
    background-image: url('/img/layout/header_donate.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#header a#donate:hover, #header a#donate:active {
    background-image: url('/img/layout/header_donate2.png');
}

#header #donate a:link, #header #donate a:visited {
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #1c3800;
    padding: 10px;
    text-decoration: none;
}

#header #donate a:hover, #header #donate a:active {
    color: #3e7c00;
}

/* navigation bar */

#nav {
    width: 900px;
    height: 32px;
    background-color: #507425;
}

#nav div.space {
    display: block;
    float: left;
    width: 23px;
    height: 32px;
}
#nav a {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    height: 32px;
}
#nav a.home:link, #nav a.home:visited {
    width: 83px;
    background: url('/img/home.jpg') top right;
}
#nav a.home:hover, #nav a.home:active {
    background: url('/img/home2.jpg') top right;
}
#nav a.about:link, #nav a.about:visited {
    width: 97px;
    background-image: url('/img/aboutus.jpg');
}
#nav a.about:hover, #nav a.about:active {
    background-image: url('/img/aboutus2.jpg');
}
#nav a.campaigns:link, #nav a.campaigns:visited {
    width: 154px;
    background-image: url('/img/campaigns.jpg');
}
#nav a.campaigns:hover, #nav a.campaigns:active {
    background-image: url('/img/campaigns2.jpg');
}
#nav a.oilspill:link, #nav a.oilspill:visited {
    width: 169px;
    background-image: url('/img/oilspill.jpg');
}
#nav a.oilspill:hover, #nav a.oilspill:active {
    background-image: url('/img/oilspill2.jpg');
}
#nav a.monitoring:link, #nav a.monitoring:visited {
    width: 136px;
    background-image: url('/img/monitoring.jpg');
}
#nav a.monitoring:hover, #nav a.monitoring:active {
    background-image: url('/img/monitoring2.jpg');
}
#nav a.media:link, #nav a.media:visited {
    width: 105px;
    background-image: url('/img/media.jpg');
}
#nav a.media:hover, #nav a.media:active {
    background-image: url('/img/media2.jpg');
}
#nav a.get_involved:link, #nav a.get_involved:visited {
    width: 156px;
    background-image: url('/img/layout/nav_get_involved.png');
}
#nav a.get_involved:hover, #nav a.get_involved:active {
    background-image: url('/img/layout/nav_get_involved2.png');
}

/* content */

#content {
    font-family: Arial;
    font-size: 12px;
    clear: both;
}

#content a:link, #content a:visited {
    color: #507425;
    text-decoration: none;
}
#content a:hover, #content a:active {
    text-decoration: underline;
}

#content a.more:link, #content a.more:visited {
    display: block;
    clear: both;
    background-image: url("/img/layout/content_block_arrow.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}
#content a.more:hover, #content a.more:active {
    color: #333333;
}

/* homepage left */

#content #left {
    float: left;
    width: 557px;
    padding: 20px 0;
}

#content #left #top {
    margin-bottom: 30px;
    line-height: 200%;
}

#content #left #top img {
    border: 2px solid #000000;
}

#content #left #top h1 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 20px;
}

#content #left #top p {
    font-size: 16px;
    margin-bottom: 10px;
}

#content #left #updates_bar {
    height: 14px;
    color: #f0f0bc;
    background-color: #507425;
    margin-bottom: 20px;
    padding: 9px;
    font-weight: bold;
    font-size: 14px;
}

#content #left #updates_bar img {
    float: right;
}

#content #left .update {
    float: left;
    width: 145px;
    min-height: 330px;
    padding: 0 20px;
    border-right: 1px solid #d6d6d6;
    line-height: 150%;
}

#content #left .update img {
    border: 2px solid #000000;
    margin-bottom: 10px;
}

#content #left .update p {
    margin-bottom: 10px;
}

/* homepage right */

#content #right {
    float: left;
    width: 343px;
    background-color: #e4f1cc;
}

#content #right #right-inner {
    padding: 20px 22px;
}

#content #right .newsletter {
    padding: 0;
    margin-bottom: 10px;
}

#content #right .newsletter h2 {
    font-family: Verdana;
    font-weight: bold;
    color: #1c3800;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 16px;
}

#content #right .newsletter table, #content #right .newsletter tr, #content #right .newsletter td, #content #right .newsletter input {
    border: 0;
    margin: 0;
    padding: 0;
}

#content #right .newsletter input.text {
    width: 218px;
    height: 32px;
    border: 2px solid #517526;
    padding: 5px;
    background-color: #ffffff;
    color: #828282;
}

#content #right .newsletter input.submit {
    width: 74px;
    height: 32px;
}

#content #right p.donate {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#content #right .block {
    padding-bottom: 20px;
    background-color: #ffffff;
    background-image: url("/img/layout/content_block_footer.png");
    background-repeat: repeat-x;
    background-position: bottom center;
    margin-bottom: 10px;
}

#content #right .block h2 {
    border-bottom: 1px solid #e4f1cc;
    background-image: url("/img/layout/content_block_header.png");
    background-repeat: repeat-x;
    background-position: top center;
    padding: 5px 15px 8px 15px;
    margin: 0 0 15px 0;
    height: 22px;
    font-family: Verdana;
    font-weight: bold;
    color: #1c3800;
    text-transform: uppercase;
    font-size: 16px;
}

#content #right .block .content {
    padding: 0 15px;
    font-size: 14px;
    line-height: 150%;
}

#content #right .block img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#content #right img.button {
    margin-bottom: 15px;
    width: 298px;
    height: 51px;
}

/* inside left sidebar */
#content #left_sidebar {
    width: 150px;
    float: left;
}

/* inside main */
#content #inside_main {
    width: 467px;
    margin-top: 20px;
    margin-right: 10px;
    float: left;
}

/* inside right sidebar */
#content #right_sidebar {
    float: right;
    width: 273px;
    background-color: #e4f1cc;
}

#content #right_sidebar #right_sidebar-inner {
    padding: 20px 22px;
}

#content #right_sidebar p.donate {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#content #right_sidebar .block {
    padding-bottom: 20px;
    background-color: #ffffff;
    background-image: url("/img/layout/content_block_footer.png");
    background-repeat: repeat-x;
    background-position: bottom center;
    margin-bottom: 10px;
}

#content #right_sidebar .block h2 {
    border-bottom: 1px solid #e4f1cc;
    background-image: url("/img/layout/content_block_header.png");
    background-repeat: repeat-x;
    background-position: top center;
    padding: 5px 15px 8px 15px;
    margin: 0 0 15px 0;
    height: 22px;
    font-family: Verdana;
    font-weight: bold;
    color: #1c3800;
    text-transform: uppercase;
    font-size: 16px;
}

#content #right_sidebar .block .content {
    padding: 0 15px;
    font-size: 14px;
    line-height: 150%;
}

#content #right_sidebar .block img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#content #right_sidebar img.button {
    margin-bottom: 15px;
    width: 228px;
    height: 51px;
}

/* footer */

#footer {
    background-color: #507425;
    color: #ffffff;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
    padding: 18px 0;
}
#footer a:link, #footer a:visited {
    color: #ffffff;
    text-decoration: none;
}
#footer a:hover, #footer a:active {
    text-decoration: underline;
}

/* preloading images */

#preload_images {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
}




a img{
border: none;
}

.boxx{
  width:750px;
  border-left: 1px solid #555555;
}
/* ______ Global Styles */

th,td,p,.text {   font-family: Arial, Helvetica, Verdana, sans-serif;  font-size: 13px; font-weight: normal; color: #000000;}

.text {  line-height: 1.4em; }  

/*LINKS*/

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


/* ______ AMP Specific Classes */


/*ARTICLE PAGES*/

.title {   font-size: 18px; font-weight: bold;  color: #507425; }
.subtitle { font-size: 14px; font-weight: bold;  color: #333333; }
.author {  font-size: 12px; font-weight: bold; color: #333333; }
.date {   font-size: 12px; font-weight: bold; color: #555555; }
.form {  font-size: 12px; font-weight: bold; color: #333333}
.photocaption {  font-size: 10px; font-weight: normal; color: #333333; text-align: center; vertical-align: middle; clip:   rect(   ); padding-top: 3px; padding-bottom: 3px}
.docbox {border : 1px double Black; font-size : 13px; text-align : center; }

/*LIST PAGES*/

.listtitle { font-size: 13px; font-weight: bold; color: #507425; }
.bodygreystrong {font-size: 12px; font-weight: normal; color: #555555;}

/*INDEX PAGE*/

.home {  } 
.homebody { font-size: 12px; color: #000000}
.hometitle {  font-size: 16px; font-weight: bolder; color: #006699; text-decoration: none}
.morelink { text-align: right;  display: block; } 

/*NAVIGATION*/

.breadcrumb { font-size: 11px; color: #444444; }
.subside { font-size: 12px; font-weight: bolder; color: #513212; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.sidelist { font-size: 13px;  color:#000000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase; }
.go { font-size: 9px}

/*NEWS and PR PAGES    bodystronggrey*/

.newstitle { font-size: 18px; font-weight: bold; color: #000000}
.newssubtitle { font-size: 12px; font-weight: bold; color: #333333}
.bodystrong {font-size: 12px; font-weight: bold; color: #000000}       
.bodygrey {font-size: 12px; font-weight: normal; color: #333333}
     /*used in groups*/

/* PAGINATION CLASSES */

div.list_pager {
		text-align: right;
		float: right; 
		width: 90%; 
		position: relative;
		font-size: 11px;
		display: block;
		padding: 5px 5px 10px 5px;

}

div.list_pager a.pager_link {
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px
		margin-bottom: 5px;
}

.standout {
		font-weight: bold;
		text-decoration: none;
		font-size:14px;
}

a.standout {
		text-decoration: none;
}

/* ______ AMP Specific Classes for TOOLS */

/*CALENDAR*/
.eventsubtitle {font-size: 12px; font-weight: bold; color: #333333}
      /*used in groups*/

.eventtitle {font-size: 12px; font-weight: bold}
      /*used in groups*/

/*GROUPS & ENDORSEMENTS bodygrey, eventsubtitle,  eventtitle*/


/* LINKS MODULE */

.linktype { font-size: 13px; font-weight: bold;}
.links { padding: 3px; margin-left: 30px; }
.links a { font-size: 11px; }
.links img { float: left; padding: 5px; margin: 5px; border: 1px solid #666; }
.links br { clear: both; }
.links p { display: inline; font-size: 11px; font-weight: normal; color: #666; padding: 0px; padding-left: 4px; font-style: italic;  }
.links p a { color: #f00; font-size: 100%; font-style: italic;  }


/* GALLERY MODULE */
/* list of gallerys */
.gallerylist { padding: 5px; }
.gallerylist a { font-size: 14px; }
.gallerylist img { float: left; margin: 8px; border: 1px solid #666; }
.gallerylist br { clear: both; }
.gallerylist p { display: inline; font-size: 12px; font-weight: normal; color: #666; padding-left: 10px; }
.gallerylist p a { color: #f00; font-size: 100%; 
 font-size: 11px; font-weight: normal; font-style: italic; color: #666;  } 

/* indiv gallery page */
.gallerytitle { font-size: 16px; font-weight: bold; color: #333333; }
.gallery { padding: 0; margin: 0; border: 0; width: 100%; border: 0px solid #666; float: left; }
div.gallerycon { width: 200px; height: 300px; float: left; margin: 5px; text-align: center; border: 0px solid #666; }         
.gallerycon img { float: center; padding: 5px; border: 1px solid #666; }
.gallerycap { padding: 5px; border: 0px solid #666; margin: 5px; }



/* FORMS  */

.udm_header { white-space: nowrap; background-color: #CCCCCC; padding: 5px; font-weight: bold; }

.udm_group_label { text-align:left; font-weight: bold; padding-bottom: 5px;}

.form_label_col {text-align:left; font-weight: normal; padding-bottom: 5px;}
.form_data_col  {text-align:left; font-weight: normal;  padding-bottom: 5px;}

/* _________ Design Specific  */

.list_image {float:left}
td.list_entry {float:left; width:355px;}

.masborder { border: 2px #000000 solid; }
.features { font-size: 10px; font-weight: bold; color: #000000}
.header { border: 1px #999999 solid; }
.leftnav { background: #EEEEEE;  border-right: 1px #999999 dashed; border-left: 1px #999999 solid;  }
.mainbody { border-right: 1px #999999 solid; padding: 20px;  }
.footer, .footer a { color: #FFFFFF;  }

.fpheader { display:block; padding: 4px 0px 10px 15px; color:#507425; font-weight: bold; font-size: 22px; }
.fplarge { display:block; padding: 4px 0px 10px 15px; color: #000000; font-weight: bold; font-size: 12px; line-height: 18px;}
.fpreadmore {  display:block; padding: 5px 0px 0px 0px; color: #999999; font-weight: bold; font-size: 11px; text-transform: capitalize; }
.fpreadmore img { padding: 10px 5px 0px 0px; }
.fptext { display:block; padding: 4px 0px 0px 0px; color: #000000; font-weight: bold; font-size: 11px; line-height: 12px; }
.fpimg { border: 2px solid #000000;}
.upimg { border: 2px solid #000000; width:139px}
.fptitles { display:block; padding: 4px 0px 5px 0px; color: #000000; font-weight: bold; font-size: 12px; }
.fpnavs { font-size: 11px; }

.spnavs { font-size: 11px; font-weight: normal; color:#507425;  display:block;}

.innavs {font-size: 11px; display:block; padding: 5px 8px 0px 8px; }
.hdtitles { display:block; padding: 8px 8px 8px 8px; color:#507425; font-weight: bold; font-size: 12px; }
a.intitles { display:block; padding: 8px 8px 2px 8px; color:#507425; font-weight: bold; font-size: 12px; text-align:center;}

.spimg{text-align:center;margin-top: 10px;}

.spotlight{font-size:1.2em; text-align: center;background-color: #FADE37; margin-top: 7px; border: 1px solid #000;}

a.spotlight:hover{color: #000;}

.position-bg {
margin-top:145px;
background: #507425;
opacity: .92;
filter:alpha(opacity=92);
text-align: right;
}

.position {
text-align: right;
color: #FFFFFF;
font-size: 20px;
padding: 5px 10px 5px 10px;
}

/* Front page slideshow */

#index-slideshow{width:460px;position: relative;height: 215px;}

.slide{width:557px;}
.slide_img{width: 299px; float: left;}
.slide_img_caption{
background:#507425 none repeat scroll 0 0;
color:#FFFFFF;
font-family:arial;
font-size:19px;
font-weight:bold;
padding:5px;
text-align:right;}

.slide_text{float: left; width: 228px; margin-left: 20px;}

.clear{clear: both;}

div.article_media {
display:block;
margin-left:0;
padding:0px;
}

div.filelink{
clear:both;
padding-top:26px;
}