/*removing default styles*/
/*pallet
#e8f0e8; very light green
#9cb7a0; light green
#4b7b52;  dark green
#cbd3cb; gray-green


*/
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,dl,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }
table {font-size: 90%;margin:0;padding:0;} /*Fixes IE inheritance failure */
th, td {vertical-align:top; text-align:left;}

body,td,li{
					font-size:						90%;
					}
body{
					font-family: 					Verdana,Arial,Helvetica,sans-serif;
					padding:						0;
					margin:							0;
					color:							#000;
					background-color:			#cbd3cb;/*gray green*/
					}
body.white{
					background-color:			#fff;/*white*/
					}
h1{
					font-family:					Arial,Helvitica,sans-serif;
					font-size:						400%;
					letter-spacing:				0.2em;
					color:							#9cb7a0;/*light green*/
					margin-bottom:				2px;
					}
h2{
					font-family:					Arial,Helvetica,sans-serif;
					font-size:						150%;
					color:							#9cb7a0;/*light green*/
					}
h3{
					font-family:					Arial,Helvetica,sans-serif;
					color:							#000;
					font-size:						140%;
					margin-top:					5px;
					margin-bottom:				0px;
					}
h4{
					font-family:					Arial,Helvetica,sans-serif;
					color:							#000;
					font-size:						110%;
					font-weight:					bold;
					margin-top:					20px;
					margin-bottom:				0px;
					padding:						5px 0px 0px 0px;
					}
p{
					padding:						0 0 8px 0;
					margin:							10px 0 10px 0;
					text-align:						left;
					}
sub,sup{
					font-size:						smaller;
					}
div.section{
					page-break-after:			always;
					}
dl,ul{
					padding:						0;
					margin:							0;
					text-align:						left;
					}
dt{
					margin-top:					1em;
					font-weight:					bold;
					}
ul,dl{
					list-style-type: 				none;
					}
ul li{
					padding-left:					10px;
					}
ol li{
					padding-left:					10px;
					}
table{
					border:							solid 1px #4b7b52; /* dark green*/
					background-color:			white;
					margin:							auto;
					}
					
th{				text-align:						center;
					color:						    white;
					background-color:			#9cb7a0;/*light green*/
					padding:						4px;
					}
					
td{				padding:						4px;
					border:							1px solid #eef3ee;
					}
td.right{
					text-align:						right;
					}
					
.linklist{
					margin-left:					40px;
					}
.red{
					color:							red;
					}
.brown{
					color:						#4c2e16;
					}
.white{
					color:						#fff;
				}
.green{
					color:							green;
				}
.blue{
					color:							blue;
				}
.grey{
					color:							#999;
					}
.strong{
					font-weight:					bold;
					}
.alert{
					color:							red;
					font-weight:					bold;
					}
.fineprint{
					font-size:						70%;
					}
.details{
					font-weight:					200;
					line-height:					1.5em;
					font-size:						130%;
					text-align:						center;
					color:							black;
					padding:						0;
					}
					

.spacer{
					height:							20px;
					width:							100%;
					}

.top_space{
					margin-top:					10px;
					}

.clear{
					clear:							both;
					margin-left:					10px;
					}
.remove{
					display:							none;
					}
.highlight{
					background-color:			yellow;
					}
.breadcrumbs{
					font-size:						90%;
					text-align:						left;
					}
.copyright{
					font-size:						90%;
					font-style:						italic;
					}
.justify{
					text-align:						justify;
					}
.left{
					text-align:						left;
					width:							99%;
					}
.center{
					text-align:						center;
					width:							99%;
					}
	
						
/* Styles for common links */
a:link {
                    text-decoration:        		none;
                    color:							#4b7b52; /* dark green*/
					}
a:visited {
                    text-decoration:        		none;
                    color:							#4b7b52;
                    }
a:active {
					text-decoration:        		underline;
					color:							#FFF;
					background-color:			#4b7b52;
                    }
a:hover{
                    text-decoration:        		underline;
					color:							#FFF;
					background-color:			#4b7b52;
                    }
                    
/*divisions*/
div#contentwrapper {
	margin:5px 20px 20px 20px;
	text-align:left;
	}
div#breadcrumb{
	width:100%;
	clear:both;
	}
div#tearsheet{
	margin: 10px auto;
	width: 760px;
	min-width: 700px;
	padding: 20px;
	background-color:white;
	color:black;
	text-align: center;
	border:none;
	}
div#mailers{
	margin: auto;
	width: 760 px;
	text-align: center;
	}
/*this is where all page content goes for the staff only pages*/
div#contents {
	margin: 10px 10px;
	padding: 20px;
	background-color:white;
	color:black;
	text-align: center;
	border: 1px solid #4b7b52; /* dark green*/
	}
/*this is where all page content goes for public pages*/
div#public_contents {
	margin: 10px auto;
	width: 760px;
	min-width: 700px;
	padding: 20px;
	background-color:white;
	color:black;
	text-align: center;
	border:none;
	}

#content{
					width:							80%;
					margin-left:					10%;
					margin-top:					10px;
					}
/*footer*/
div#footer{
	width: 100%;
	color:#000;
	font-size: 80%;
	font-style: italic;
	padding-top: 50px;
	}
	
div#footer_left {
	width: 350px;
	float: left;
    margin-left: 20px;
    margin-bottom:0;
	text-align:left;
	} 
div#footer_right{
	float:right;
	margin-bottom:0;
	margin-right:20px;
	text-align:right;
	} 
	

div#clearfix	{
	clear:both;
	width:1px;
	height:20px;
} 
/*your supposed to put a non-cleared div after a cleared div to prevent a browser float bug*/
div#clearfixafter	{
	width:1px;
	height:1px;
}               

#so_header{
	background-color:white;
	padding:5px 20px;
	margin:0;
	border: solid 2px #4b7b52; /* dark green*/
}
#header{
	background-color:white;
	padding:5px 20px;
	margin:0;
}
#header2{
	background-color:white;
	margin:0;
	padding-top:5px;
	text-align:center;
}
#item_detail{
					width:180px;
					padding: 80px 5px 0px 5px;
					background-color:white;
				}
.item_photo{
					
				}
#thumbnail_box{
					position:		absolute;
					z-index:		100;
					margin-top:	300px;
					margin-left:	100px;
					width:			80px;
					height:			80px;
					}
#utilities{
					height: 110px;
					width: 680px;
					padding-right:10px;
					text-align:right;
					}
#public_search_table{
					width: 700px;
				}
#cart_table{
					width: 700px;
					vertical-align: bottom;
					padding: 1px;
					}