/* css layout modified from Bluerobot.com's Layout Reservoir, layout #3 */
.titlebar {
	color:#fff;
	background-color: #669966;
	background-image:url(springtitle.png );
	background-repeat: no-repeat;
	height: 102px;
}

body {
	background-color: #e2b45a;
	margin: 0px;
	font-family: sans-serif;
	font-size: 80%;
	color:#311308;
}
div.springpic {
	position:absolute;
	left:35px;
	top:15px;
	background-image: url(spring.JPG);
        background-repeat: no-repeat;
	height: 200px;
	width: 200px;
}
div.turpentine {
	position:absolute;
        left:67%;
        top:90px;
	text-align: left;
	margin: 10px 10px 10px 10px;
  	background-image: url(turpcover2.png);
        background-repeat: no-repeat;
   	font-size: 30%; 
	height: 456px;
        width: 309px;
	z-index :1;

}
div.turpentine p {
	text-align:left;
	background-color:#fff;
	font-size: 30%;

}
div.welcome {
	position:absolute;
        left:35px;
        top:225px;
        height: 400px;
        width: 200px;
	background-image: url(images/sidewheat.png);
        background-color:#669966;
}
.welcome a {
	color:#fff;
	font-weight:lighter;
	font-size: 50%;
}
.welcome img {
	margin: 10px 10px 10px 10px;
}
div.center_content {
	background-color: #f8e372;
	position:absolute;
        left:250px;
        top:105px;
    	height: 1000px;
        width: 75%;

}
div.wide_center_content {
	background-color: #f8e372;
        position:absolute;
        left:250px;
        top:105px;
        height: 100%;
        width: 95%;

}
div.center_menu {
	margin: 10px 350px 100px 10px;
        padding: 15px 10px 10px 20px;
        font-size: 100%;
	background-color: #fff;
	z-index:4;
	font-size: 120%;
	height: 100%;
}
div.header {
	
	background-image: url(images/sidewheat.png);
    	background-color:#669966;
	position: absolute;
	left: 250px;
	top: 15px;
	z-axis: 3;
	z-index: 3;
	width: 75%;
	height: 80px;

}
.menu_item {
	margin: 50px 10px 10px 100px;	
	height: 30px;
	background-color: #A44E3C;
	width: 400px;
	text-align: center;
	color: #fff;
}
 div.header img {
	position: absolute;
	left:0px;
	top: 0px;
	z-index:2; 
}


a {
   text-decoration: none;
   color: #449944;
   font-weight:bold;

  }



#rightheader {
	background:#F8F4BA;
	position: absolute;
	top: 10px;
	right: 50px;
	width: 100%;
	z-axis: 1;
}

#center {
        min-width:150px;
	padding: 135px 350px 100px 220px;
	font-size: 80%;
}
#wide_center {
	min-width:300px;
	padding:135px 100px 100px 220px;
	font-size: 80%;	
}
table {
	padding: 15px;
}   
td {
	padding: 5px;
	align = center;
}
th {
        background: #669966;
        color:#fff;
}
.countdown {
	border: 1px #000 solid;
	background: #669966;
	color:#fff;
}
tr{
	padding: 3px;
} 
.content {
	position: relative;
	z-index: 1;
	
}
.content a {
	color:blue;
	font_size: 50%;
	
	}

.content a:hover{
	color:blue;
}

.content a:visited {
	color: purple;
} 
.content, .menu {
	padding: 6px;
	margin-bottom: 10px;
}

 h2 {
	position: absolute;
	left: 50%;
	font-color:#FFFFCC;
	font-size: 20%;	
}

#footer, .content, .menu {
}

.menu {
	font-weight: strong;
}

#footer {

	font-size: 70%;
	z-index: 3;
}
#footer a {
	color: black;
	}
#footer a:hover{
	color: gray;
	}

#leftmenu, #rightmenu {
	position: absolute;
	top: 2px;
}

#leftmenu {
	left: 10px;
	height: 100%; 
	width: 200px;
	index: 2;
	background-color: #fff;
}
#blurb {
       background-color:#85ac76;	
	color:#fff;
	padding: 5px;
}
div.breadcrumbs{
        position: absolute;
        top: 100px;
        left: 10px;
        font-weight: bold;
    	z-index: 5;
	font-size: 100%;
	height: 15px;
	width: 95%;
}

div.breadcrumbs pre{
        font-weight:bold;
        font-size:90%;
}


#rightmenu {
	right: 75px;
	width: 250px;
	margin: 10px 10px 10px 10px;
	z-index: 1;
	text-align: center; 
	font-weight: strong;
	background-color: #f8e372;
	float: right;
}

#rightmenu img {
}

#leftmenu img {
	position: relative;
	top:5px;
}

br, p, h1, h2, h3, h4, h5 {	}

hr {
	color: #FFFFCC;
	background-color: #FFFFCC;
	height: 1px;
}

div.membermessage {
	position:absolute;
	left:515px;
	right:30px;
	top:100px;
	width:200px;
	border: 2px solid #1F3A62;
        padding: 10px;
	font-weight:strong;
        color: #1F3A62;

}


blockquote {
	font-size: 90%;
	margin-left: 2em;
	width: 80%;
	color: #303030;
}
div.buttons {
	position: relative;
	background: #fff;
 	width: 190px;
	padding: 2px 0px 0px 2px;
	font-weight:strong;
	font-size: 80%;
}
div.buttons a {
	
	font-weight:strong;
	color: #1F3A62;
	z-index:3;
	text-decoration: none;
}
div.buttons a:hover {
	color: blue;
}

ul {
	list-style-type: circle;
	line-height: 1.75em;
}

img {
	border: none; 
	}
	p.gray_bar {
		  position: relative; 
		  top:0px; 
		  left:0px;
		 
		  }

p.gray_bar img {
			position: absolute; 
			top: 0px; 
			left:0px;
			
			}
p.gray_bar a{
			position: absolute; 
			top: 7px; 
			left:15px;  
			font-size: 1em;
			font-weight: strong; 
			z-index: 6;
			color: DFB724;
			width:210px;
			}
p.gray_bar a:hover {
	color: #CA4F08;
}
div.edit_forms {
			position: absolute; 
			top: 45px;
			right:45px;
			z-index: 5;
			
			}
div.search {
			position: absolute; 
			top:0px; 
			left: 500px;
			z-index:-1;
}
input.edit_button {
				background-color: #0066CC;
				font-weight: bold; 
				font-size: 12px; 
				color: white;
				}



#container
	{	
		position: absolute;
		top: 80px;
	        right:0px;

		width: 80%;
		padding: 1px;
		border: 0px solid #ccc;
		background: #CBCBC3;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: right;
		background: #BBBAAD;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: underline;
		color: #1F3A62;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #1F3A62;
	}

#tabnav a:hover
	{
		background: #fff;
	}

#person{
}
#person img{
	border:4px solid #006;
}
div.toplinks {
        background:#3564C0;

        position:absolute;
        top:110px;
        width:95%;
        text-align:center;
        left:10px;
        z-index:0;
        padding-left: 0px;
        padding-right:0px;
        font-weight:strong;
        font-size: 80%;
        border:2px solid #1F3A62;



}
.toplinks a {
        color:#fff;
        font_size: 50%;
        font-weight:bold;
        }

.toplinks a:hover{
        color:#7797D4;
        font-weight:bold;
        text-decoration:underline;
}

.toplinks a:visited {
        font-weight:bold;
}

.equip_img_left{
	float: left;
	clear: left;
	width: 250px;
	padding:25px 10px 10px 10px;
 
}

.equip_img_right{
        float: right;
        clear: left;
        padding: 25px 10px 10px 10px;
}
.software_pic {
	float:left;
	clear:left;
	width:195px;
	padding: 25px 10px 10px 10px;
	
}
img.floatLeft { 
	float: left; 
	margin: 4px; 
}
img.floatRight {
	float: right;
	margin: 4px;
}

div.weather {
        position:absolute;
        top:55px;
        right:40px;
        left:350px;
        z-index:5;
        color:white;
        }