@import url("css/menu.css");

/*Global Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}*/
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS Document */
body {
	background-image: url(images/images/10most/Background2.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial,Tahoma, Geneva,Helvetica, sans-serif;
	}

	
/*-------- Default Style --------*/
th,td,div{
	color:#000;
	font-family: Arial,Tahoma,Geneva,Helvetica, sans-serif;
	font-weight:normal;
	}
a,a:link,a:visited,a:active{
        color:#828282;
	/*color:#016937;*/
	font-family: Arial,Tahoma, Geneva, Helvetica, sans-serif;
	font-weight:normal;
	}
a:hover{
        color: #8470FF;
	/*color:#C00;*/
	text-decoration:none;
	}
h1{
	 font-family:Arial, Helvetica, sans-serif;
	 color:#006800;
	 font-size:1.5em;
	 font-weight:bolder;
	 text-align:left;
	 margin-top:20px;
	 }
h2, h2 p{
	 font-family:Arial, Helvetica, sans-serif;
	 color: #0d6059;
	 font-size:1.2em;
	 font-weight:bolder;
	 margin-bottom:5px;
	 }
h3 {
	font-family:Arial, Helvetica, sans-serif;
	 color: #FFFFFF;
	 font-size: 1.6em;
	 font-weight:bold;
	 padding-top:4px;
	 }
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	
p a:link, p a:visited{
	color:#006838;
	}
	
p a:hover{
	color:#FF0000;
	text-decoration:none;
	}	
.normalText{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.7em;
	font-weight:normal;

	}	
		 
/*-------- design style --------*/


#CommingSoon{
}


.PageMaster {
	width: 100%;
	margin: 0 auto;
	text-align: center;	/* to correct IE positioning misbehaviour */
}

#allContent {
	width:960px;
	margin: 0 auto;
	text-align: left;
	}
	
/*-------- top navigation --------*/

#topNav{
     height:65px;
     background:url(images/images/10most/topNavBackground.jpg) top left no-repeat;
}
#topNav p{
     color:#FFFFFF;
     font-family:Arial, Helvetica, sans-serif;
     text-transform:uppercase;
}	

#topNav a:link, #topNav a:visited {
     font-size:11px;
     color:#FFFFFF;
	text-decoration:none;
}
#topNav a:hover {
     font-size:11px;
     color:#BDF0F4;
	text-decoration:none;
}

#previous{
     width:270px;
     float:left;
}

#previous h2{
     text-indent:-9999px;
     margin-top:10px;
     background:url(images/images/10most/topNav_previous.gif) top left no-repeat;
      height:20px;
}

#press{
width:186px;
float:left;
}

#press h2{
     text-indent:-9999px;
     margin-top:10px;
     background:url(images/images/10most/topNav_press.gif) top left no-repeat;
      height:20px;}

#nominate{
     width:204px;
     float:left;
}

#nominate a:link h2, #nominate a:visited h2{
line-height:20px;
text-indent:-9999px;
margin-top:10px;
background:url(images/images/10most/topNav_nominateSprite.gif) bottom left no-repeat;
	text-decoration:none;
}

#nominate a:hover h2{
text-indent:-9999px;
margin-top:10px;
background:url(images/images/10most/topNav_nominateSprite.gif) top left no-repeat;
	text-decoration:none;
}

#search{
margin-top:10px;
width:300px;
float:right;
}

#search h2{
text-indent:-9999px;
margin-top:13px;
background:url(images/images/10most/topNav_search.gif) top left no-repeat;
}

/*--------End top navigation --------*/



#header {
	background-color:transparent;
	vertical-align:top;
	}
	
	#logo{
		float:left;
		width:197px;
		height:165px;
	}

	#title{
		float:left;
		height:147px;
		width: 794px;
		padding-top:5px;
	}
	#title_link{
		height: 30px;
		width:715px;
		padding-top:5px;
		background: url(images/images/10most/title_link.png) top left no-repeat;
		text-align:right;
		font-size:12px;
		
	}
	#title_graphic{
		float:left;
		height: 165px;
		width: 743px;
		background:url(images/images/10most/title_graphicB.jpg) top left no-repeat;
	}
	#title_currentGraphic{
		float:left;
		height: 165px;
		width: 743px;
		background:url(images/images/10most/title_graphicArchiveB.jpg) top left no-repeat;
	}


#main{
width:960px;
}
	#content{
	float:left;
	padding: 0 10px 10px 0;
	width:630px;
	}
	#contentRchive{
	float:left;
	padding: 0 10px 10px 0;
	width:910px;
	}
	/*---Home Page---*/
		#intro {
		padding:5px 5px 5px 10px;
		/*width:610px;*/
		}
		#buttonContainer {
		/*width:630px;*/
		}
			#images_row1{
			height:220px;
			}
					
			#images_row2{
			height:250px;
			}

		#sponsor {
		width:630px;
		}
		.img_right{
                float:right;
                 }
		#sponsor p img{
		padding:5px;
		/*		margin-left:277px*/
		width:75px;
		}
		
		#copyright{
		text-align:center;
		padding:5px 0 5px 0;
		}
		
		#credits{
                text-align:center;
		padding:5px 0 5px 0;
		} 
  
	#canvas{
	float:left;
	width:270px;
	height:590px;
	}


/*---Interior Pages---*/
	
	#breadcrumbs{
	height:40px; margin-left:20px;
        display:block;
	}

	#breadcrumbs a:link, #breadcrumbs a:visited{
         font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}
	#breadcrumbs a:hover{
	color:#0d6059;
	text-decoration:none;
	}
	
	#leftNav{
	float:left;
	width:140px;
	}
	#leftNav a:link, #leftNav a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bolder;
	text-decoration:none;
	color:#000;
	}
	#leftNav h2{
	margin-top:10px;
	margin-left:5px;
	margin-bottom:10px;
	color:#333333;
		}
	#leftNav p{
	margin: 5px;
	}		
	#leftNav a:hover{
	color:#0d6059;
	text-decoration:none;
	}
	.LeftLink{
	padding: 5px;
	}	
        /*
	.LeftLink_Selected{
	padding: 5px;
	}	
	#leftNav .LeftLink_Archive a:link, #leftNav .LeftLink_Archive a:visited {
	color:#333333;
	}
	#leftNav .LeftLink_Archive a:hover {
	color:#00A69C;
	}
	#leftNav .LeftLink_Selected  a:link, #leftNav .LeftLink_Selected a:visited{
	color:#000;
	} 
        */
	#mainContent{
	float:left;
        /*min-height:600px;*/
	}
					
	#info{
		float:left;
		width:470px;
		padding:10px 5px;
	}
	#info p{
	margin-bottom:10px;
	}
   
       #contact{
           margin: 10px 0 0 0;
           float:left;
           width:160px;
           line-height: 110%;
       }

	#right img{
        width:300px;
	margin: 0 0 5px 5px;
	float:right;
	}

	#left img{
	margin: 0 10px 5px 0;
	float:left;
	}


/*********    info Archive List ***************/

	#infoArchiveList{
         min-height:1000px;
         margin-left:20px;
         float:left;
         width:800px;
	}
	#infoArchiveList table.archive td
        {
        width:200px;
        text-align:center;
        padding:10px;
       }
	
       #infoArchiveList table.archive tr{
        vertical-align: middle;
        }

       #infoArchiveList table.archive{
       margin-left:40px;
       }

       #infoArchiveList ul li a:link,  #infoArchiveList ul li a:visited{
       font-weight:bold;
       margin-left:10px;
       color:#000;
	text-decoration:none;
       }

       #infoArchiveList ul li a:hover{
        margin-left:10px;
	color:#0d6059;
	text-decoration:none;
      }

       #infoArchiveList ul li{
       /*list-style:none;*/
       }
/*********    end info Archive List ***************/      


/*********  info Archive Detail ***************/      

	#infoArchiveDetail{
		float:left;
		width:680px;
                min-height:1000px;
                margin-left:20px;
		padding:10px 5px;
	}
	#infoArchiveDetail p{
	margin-bottom:10px;
	}
	#infoArchiveDetail img{
	margin:5px;
	float:left;
	}
	#infoArchiveDetail img.left{
	margin:5px;
	float:left;
	}
        .siteTitle{
         margin-top:10px;
         margin-left:5px;
         color:#0d6059;
         }		
	#Endangered{
		float:left;
		width:82px;
		height:509px;
		background:url(images/images/10most/status_endangered.gif) top center no-repeat;
	}
	#Victory{
		float:left;
		width:82px;
		height:390px;
		background:url(images/images/10most/status_victory.gif)
	}
	#Progress_Made{
		float:left;
		width:82px;
		height:624px;
		background:url(images/images/10most/status_progress.gif);
	}
	#Still_Threatened{
		float:left;
		width:82px;
		height:674px;
		background:url(images/images/10most/status_threatened.gif)
	}
	#Gone_Forever{
		float:left;
		width:82px;
		height:573px;
		background:url(images/images/10most/status_gone.gif)
	}
	#Saved{
		float:left;
		width:82px;
		height:265px;
		background:url(images/images/10most/status_saved.gif)
	}
	#Not_Yet_Determined{
		float:left;
		width:82px;
		height:818px;
		background:url(images/images/10most/status_notDetermined.gif)
	}
		
/*********  end info Archive Detail ***************/      		
	
#footer{
	background:url(images/images/10most/BottomGraphic.png) center bottom repeat-x;
	height:300px;
}
	
		.imageHolder, a div.imageHolder , a:visited div.imageHolder {
		float:left;
		width:110px;
		background:transparent;
		text-align:center;
		padding:5px;
		height:100%;
		}
		
		.imageHolder img{
		}
		
		a:hover div.imageHolder{
		float:left;
		width:110px;
		background:#C4DC80;
		text-align:center;
		padding:5px;
		}
		
		.descriptionHolder{
		float:left;
		width:110px;
		text-align:center;
		height:100%;
		}

		.descriptionHolder p{
		padding:5px;
		}




#header_logo {
	float:left;
	width:600px;
	background-color:transparent;
	padding:0px;
	margin:0px;
	vertical-align:top;
	height:140px;
	}
#header_nav{
	float:left;
	width:400px;
	background:url(images/images/10most/headerNavBackground.png);
	padding-top:10px;
	height:140px;
	vertical-align:top;
	}
#header_nav p{
	font-size:1em;
	}

.clear_float{clear:both;}

/*---------- image buttons ----------*/

.imageButton{
	display:block;
	margin: 0;
	padding: 0;
	z-index: 30}

.row1{
	display:block;
	height:220px;
	width:120px;
}

.row2{
	display:block;
	height:270px;
	width:120px;
}
.imageButton li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.imageButton li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 100px;
	background: transparent;
	color: #FFF;
	text-align: center;
	height:90%;
	text-decoration: none}

.imageButton li a:hover
{	background: #C4DC80}

.imageButton div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	.imageButton div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	.imageButton div a:hover
	{	background: #49A3FF;
		color: #FFF}

.imageTitle{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:1.2em;
	font-weight:bold;
	padding-top:4px;
}

.imageLocation{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
}

ul.archive {
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
}

input.button{
color:#E2F792;
background-color:#000000;border: 1px solid;
font-weight:bold;
font-size:14px;
font-family: Arial,Tahoma, Geneva,Helvetica, sans-serif;
}
/*
table.search{
width:100%;
margin-left: 0px;
}

tr.resultRowOne{
background-color: #CAE1FF;
}

tr.resultRowTwo{
background-color: #B0E2FF;
}*/

/* for search*/
.paginate{
     text-align:center;
}