/* ADD THIS CODE BELOW INTO THE BODY STYLE IF YOU WANT TO HAVE A BACKGROUND IMAGE THAT REPEATS VERTICALLY OR HORIZONTALLY.  YOU CAN ALSO ADD AN IMAGE IN THE GENERAL SETTINGS OF THE WEBSITE ADMIN PAGE, BUT THAT ONE WILL AUTOMATICCALLY REPEAT BOTH VERTICALLY AND HORIZONTALLY 

	background-image: url(http://oaklandunwrapped.org/blacklotus/graphics/background.gif );
	background-repeat: repeat-x;
repeat Default. The background image will be repeated vertically and horizontally 
repeat-x The background image will be repeated horizontally 
repeat-y The background image will be repeated vertically 
no-repeat The background-image will be displayed only once 

 
*/

/*THIS IS SOMETHING I COPIED FROM ANTHARIA'S STYLESHEET, TO SEE IF TI HELPED WITH THINGS.

body, table, th, tr, td, div, form, ul, li, p, hr, h1, h2, h3, h4, h5, h6, input, select, textarea, label, fieldset, pre, html, blockquote, dl, ol, br, a {
	margin:0px;
	padding:0px;
} */



/*major colors: 
9ab95b lt green
005c22 dark green
b4d774 green for background */



body {
	font-family: Gill Sans, Gill Sans MT, Trebuchet MS, Arial, Helvetica, San-Serif;
font-size: 11pt;
background-color: #b4d774;
	background-image: url('http://oaklandunwrapped.org/optionsacademy/graphics/bg.gif');
	background-repeat: repeat;
background-position: center 0px; 
	margin:0px;
	padding:0px;

}

.padding5 {padding: 15px 5px 15px 10px}
h1 {
	font-size: 115%;
	line-height: normal;
	padding: 0px;
	margin-top: 0px;
}

h2 {
	font-size: 105%;
}



/* ----------THIS IS THE TABLE THAT ALL OF THE WEBSITE SITS IN------------ */

.mastertable {
                 border-width: 0px 0px 0px 0px; 
                 border-style: none; 
	border-color: #005c22;
               background-color: #FFFFFF;
}

.logo-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #005c22;
	line-height: 0.5;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: right;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D3E9BE;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 15px;
	
}

/* `---------TOP MENU - MAIN MENU FOR THE CONTENT PAGES----------*/

.topmenu-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #005c22;
	line-height: 0.5;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: right;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D3E9BE;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 200px;
	
}

.topmenu-small a {

	color: #005c22;
	text-decoration: none;
	text-align: right;
		font-weight: normal;
}

.topmenu-small a:hover {

	color: #9ab95b;
	text-decoration: underline;
	}


/* -------------------------- GO BUTTON -------------*/	
input.go {
background-color:#7DAB41;
border:0px solid #000000;
color:#ffffff;
cursor:pointer;
font:bold 100% Arial;
height:21px;
margin-left:-1px;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding:1px 2px 0px 2px;
text-align:center;
vertical-align:top;
}

.leftmenu {line-height: 20px; font-size: 12px; color: #756D23; text-decoration: none;}
img.lightsolidborder {border:1px solid #666666; padding:3px}

.marketplace-link {
	font-family: Trebuchet MS, Trebuchet, arial, helvetica,sans-serif;
	font-size: 11px;
	color: #660099;
	letter-spacing: 0px;
	padding:  10px 10px 10px 10px;
	text-decoration: none;
	text-align: left;
	margin-right: 0px;
}
.marketplace-link a {
	color: #660099;
	text-decoration: none;
}

.marketplace-link a:hover {
	color: #660099;
	text-decoration: underline;
}


/* --------- MAIN TEXT OF THE CONTENT PAGES---orignially called main double space---------*/

.maincontentarea {
	font-size: small;
	color: #666666;
	line-height: 1.5;
	padding: 0px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
	width: 520px;
}
.maincontentarea a {
	color: #D30A0B;
    font-weight: bolder;
}

.maincontentarea a:hover {
	color: #663300;
                font-weight: bold;
				text-decoration:underline;
}

.maincontentarea img {
padding: 5px;
margin: 5px;
border: #FFFFFF solid 1px;
float:left;
}


/* --------SHOPPING PAGES (STYLES WITH THE WORD CAT IN THEM -----------*/

.catalogtables, .catalogtables td, .showproduct, .showproduct td{
	font-size: 11pt;
	border-width: 0px;
	border-style: solid;
	border-color: #666666;
line-height: 1.5;
vertical-align: top;
	}

.catalogtables a, .showproduct a{
	text-decoration: none;
}

.catalogtables a:hover, .showproduct a:hover {
	text-decoration: none;
	color: #666666;
}

.catalogtables img{
padding-bottom: 5px;
margin-right: 10px;
border: #FFFFFF solid 1px;
background-color: #ffffff;
float: none;
}

/* ------------- NAVIGATION LINKS (BREADCRUMBS) AT THE TOP OF EACH SHOPPING PAGE -------*/
.catlinks {
line-height: 3;
text-decoration: none;
font-size: 8pt;
}

.catlinks a{
line-height: 3;
text-decoration: none;
font-size: 8pt;
color: #005c22;
}

.catlinks a:hover{
line-height: 3;
text-decoration: none;
font-size: 8pt;
color: #9ab95b;
}

/* -------------CATEGORY NAME UNDER THE IMAGES ON THE PARENT CATEGORY LISTINGS PAGE -------------*/

.category-name {
	padding: 10px 0px 15px 0px;
}

/* ---------SUBCATEGORY NAME AT THE TOP OF THE PAGE ---------------*/
.subcategory-header-name {
 
	font-size: 12pt;
	letter-spacing: 1px;
	font-weight:bold;
	text-transform: inherit;
	padding: 15px 0px 5px 0px;
	color: #005c22;
}

/* ---CATDESC STYLE (BELOW) IS USED FOR CATDESC AND ONEBODY IN THE MERCHANT PAGE - ON THE TOP OF THE SHOPPING PAGES---*/

.catdesc, .catinstructions {
font-size: 10pt;
}

.catdesc {
border-bottom: solid 0px #CCCCCC;
margin-bottom: 20px;
}

/* ------------ TEXT AND IMAGES FOR THE ROWS OF CATEGORIES AND PRODUCTS ----------------*/

.listsubcat, .listprod, .listcat, .listsubcat a, .listprod a, .listcat a {
text-decoration: none;
	font-size: 10pt;
	letter-spacing: normal;
	padding-bottom: 0px;
	text-align: left;
	border: 0px solid;
	width: 164px;
	line-height: normal;
	color: #9ab95b
}




.listsubcat img{
width: 160px;
border: none;
padding-left: 0px;
margin-left: 0px;
float: none;}

.listcat img{
width: 160px;
border: none;
padding-left: 0px;
margin-left: 0px;
float: none;}


.listprod img{
width: 160px;
border: none;
padding-left: 0px;
margin-left: 0px;
float: none;
}



/*
.subcategory-name {
 
	font-size: 1.5em;
	letter-spacing: -1px;
	text-transform: inherit;
	padding-bottom: 15px;
	border-bottom: solid 0px; 
}
*/


/* ------------- PRODUCT DETAIL PAGE -------------------- note padding around image is to create white space 
between image and border. only works in firefox for some reason  */

.showproduct img, .showproduct td img{
padding: 2px;
margin: 0px 10px 5px 0px;
border: #cccccc solid 1px;
float: left;
background-color: #ffffff;
}



.catalogtables-step4 img{
	border: 1px solid #9999CC;
	padding:0px;
	margin-right: 0px;
	margin-left: 0 px;
	float: none;
}

/* ------SHOPPING BASKET RELATED STYLES ---------*/
.baskettables {
 
	font-size: 10pt;
	text-align: left;
}

.baskettables img{
border: #FFFFFF solid 0px;
}

.remove {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color: #FFFFFF;
text-decoration: none;
letter-spacing: .5px; 
background-color: #999999;
border: 1px solid #cccccc;
text-transform:capitalize;
padding: 2px; 
margin: -5px 2px 2px 1px;

}
.remove a {
text-decoration: none;
color: #FFFFFF;}

/*
.content  {
	height: 24px;
	padding: 3;
	margin-top: 0px;
	margin-left: 15px;
}

.content input {
	margin-top: expression((30 - this.height)/2);
	vertical-align: middle;
	margin-bottom: 0px;
	margin-top: 0px;
}

*/
#image {
	margin-top: 0px;
	vertical-align: text-top;
	line-height: 3ex;
}

/* ------- GREEN CHECKOUT BUTTON FOR SHOPPING PAGE (BASKET.IHTML) ------------*/
input.checkout{
	color: #339900;
	font-weight: bold;
}


.leftmenu-headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #005c22;
	letter-spacing: 2px;
	padding: 1px 1px 0px 6px;
	line-height: normal;
	width: 130px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #9ab95b;
	border-left-color: #000000;
	text-decoration: none;
	margin: 10px 0px 4px 10px;
}

.leftmenu-headers-search  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #005C22;
	letter-spacing: 2px;
	padding: 1px 1px 0px 6px;
	line-height: normal;
	width: 130px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9ab95b;
	text-decoration: none;
	margin: 8px 0px 3px 10px;
}
.leftmenu-headers a {
	color: #ffffff;
	text-decoration: none;
}

.leftmenu-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize;
	color: #666666;
	line-height: 18px;
	letter-spacing: 1px;
	padding-left: 0px;
	text-decoration: none;
	text-align: left;
	margin-left: 16px;
}

.leftmenu-text a {
	color: #666666;
	text-decoration: none;
}

.leftmenu-text a:hover {
	color: #9ab95b;
	text-decoration: underline;
	
}
.leftmenu-searchfield {
	font-family: Trebuchet MS, Trebuchet, arial, helvetica,sans-serif;
	font-size: 9px;
	color: #666633;
	letter-spacing: normal;
	text-align: left;
	margin-left: 16px;
	padding-left: 5px;
	display: table-cell;
	height: 40px;
	vertical-align: bottom;

}

.content  {
	height: 24px;
	padding: 3;
	margin-top: 0px;
	margin-left: 15px;
}

.content input {
	margin-top: expression((30 - this.height)/2);
	vertical-align: middle;
	margin-bottom: 0px;
	margin-top: 0px;
}
#image {
	margin-top: 0px;
	vertical-align: text-top;
	line-height: 3ex;
}




.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #005c22;
	text-decoration: none;
	padding-top: 10px;
	line-height: 14px;
	text-transform: uppercase;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9ab95b;
	margin-top: 10px;
                width: 95%;
}
.footer a {
	color: #005c22;
	text-decoration: none;
}

.footer a:hover {
	color: #9ab95b;
	text-decoration: underline;
}

style20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; }