body {
	margin:0;
	padding:0;
	background:#B8B8B7 url(../graphics/sitebgrad01.gif) repeat-x center top;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 13px;


}

#container {
width:960px; 
height:auto; 
text-align:left; 
margin-left:auto; 
margin-right:auto;
}

.clear {
clear:both;
}

.clearright {
clear:right;
}

IMG {
border:none;
}






/* Main center panel styles. These three divs all occupy the same horizantal and verticle space 
and have an upper and lower graphic to give the round corners to the panel. Its like three sheets of glass
overlayed on top of each other.
-----------------------*/ 


/* this div contains a gif that will repeat vertically and is also the background of the left menu
To change the color of the submenu, change this gif----*/
#contentcontainer {width:960px; height:auto; background: url(../graphics/maincontentbg.gif) repeat-y 0px 0px;}

/*--this is the top left curve on the content box. To change the color of the submenu, change this gif--*/
/*
#contentcontainer_top {
width:930px; 
height:auto; 
background:url(images/contentpaneltop.gif) no-repeat 0px 0px;
}
*/
/*--this is the bottom left curve on the content box. To change the color of the submenu, change this gif---*/
#contentbg_bot {
width:960px; 
height:auto; 
background: url(../graphics/bottomcontentpanel.gif) no-repeat left bottom; 
padding:0 0 4px;
}





/* Left nav syles
-----------------------*/ 

/* this div holds the menu items. to change the menu color, change this gif as well*/
#subnav_envelope {
	float:left;
	width:221px;
	background:repeat-y;
	line-height: 12pt;

}

/* make as many of these as you need catagories to change the menu color, change this gif as well*/
#subnavbg_sectionheader {
background: url(../graphics/leftnavheader.jpg) no-repeat left top;
}



/* These styles set the text positioning and link properties of the side nav*/
#subnav_envelope .subnav {font-size:13px; color:#2AA7A7; padding:8px 0 0 26px;}
#subnav_envelope .subnav DIV {padding:0 0 5px;}
#subnav_envelope .subnav DIV A {color:#1D7474; text-decoration:none;}
#subnav_envelope .subnav DIV A:HOVER {color:#2EB8B8;}
#subnav_envelope .subnav DIV.ON {color:#2AA7A7; background: url(../graphics/arrow-subnav.gif) no-repeat 0px 8px; padding:0 0 6px 10px;}
#subnav_envelope.subnav DIV.ON A {color:#FFF;}
#subnav_envelope .subnav DIV.ON A:hover {color:#cbc5c0;}




/* this is merely a spacer for the extra menu items on the left menu. To change menu color change this as well--*/
.break {height:1px; 
line-height:1px; 
display:block; 
margin:6px 20px 6px 0; 
background:#a59b92; 
padding:0 !important;}





/* lower graphics panel in the main content box*/	
#graphicpanel {
float:left; 
width:600px; 
height:161px; 
background: no-repeat right top; 
font-size:11px;
}

#graphicpanel2 {
	float:left;
	width:750px;
	height:150px;
	font-size:11px;
	padding-bottom: 50px;


}

#graphicpanel .rowhead {
float:left; 
width:145px; 
height:161px; 
border-right:1px solid #FFF;
}

#graphicpanel .lovehead {
width:88px; 
height:26px; 
margin:64px 0 0 30px;
}

#graphicpanel .rowitem {
float:left; 
width:145px; 
height:161px; 
background:transparent;
 border-right:1px transparent;
 }
 
#graphicpanel .rowimg {
width:86px; 
height:86px; 
padding:12px 30px 0 30px; 
text-align:center;
}
	

	


/*---This is my main content area, I have change the float to... right*/
#maincontent  {
float:right; 
width:739px; 
height:auto; 
padding:0 0 0 0px; 
background: url(graphics/bg-content-TR332.gif) no-repeat right top;
}




/* maincontent styles
-----------------------*/ 
#contenttxtbox {font-size:12px; width:690px; color:#555; margin:20px 0 20px 20px; background: transparent; line-height:15px}
#contenttxtbox A {color:#95897e; text-decoration:none; font-weight:bold;}
#contenttxtbox A:HOVER {color:#555; text-decoration:underline;}
#contenttxtbox .news-thumbnail {margin: 5px 0px 0 25px; float:right;}

#contenttxtbox OL {list-style-type:decimal;}
#contenttxtbox OL LI {padding:5px 0 5px 0;}

#contenttxtbox .header {color: #95897e; font-size:19px; font-weight:normal; line-height: 19px; margin-bottom:15px}
#contenttxtbox .header2 {font-size:13px; font-weight:bold; color:#2D2D2D; padding:0 0 3px 0;}
#contenttxtbox .header3 {font-size:13px; font-weight:bold; color:#2D2D2D; padding:10px 0 0 0; height:25px; background: #FFF url(../graphics/bg-item1.gif) repeat-x left bottom; cursor:pointer;}
#contenttxtbox .header SPAN {font-size:11px; color:#95897e;}
#contenttxtbox .header2 SPAN {font-size:11px; color:#95897e;}
#contenttxtbox .header3 SPAN {font-size:12px; color:#95897e;}
#contenttxtbox .pullout {font-size:14px; color:#95897e; line-height:18px;}
#contenttxtbox .smltxt {font-size:11px;}
#contenttxtbox .divider {width:690px; height:1px; background:#ebe9e5;}
#contenttxtbox .divider2 {width:690px; height:1px; background:#ebe9e5; margin:18px 0 18px 0;}


/* breadcrumb*/

#breadcrumb {
	margin:8px 0 0 15px;
	width:380px;
	position:absolute;
	color:#666666;
	font-size:11px;
	font-weight: bold;







}

#breadcrumb a {
	color:#666666;
	text-decoration:none;
	padding:0 2px 0 2px;
	font-size:11px;
	font-weight: bold;

}

#breadcrumb a:hover {
	color:#999999;
	text-decoration:none;
	font-size:11px;
	font-weight: bold;

}

#breadcrumb span {
	color:#666666;
	font-size:11px;
	padding:0 2px 0 2px;
	font-weight: bold;

}


/*This is the grey strip at the top of the content panel*/
#rowhead_bg {width:739px; height:75px; background: url(../graphics/bgbreadcrumbbox_els.gif) no-repeat right top; font-size:11px;}
#rowhead_bg .header {float:left; height:24px; width:auto; padding:20px 0 0 19px;}
#rowhead_bg .header2 {
	float:left;
	height:auto;
	width:auto;
	padding:20px 0 0 19px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 20px;

}
#rowhead_bg .text {font-size:10px; color:#777; padding:0px 5px 0 0;}



#detailbg {
	width:680px;
	height:auto;
	background-color: #00CC00;
}
#detailbg_bot {float:left; width:760px; height:26px; }
#detailbg_top {
	float:left;
	width:730px;
	height:auto;
	padding-top: 10px;

}
#detailbg_curve {float:left; width:760px; height:30px; background:transparent;}

.wrapper1 {
	width:370px;
	height:auto;
	float:left;
	margin-right:35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-left: 30px;
	padding-top: 40;
	padding-right: 0;
	padding-bottom: 40;


}
.wrapper2{
	width:600px;
	height:auto;
	float:left;
	margin-right:35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 50px;
	padding-top: 40;
	padding-right: 0;
	padding-bottom: 40;
	margin-bottom: 40px;
	line-height: 16px;




}
.wrapper3 {
	width:400px;
	height:auto;
	float:left;
	padding:40 0 40 3;
	margin-right:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;


}
.wrapper4 {
	width:500px;
	height:auto;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 0px;
	padding-bottom: 60px;
	margin: 0px;
	line-height: 15px;





}
.wrapper5 {
	width:730px;
	height:auto;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-right: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;


}
.wrapper6 {
	width:270px;
	height:auto;
	float:left;
	margin-right:20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 40;
	padding-right: 0;
	padding-bottom: 40;
	margin-left: 30px;





}






. h2 {color:#95897e; font-weight:normal; font-size:19px; padding:0px; margin:0px 0px 15px 0px; line-height:24px}
#detail_img {width:360px; height:370px; padding:10px 0 5px 0; margin-left:35px}





#detail_content {
	float:left;
	width:260px;
	height:auto;
	padding:30px 0 40 0px;
	color:#505050;
	font-size:11px;
}
#detail_content2 {
	float:right;
	width:180px;
	height:auto;
	padding:0px 0 40 0px;
	color:#505050;
	font-size:11px;
	margin: 0px 0px 40px;

}


#detail_content3 {
	float:left;
	width:340px;
	height:auto;
	padding:30px 20px 40 0px;
	color:#505050;
	font-size:11px;


}



#detail_content H2 {color:#333333; font-weight:bold; font-size:16px; padding:0px; margin:0px 0px 15px 0px; line-height:24px}
#detail_content H3 {color:#6a6461; font-weight:normal; font-size:11px; padding:0px; margin:0px; line-height:16px}
#detail_content .dropstyle {font-size:12px; color:#444; height:auto}

#detail_content2 H2 {color:#95897e; font-weight:normal; font-size:19px; padding:0px; margin:0px 0px 15px 0px; line-height:24px}
#detail_content2 H3 {color:#6a6461; font-weight:normal; font-size:11px; padding:0px; margin:0px; line-height:16px}
#detail_content2 .dropstyle {font-size:12px; color:#444; height:auto}

#detail_content3 H2 {color:#95897e; font-weight:normal; font-size:19px; padding:0px; margin:0px 0px 15px 0px; line-height:24px}
#detail_content3 H3 {color:#6a6461; font-weight:normal; font-size:11px; padding:0px; margin:0px; line-height:16px}
#detail_content3 .dropstyle {font-size:12px; color:#444; height:auto}














#item_select {width:auto; height:auto; margin:15px 0 0 0;}
select {border:1px solid #dadada; background:#fff; font-size:11px; padding:0;}





.imageplaceholder {
	height: auto;
	width: auto;
	padding-bottom: 25px;

}
.imageplaceholder2 {
	height: auto;
	width: 525px;
	margin: 0px;
	padding: 0px;


}
#titlebox {
	height: auto;
	width: auto;
	margin-top: 25px;
	margin-left: 20px;

}
#panelheadright {
	height: auto;
	width: auto;
	padding-top: 5px;
	float: right;
	margin-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;



}




.smalllink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033FF;
	text-decoration: underline;



}
.smalllink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033FF;


}







#subnavtitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	height: 30px;
	width: auto;
	padding-top: 45px;
	margin: 0px;
	padding-bottom: 0px;

}
#sectionfooter {
	background-image:  url(../graphics/sectionfooter.gif);
	height: 40px;
	width: 730px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 2px;
	margin-bottom: 0px;




}


#paypallogopanel {
	background-image: url(graphics/horizontal_solution_PP.gif);
	height: 66px;
	width: 155px;
	margin-top: 20px;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-right: auto;

}
#paypalpage {
	text-align: center;
	height: auto;
	width: 280px;
	margin-right: auto;
	margin-left: auto;



}
#graphleft {
	float: left;
	height: auto;
	width: 250px;
	margin-left: 20px;
	padding-right: 30px;
	padding-left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;



}
#graphright {
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	padding-left: 80px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;


}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #055F5F;
	line-height: 28px;

}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	line-height: 16px;



}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF7700;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 20px;


}
.rightadd {
	height: auto;
	width: 160px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;




}


.rightadd2 {
	height: auto;
	width: 180px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;





}



#webform{
	height: 620px;
	width: 165px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-bottom: 15px;


}


#webform2{
	height: 210px;
	width: 165px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-bottom: 15px;


}
.redheader {
	line-height: 18px;
}
.blueheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #0033FF;
}
.textinsert01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #0066FF;
}



#cdcontainer {
	height: 220px;
	width: 495px;
}
#cdleft {
	height: auto;
	width: auto;
	float: left;
}
#cdright {
	float: right;
	height: 200px;
	width: 260px;
}
#cdright h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6600CC;
}
.paypalbut {
	height: 40px;
	width: 150px;
	padding-left: 70px;
	padding-top: 30px;

}


















/* lower graphics panel in the main content box*/	
#graphicpanel {
	float:left;
	width:700px;
	height:140px;
	font-size:11px;
	margin-bottom: 30px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CC0000;
	padding-top: 20px;





}




#graphicpanel .rowitem {
	float:left;
	width:110px;
	height:96px;
	background:transparent;
	border-right:1px transparent;
	padding-right: 0px;
	margin-right: 60px;



 }
 
#graphicpanel .rowimg {
width:110px; 
height:96px; 
padding:12px 30px 20px; 
text-align:center;
}

.articlebox2 {
	height: auto;
	width: 480px;
	border: thin solid #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;





}
#book1 {
	padding-left: 15px;
	height: 352px;
	width: 250px;
	float: right;

}
#sandy {
	float: left;
	height: 114px;
	width: 90px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.articlebox1 {
	background-image: url(../graphics/ArticleTextGrad.gif);
	height: 140px;
	width: 500px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 25px;
	margin-bottom: 25px;




}




.articlebox3 {
	background-image: url(../graphics/ArticleTextGrad.gif);
	height: 140px;
	width: 500px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 25px;
	margin-bottom: 25px;






}
.picbox1 {
	float: left;
	height: 122px;
	width: 119px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;


}
.textbox1 {
	height: auto;
	width: 490px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 5px;






}

.articlebox1 h4 {
	padding-top: 5px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;



}

.articlebox3 h4 {
	padding-top: 5px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;



}
.articlebox3 div {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.picboxart01 {
	float: left;
	height: 230px;
	width: 180px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.picboxart02 {
	float: left;
	height: 180px;
	width: 230px;
	padding-right: 15px;
	padding-bottom: 10px;
}



#formbox01 {
	height: 600px;
	width: 490px;
	margin-right: auto;
	margin-left: auto;


}