@charset "utf-8";
/* CSS Document */

* {padding: 0; }

html,body {margin:0;padding:0;}
body {font: 14px Arial, Helvetica, sans-serif; color: #333; background-color:#f4f4ed; text-align:center; }
p {margin:0px 0px 15px 0px;}
a:link, a:visited {color:#317b9e/**#5397d8**/; font-weight: bold; text-decoration: none;}
a:hover {color: #f06000; font-weight: bold; text-decoration: underline;}
.clear {clear:both;}
.border {padding:5px; border:1px solid #ccc; background:#ffffff;}


h1 {
	font:normal 26px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 15px;
	/*color: #317b9e;*/
	color: #8aae4c;
}

h3{
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}


.containerBody {margin: 0 auto;}
.headerBG { width: 100%; background: url(../images/bg_header.jpg) repeat-x 0px 0px; margin: 0px auto; padding: 0px; }
.header {width: 900px; background: url(../images/logo.jpg) no-repeat 0px 0px; margin:0 auto; padding: 0px 0px 0px 0px; height:120px;}
.logo { width: 155px; float:left; background: url(../images/logo.jpg) no-repeat 0px 0px; margin: 0 auto; padding: 0px 0px 0px 0px; float:left;}
.tagline {float:right; position:relative;}
.headerlogo { font-family:Arial; font-size: 35px; letter-spacing: -2px; line-height: 38px; text-align:left; margin-top: 0px;}
  
.bannerBG {width:100%; margin: 0px auto; padding: 0px; clear:both;}
.banner { width: 900px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; height: 120px;}
.banner img {float:right; }
.banner-home {width: 900px; position:relative; margin:0px auto; padding: 10px 0px 0px 0px; height:200px;}
.containerBG { width: 100%; float: left; padding: 0px 0px;}
.container { width: 900px; position: relative; clear: left; margin: 0px auto; margin-top: 25px; text-align:left;}
.content {float:left;width:655px; border-right: 1px dotted #cccccc; padding-right: 15px;}
.content p {/*font-size:1.0em;*/ line-height:1.3em; color: #333;}
.content-wide {float:left; width:900px;}
.content-wide p {line-height:1.3em; color: #333;}
.content-home {float:left; width:540px; border-right: 1px dotted #dddddd; padding-right: 20px; line-height:1.3em; color: #333;}
.sidebar {float:right; width:210px; DISPLAY: block; PADDING-LEFT: 0px;}
.sidebar h3{color: #317b9e; font:normal 26px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; padding-top:0px;}
.sidebar p {line-height:1.3em; color: #333;}
.sidebar-home{float:right; width:320px; DISPLAY: block; PADDING-LEFT: 0px;}
.sidebar-home h3{color: #63002c; font:normal 22px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; padding-top:0px;}
.sidebar-home p {line-height:1.3em; color: #333;}



/************* Navigation Top **************/
.navbar {width: 745px;  height:30px; background: url(../images/bg_navbar.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 0px; text-align: left; float:right;}/*was 68px*/
/*.navbar ul {list-style: none; margin:0px auto; display: inline; text-decoration: none; text-align: left; text-transform:uppercase;}
.navbar li {
	display:inline;
	margin:0px auto;
	padding:20px 20px 0px 0px;
	text-decoration: none;
	text-align: left;
}
.navbar li a {color: #ffffff; text-decoration: none; font: bold 14px Arial, Tahoma, Trebuchet MS, Lucida Sans; letter-spacing: -1px;}
.navbar li a:hover {color: #833444; text-decoration: none;}/*was ddeeff*/
*/
.login-nav {padding:8px 0px 0px 0px; font: 1.2em normal tahoma,arial; float: right; color:#1e3c5a;}
.login-nav a { color: #ffffff; text-decoration: none; }
.login-nav a:hover { color: #833444; }


/************* Navigation Right **************/


#navLinks{
	margin: 0px;
	padding: 0px;
}

#navLinks ul{
	display: block;
	list-style-type: none;
	padding left: 10px;
	margin: 0px 0px 0px 0px;
}

#navLinks li{
	display: inline; 
	color: #317b9e; /*#455560 #86ccf0*/
	text-decoration: none; 
	margin-left: 0px;
}

#navLinks h3{
	font-size: 16px;
	margin: 20px 0px 5px 0px;
}

#navLinks a:link, #navLinks a:visited {
	display: block;
	font-weight: normal;
	color: #317b9e;/*#21536A #6AA1B0*/
	text-decoration: none; 
	padding: 4px 0px 4px 10px;
	margin: 0px 0px 0px 0px;

}

#navLinks a:hover{
	background-color: #e7f1d1;/*#DDEEFF*/
	color: #cf5530;
	background-image: none;
	font-weight: normal;
	text-decoration: none;
}

#navSub ul{
	display: block;
	list-style-type: none;
	padding left: 10px;
	margin: 0px 0px 5px 0px;
}

#navSub li{
	padding: 2px 0px 2px 20px;
}

#navSub a:link, #navSub a:visited {
	display: block;
	font-weight: normal;
	color: #666;
	text-decoration: none; 
}

#navSub a:hover{
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

#navRelated{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

#navRelated ul{
	display: block;
	list-style-type: none;
	padding left: 10px;
	margin: 10px 0px 10px 0px;
}

#navRelated h3{
	font-size: 16px;
	margin: 0px 0px 0px 0px;
}

#navRelated a:link, #navRelated a:visited{
	display: block;
	font-weight: normal;
	color: #21536A;
	padding: 2px 0px 2px 10px;
	text-decoration: none; 
}
#navRelated a:hover{
	display: block;
	font-weight: normal;
	text-decoration: none; 
	background-color: #DDEEFF;
}

/************* Content **************/
.content {
}
.content ul{list-style:url(../images/bullet.gif) outside; margin: 10px 0px 15px 35px;}
.content ol{margin: 10px 0px 15px 35px;}
.content li{margin: 10px 0px 15px 0px;}
.content-home ul{list-style:url(../images/bullet.gif) outside; margin: 10px 0px 15px 35px;}
.content-home ol{margin: 10px 0px 15px 35px;}
.content-home li{margin: 10px 0px 15px 0px;}
.headblack {
	color:#333;
	font:normal 22px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

.headgreen {
	font:normal 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color:#78a22f;
}

.headorange {
	font:normal 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color:#ff4609;
}

.headblue {
	font:normal 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color:#0064a5;
}

	
.headsub, p.headsub {color:#0064a5; font:bold 16px/16px Arial, Helvetica, sans-serif;}
.headhome{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; padding-top:0px;}
.headbox{color:#333; font:normal 22px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; padding-top:0px;}
.headbox2 {
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	background-color: #F5F7F7;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 10px;
}

#columnA {
	vertical-align: top;
	padding-right: 10px;
	line-height: 14px;
}
#columnB {
	vertical-align: top;
	line-height: 14px;
	padding-left: 10px;
}

.border {border: 1px solid #cccccc;}
.imagelist {border-bottom: 1px solid #dddddd; padding-top:10px;}

.faq:link {
	color:#833444;
	text-decoration:none;
	margin: 0px 0px 7px 0px;
}
.faq:visited {
	color:#833444;
	text-decoration:none;
}
.faq:hover {
	color:#999999;
	text-decoration:underline;
}
.faq {
	margin:0px 0px 7px 0px;
}


/************* Features **************/
.features {
	width:590px;
    margin-left: auto;
    margin-right: auto;
}

.thumb {
	background:#F4F4F4 none repeat scroll 0%;
	display:block;
	padding:4px;
	float:left;
	border:1px solid #dddddd;
	margin-bottom:20px;
	text-align:center;
	/*width:252px;
	height:112px;*/
}
.thumb:hover {
	background-color: #D6ECF8;
	border: 1px solid #82B7DF;
}
.thumb img {
	border:1px solid #dddddd;
}

.thumb a img {
border-style:none;
}

.thumb-desc {
	float:left;
	margin-bottom:20px;
	padding-left:20px;
	width:310px;
	text-align:left;
}

.thumb-desc h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
}

.screen {
	background:#fff none repeat scroll 0%;
	display:block;
	padding:4px;
	border:1px solid #ccc;
	text-align:center;
    margin-left: auto;
    margin-right: auto;
	/*width:252px;
	height:112px;*/
}
.screen:hover {
	background-color: #D6ECF8;
	border: 1px solid #82B7DF;
}
.screen img {
	border:1px solid #ccc;
}

.screen a img {
border-style:none;
}

img.photo {
	background:#ffffff none repeat scroll 0%;
	padding:5px;
	border:1px solid #ccc;
	margin:0px 0px 0px 0px;
	text-align:center;
	font-size:.9em;
}

img.photoright {
	background:#ffffff none repeat scroll 0%;
	display:block;
	padding:5px;
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
	text-align:center;
	font-size:.9em;
}

img.photoleft {
	background:#ffffff none repeat scroll 0%;
	display:block;
	padding:5px;
	border:1px solid #ccc;
	margin:0px 10px 10px 0px;
	text-align:center;
	font-size:.9em;
}


/************* Tables **************/
.grid table a,
.grid table a:link,
.grid table a:visited {
	border:none;
	}		
.grid table {
	border-top:1px solid #c8df97;
	border-right:1px solid #c8df97;
	margin:1em auto;
	border-collapse:collapse;
	}
.grid caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td,
tr.odd .column1 {
	background:#e7f1d1;
	}	
.column1	{
	background:#f9fcfe;
	}
.grid td {
	color:#5397d8;
	border-bottom: 1px solid #c8df97;
	border-left:1px solid #c8df97;
	padding:.3em;
	}				
.grid th {
	font-weight:normal;
	color: #5397d8;
	text-align:left;
	border-bottom: 1px solid #c8df97;
	border-left:1px solid #c8df97;
	padding:.3em;
	}	
.grid thead th {
	background:#e7f1d1;
	text-align:left;
	font:bold 1.1em/2em Arial,Helvetica,sans-serif;
	color:#5397d8
	}				
.grid tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
.grid tfoot th strong {
	font:bold 1.2em Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
.grid tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

/************* Forms **************/
.formhead {
	background-color: #eeeeee;
	font: bold 14px/14px Arial, sans serif;
	color: #833444;
	padding: 5px 0px 5px 0px;
}

/************* Merchants and Shopping **************/
.prodlist {
    font: normal .8em Arial, Helvetica, sans-serif;
}

.text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}


.topnav {
    font: bold 14px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
	color:#999999;
	text-decoration: none;
}
.topnav a:hover {
    font: bold 14px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
	color:#f06000;
	text-decoration: none;
}

/************* Homepage **************/
.homebannerBG { width: 100%; background: url(../images/bg_bannerhome.jpg) repeat-x 0px 0px;}
.homebanner { width: 900px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; height: 172px;}
.homebanner img {float:right; }
.homebox{width:320px; display: block;}
.homebox h2{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-top:0px;}
.homebox p{color:#333; margin-left:60px;}
.homebox a{font:normal 16px Arial, Helvetica, sans-serif; /*letter-spacing:-1px;}*/}
.home-assoc {text-align:center;}
.homecontent {float:left;width:500px; border-right: 1px dotted #dddddd; padding-right: 23px;}
.homecontent p {line-height:1.3em; color: #333;}
.homeright{background:#ffffff; float:left; width:200px; DISPLAY: block; PADDING-LEFT: 15px; border-right: 1px dotted #dddddd;}
.homeright h3 	{font:normal 26px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*color: #32669a;*/
	color: #8aae4c;}
.homeright form {margin-top: 0px;}
.homeads{background:#ffffff; float:right; width:160px; DISPLAY: block; text-align:center;}
.softbannerBG { width: 100%; margin-top:10px;/*background: url(../images/bg_bannerhome.jpg) repeat-x 0px 0px;*/}
.softbanner { width: 900px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; height: 250px; background: url(../images/banner_pigbank.jpg) repeat-x 0px 0px;}
.softcontent {float:left;width:600px; border-right: 1px dotted #dddddd; padding-right: 23px;}
.softcontent p {line-height:1.3em; color: #333;}
.softright{background:#ffffff; float:left; width:260px; DISPLAY: block; PADDING-LEFT: 15px;}
.softright h3 	{font:normal 26px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*color: #32669a;*/
	color: #8aae4c;}

.homebox1{/*background:url(../images/bg_prod.jpg) no-repeat 0px 0px;*/ float:left; width:480px; height:200px; margin-right:0px; padding:20px 20px; display: block;}
.homebox2{background:url(../images/bg_prod.jpg) no-repeat 0px 0px; float:left; width:238px; height:260px; margin-right:33px; padding:20px 20px; display: block;}
.homebox3{background:url(../images/bg_prod.jpg) no-repeat 0px 0px; float:left; width:238px; height:260px; padding:20px 20px; display: block;}
.homebox4{float:left; width:460px; margin:15px 15px 15px 0px; display: block;}
.homebox4 h2{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-top:0px;}
.homebox4 p{color:#333; font:normal 12px Arial, Helvetica, sans-serif; margin-left:60px;}
.homebox4 a{font:normal 16px Arial, Helvetica, sans-serif; /*letter-spacing:-1px;}*/}
.homebox5{float:left; width:433px; margin:15px 0px 15px 0px; display: block;}
.homebox5 h2{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-top:0px;}
.homebox5 p{color:#333; font:normal 12px Arial, Helvetica, sans-serif; margin-left:60px;}
.homebox1 a:link{background:url(../images/bg_prod.jpg) 0px 0px;}
.homebox1 a:hover{background:url(../images/bg_prodlims.jpg) 0px 0px;}
.homebox ul{list-style:url(../images/bullet.gif) outside;margin: 10px 0px 15px 25px;}
.homebox ol{margin: 10px 0px 15px 25px;}
.homebox li{margin: 10px 0px 15px 0px;}


/************* Extra **************/
.extraleft{float:left;clear:left;width:225px}
.extra {background:#FF8539; clear:both; width:100%}


/************* Footer **************/

.footerBG {width: 100%; float: left; background: #e5e5d9 url(../images/bg_footer.jpg) repeat-x 0px 0px;  padding: 15px 0px; margin-top:15px; height:60px;}
.footer {width: 900px; position: relative; clear: left; margin: 0 auto; text-align: center;}
.footer p {padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; color:#666; font-size: 11px; display: block;}
.footer p a {color:#6699cc; text-decoration: underline;}

.footer ul {display: inline; padding: 0px; margin: 0px; }
.footer li {display: inline; padding: 0px; margin: 0px; list-style-type: none;}

