/* CSS Document */

body {
	margin: 0 auto;
}
.img {
	border:none;
}

/* Text */

a, visited{ font:Arial, Helvetica, sans-serif; font-size:12px; color:grey; text-decoration:none;}
a:hover{text-decoration:underline; }

#mainnav a, a:visited, a:active{
	font-size:12px;
	color:#BF101A;
	font-family: Arial, Helvetica, sans-serif;
}
#mainnav a:hover{ color: #FFFFFF; background-color:#B8D92B;}
.HER{ background-color: #B8D92B; color:#FFFFFF; font:bolder; padding: 0px 3px 2px 3px;}

#leftnav a, a:visited, {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#3B3A34;}
#leftnav a:hover{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#BF101A;text-decoration:underline; }
#leftnav .UP{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#BF101A;}

.footerT {
	font:Arial, Helvetica, sans-serif; 
	font-size:12px;
	letter-spacing: 0.1em;
	color: #B1AE9E;
}

.p {font:12px/1.25em Arial, Helvetica, sans-serif; color:#3B3A34; lineheight: 1.5em;}

.p a:link { color: black; text-decoration: underline; }

.red { color: #BF101A }
h1{ font:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#BF101A; font:bold; padding-bottom:8px; margin:0;}

h2 {font:Georgia, "Times New Roman", Times, serif; font-size:16px;color: #3B3A34; font:bold; margin:0;}

h3 {font:Georgia, "Times New Roman", Times, serif; font-size:18px;color: #3B3A34; margin:0;}

.black{ font:Arial, Helvetica, sans-serif; font-size:12px;color: black;}
.TINY{ font:Arial, Helvetica, sans-serif; font-size:11px;color: black;}
.pad {
	padding:10px;
}

/* Containers-- Outer -- */

#wrapr {
	width:894px;
	margin: 0 auto;
	height: auto;
	padding: 0px 10px 10px 0px;
}
#clearem {
	clear:both;
	width: 825px;
}
#clearL {
	clear: left;
}
#main {
	width:874px;
	height: auto;
	background-position:top;
	background-image:url(images/hdr-bg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#shadeB {
	width:876px;
	height:8px;
	background-image:url(images/shadeB.png);
	background-repeat: repeat-x;
}
#shadeR {
	width:8px;
	height:760px;
	/*background-image:url(images/shadeR.jpg);
	background-repeat: repeat-y;*/
	float: right;
	/*border-left:1px solid #CCCCCC;*/
}

.cleard {
	clear:both;
}

/* This is not going to work, need a new footer box that fits within the intBod box */

/* In use on the hp only */

#shadeRnu {
	width:8px;
	height:725px;
	/*background-image:url(images/shadeR.jpg);
	background-repeat: repeat-y;*/
	float: right;
	/*border-left:1px solid #CCCCCC;*/
}

/* Left Nav */

#leftnav {
	float:left;
	width:175px;
	height: 307px;
	margin-left: 25px;
	background-image:url(images/panels_nav.png);
	background-repeat: no-repeat;
	padding:15px 0px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.75em;
	
}
#Bod {
	height: auto;
}

#genericPad {
	padding: 5px;
}
/* Form */

#goblin {
	clear:left;
	width: 180px;
	padding: 10px 0px 0px 2px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.15em;
	background-image:url(images/grn-grad-contact_03.png);
	background-repeat:repeat-x;
	margin-top:45px;
	margin-left: 25px;
	margin-right: 5px;
}
/* Main Product Panel */

#hpPanel {
	width: 595px;
	height: 300px;
	float: left;
	background-image:url(images/panels_hp.png);
	background-repeat:no-repeat;
	padding: 15px 5px 14px 10px;
	margin-left: 15px;
}

#Box1 {
	float:left;
	width:143px;
	height:170px;
}
#Box2  {
	float:left;
	width:151px;
	height:170px;
}
#Box3  {
	float:left;
	width:154px;
	height:170px;
}
#Box4  {
	float:left;
	width:146px;
	height:170px;
}
#ButtonsBox {
	clear:both;
	width:590px;
	height:75px;
	border-top:2px solid #CCCCCC;
	padding-top:5px;
}
#Leads {
	float: left;
	width: 248px;
	padding-top:10px;
}
#Tele {
	float:right;
	width:330px;
	margin-left: 5px;
}
/* Footer Panel HP */

#boxbot {
	padding-top: 10px;
	padding-left: 5px;
	margin-right: 15px;
	margin-top: 0px;
}
#formHP {
	height: 178px;
	background-image:url(images/grn-grad-contact_03.png);
	background-repeat:repeat-x;
	padding: 0px 0px 0px 15px;
	margin-top: 0px;
	width: 405px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}
#NM {
	width:400px;
	height: 178px;
	float: right;
	background-image:url(images/grad-hp.png);
	background-repeat: repeat-x;
	margin-left: 5px;
	padding:0px 0px 0px 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
/* Footer */
/* Modified height to fit bbb logo. */
#hrHP {
	padding: 15px 0px 0px 5px;
	margin-top: 20px;
	clear: left;
	height: 110px;
	
}
#bbbL {
	float: left;
	height: 96px;
}
#hr {
	border-top: 1px solid #CCCCCC;
	padding: 8px 0px 0px 10px;
	height: 20px;
	width: 835px;
	margin-left: 15px;
}
#copyright {
	float: left;
	width: 400px;
}
#ftrNav {
	float: right;
	width: 320px;
	padding-right: 30px;
}

#copyrightHP {
	float: left;
	width: 385px;
	margin: 10px;
}
#ftrNavHP {
	float: right;
	width: 310px;
	padding-right: 30px;
	margin: 10px;
}

/* HP HDR */
#hdrPanel {
	width: 850px;
	height: 125px;
	padding-bottom: 15px;
	margin-bottom: 10px;

}
#logoHP {
	padding-left:15px;
	width: 120px;
	padding-top: 10px;
}
#infoboxTop {
	margin-top:25px;
	padding-right: 15px;
	height: 38px;
	width: 259px;
	background-image:url(images/JumpingThruHoops.png);
	background-repeat: no-repeat;
	float: right;
}
#mainnav {
	width: 585px;
	height: 20px;
	padding: 0px 0px 0px 14px;
	margin-left: 250px;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3B3A34;
}
#puzzle {
	width: 120px;
	height: 80px;
	float: left;
}
#info {
	float:right;
}
/* ************************ *//*
/*  Interior Pages
/* ************************ */

#intBod {
	height: auto;
}
#intPanel {
	width: 595px;
	float: right;
	background-image:url(images/int-bod-pan.png);
	background-repeat:no-repeat;
	background-position:top;
	padding: 15px 5px 14px 10px;
	margin-left: 10px;
	margin-right: 18px;

}
#intPanelP {
	width: 600px;
	height: 540px;
	float: right;
	background-image:url(images/int-bod-pan.png);
	background-repeat:no-repeat;
	background-position:top;
	padding: 15px 5px 14px 10px;
	margin-left: 10px;
	margin-right: 18px;

}
#margBig {
	margin-top:40px;
	
}

#product {
	float:left;
	width:101px;
	height:410px;
	margin-right: 10px;
}
#productNu {
	float:left;
	width:101px;
	height:420px;
	margin-right: 10px;
}
#prodCopy {
	float: clear;
	padding: 10px;
}
#ButtonsInt {
	clear:both;
	width:490px;
	height:75px;
	margin-left:105px;
}
#Started {
	width: 248px;
	float: left;
}

/* ************************ */
/* More Products */
/* ************************ */

#Started2 {
	width: 248px;
	clear: both;
}

#colA {
	width: 260px;
	float: left;
	height:140px;
	margin-left: 10px;
	margin-top: 5px;
}

#colB {
	width: 260px;
	float: right;
	height:140px;
	margin-right: 25px;
	margin-top: 5px;

}
#one {
	border-bottom: 3px dashed #dedede;
	margin-bottom:12px;
	padding: 0px 30px 8px 4px;
	background-image:url(more_products/ARO_1.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#two {
	border-bottom: 3px dashed #dedede;
	margin-bottom:12px;
	padding: 0px 30px 8px 4px;
	background-image:url(more_products/ARO_1.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#three {
	border-bottom: 3px dashed #dedede;
	margin-bottom:12px;
	padding: 0px 30px 8px 4px;
	background-image:url(more_products/ARO_1.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#four {
	border-bottom: 3px dashed #dedede;
	margin-bottom:12px;
	padding: 0px 30px 8px 4px;
	background-image:url(more_products/ARO_1.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#ButtonsProd {
	width:500px;
	height:85px;
	margin-left:10px;
	clear: left;
}