a:link    { color: #063; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a:visited   { color: #063; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a:hover   { color: #696; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline }
a:active   { color: #696; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green2:link     { color: #063; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
A.green2:visited      { color: #b8860b; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
A.green2:hover { color: #696; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
A.green2:active     { color: #696; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
A.green:link     { color: #063; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green:hover  { color: #696; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline }
A.green:active { color: #696; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green:visited { color: #b8860b; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green1:link   { color: #063; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green1:visited     { color: #b8860b; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green1:hover    { color: #696; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.green1:active    { color: #696; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.white:link        { color: white; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.white:visited       { color: #fc0; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.white:hover     { color: #696; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.white  { color: white; font-weight: bold; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.small   { color: black; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.copy  { color: black; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; text-decoration: none }
p { color: black; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; text-decoration: none }
ul { list-style-type: disc; margin: 1em 0 1em 40px; color: black; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; text-decoration: none }
.head   { color: #030; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.states   { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.big_head   { color: #696; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.product h1   { color: #006e48; font-size: 2em; font-family: "Minion Pro", serif; padding-top: 0.1em; border-top: 2px solid #a97334; border-bottom: 2px solid #a97334 }
.product h2 { color: #006e48; font-size: 1.5em; font-family: "Minion Pro", serif; line-height: 1.5em; padding-top: 0.1em; border-top: 2px solid #a97334; border-bottom: 2px solid #a97334 }
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../images/indentbg2.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons  { font: bold 13px/22px Arial; text-decoration: none; background: url("../images/roundedge-green-left.gif") no-repeat left top; display: block; padding-left: 8px; height: 30px }

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span { background: url("../images/roundedge-green-right.gif") no-repeat right top; display: block; padding: 4px 10px 4px 2px }

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper1  { margin-bottom: 6px; width: 300px; overflow: hidden }
.buttonwrapper2 { margin-bottom: 6px; width: 260px; overflow: hidden }
.floatleft
{
float: left;
margin: 0 10px 10px 0 ;
}

.floatright
{
float: right;
margin: 0 0 10px 10px ;
}
#splash { z-index: 200 }