﻿
/* ------- Colors -------

blue = #00438a

-------------------------- */


body {	
	background-color:#fff;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;	
}

h1 {
padding:0; margin:14px 0 0; text-align:center; color:#00438a; font-size:14px;
}

h2 {
padding:0; margin:25px 0 12px; text-align:center; color:#00438a; font-size:14px;
}

h3 {
margin:25px 0 12px; color:#00438a; font-size:14px;
}

h4 {
padding:0 0 3px; margin:5px 0 2px; color:#335577; font-size:13px; border-bottom:1px #f2c311 solid;
}

a img {
border:0;	
}

#content-home-t {
border:0; border-collapse:collapse; width:100%;	
}

#content-home-t td {
border:0; padding-left:15px; padding-right:15px; 	
}

#slideShow {
width:753px; height:207px; margin:18px auto 12px; padding:0;
background-image:url(images/BG-slideShow.jpg); background-repeat:no-repeat
}

#mainimg {
    overflow: hidden;
    position: relative;
	height: 200px;
	width: 747px;
	*margin:0 0 0 -5px;
}

#mainimg p {
margin:0; padding:0;    
}

#mainimg img {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	opacity: 0;
}

#locationsLinks-home {
padding:0 0 30px; text-align:center; font-size:11px 	
}

#locationsLinks-home a:link, #locationsLinks-home a:visited {
text-decoration:none; font-weight:bold; color:#777;	
}

#locationsLinks-home a:hover, #locationsLinks-home a:active {
text-decoration:underline; font-weight:bold; color:#335577; 	
}

#locationsLinks-home p {
margin:0; padding:0;	
}

#productLinks-home {
padding:0 10px 35px; text-align:center 	
}

#productLinks-home table {
width:753px; border:0; border-collapse:collapse; margin:0 auto;	
}

#productLinks-home td {
vertical-align:top; padding:0 15px 7px;	
}

#productLinks-home a:link, #productLinks-home a:visited {
text-decoration:none; color:#111;	
}

#productLinks-home a:hover, #productLinks-home a:active {
text-decoration:underline; color:#222;	
}

.FacebookLogo {
margin:15px 8px 0 0; border:0;	
}



input.button {
	border: 1px #4462A0 solid;
}

a:link {color: #335577; text-decoration: underline;}
a:visited {color: #335577; text-decoration: underline;}
a:hover {color: #4162A5; text-decoration: none;}
a:active {color: #4162A5; text-decoration: none;}

:link.topNavlink {color: #FFFFFF; text-decoration: none;}
:visited.topNavlink {color: #FFFFFF; text-decoration: none;}
:hover.topNavlink {color: #E7E3BE; text-decoration: none;}
:active.topNavlink {color: #E7E3BE; text-decoration: none;}

:link.bottomNavlink {color: #ffffff; text-decoration: none; font-size: 8px; text-transform:uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;
}
:visited.bottomNavlink {color: #FFFFFF; text-decoration: none; font-size: 8px;  text-transform:uppercase;font-family: Verdana;
}
:hover.bottomNavlink {color: #F5F5F5; text-decoration: underline; font-size: 8px; text-transform:uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;
}
:active.bottomNavlink {color: #FFFFFF; text-decoration: none; font-size: 8px; text-transform:uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.whatsNewTable
{
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*Use for all of the titles on each page*/
.title
{
	color: #4E6352;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* This the main table for the site. Set border, and overall look for the main table*/
table.shell
{
	width: 100%;
	border: 1px solid #10301B;
	


}

/* This the table for the top navigation*/
table.navtable
{
	background-color: #FFFFFF;
	border: 1px solid #22478E;
}
/*This is for the table surrounding the entire top section. Keep same size as shell.*/
table.toptable
{
	width: 100%;
	
}

.pageTitle
{
font-size: 15px;
font-family: Verdana;
color: #000000;

}
/*This is for the table surrounding the entire bottom section. Keep same size as shell.*/
table.bottomtable
{
	width: 100%;
	padding: 0px;
	

}



/*This is to control the content area of the site*/

.contentMainCell p {
margin:3px 0 16px;	
}

.contentMainCell hr {
width:96%; margin:12px auto;
*margin:5px auto;
}

td.contentMainCell
{
	
	background-position:150px 100px;
	background-repeat: no-repeat;
	background-color:#f0f2f6;
	padding: 10px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.contentMainCell td
{
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
td.bottomCell
{
	background-image:url('images/footer.jpg'); 
	background-repeat: repeat-y;
	background-color: #22478E;
	cell-padding: 0px;
	vertical-align:middle;
	height: 26px;
	font-size: 10px;
}

td.logoCell
{
	background-image: url('images/logo.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	
}

td.logoTile
{
	background-image: url('images/logoTile.jpg');
	background-repeat: repeat x;
	color: #FFFFFF;
	
}
td.logoRight
{
	background-image: url('images/logoRight.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	
}

/*Use this to control the Whats New Table*/
table.whatsnew
{
	width: 325px;
	background-color: #B1C4D8;
	border: 2px solid #10301B;
	padding: 5px;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* Use for DL */
table.login
{
	width: 175px;
	border: 1px solid #000000;
	padding: 3px;	
	background-color: #ffffff;

	
}

/* Use for Contact Form*/
table.contactForm
{
	width: 100%;
	background-color: #EEEEEE;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #823C46;
}

/*Use for Calculators*/

.calcs
{
	background-color: #EEEEEE;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*Use for disclaimers*/
.finePrint
{
	font-size: 9px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.input-box
{
color: #000000;
background: #ffffff;
border: #000000 solid 1px;
font-size: 10px;
width: 100px;
}
