html, body{

	font-family:"tw cen MT", Arial ;

}

a:link {
	color: #0FA628;;
}
a:visited {
	color: #0FA628;
}
a:hover {
	color: #4c4c4c;
}
a:active {
	color: #0FA628;
}

img.contentImages{
	padding:2px;
	border:1px solid #b9b9b9;
	}

p, li.p{
	font-size:14px;
	margin:10px 10px 10px 15px;
	padding:0px;

	font-family:'tw cen MT' helvetica, verdana;
	}
	
h1 {
	color:#009900;
	font-size:24px;
	margin:10px 10px 10px 15px;
	padding:0px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #009900;
	}
	
	
	
h1.whiteH1{
	color:#fff;
	border-bottom:none;
	
	}

h2{
	color:#43499F;
	text-transform:uppercase;
	font-weight:normal;
	margin:10px 10px 10px 15px;
	padding:0px;
	font-size:20px;
	}
	
a{
	text-decoration:none;
	}

body {
	background-image: url(/images/bg1.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top left;
	margin:0 auto; 
	padding:0 auto;
}

.bodyBG{
background-color:#FFFFFF;
margin-top:0px;
min-height:350px;
height:auto !important;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}


.header{
	xmargin:0 auto;
	xpadding:0 auto;
	width:900px;
	text-align:left;
	
}

.welcomemessage{
	font-size:16px;
	color:#4c4c4c;
	height:22px;
	width:357px;
	position:relative;
	top:35px;
	left:553px;
	text-align:right;
	padding-top:2px;
}	

.distName {
	color: #2FAC3F;
	font-weight: bold;
	font-size: 16px;
}

.headermenu{
	font-size:16px;
	color:#2FAC3F;
	text-transform:uppercase;
	border-top:solid 1px #D8D9D9;
	border-bottom:solid 1px #D8D9D9;
	height:22px;
	width:520px;
	position:relative;
	top:110px;
	left:380px;
	text-align:right;
	padding-top:2px;
}	
.leftnav{
width:200px; float:left;
}

.mainContent{
padding-top:10px;
padding-bottom:10px;
margin-left:230px;
height:auto !important;
min-height:350px;
}

.wrapper{
	margin:10px 10px 10px 15px;
	padding:0px;
	}

.content{
	width:900px;
	margin:0 auto;
	padding:0 auto;
	
}

.footer, .footer a{

	width:900px;
	text-align:left;
	font-size:11px;
	text-align:center;
	border-bottom:#fff 1px solid;
	color:#4c4c4c;
	padding:10px 0px 10px 0px;
	background-color:#e8e8e8;
}

.topmenu{

	width:900px;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-align:center;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-top:#fff 1px solid;
	padding:10px 0px 10px 0px;
	background-color:#525FAD;
	text-decoration:none;
}

.topmenu a{
	text-decoration:none;color:#fff;
}

.topmenu a:hover{
	text-decoration:underline;
	}

.headertopHRbottom{
	height:15px;
	background-color:#9bc2d8;
	border-bottom:1px solid white;	
	border-top:1px solid white;	
}

.indexMainImg{
	width:900px;
	height:300px;
	margin-top:0px;
	margin-bottom:2px;
	xbackground-image:url(/images/imgMain.jpg);
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.tilewrapper{
	width:100%;
	margin:0 auto;
	padding:0 auto;
	height:200px;
	
	}

div.tile1{
	background-image:url(../images/bg_opportunity.jpg);
	border:#fff 1px solid;
	width:297px;
	height:200px;
	xposition:relative;
	xleft:0px;
	xtop:0px;
}

div.tile2{
	background-image:url(../images/bg_products.jpg);
	border:#fff 1px solid;
	width:298px;
	height:200px;
	xposition:relative;
	xleft:301px;
	xtop:-202px;
}

div.tile3{
	background-image:url(../images/bg_tellfriend.jpg);

	border:#fff 1px solid;
	width:297px;
	height:200px;	
	xposition:relative;
	xleft:603px;
	xtop:-404px;
}

td{

	}




div.buynow, div.buynow a{

height:16px;
background-color:#80C368;
color:#ffffff;
text-transform:uppercase;
text-align:center;
font-size:16px;
padding:1px 0 3px 0;
}

div.buynow a:hover{
color:#009900;
background-color:#009900;
}

/*TABBER*/



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
 text-align:left;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {


}
.tabberlive {
width:480px;
margin-top:1px;
text-align:left;
font-size:12px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 color:#bebebe;
}

ul.tabbernav li a
{
 padding: 3px 1.85em;
 margin-left: 0px;
 border-right: 1px solid #ffffff;
 border-bottom: none;
 background: #39B349;
 text-decoration: none;
 text-transform:uppercase;

}

ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #ffffff;
 background: #80C368;

}

ul.tabbernav li.tabberactive a
{
 background-color:#525FAD;
 border-bottom: 1px solid #fff;
 
}

ul.tabbernav li.tabberactive a:hover
{

 background: #9AB7DF;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:0px;

	border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	color: #013861;
}
.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/*---------------accordian menu-------------------*/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px;
color:#872175;
background: white url(titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-left:15px;
margin-top:3px;
padding: 0px 0 4px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom: 1px dotted #871F74;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #892376;
display: block;
padding: 0px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
text-align: left;
font-size: 12px;;
margin: 0px;
font-weight: normal;
lineheight:0.2em;
}


.arrowlistmenu a:link {
	text-decoration: none;
	color: #AB73A0;
	}

.arrowlistmenu a:visited {
	text-decoration: none;
	color: #892376;
	}	

.arrowlistmenu a:hover{
	color: #892376; 
	
	text-decoration: none;
	xfont-weight:bold;

	}

.arrowlistmenu a:hover{
	color: #892376;
	text-decoration: none;
	xfont-weight:bold;

	}

.arrowlistmenu ul li a:visited{
	color: #872175;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #872175;
	background-color: #F3F3F3;
}