@charset "utf-8";

/********************/
/* SSLT styles      */
/* Nathalie Paguaga */
/* 06.24.09         */
/********************/

/********************************************/
/************* Global Elements **************/
/********************************************/

html, body
{
	margin:0;
	padding:0;
}

body
{
	background:url(../Images/background2.jpg) top left repeat-x ;
	text-align:center ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#333333;
}

a
{
	color:#3c551d;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	text-decoration:underline;
}

a.pdf:visited
{
	color:#79993a
}

a img
{
	border:none;
}

h1, h2, h3, h4, h5, h6
{
}

h1
{
	font-size:18px;
	border-bottom:1px solid #88b59d;
	text-transform: uppercase;
}

#right h1
{
	font-size:16px;
	margin:0;
}

h2
{
	font-size:16px;
}

#middle p
{
	margin:1em 0;
	font-size:12px;
}

ul
{
	margin:0;
	padding:0;
}

li
{
	margin:0;
	padding:0;
	padding-bottom:5px;
	padding-left: 16px;
	list-style:none;
	background:url(../Images/icons/squareGreen.gif) left top no-repeat;
}


/*********************************************/
/************** Global Classes ***************/
/*********************************************/

.bold
{
	font-weight:bold;
}

.notBold
{
	font-weight:normal;
}

.centered
{
	margin-left:auto;
	margin-right:auto;
}

.clearit
{
	clear:both;
}

img.align-left,
#page-content img.align-left,
#content img.align-left,
#content-wise img.align-left
{
  float:left;
  margin-left:10px;
  margin: 0 15px 10px 0;
}

img.align-right,
#page-content img.align-right,
#content img.align-right,
#content-wide img.align-right
{
  float:right;
  margin-right:10px;
  margin: 0 0 10px 15px;
}

.align-center,
#page-content .align-center,
#content .align-center,
#content-wide .align-center
{
    width:100%;
    text-align:center;
    clear:both;
    float:none;
}

.align-center img,
#page-content .align-center img,
#content .align-center img,
#content-wide .align-center img
{
    float:none;
}

/*********************************************/
/**************** Major ID's *****************/
/*********************************************/


#container
{
	width:962px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	clear:both;
	line-height:1.4;
}

#header
{
	background:url(../Images/header_962x135.gif) top center;
	width:962px;
	height:135px;
}

#mid-content
{
	padding:5px;
	clear:both;
	width:950px;
	background:#FFFFFF url(../Images/content_2x200.jpg) bottom center repeat-x scroll;
	position:relative;
	border-left:1px solid #1a354e;
	border-right:1px solid #1a354e;
}

#left
{
	width:160px;
	float:left;
	clear:both;
}

#menu a:hover,
.home #home-btn,
.land #land-btn,
.support #support-btn,
.greenprint #green-btn,
.publications #publ-btn,
.news #news-btn,
.volunteer #volunteer-btn,
.staff #staff-btn,
.contact #contact-btn
{
	background-position:0 -40px;
}

#home-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/home.jpg) top left;
}

#land-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/land.jpg) top left;
}

#support-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/support.jpg) top left;
}

#green-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/greenprint.jpg) top left;
}

#publ-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/publications.jpg) top left;
}

#news-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/newsroom.jpg) top left;
}

#volunteer-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/volunteer.jpg) top left;
}

#staff-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/staff.jpg) top left;
}

#contact-btn
{
	display:block;
	width:160px;	
	height:40px;
	background:url(../Images/nav/contact.jpg) top left;
}

#flash-vid-link
{
	margin:1.5em 0px;	
}



.img-text--vertical-link a img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

#content
{
	width:785px;
	float:left;
	clear:right;
	margin-left:5px;
	text-align:left;
}

#top-img
{
	margin-bottom:5px;
}

#middle
{
	float:left;
	width:580px;
	margin-right:5px;
	font-size:12px;
}



#flash-images
{
/*	width:580px;
	height:200px;
	background-color:#009999;*/
	clear:both;
}

#home-text
{
	padding:0 5px;
}

#right
{
	float:left;
	width:200px;
}



#newletter-link a:hover img
{
	position:relative;
	left:3px;
}

#footer
{
	clear:both;
	width:962px;
	height:20px;
	background:url(../Images/footer_962x20.gif) bottom center;
	margin-bottom:20px;
}

/*********************************************/
/**************** Liquid Box *****************/
/*********************************************/

.blue-box, .green-box, .green2-box
{
  margin:1.5em 0;
  padding:0;
}

.inner-box
{
    padding:0 5px;
    padding-top:5px;
    margin:0;
    display:block;
    overflow:auto;
}

.blue-box .inner-box
{
    border-right: #b6c8d6 1px solid;
	border-left: #b6c8d6 1px solid;
    background-color:#dae6ef;
}

.green-box .inner-box
{
    border-right: #afafaf 1px solid;
	border-left: #afafaf 1px solid;
    background-color:#cdddcd;
}

.green2-box .inner-box
{
    border-right: #8ea060 1px solid;
	border-left: #8ea060 1px solid;
    background-color:#d3dfb5;
}

#right .blue-box h1,
#left .blue-box h1,
#right .green-box h1,
#left .green-box h1,
#right .green2-box h1,
#left .green2-box h1
{
	text-align:center;
	font-size:15px;
	margin-bottom:10px;
}

#right .blue-box h2,
#left .blue-box h2,
#right .green-box h2,
#left .green-box h2,
#right .green2-box h2,
#left .green2-box h2
{
	padding:0;
	text-align:center;
    padding:0px 10px;
    margin:0;
    /*margin-top:-10px;*/
    /*line-height:30px;
    height:30px;*/
}

.blue-box h2
{
    /*background: url(../images/blue_h2_bkg.gif) repeat-x;*/
}

.green-box h2
{
    /*background: url(../images/al_h2_bkg.gif) repeat-x;*/
}

#right .blue-box h3,
#left .blue-box h3,
#right .green-box h3,
#left .green-box h3,
#right .green2-box h3,
#left .green2-box h3
{
	font-size:14px;
	padding:0;
	text-align:center;
    padding:0px 10px;
    margin:0;
    line-height:20px;
}

/* blue box corners */
span.boxtop-blue, span.boxtop-blue span, span.boxbtm-blue, span.boxbtm-blue span 
{
    display: block; 
    height: 10px;
    font-size: 1px;
    background: url(../Images/boxes/blueCircle.gif) no-repeat;
    /*position:relative;*/
}

/* green box corners */
span.boxtop-green, span.boxtop-green span, span.boxbtm-green, span.boxbtm-green span
 {
    display: block; 
    height: 10px;
    font-size: 1px;
    background: url(../Images/boxes/greenCircle.gif) no-repeat;
    /*position:relative;*/
}

/* green2 box corners */
span.boxtop-green2, span.boxtop-green2 span, span.boxbtm-green2, span.boxbtm-green2 span
 {
    display: block; 
    height: 10px;
    font-size: 1px;
    background: url(../Images/boxes/green2Circle.gif) no-repeat;
    /*position:relative;*/
}

/* top left corner  1px line*/
span.boxtop-blue, span.boxtop-green, span.boxtop-green2
{
	background-position:0% -20px;
	left: -1px;
	top: -1px;
}

/* bottom left corner 1px line */
span.boxbtm-blue, span.boxbtm-green, span.boxbtm-green2
{
	background-position: 0% -30px;
	left: -1px;
	bottom: -1px;
}

/* top right corner 1px line */
span.boxtop-blue span, span.boxtop-green span, span.boxtop-green2 span
{
	background-position: 100% 0px;
	left:2px;
}

/* bottom right corner 1px line */
span.boxbtm-blue span, span.boxbtm-green span, span.boxbtm-green2 span
{
	background-position: 100% -10px;
	left:2px;
}

/*top middle */
span.boxtop-blue span span
{
	margin:0 10px;
	background:#dae6ef;
	border-top:#b6c8d6 1px solid;
}

/*bottom middle */
span.boxbtm-blue span span
{
	margin:0 10px;
	background:#dae6ef;
	border-bottom:#b6c8d6 1px solid;
}

/*green top middle */
span.boxtop-green span span
{
	margin:0 10px;
	background:#cdddcd;
	border-top:#afafaf 1px solid;
}

/*green bottom middle */
span.boxbtm-green span span
{
	margin:0 10px;
	background:#cdddcd;
	border-bottom:#afafaf 1px solid;
}

/*green2 top middle */
span.boxtop-green2 span span
{
	margin:0 10px;
	background:#d3dfb5;
	border-top:#8ea060 1px solid;
}

/*green2 bottom middle */
span.boxbtm-green2 span span
{
	margin:0 10px;
	background:#d3dfb5;
	border-bottom:#8ea060 1px solid;
}

/*********************************************/
/**************** Image List *****************/
/*********************************************/

.list-item
{
    text-align: left;
    margin:0;
    padding:0;
    padding:4px;
    padding-bottom:10px;
    clear:both;
    display:block;
    overflow:visible;
}

.list-item img
{
    padding: 0;
    margin:0;
}

#right .list-item a
{
	font-size:14px;
}

#right .list-item p
{
	margin:0;
	padding:0 5px;
}

.left60 .list-item img,
.left90 .list-item img,
.left120 .list-item img
{
    float:left;
    padding-right:10px;
	/*padding-bottom:10px;*/
}

.img-list p.teaser, 
#content .img-list p.teaser
{
    text-align: left;
    padding:0;
	
}

#right .img-list p.teaser
{
	font-size:11px;
}

.img-list .left60 p.teaser, #right .img-list .left60 p.teaser,
#content .img-list .left60 p.teaser, #content-wide .img-list .left60 p.teaser
{
    margin-left:70px;
    display:block;
}

.img-list .left90 p.teaser, #right .img-list .left90 p.teaser,
#content .img-list .left90 p.teaser, #content-wide .img-list .left90 p.teaser
{
    margin-left:100px;
    display:block;
}

.img-list .left120 p.teaser, #right .img-list .left120 p.teaser,
#content .img-list .left120 p.teaser, #content-wide .img-list .left120 p.teaser
{
    margin-left:130px;
    display:block;
}