/*stylesheet for wicks index*/

/* remove browser default margins and padding*/

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
/* use command below to give divs borders when needed so as to see them clearly */
/*border:dashed thin #f00; */ 
}


body{
background-color:#000;
font-family:Gill Sans, sans-serif;
}


#wrapper{
/*center the wrapper*/
margin-top: 2em;
margin-left: auto ;
margin-right: auto ;
margin-bottom:2em;

border: solid 1px white;
background: #856E5E url(images/biobkgrd.jpg);
width: 950px;
height:37em;
}



/* to move down buttons div and create space for future content */
#containerone{
width:50%;
height:27em;
}

/* to move down buttons div and create space for future content */
#containertwo{
float:right;
width:50%;
height:19em;
margin-top:5.5em;
clear:overflow;

}




/* styles welcome in upper left */
#wrapper #containerone #welcome{
margin-left:2.5em;
width:9em;
margin-bottom:.4em;
}


#wrapper #containerone #welcome h6{
color:white;
font-size:150%;
line-height:1em;
text-align:left;
padding-top:1em;
}




/* next three entries place ans style scroll area */
#scroll {
height: 18em;
width: 22em;
overflow: auto;
border: 1px solid #666;
padding: 8px;
margin-left:2.5em;
margin-top:2em;
}

#scroll p{
color:white;
}

#scroll h3{
color:#c90;
}




/* Remove bullets from ul in the links box */
#containerone #linksbox ul{
  padding-top:.1em;
  list-style-type:none;
}




/* style linksbox hyperlinks */
#containerone #linksbox li a{
  color:white;
  font-size:0.7em;
text-decoration:none;
}




/* allow for room between "visit" and list of links */
#containerone #linksbox h4{
padding:.2em;
font-size:70%;
}




h6{
color:white;
align:center;
}




/* to space nav buttons apart */
.cellpadding{
padding: 0 1.1em 0 1.1em;
}




/* to center mailing list type */
#mailinglist {
position:absolute;
top:35em;
left:23.5em;
color:#cc9900;
}





/* for use when adding mailing list/form link */
#mailinglist a:link{
color: #cc9900;
text-decoration: none;
}

#mailinglist a:visited{
color: #cc9900;
text-decoration: none;
}

#mailinglist a:hover{
color:#ffffff;
text-decoration: none;
}

#mailinglist a:active{
color: #cc9900;
text-decoration: none;
}




#photocredit{
margin-top:1.75em;
color:white;
font-size:90%;
width:100%;
}




/* for use when adding mailing list/form link */
#photocredit a:link{
color: #cc9900;
text decoration: none;
}

#photocredit a:visited{
color: #cc9900;
text decoration: none;
}

#photocredit a:hover{
color:#ffffff;
text decoration: none;
}

#photocredit a:active{
color: #cc9900;
text decoration: none;
}



#photocredit a img{
text-decoration: none;
border:none;
}






/* button images */
#buttons img{
border:solid 2px #c90;
}

/* to style buttons */
#buttons a:link img{
border-color: #cc9900;
text-decoration: none;
}

#buttons a:visited img{
border-color: #cc9900;
text-decoration: none;
}

#buttons a:hover img{
border-color:#ffffff;
text-decoration: none;
}

#buttons a:active img{
border-color: #cc9900;
text-decoration: none;
}


#wrapper #buttons .centertable {
	margin-right: 2em;
	margin-left: 1em;
}
