/* Color schemes for my website
#ff6600 Orange (darkish, beaver orange)
#ffffff White
#000000 Black
#313131 Dark Grey
#919191 Light Grey


*/

body {
color:#ffffff;
background-color:#313131;
font-family:garamond,georgia,serif;
padding:0px;}

#container {
margin:0 auto;
background-color:#313131;
padding:0px;
width:800px;
}

#content {
color:#000000;
background-color:#ffffff;
border:2px double #ff6600;
margin:10px 220px 10px 0px;
padding:0px 10px 20px 20px;
font-family:garamond, georgia, serif;
}

#content h1 {
color:#333333;}

#content h2 {
padding:20px 0 0 0;}

#content p img {clear:both;}

#content cite {font-size:14px;}

#search {
text-align:right;
margin:0px;
padding:0px 40px 0px 0px;
z-index:2;
position:relative;
top:-20px;}

#searchbar {
text-align:right;
background-image: url(http://www.oregonstate.edu/~dillardl/bdb/images/searchbox.png);
height:40px;
width:800px;
position:absolute;
top:0px;
background-repeat:no-repeat;
z-index:1;
}


#topnav {
margin:0px auto;
padding:-5px 12px 0px 0px;
width:800px;
}

#bignav {
margin:0px auto;
width:800px;
}

#bottomnav {
margin:0px auto;
padding:0 0 0 0px;
width:800px;
}


#about {
float:right;
width:200px;
margin:10px 0px 20px 20px;
padding:5px 5px;
background-image: url(http://www.oregonstate.edu/~dillardl/bdb/images/aboutbox.png);
background-repeat:no-repeat;
border:0px double #ff6600;
}

#abouttext {
position:relative;
height:auto;
width:180px;
left:5px;
top:5px;}



.about {
text-align:left;
color:#ffffff;
}

#headimage {
margin:0 auto;
padding:5px 0px 10px 0px;}

/*top toolbar*/
ul.toptools {
list-style:none;
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
font-size:12px;
text-align:left;
line-height:20px;
}

ul.toptools li {
text-decoration:none;
display:inline;
margin:0;
padding:0 10px 0 5px;
border-right:1px solid #ff6600;
text-align:center; 
}

ul.toptools li a {
margin:0;
padding:0;
color:#ffffff;
text-decoration:none;
}

ul.toptools li a:hover {
margin:0;
padding:0; 
background-color:#ff6600;
color:#000000;}

ul.toptools li a.skiplink {
font-weight:bold;
color:#ff6600;
}

a.skiplink
a:link.skiplink
a:visited.skiplink

a:hover.skiplink {
background-color:#ccccff;
color:#000000;
text-decoration:none;}

a:active.skiplink {
color:#ff6600;
 text-decoration:none;} 

/*top buttons*/
ul.bigtools {
text-decoration:none;
list-style:none;
list-style-type:none;
margin:0;
padding:0px 0px 0px 3px;
font-size:0;
width:800px;
}

ul.bigtools li {
display:inline;
margin:0px;
height:50px;
padding:0px 10px 0px 0px;
text-align:center;
text-decoration:none;
border:0px;
border:0px solid #313131;
}

ul.bigtools li a {
display:inline;
background-color:#313131;
text-decoration:none;
font-family:garamond,georgia,serif;
border:0px;
}

ul.bigtools li a:hover {
margin:0;
height:50px;
border:0px solid #ffffff;
background-color:#ffffff;
text-decoration:none;
}

ul.bigtools li a img {border:0px;}
ul.bigtools li img a:hover {border:0px}

img {border:0px;}

ul.bottomtools {
list-style:none;
list-style-type:none;
margin:0;
padding:0;
font-size:10px;
text-align:left;
line-height:20px;
text-decoration:none;
}

ul.bottomtools li {
display:inline;
margin:0;
padding:0 5px 0 5px;
border-right:1px solid #ff6600;
text-align:right; 
color:#ffffff;
text-decoration:none;
}

ul.bottomtools li a {
margin:0;
padding:0;
color:#ffffff;
text-decoration:none;
}

ul.bottomtools li a:hover {
margin:0;
padding:0; 
background-color:#ff6600;
color:#000000;}

table {
width:300px;
margin-left:40px;
border-collapse:collapse;}

caption {
Width:300px;
font-size:20px;
padding:0 0 10px 0;}

tr {
border:3px double;
padding:10px;}

td { 
padding:0 10px 0 10px;}

/*Style for floating right box*/
.boxright {
				float:right;
				width:200px;
				border:3px double;
				margin:10px 5px 10px 10px;
				padding:5px 5px 5px 5px;
				background-color:#cccccc;
				color:#000000;
				line-height:20px;
				text-align:left;
	}

.profilepic {float:right;
			width:150px;
			border:3px double;
			background-color:#CCCCCC;
			margin:10px 10px 10px 10px;
			}
			
			
/*style for contact form*/
form {
		margin:0;
		padding:20px 0 0 0;}
		
fieldset {
		border:3px double;
		background-color:#ccc;}

legend {
		color:#ff6600;
		font-weight:bolder;
		font-size:12px;}

textarea {width:550px;
			height:150px;}

