@charset "utf-8";
 
html, body{height:100%;} 
body {margin: 0 0; padding: 0 0; background: #fff url(/img/backSlab.jpg) repeat-x;}
body#var_body {margin: 0 0; padding: 0 0; background: #fff url(/var/img/var_backSlab.jpg) repeat-x; }

/* Little trick to keep a "stickyfooter" always at the bottom of the viewport */
#wrap {position: relative; min-height:100%;}
* html #wrap{height:100%; }

/* centered container div that holds pretty much everything */
div#home_layout { width: 900px; margin: 0 auto 10px auto; padding: 0 0 10px 0; background:#FFF url(/img/homebanner_back.jpg) no-repeat; overflow: auto;}
div#var_layout {  width: 900px; margin: 0 auto 10px auto; padding: 0 0 10px 0; background:#FFF url(/var/img/varbanner_back.jpg) no-repeat; overflow:auto;  }

/* The Value-Added Distributor..... blurb up top */
h1#branding {padding: 0 0; margin: 52px 0 0 330px; letter-spacing: 1px; font: normal 20px Arial, Helvetica, sans-serif; color: #FFF; }

/* holds the flash movie on the homepage */
div#movie { margin: 0 0; padding: 0 0;}

/* holds the bottom panel on the homepage */
div#bottom_panel { margin-left: 8px; margin-bottom: 20px; width: 874px; height: 187px; background-image:url(/img/lower_panel.jpg); background-repeat:no-repeat; position: relative;}
div#bottom_panel div#emr {position: absolute; top: 25px; left: 5px; width: 255px; }
div#bottom_panel div#emr h4 a:visited {color: #fff; text-decoration: none;}
div#bottom_panel div#emr h4 a {position: absolute; top: 137px; left: 85px; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; color: #fff;}
div#bottom_panel div#emr h4 a:hover {color: #000; border-bottom: 1px dotted #fff;}
div#bottom_panel div#services {position: absolute; top: 25px; left: 275px; width: 255px; }
div#bottom_panel div#services ul {list-style-image:url(/img/blt.gif); margin: 12px 0 0 40px; padding: 0 0; font: 15px Arial, Helvetica, sans-serif;}
div#bottom_panel div#services h4 a {position: absolute; top: 137px; left: 90px; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; color:#95802D;}
div#bottom_panel div#services h4 a:hover {color: #000; border-bottom: 1px dotted #fff;}

/* Public Nav Panel located in /includes/publicNav.php */
ul#nav {float: right; margin: 36px 5px 0 0; padding: 0 15px; list-style:none;}
ul#nav li { font: normal 16px  Arial, Helvetica, sans-serif; margin: 15px 0 26px 12px; padding: 0 0 0 10px;}
ul#nav li a:visited {color:#000;}
ul#nav li a {text-decoration: none; color:#000; font-weight: bold; }
ul#nav li a span{font-weight: normal; color: #000;}
ul#nav li a:hover {text-decoration: none; color: #000; border-bottom: 1px dotted #B3A039;}

/* VAR Nav Panel located in /includes/varNav.php */
ul#varNav {float: right; margin: 34px 8px 0 0; padding: 0 25px; list-style:none;}
ul#varNav li { font: normal 16px  Arial, Helvetica, sans-serif; margin: 15px 0 28px 10px; padding: 0 0 0 10px;}
ul#varNav li a:visited {color:#000;}
ul#varNav li a {text-decoration: none; color:#000; font-weight: bold; }
ul#varNav li a span{font-weight: normal; color: #000;}
ul#varNav li a:hover {text-decoration: none; color: #000; border-bottom: 1px dotted #B3A039;}

/* Public HomePage Title located up top and right aligned (image replacement technique "spotlight") */
h1#title_home {position: relative; width: 499px; height: 60px; margin: 12px 0 0 130px; padding: 0 0; }
h1#title_home span { background: url(/img/spotlight.jpg) no-repeat; position: absolute; width: 100%;	height: 100%;}

/* Public Title located up top and right aligned */
h1#title {position: relative; width: 479px; height: 50px; margin: 14px 10px 0 130px; padding: 15px 25px 0 0; font: bold italic 24px  Arial, Helvetica, sans-serif; color:#000; text-align: right; background: url(/img/title_underline.jpg) no-repeat;}
h1#var_title {position: relative; width: 479px; height: 50px; margin: 14px 10px 0 130px; padding: 15px 25px 0 0; font: bold italic 24px  Arial, Helvetica, sans-serif; color:#000; text-align: right; background: url(/var/img/var_title_underline.jpg) no-repeat;}

/* Public and VAR body text and link styles */
div#content { padding: 0 240px 30px 15px; margin: 0 0;}
div#content p {font: normal 16px  Arial, Helvetica, sans-serif; color:#333; margin: 0 0; padding: 6px 0; line-height: 18px;}
div#content p a:visited { color:#333;}
div#content p a { text-decoration: none; font-weight: bold; color:#333; border-bottom: 1px dotted #B3A039;}
div#content p a:hover { text-decoration: none; border-bottom: none;}
div#advantage { width: 340px; float: right; padding-left: 30px; border-left: 2px dotted #CC9900;}
a.img { text-decoration: none;}
a.img:hover { text-decoration: none; border-bottom:none;}
div#content h2 { margin: 5px 0 0 0; padding: 0 0;}
div#content h3.headline { color: #000; font: bold 24px  Arial, Helvetica, sans-serif;}
.headline {  color: #000; font: bold 16px  Arial, Helvetica, sans-serif;}
.standard { color: #000; font: normal 15px  Arial, Helvetica, sans-serif;}
.standard a:visited { color: #000; text-decoration: none }
.standard a { color: #000; font: normal 15px  Arial, Helvetica, sans-serif; text-decoration:none;}
.standard a:hover { text-decoration: none; border-bottom: none; }
div.center {margin: 15px auto 20px auto; width: 400px;}
.txt_ctr {text-align: center;}
.col_header {font: bold 11px verdana, Arial, Helvetica, sans-serif; color:#000000; }
.bennies{	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 12px;}
ul.goldbullets  {list-style-image: url(/img/blt.gif); font: normal 15px Arial, Helvetica, sans-serif;}
ul.goldbullets  li {margin: 15px 0;}
ul.goldbullets  li  a:visited { color:#333;}
ul.goldbullets  li  a { text-decoration: none; font-weight: bold; color:#333; border-bottom: 1px dotted #B3A039;}
ul.goldbullets  li  a:hover { text-decoration: none; border-bottom: none;}
.table {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 175px;
	margin-top: 50px;
}
.table a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #B3A039;
	text-decoration: none;
	color: #000000;
}
.table a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #B3A039;
}
.table a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	height: 100%;
	width: 100%;
}

/* Public footer and copyright info located at the bottom of the page using a "stickyfooter" */
div#siteinfo {position:relative; bottom:0; left:0; clear:both; width: 100%; height: 20px; background:url(/img/pub_footer.jpg) repeat-x;  margin: -28px auto 0 auto; padding-top: 8px; letter-spacing: 1px; text-align: center; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
div#siteinfo a:visited { color: #000; text-decoration: none }
div#siteinfo a { color: #000;  text-decoration:none;}
div#siteinfo a:hover { text-decoration: none; border-bottom: 1px dotted #666; }

/* VAR footer and copyright info located at the bottom of the page using a "stickyfooter" */
div#var_siteinfo {position:relative; bottom:0; left:0; clear: both; width: 100%; height: 20px; background:url(/var/img/var_layout_footer.jpg) repeat-x;  margin: -28px auto 0 auto; letter-spacing: 1px; padding-top: 8px; text-align: center; font: normal 10px  Verdana, Arial, Helvetica, sans-serif;}
div#var_siteinfo a:visited { color: #000; text-decoration: none }
div#var_siteinfo a { color: #000;  text-decoration:none;}
div#var_siteinfo a:hover { text-decoration: none; border-bottom: 1px dotted #666; }