* { padding: 0px; margin: 0px; }
fieldset { border: 0px; }

body {font-family: Arial, Helvetica, sans-serif;color: #FFF;font-size: 12px;line-height: 150%;background: none; }

img, a {outline:none;}

/*******************************************************HOMEPAGE*******************************************/

#headbox { width: 482px; height: 180px; border: 1px solid #EFEFEF; background: #FFFFFF url(../img/env/headbox-bg.jpg) no-repeat 7px 7px; position: relative; left: -1px; margin-bottom: 7px; } 
#headbox-shadow { width: 97px; height: 13px; position: absolute; bottom: -13px; right: 0px; background: url(../img/env/headbox-shadow.gif) no-repeat bottom right; }
#main-content { background: url(../img/env/nav-bg.png) no-repeat left top; padding-top: 8px;}
#page-content { padding-top: 20px; }

#right-column { padding-top: 10px; }

.more { color: #f37800; font-size: 11px; line-height: 140%; text-align: right; }
.down { background: url(../img/more-down.gif) no-repeat left center; padding-left: 9px; }

#info { font-size: 12px; }

#headtitle { color: #FFFFFF; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 17px; line-height: 100%; font-weight: bold; display: none; width: 323px; height: 141px; position: absolute; top: 42px; left: 289px; } 
#headtitle span { width: 113px; height: 75px; background-image: url(../img/headtitle.png); }
#headtitle strong { display: block; font-size: 33px; line-height: 130%; }

/********************************************************** GLOBAL *************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}

img { border: none; } a img { border: none; }
img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }


/***************OVERLAPPING ***************/
.overlap,.overlap * {
	display: block;
	position: relative;
	overflow: hidden;
	color:#2f6f38;
	background-image: url(../img/env/right-block-title-bg.gif);
}
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,.overlap a span { cursor: pointer; }

/***************BASIC TAG DEF ****************/
body { background: #EBC488 url(../img/env/body-bg.png) repeat-x left top; font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 13px;  }

h1 { font-size: 12px; font-weight: normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #2f6f38; height: 40px; line-height: 40px; text-transform: uppercase; background: url(../img/env/h1-bg.gif) repeat-y left top; padding:0 15px 0 11px; margin:0 0 10px 0; }
h1.overlap span { width: 470px; height: 40px;}
h2 { font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #2f6f38; text-transform: uppercase; }
h3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #2f6f38; }
p { padding-bottom: 1em; padding-left: 4px; }
ul { margin-left: 2em; padding-bottom: 1em; }
a { color: #2f6f38; font-weight: bold; text-decoration: none; } a:hover {color:47351d; text-decoration: underline;}
sup { line-height: 50%; }

form {}
form * { font-family: Arial, Helvetica, sans-serif; color: #333; font-size:1em;}
form .input,form select,form textarea { border: 1px solid #FFFFFF; background-color: #E7DFCF; padding: 3px; margin-bottom:10px; }
form textarea { height: 75px; overflow: hidden; }
form .input.short { width: 50px; }
form label { display: block; width: 150px; float: left; padding-top: 1px; }
form p { clear: both;}
form .button-submit { margin-left: 150px; }

/***********************************************************LAYOUT**************************************************************/
html>body, html>#page-bg { min-height: 100%; overflow: visible; }
body { text-align: center; height: 150%; }
html { height: 100%; }
#page-bg { background: url(../img/env/page-bg.jpg) no-repeat center top; height: 100%; }

#page-wrapper { width: 776px; margin: 0 auto; padding: 27px 59px 0px 65px; text-align: left; position: relative; }

#page-corner { background: url(../img/env/page-corner-bg.png) no-repeat right bottom; padding: 1px 6px 121px 0px; width: 770px; }

#page-body { background-color: #FFFFFF; }
#page-body-bg {margin-top: 1px; position: relative; top: 53px; margin-left: 15px; margin-right: 15px;  background: #F7F5EE url(..../img/env/page-content-bg.png) repeat-x left top;}

#page-content { min-height: 500px; padding:30px 0 0 10px; }

#main-content { float: left; width: 460px; padding: 30px 20px 0 0 ; }
#main-content-lower { float: left; width: 705px; padding-top: 30px; }
#right-column { float: left; width: 245px; }

/*****************************************************************HEADER ***************************************************************/
#header { height: 75px; background: url(../img/env/header-bg.png) no-repeat left top; position: absolute; top: -55px; left: -15px; width: 770px; }
#logo { width: 275px; height: 115px; position: absolute; top: -27px; left: 468px; z-index: 10; padding: 0px; }
#header-title { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 30px; color: #fff; font-weight: bold; height: 35px; line-height: 35px; padding-bottom: 0px; position: absolute; top: 26px; left: 30px; }
#header-title span { background-image: url(../img/env/header-title.gif); width: 300px; height: 35px;}

/******************************************************************FOOTER****************************************************************/
#footer { height: 55px; font-size: 11px; color: #666; position: absolute; bottom: 0px; left: 90px; width: 740px;  }
#footer * { color: #666; padding: 0px; }
#ice { position: absolute; top: 0px; right: 30px; }
#ice a { text-decoration: none; cursor: pointer; }

/******************************************************************MENU *****************************************************************/
#menu { width: 65px; height: 422px; position: absolute; top: 27px; left: 0px; margin: 0px; }
#menu li { list-style: none; }
#menu li a { width: 65px; background-color: #B48755; display: block; text-align: center; color: #6C4C2A; font-weight: bold; }
#menu li a span { width: 65px; }
#menu li a:hover span { background-position: -65px 0px; }

#menu #menu-index { padding-top: 124px; background: url(../img/env/menu-bg-top.jpg) no-repeat left top; }
#menu #menu-index a { height: 103px; line-height: 103px; }
#menu #menu-index a span { height: 103px; background-image: url(../img/env/menu-index.jpg); }
#menu #menu-news a { height: 79px; line-height: 79px; }
#menu #menu-news a span { height: 79px; background-image: url(../img/env/menu-news.jpg); }
#menu #menu-donate { padding-bottom: 13px; background: url(../img/env/menu-bg-bottom.jpg) no-repeat left bottom; }
#menu #menu-donate a { height: 103px; line-height: 103px; }
#menu #menu-donate a span { height: 103px; background-image: url(../img/env/menu-donate.jpg); }

#section-index #menu-index span { background-position: -65px 0px; }
#section-news #menu-news span { background-position: -65px 0px; }
#section-donate #menu-donate span { background-position: -65px 0px; }

/******************************************************************NAV*****************************************************************/
#nav { font-size: 11px; color: #7f7f7f; background: url(../img/env/nav-bg.png) no-repeat left top; line-height: 38px; padding-bottom: 0px; margin: 0px; position: absolute; top: 20px; left: 10px; width: 100%; }
#nav a { color: #7f7f7f; }

/******************************************************************RIGHT COLUMN *****************************************************************/
#right-column {}
#right-column .block { width: 220px; border: 1px solid #FFFFFF; background: #E2D9C5 url(../img/env/right-block-bg.gif) repeat-x left top; margin-left: 14px; margin-bottom: 16px; font-size: 11px; line-height: 150%; }
#right-column .block h2 { font-size: 17px; background: url(../img/env/right-block-title-bg.gif) no-repeat left bottom; margin-left: 10px; padding-top: 12px; height: 26px; line-height: 20px; margin-bottom: 10px; }
#right-column .block h2 span { width: 200px; height: 24px; top: 12px; }
#right-column .block .block-shadow { position: relative; height: 10px; bottom: -11px; right: -1px; background: url(../img/env/right-block-shadow.gif) no-repeat right bottom;}
#right-column .block .block-content { padding: 0px 10px 0px 10px; }
#right-column .block p { padding-top: 7px; padding-bottom: 0px; }

#flash { height: 288px; position: relative; overflow: visible; }
#flash-wrapper { position: absolute; top: -1px; left: -9px; width: 260px; height: 291px; }
#bearslide, #gibbonslide, #lorisslide, #macaqueslide, #pangolinslide, #snakeslide, #tigerslide, #tradeslide, #turtleslide, #elephantslide, #civetslide
{ position: absolute; top: -1px; left: -15px; width: 260px; height: 291px; }
#bearslide {background:url(../img/wildlife/bearslide.jpg);}
#gibbonslide {background:url(../img/wildlife/gibbonslide.jpg);}
#lorisslide {background:url(../img/wildlife/lorisslide.jpg);}
#macaqueslide {background:url(../img/wildlife/macaqueslide.jpg);}
#pangolinslide {background:url(../img/wildlife/pangolinslide.jpg);}
#snakeslide {background:url(../img/wildlife/snakeslide.jpg);}
#tigerslide {background:url(../img/wildlife/tigerslide.jpg);}
#tradeslide {background:url(../img/wildlife/tradeslide.jpg);}
#turtleslide  {background:url(../img/wildlife/turtleslide.jpg);}
#elephantslide  {background:url(../img/wildlife/elephantslide.jpg);}
#civetslide {background:url(../img/wildlife/civetslide.jpg);}
#no-flash { margin: 11px 0px 0px 28px; width: 210px; height: 288px; overflow: hidden; }

/********************RIGHT BLOCK TITLES *********************/
#btn-about span { background-image: url(../img/text/btn-about.gif); }
#btn-contact span { background-image: url(../img/text/btn-contact.gif); }
#btn-help span { background-image: url(../img/text/btn-help.gif); }
#btn-letter span { background-image: url(../img/text/btn-letter.gif); }
#btn-news span { background-image: url(../img/text/btn-news.gif); }
#btn-report span { background-image: url(../img/text/btn-report.gif); }
#btn-trade span { background-image: url(../img/text/btn-trade.gif); }
#btn-species span { background-image: url(../img/text/btn-species.gif); }

#env a, #trade a, #help a, #new a {float:left; width:80px; height:100px; margin:0 0 10px 10px ;}
#env a {background:url(../img/env/banner.jpg) no-repeat; height:40px; width:163px;}
#new a {background:url(../img/env/banner-old.jpg) no-repeat; height:90px; width:163px;}
#trade a {background:url(../img/wildlife/trade.jpg) no-repeat; height:95px; width:150px;}
#help a {background:url(../img/wildlife/help.jpg) no-repeat; height:95px; width:150px;}
#env a:hover, #trade a:hover, #help a:hover, #new a:hover {background-position:bottom;}


/**************PAGE TITLES **************/
#pt-01 span { background-image: url(../img/text/pt-01.gif); }
#pt-02 span { background-image: url(../img/text/pt-02.gif); }
#pt-03 span { background-image: url(../img/text/pt-03.gif); }
#pt-04 span { background-image: url(../img/text/pt-04.gif); }
#pt-05 span { background-image: url(../img/text/pt-05.gif); }
#pt-06 span { background-image: url(../img/text/pt-06.gif); }
#pt-08 span { background-image: url(../img/text/pt-08.gif); }
#pt-09 span { background-image: url(../img/text/pt-09.gif); }

#pt-Gibbons span { background-image: url(../img/text/pt-Gibbons.gif); }
#pt-Bears span { background-image: url(../img/text/pt-Bears.gif); }
#pt-Civets span { background-image: url(../img/text/pt-Civets.gif); }
#pt-Elephants span { background-image: url(../img/text/pt-Elephants.gif); }
#pt-Lorises span { background-image: url(../img/text/pt-Lorises.gif); }
#pt-Macaques span { background-image: url(../img/text/pt-Macaques.gif); }
#pt-Pangolins span { background-image: url(../img/text/pt-Pangolins.gif); }
#pt-Snakes span { background-image: url(../img/text/pt-Snakes.gif); }
#pt-Tigers span { background-image: url(../img/text/pt-Tigers.gif); }
#pt-Trade span { background-image: url(../img/text/pt-Trade.gif); }
#pt-Turtles span { background-image: url(../img/text/pt-Turtles.gif); }

/**************WILDLIFE THUMBNAILS **************/
#gibbon a,#bear a,#elephant a,#loris a,#civet a,#macaque a,#pangolin a,#snake a,#tiger a,#turtle a {float:left; width:80px; height:100px; margin:0 10px 10px 0;}
#gibbon a:hover,#bear a:hover,#elephant a:hover,#loris a:hover,#civet a:hover,#macaque a:hover,#pangolin a:hover,#snake a:hover,#tiger a:hover,#turtle a:hover {background-position:bottom;}
#gibbon a {background:url(../img/wildlife/gibbon.jpg) no-repeat;}
#bear a {background:url(../img/wildlife/bear.jpg) no-repeat;}
#elephant a {background:url(../img/wildlife/elephant.jpg) no-repeat;}
#loris a {background:url(../img/wildlife/loris.jpg) no-repeat;}
#civet a {background:url(../img/wildlife/civet.jpg) no-repeat;}
#macaque a {background:url(../img/wildlife/macaque.jpg) no-repeat;}
#pangolin a {background:url(../img/wildlife/pangolin.jpg) no-repeat;}
#snake a {background:url(../img/wildlife/snake.jpg) no-repeat;}
#tiger a {background:url(../img/wildlife/tiger.jpg) no-repeat;}
#turtle a {background:url(../img/wildlife/turtle.jpg) no-repeat;}


#main-content .block { background: url(../img/env/hp-block-bg.gif) repeat-y left top; font-size: 11px; line-height: 145%; width: 155px; float: left; height: 204px; margin-right: 9px; margin-bottom: 13px; position: relative; }
#main-content .block.end { margin-right: 0px; }
#main-content .block h3 {	font-size: 9px;	color: #A2A2A2;	line-height: 15px;	width: 146px;	height: 55px;	padding: 8px 0px 0px 9px;	background: url(../img/env/hp-block-top-bg.gif) repeat-y left top;	font-weight:normal;}
#main-content .block h3 strong { margin-top: 3px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #2f6f38; line-height: 120%; text-transform: uppercase; height: 37px; }
#main-content .block h3 strong span { width: 146px; height: 37px; }
#main-content .block p { padding: 0px 4px 0px 9px;}
#main-content .block p.more { color: #2f6f38; text-align: right; position: absolute; bottom: 5px; right: 0px; }