﻿
/* LINKS */
.navilinks A:link { 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-decoration : none; 
} 
.navilinks A:visited { 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-decoration : none; 
} 


A:link { 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
text-decoration : none;
font-size : 10pt; 

} 
 
A:visited { 
color : #429e2a; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 10pt; 
text-decoration : none; 
} 

 
 
A:hover { 
color : #429e2a; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 10pt; 
text-decoration : underline; 
} 

 


.footerlinks A:link { 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif; 
text-decoration : none;
font-size : 10pt; 

} 
 
.footerlinks A:visited { 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 10pt; 
text-decoration : underline; 
} 

 
 
.footerlinks A:hover { 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 10pt; 
text-decoration : underline; 
} 

 img {
  height: auto;
  max-width: 100%;
  
  }


/* FONTS */
.tablesmall { 
font-weight : bold; 
font-size : 7pt; 
color : #c76000; 
font-family : Arial, Helvetica, sans-serif; 
} 
.navigsmall { 
font-size : 7pt; 
color : #515151; 
font-family : Arial, Helvetica, sans-serif; 
} 
.bodysmall { 
font-size : 7pt; 
color : #333366;  
font-family : Arial, Helvetica, sans-serif; 
} 
.bodytextsm { 
font-size : 7pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
} 
.linksinactive { 
color : #888888; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-decoration : none; 
} 
.bodytext { 
font-size : 9pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
} 
.bodybold { 
font-weight : bold; 
font-size : 9pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
} 
.title { 
font-weight : bold; 
font-size : 10pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
} 
.titleasa { 
font-weight : bold; 
font-size : 14pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
}  
.bodyboldred { 
font-weight : bold; 
font-size : 9pt; 
color : #cc3300; 
font-family : Arial, Helvetica, sans-serif; 
} 
.boldhead { 
font-weight : bold; 
font-size : 12pt; 
color : #cc3300; 
font-family : Arial, Helvetica, sans-serif; 
} 
.bodybig { 
font-size : 14pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
} 
.bodyhuge { 
font-size : 18pt; 
color : #3c3c94; 
font-family : Arial, Helvetica, sans-serif; 
} 
.bodydark { 
font-size : 9pt; 
color : #ffffff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 
.asabodytextsmall { 
font-size : 7pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.asabodytextgrey { 
font-size : 8pt; 
color : #444444; 
font-family : Tahoma, Helvetica, sans-serif; 
} 
.asabodytext { 
font-size : 9pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.asabodytextwht { 
font-size : 9pt; 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif; 
}  
.asabodytextgreymed { 
font-size : 10pt; 
color : #444444; 
font-family : Tahoma, Helvetica, sans-serif; 
} 
.asabodytextmed { 
font-size : 11pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.asabodytextbig { 
font-size : 12pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.headertitlewhite { 
font-size : 18pt; 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif;
font-style: italic;
font-stretch: ultra-expanded
}

.asaheaderbold { 
font-weight : bold; 
font-size : 12pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.asaheadline { 
font-weight : bold; 
font-size : 16pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.boardtext { 
font-size : 9pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
} 
.footertext { 
font-weight : bold; 
font-size : 7pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
} 
.navtext { 
font-weight : bold; 
font-size : 7pt; 
color : #000000; 
font-family : Tahoma, Helvetica, sans-serif; 
} 
.minibold { 
font-weight : bold; 
font-size : 7pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 
.productlist { 
font-weight : bold; 
font-size : 8pt; 
color : #6699cc; 
font-family : Arial, Helvetica, sans-serif; 
} 
.counter { 
font-weight : bold; 
font-size : 10pt; 
color : #6699cc; 
font-family : Arial, Helvetica, sans-serif; 
} 
.about { 
font-weight : bold; 
font-size : 10pt; 
color : #333366; 
font-family : Arial, Helvetica, sans-serif; 
} 

H3 { 
margin-bottom : 0; 
margin-top : 0; 
font-weight : bold; 
}


TD { 
font-family : verdana; 
font-size : 9pt; 
} 

TD.CODE { 
color : #000080; 
font-family : Courier New; 
} 


TD.TableTitle { 
font-family : Verdana; 
font-size : 9pt; 
font-weight : bold; 
background-color : #cccccc; 
padding : 2px; 
color : #ffffff; 
} 
TD.TableTitle1 { 
font-family : Verdana; 
font-size : 9pt; 
font-weight : bold; 
border-bottom : 1px solid #dfe5f4; 
padding : 2px; 
color : #003366; 
} 
TABLE.list { 
border-right : 1pt solid #003366; 
border-top : 1pt solid #003366; 
border-left : 1pt solid #003366; 
border-bottom : 1pt solid #003366; 
margin-bottom : 2px; 
} 
TABLE.list TD { 
font-size : 7pt; 
border-right : 1pt solid #dfe5f4; 
} 
TABLE.list TR.altrow { 
background : #dfe5f4; 
} 
TABLE.list TR.altrow TD { 
font-size : 7pt; 
border-right : 1pt solid #ffffff; 
} 
H5.TableHeading { 
margin-bottom : 1px; 
margin-top : 10px; 
font-size : 9pt; 
color : #ffffff; 
padding : 2px; 
background-color : #3399ff; 
font-weight : bold; 
} 
TABLE.cat { 
margin-left : 15px; 
} 
div.leftmargin { 
padding-left : 20px; 
} 
div.rightmargin { 
padding-right : 20px; 
} 
div.rightmarginbig { 
padding-right : 40px; 
}  
div.bothmargin { 
padding-right : 20px; 
padding-left : 20px; 
} 
div.allmargin { 
padding-right : 20px; 
padding-left : 20px; 
padding-top : 10px; 
} 
div.allmarginbig { 
padding-right : 50px; 
padding-left : 50px; 
padding-top : 30px; 
} 
div.leftbigmargin { 
padding-left : 40px; 
} 
div.bigmargin { 
padding-left : 350px; 
} 
div.leftmarginbig { 
padding-left : 80px; 
} 
div.leftmarginbigger { 
padding-left : 100px; 
} 
div.bigleftmargin { 
padding-left : 120px; 
} 
div.bigmarginleft { 
padding-left : 60px; 
} 
div.topleft { 
padding-left : 40px; 
padding-top : 60px; 
} 
div.marginform { 
padding-left : 5px;
padding-top: 20 px; 

}  
div.leftmarginbigger { 
padding-left : 100px; 
} 
div.bigleftmargin { 
padding-left : 120px; 
} 
div.bigmarginleft { 
padding-left : 60px; 
} 
div.topleft { 
padding-left : 40px; 
padding-top : 60px; 
} 
div.margintop { 
padding-top : 10px; 
}   

.image { padding: 0; margin: 0; display: block; 
 } 
 
 .headerright {  background-image: url(insideheaderright.gif); background-position: bottom; }

 
  

/* 2011 NEW BUTTONS */
BODY {
	FONT-FAMILY: georgia, serif; FONT-SIZE: 0.85em; PADDING-TOP: 0px
}
.btn11 {
	POSITION: relative; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #aaa; FLOAT: left; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.btn11 * {
	BACKGROUND-IMAGE: url(btn2.png); POSITION: relative; FONT-STYLE: normal; DISPLAY: block; BACKGROUND-REPEAT: no-repeat
}
.btn11 I {
	POSITION: absolute; WIDTH: 5px; BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -5px; HEIGHT: 5px; TOP: 0px; LEFT: 0px
}
.btn11 SPAN {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; MARGIN-BOTTOM: -5px; PADDING-TOP: 0px; LEFT: -5px
}
.btn11 SPAN I {
	POSITION: absolute; WIDTH: 10px; BACKGROUND-POSITION: right bottom; MARGIN-BOTTOM: 0px; HEIGHT: 100%; TOP: 0px; LEFT: 100%
}
.btn11 SPAN SPAN {
	POSITION: absolute; BACKGROUND-POSITION: right top; HEIGHT: 0px; MARGIN-LEFT: 10px; TOP: -5px; RIGHT: -10px
}
* HTML .btn11 SPAN {
	BACKGROUND-IMAGE: none; WIDTH: auto; FLOAT: left; CURSOR: pointer
}
* HTML .btn11 I {
	BACKGROUND-IMAGE: none; WIDTH: auto; FLOAT: left; CURSOR: pointer
}
.blue.btn11 {
	BACKGROUND: #2ae
}
.green.btn11 {
	BACKGROUND: #9d4
}
.pink.btn11 {
	BACKGROUND: #e1a
}
.btn11:link {
	color: #ffffff

}
.btn11:visited {
	color: #ffffff; 
}
.btn11:hover {
	BACKGROUND-COLOR: #a00; color: #ffffff; text-decoration : underline

}
.btn11:active {
	BACKGROUND-COLOR: #444 color: #ffffff;
}
[class].btn11 {
	BACKGROUND-IMAGE: url(shade.png); BACKGROUND-POSITION: 50% bottom
}
* HTML .btn11 {
	BORDER-BOTTOM: #aaa 3px double; BORDER-LEFT: #aaa 3px double; BORDER-TOP: #aaa 3px double; BORDER-RIGHT: #aaa 3px double
}
* HTML .blue.btn11 {
	BORDER-BOTTOM-COLOR: #2ae; BORDER-TOP-COLOR: #2ae; BORDER-RIGHT-COLOR: #2ae; BORDER-LEFT-COLOR: #2ae
}
* HTML .green.btn11 {
	BORDER-BOTTOM-COLOR: #9d4; BORDER-TOP-COLOR: #9d4; BORDER-RIGHT-COLOR: #9d4; BORDER-LEFT-COLOR: #9d4
}
* HTML .pink.btn11 {
	BORDER-BOTTOM-COLOR: #e1a; BORDER-TOP-COLOR: #e1a; BORDER-RIGHT-COLOR: #e1a; BORDER-LEFT-COLOR: #e1a
}
* HTML .btn11:hover {
	BORDER-BOTTOM-COLOR: #a00; BORDER-TOP-COLOR: #a00; BORDER-RIGHT-COLOR: #a00; BORDER-LEFT-COLOR: #a00; 
}
/* REMOVED JBW
P {
	PADDING-BOTTOM: 0em; CLEAR: both
}
replaced with
*/
p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	PADDING-BOTTOM: 0em; 
	CLEAR: both
}
FORM {
	MARGIN-TOP: 2em
}
FORM P .btn11 {
	MARGIN-RIGHT: 1em
}
TEXTAREA {
	MARGIN: 1em 0px
}


 
 
/* 2011 FORM BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* 2009 BUTTONS */
.btn { display: block; position: relative; background: #aaa; padding: 3px; float: left; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }



.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -3px;  top: 0; left: 0; width: 3px; height: 3px; }
.btn span { background-position: bottom left; left: -3px; padding: 0 0 3px 7px; margin-bottom: -3px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 6px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -7px; margin-left: 7px; top: -3px; height: 0; }

* html .btn span,
* html .btn i { width: 60px; float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { width: 60px; background: #426394; font-family : Tahoma; font-weight : bold; font-size : 7pt;  }
.btn.bluebg { width: 90px; background: #426394; font-family : Tahoma; font-weight : bold; font-size : 7pt;   } 
.btn.green { width: 70px; background: #777a7f; font-family : Tahoma; font-weight : bold; font-size : 7pt;  }
.btn.greenmd { width: 35px; background: #cfc; font-family : Tahoma; font-weight : bold; font-size : 7pt;  }
.btn.greensm { width: 35px; background: #426394; font-family : Tahoma; font-weight : bold; font-size : 7pt;  }
.btn.bluesm { width: 25px; background: #426394; font-family : Tahoma; font-weight : bold; font-size : 7pt;  }
.btn.bluemd { width: 40px; background: #426394; font-family : Tahoma; font-weight : bold; font-size : 7pt;  }
.btn.red { width: 60px; background: #ff0000; font-family : Tahoma; font-weight : normal; font-size : 7pt;  }
.btn.yellow { width: 60px; background: #FFFC17; font-family : Tahoma; font-weight : normal; font-size : 7pt;  }
.btn:link {color: #ffffff; }
.btn:visited {color: #ffffff; }
.btn:hover {background-color: #e0dfe3; color: #333366; text-decoration : underline;  } 
.btn:active { background-color: #444; color: #ffffff; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { width: 60px;  border: 3px double #aaa; }
* html .btn.blue { width: 60px; border-color: #2ae; }
* html .btn.bluebg { width: 90px; border-color: #2ae; A:link color : #ffffff; }
* html .btn.green { width: 70px; border-color: #9d4; }
* html .btn.greenmd { width: 35px; border-color: #9d4; }
* html .btn.greensm { width: 30px; border-color: #CFECEC; }
* html .btn.bluemd { width: 40px; border-color: #CFECEC; }
* html .btn.bluesm { width: 25px; border-color: #CFECEC; }
* html .btn.red { width: 60px; border-color: #ff0000; }
* html .btn.yellow { width: 60px; border-color: #FFFC17; }
* html .btn:hover { width: 60px; border-color: #e0dfe3; }

/* REMOVED JBW
p { clear: both; padding-bottom: 2em; }
*/
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}

/*
Contact Form Styles
*/




#contact-form {
	background-color:#F2F7F9;
	width:70%;
	padding:10px;
	margin: 10px auto;	
	border: 6px solid #8FB5C1;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
}

#contact-form h1 {
	font-size:20px;
}

#contact-form h2 {
	margin-bottom:15px;
	font-style:italic;
	font-weight:normal;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:15px;
	margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:80%;
	border: 1px solid #CEE1E8;
	margin-bottom:20px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #AFCDD8;
	background-color: #EBF2F4;
}

#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	font-size:8pt;
	color:#F00;	
}

#contact-form #submit-button {
	width: 100px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	margin-right:6px;
	background-color:#8FB5C1;
	-moz-border-radius:8px;
}

#contact-form #submit-button:hover {
	background-color: #A6CFDD;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../images/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

#mainContent {

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}

#col1 {

	margin: 10px;

	float: left;

	width: 30%;

}

#col2 {

	margin: 10px;

	float: left;

	width: 30%;


}

#col3 {

	margin: 10px;

	float: left;

	width: 30%;
}
 
.textgreen { 
font-size : 12pt; 
color : #429e2a; 
font-family : Arial, Helvetica, sans-serif;
font-stretch: ultra-expanded
}