/*notes: 
color:
rgb(236,244,236)=mint green
rgb(0,0,0,)=black
rgb(250,250,250)=white
rgb(63,119,0)= dk green
rgb(255,255,144)= yellow
color: rgb(184,222,191); lt green
font-family:Verdana, Arial, Helvetica, sans-serif;
*/





/********************************************
image bar on bottom of main image
*********************************************/
#imagebar { /* this is the container for images at bottom of image container*/
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	width: 550px; 
	/*border: 1px solid green;*/
	}

.imagebar ul{
margin: 0;
padding: 0;
padding-left: 2px; 
padding-right: 2px; 
list-style-type: none;
}

.imagebar li{
display: inline;
margin: 0;
}

/***** setting opacity (requires an a href in html code *****/

.imagebar ul li a img { opacity: 0.9;}
.imagebar ul li a:hover img {opacity:1;}

/**** ie fix ****/

.imagebar ul li {display:inline;}
.imagebar ul li a img {filter:alpha(opacity=80);}
.imagebar ul li a:hover img {filter:alpha(opacity=100);}





/********************************************
for images on main paged
*********************************************/
.centeritalic {

	text-align: center; 
	clear: both;
	color:  rgb(63,119,0);
	font-style:italic;
	font-size:.8em;
}

.centertextwlinks {
	margin:0; 
	padding: 0 25px 10px 25px; 
	max-width: 550px; 
	overflow: hidden; 
}


#imagecontainer { /* this is the container for both images on portfolio pages*/
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	width: 550px; 
	/*border: 1px solid green;*/
	}
 

#leftimage { /* this is the container for hte left image*/
	float: left;
	margin: 15px 0px 0px 5px; /*this is to move the image off of the left side*/
	padding: 0px 0px 0px 0px;  
	}

#leftimage h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	color: rgb(63,119,0); 
	}


#leftimage h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px; 
	color: rgb(63,119,0); 
	}

#leftimage p{
	margin: 0px 0px 0px 0px;
	padding: 1px 27px 0px 0px; /* this is to pad the image so the top border extends the width of the box*/
	border-top: 2px groove rgb(63,119,0);
	}

#rightimage {
	float: left;
	margin:15px 0px 0px 80px;
	padding: 1px 0px 0px 0px;  
	}

#rightimage h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	color: rgb(63,119,0);
	}


#rightimage h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px; 
	color: rgb(63,119,0);
	}

#rightimage p{
	margin: 0px 0px 0px 0px;
	padding: 1px 27px 0px 0px;
	border-top: 2px groove rgb(63,119,0);
	}

/**********************************************
PORTFOLIO POP-UP PAGE FORMATING
***********************************************/

#portfoliocontainer {
	margin: 0px;
	padding: 0px; 
	width: 500px;
	float: left; 
	} 

.portfoliocontent {
	margin:0; 
	padding: 0 0px 0px 0px;  
}


#portfoliomain {  
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	border: solid 4px magenta;
	width: 275px; 
	}


#portfoliosidebar {
	float: right;
	margin:0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;  
	border: 3px solid purple;
	width: 200px;
	}

#portfoliocontent {
	line-height:1.5em;
	font-size:.8em; 
	margin:0;
	padding:5px;
	word-spacing:.2em; 
 	}

.heading {
	
	margin:0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	color: rgb(63,119,0);
	background-color:  rgb(236,244,236);
	font-family:Verdana, Arial, Helvetica, sans-serif;

	}
	
#portfoliofooter { 
	margin:0;
	padding:0px;
	clear: both;  
	}

.indent {
	margin:0;
	padding: 5px  5px 5px  5px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-spacing: 1.5em;
	word-spacing: .1em;
	color: rgb(75,75,75);
}
.heading1 {
	margin:5px 25px 0 0px;
	padding:0;
	font-weight: bold; 	
	color:rgb(63,119,0); 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#list {
	margin: -15px 0px 0px 0px;
	padding: 0; 
	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	}

#list  li  {
	margin:  5px 0px 5px 0px;
	padding: 0;  	
	color: rgb(75,75,75);	 
	font-size: .8em;
	text-decoration: none;
	line-height:1.5em; 
	word-spacing:.2em;
	list-style: none;
	list-style-image:  url(images/orange_arrow.jpg); 
	}


#list  li a{
	margin:  0px 0px 0px 0px;
	padding: 0;  		
	color:rgb(63,119,0);
	}

#list  li a:hover{
	text-decoration:none;
	}