/* @import "/Templates/styles.css"; */

.companyname {  font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #FFFFFF}
.whitelinks {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.whitelinks:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none }
.footer {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}
.footer:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline}
.content {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #CC3300; font-weight: bold}
.subtitle {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999966}
a:hover {  text-decoration: none; color: #666633}

.btmmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	line-height: 13px;
	color: #333333;
}


p#graphid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	color: #333333;
	border-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	text-decoration: none;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;}


p {
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin-bottom: -12px;
	line-height: 16px;



}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	line-height: 13px;
	margin-bottom: 15px;


}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;


}
a {
	color: #333333;

}

a:visited {  color: #333333; text-decoration: none}
a:hover {  color: #999999; text-decoration: none}
a:active {  color: #333333; text-decoration: none}
.menu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:visited {  color: #FFFFFF; text-decoration: none}
.menu a:hover {  color: #999999; text-decoration: none}
.menu a:active {  color: #FFFFFF; text-decoration: none}
.submenu a:link {  color: #FFFFFF; text-decoration: none}
.submenu a:visited {  color: #FFFFFF; text-decoration: none}
.submenu a:hover {  color: #999999; text-decoration: none}
.submenu a:active {  color: #FFFFFF; text-decoration: none}
.logoname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.txtmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;



}
.cellbackbannerbody {
	background-image: url(images/cellback_bodyhead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.logonamenobold {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}
.5pts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5pt;
	font-style: normal;
	font-weight: normal;
	line-height: 5px;

}
body {
	text-align: center;
	margin: 0px;
/*  */
 	background-image: url(images/pagecolor.gif);
	background-repeat: repeat;

}
.cellbackmenuover {
	background-image: url(images/navbut_over.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 95px;
	height: 46px;


}
.cellbackmenuunder {
	background-image: url(images/navbut_under.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 46px;
	width: 95px;

}
.cellbacksubmenu {
	background-image: url(images/cellback_menulong.jpg);
	background-repeat: repeat;
	background-position: left top;
	width: 173px;
	height: 209px;

}
.cellbackhomelft {
	background-image: url(images/cellbacK_homegradleft.jpg);
	background-repeat: repeat;
	background-position: left top;
	line-height: 30px;
	border: none;

}
.txtmenusub {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
}
.promotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #FFFFFF;
}
.cellbackspicrght {
	background-image: url(images/cellback_spicright.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.cellbackhmright {
	background-image: url(images/cellbacK_homegradright.jpg);
	background-repeat: repeat;
	background-position: left top;
	border: none;


}
.promoheading {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	color: #FFFFFF;
}
.cellbackpromobtmextend {
	background-repeat: repeat;
	background-image: url(images/cellback_menulong.jpg);





}
.cellbackbtmleftmenu {

	background-repeat: repeat;
	background-image: url(images/cellback_promobody.gif);
}
.whiteline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	line-height: 5px;
}
.cellbackhmrightextend {

	background-image: url(images/cellback_homerightextend.gif);
}
.1pixelline {
	background-image: url(images/cellback_promobody.gif);
	line-height: 1px;
}
.cellbackbanner {
	background-image: url(images/cellback_banner.gif);
	background-repeat: repeat;
	background-position: left top;
	line-height: 70px;
}
.rghtborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.cellbackbtmmenu {
	background-image: url(images/cellback_btmmenu.gif);
	background-position: left bottom;
}
.cellback_bodyright {
	background-image: url(images/cellback_bpdyright.gif);
}
.1pixelline_promo {

	background-image: url(images/cellback_promomenuline.gif);
	line-height: 1px;
}
.cellback_hmbody {
	background-image: url(images/cellbacK_homebody.jpg);
}
.btmmenuwhite {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	line-height: 13px;
	color: #FFFFFF;
}
.hmtextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
.txtmenuBlack { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 20px; background-position: center center; }
a:hover {
	text-decoration: none;
}

/* .main-bodybg-top {
    background: url("images/body_top.png") no-repeat scroll left top transparent;
    height: 17px;
    left: 130px;
    position: relative;
    top: 0;
    width: 909px;
	 margin: 0 20px 0 20px;
} */

.main-bodybg-top {
	clear: both;
	float: left;
    background: url("images/body_top.png") no-repeat scroll left top transparent;
    height: 17px;
    width: 909px;
	 margin: 0 20px 0 20px;
}

.main-bodybg-bottom {
    background: url("images/body_bottom.png") no-repeat scroll left top transparent;
    height: 17px;
	clear: both;
	float: left;
    width: 909px;
	 margin: 0 20px 0 20px;
}

#main-container {
    clear: both;
	 float: left;
    width: 909px;
	 height: auto;
	margin: 0 20px 0 20px;
}

div#box
{
	clear: both;
	position: absolute; top: 5px; left: 100px;
	margin: 0 30px 0 30px;
	width: 909px;
	height: auto;
}

.bodybg {
    background-image: url("images/body_transparent_white.png");
    background-repeat: repeat;
}

/* ------------------------ CTA Button ------------------------ */

.cta-button {
    background: #a6d154;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 15px;
    float: left;
    display: inline;
    margin: 0;
	 margin-left: 85px;
    width: auto;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
}

input.cta-button {
    padding: 5px 15px;
    border: none;
}

.cta-button:hover, input.cta-button:hover {
    background: #baec5c;
}


/* ======================== NON-SEMANTIC HELPER CLASSES (Please define your site styles before this section.) ======================== */

/* ------------------------ For Image Replacements ------------------------ */

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

/* ------------------------ The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements (j.mp/bestclearfix & blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page) ------------------------ */

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* ======================== PRINT STYLES (Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/) ======================== */

@media print { 
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group
    }
    tr, img {
        page-break-inside: avoid
    }
}