/* CSS for Home page and other public pages on AkNPS.org */


/* to reset browser-specific settings */
* {
  margin: 0;
  padding: 0;
  border: 0 solid;
}



/* basic elements */
body {
  color: #000;
  background: #b3bfbc;
  font: 90% Arial, Helvetica, sans-serif;
  text-align: center; /* this is asking IE to center the container ;) */
}

hr {
	color:#f00
	}


strong, b {
  font-weight: bold;
}


p {
  font: 1em/160% Verdana, Arial,   Helvetica, sans-serif;
  color: #000;
  background: none;
  padding: 5px 0 0 0;
}

table {
  font: .9em/160% Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background: none;
  border:#006666;
  padding: 10px 0 0 0;
}



img {
	 margin-top: 5px;
	 margin-right: 5px;
	 margin-bottom: 5px;
	 margin-left: 5px;
}


li {
    left: 0px;
}


.contentBody {
	width:90%;
}



.forgotpassword {
     font-style: normal;
	 line-height: 10px;
	 font-weight: 500;
	 font-size: 10px;
}

.signuperrors {
         font-style: normal;
	 line-height: 13px;
	 font-weight: 500;
	 font-size: 13px;
	 color: #ff0000;
}


.fieldtripForm {
	 width:700px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 font-style: normal;
	 font-weight: normal;
	 color: #000000;
	 background-image: none;
	 margin-right:5px;
	 margin-left: 10px;
	 margin-bottom: 5px;
	 margin-top: 5px;
}


.fieldtripList{
	border-top: 1px solid #6e7d8d;
	border-bottom: 1px solid #6e7d8d;
  	clear: both;
 }



/* basic divs centering the layout */
#container { 						
  width: 51em;
  margin: 0 auto; /* shorthand writing: top and bottom 0, right and left automatic */
  border-left: 1px solid #b3bfbc; 	
}

#main {							
  position: relative;	
  width: 100%;
  text-align: left; /* to revoke the body-definition pleasing the IE */
  border-right: 20px solid #fff;
}

/* the site structure */
#content {		
  width: 100%;
  margin: 0 0 0 11em;
  color: #000;
  background: #fff url(/Images/Site/Eklutna17.Right.070404B.jpg) top left no-repeat;
}

#header {						
  height: 125px;
  text-align: left;
  margin-bottom: 5px;
  color: #000;
/*  background: transparent url() 24.5em 0.5em no-repeat; */
}

#header h2 {
  font: 1.9em Arial, Helvetica, sans-serif;
  color: #129;
  font-weight:600;
  background: none;
  text-align: left;
  margin: 0;
  padding: 60px 0 0 180px;
}

#text {
  position: relative
  top: 0;
  left: 0;
  color: #000;
  background: transparent;
  padding: 0 10px;
  margin-left: 10px;
  margin-top:20px;
}

#text h1 {
  font-size:1.5em;
  color: #129;
  background: transparent;
  margin: 10px 0 0 0;
}

#text h2 {
  font-size: 1em;
  color: #129;
  background: none;
  padding: 10px 0 0 0;
}


#text h3 {
  font-size:9px;
  color: #000000;
  background: transparent;
  margin: 10px 0 0 0;
}

#text p {
  font: 0.82em/160% Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background: none;
  padding: 10px 0 0 0;
}

#text p.p1L:first-letter {
	font-size:225%;
	font:Garamond;
	float:left;
	color:green;
	line-height:100%;
}

#text p.ontop {
  text-align: right;
  padding: 5px;
}


#text table{
  margin-left:10px;
  margin-right:10px;
  margin-top:15px;
}

#text td{
  width:170px;
  font-size:12px;
  line-height:14px;
  padding:0px 0px;
  border-spacing:5px;
  vertical-align:top;
/*  padding-right:10px;  */
}

#text ul{
  margin:20px;
  font-size:.92em;
 /* line-height:14px;  */
}

#text li{
  margin-top:7px;
  }


#content hr {
	color:#f00
	}

#content p.footer {
  font-size: 0.80em;
  text-align: center;
  padding: 10px 10px 10px 30px;
  border-top: 1px dashed #6e7d8d;
  clear: both;
  margin-top: 5px;
}

#content p.address {
  font-size: 0.75em;
  color: #129;
  padding: 10px 10px 10px 30px;
  border-top: 1px dashed #6e7d8d;
  text-align: center;
  clear: both;
  margin-top: 5px;
}

/* link to the top of the page */
#content a.top {	
  font-size: 0.78em;
  text-align: right;
  color: #000;
  padding-right: 16px;
  margin-right:20px;
}


/* adding the background-image to div#left */
#left {
  width: 160px;
  position: absolute;
  top: 0; 
  left: 0;
  color: #000;
  background: #b9c9ea url(/Images/Site/Eklutna17.Left2.070404B.jpg) top right no-repeat;
  padding-top: 130px;
}

.emblemCenter {
  background: #b9c9ea url(/Images/Site/Emblem2.gif) center no-repeat;
  width: 122px;
  height:122px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto; /*  right and left automatic i.e. centered */
  }

.copyright {
  font-size: 0.75em;
  color: #129;
  background: #b9c9ea ;
  }



#left h1 {
  font-size: 1em;
  color: #129;
  background: none;
  margin: 15px 0 22px 2px;
  padding: 2px 2px 2px 4px;
  border-left: 2px solid #ff8c00;
}

#left p {
  font-size: 12px;
}
#left ul {
  list-style: none outside;
  font-size: 12px;
}

#left .headernav {
  font-size: 13px;
  font-weight:550;
  margin-top:8px;
  margin-left:0px;
  padding-left:5px
  width: 150px;
  color: #000;
  background: transparent;
  text-align: left;
}

.menu {
  font-size:12px;
  line-height:20px;
  font-weight:500;
  margin-top:0px;
  margin-left:0px;
  padding-left:10px;
  display: block;
  width: 150px;
  text-align: left;
  text-indent: 0;
  color: #000;
  background:#DBE7E4;
  text-decoration: none;
}



.menu a {
  font-size: 12px;
  display: block;
  width: 150px;
  text-align: left;
  text-indent: 0;
  color: #000;
  background: #129;
  text-decoration: none;
}

.menu a:link {
  color: #0000FF;
  background: #DBE7E4 ;

}

.menu a:visited {
  color: #7F007F;
  background: #DBE7E4 ;

}

.menu a:hover {
  text-decoration: none;
  color: #fff;
  background: #129;

}

.menu a:active {
  text-decoration: none;
  color: #fff;
  background: #129 ;

}

#left .leftbox {
  background: transparent;
  color: #000;
  text-align: left;
  margin: 50px 10px 0 0;
  padding: 0 7px;
}



/* classes */
.right {
  text-align: right;
  clear:left;
}




/*   These are default styles for <a> links with red for the hover state. The default IE colors for links and visited links use #0000FF for links
and #7F007F for visited links */

#text a:link {
	color: #0000FF;
	text-decoration: underline;
    display: inline;
	padding:0px;
}

#text a:visited {
    color: #7F007F;
	text-decoration: underline;
    display: inline;
	padding:0px;
}

#text a:active {
	color: #0000FF;
	text-decoration: underline;
    display: inline;
	padding:0px;
}

#text a:hover {
	color: red;
	background-color: #FFFFFF;
	text-decoration: underline;
    display: inline;
	padding:0px;
}


/*These are the styles for the image box, the image in the box, the caption, caption reference, and the download information if needed*/
.MWimgBoxLeft {
	 float: left;
	 clear: left;
  /* width:250px;    */
	 margin-left: 0px;
	 margin-top: 10px;
	 margin-right: 10px;
	 margin-bottom:10px;
  /* border: 2px solid ;
	 border-color:#497436;  */
	 }

.imgInBox {
     margin-top: 5px;
     margin-right: 5px;
  	 margin-left: 5px;
 	 }

.MWimgCaption{
 	 float:left;
	 clear:left;
	 padding-left: 5px;
	 padding-top: 5px;
	 padding-right: 5px;
  	 padding-bottom: 5px;
	 font: 12px Arial;
  	 font-style: normal;
	 line-height: 16px;
	 font-weight: 600;
	 color: #497436;
 	 }

.CaptionReference{
     font: 14px Arial;
  	 font-style: normal;
	 line-height: 16px;
	 font-weight: 400;
	 color: #497436;
 	 }



.hiresDownload{
     font: 12px Arial;
  	 font-style: normal;
	 line-height: 16px;
	 font-weight: 400;
	 color: #497436;
 	 }

/*This table data cells change border color on hover*/
td.test {
  border: 2px solid #0000FF;
  color: black;
  background: #ccc;
  padding: 0px;
}
td.test2 {
  border: 2px solid red;
  color: white;
  background: #ccc;
  padding: 0px;
}