@charset "utf-8";
/* CSS Document */

body {
	background: #cccccc url('../images/background.jpg') repeat-y;
	background-position: center;
    color: #000;
	font-family: verdana, arial, sans-serif; 
	font-size: 12px; 
    line-height: 18px; 
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a:link {
    color: #990000;
    text-decoration: none;
}
a:visited {
    color: #990000;
    text-decoration: none;
}
a:hover {
    color: #990000;
    text-decoration: underline;
}
a:active {
    color: #990000;
    text-decoration: none;
}

p {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

h1 {
	color: #179233;
    font-family: verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}
h2 {
	color: #179233;
    font-family: verdana, arial, sans-serif;
	font-size: 14px;
}
h3 {
	color: #179233;
    font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

#page-container {
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

hr {
	background-color: #cccccc;
	border: 0px;
	color: #cccccc;
	height: 2px;
	margin: 0px;
	margin-top: -5px;
	padding: 0px;
}

/* ------- Header ------- */

#header {
	height: 78px;
	padding: 0px 10px 0px 10px;
}

#header-right {
	float: right;
	width: 474px;
}

#client-login, #client-login a {
	color: #ff0000;
	font-weight: bold;
	float: right;
	margin-top: -5px;
}

#self-service-tagline {
	color: #ff0000;
	font-size: 18px;
	line-height: 20px;	
	margin: 17px 0px 0px 125px;
}

/* ------- Navigation ------- */

#top-nav {
	background: url('../images/top-nav-bg.jpg'); no-repeat;
	color: #FFFFFF;
	
	font-size: 12px;
	height: 34px;
	text-align: center;
	width: 940px;
}

#top-nav #navlinks {
	padding-top: 8px;
}

#top-nav a {
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}

#top-nav a:hover {
	text-decoration: underline;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         { width: 940px; float: left; position: relative; margin-top: -6px; padding-top: 0px; margin-left: 10px; }
html>/**/body ul.dropdown  						{ margin-left: -20px; }
ul.dropdown li                      { float: left; display: block; margin: 0px; padding: 0px; padding: 0px 11px; border-right: 1px solid #007c3d; color: #FFF; padding-top: 5px; padding-bottom: 8px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { padding-top: 10px; padding-bottom: 10px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #FFFFFF; position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 195px; visibility: hidden; position: absolute; top: 100%; left: -2px; text-align: left; margin: 0px; padding: 0px; border: 1px solid #007c3d; font-size: 11px; }
ul.dropdown ul li 					{ font-weight: normal; background: #179233; color: #000; float: none; border: 0px; padding: 0px; padding-left: 10px; }
* html ul.dropdown ul li		{ display: inline-block; } 
*:first-child+html ul.dropdown ul li		{ display: inline-block;} 
                                    	/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a		{ color: #FFFFFF; border-right: none; width: 100%; display: inline-block; padding: 5px 10px 10px 0px; }


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; margin-top: -1px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* ------- Sidebar ------- */

#sidebar-container {
	float: left;
	width: 210px;
}

#sidebar {
	padding-left: 10px;
}

#questions {
	color: #00ac0a;
	font-size: 14px;
}

.sidebar-box {
	background: url('../images/sidebar-btn-bg.gif') repeat-y;
	border-bottom: 1px solid #179233;
	width: 202px;
}

.sidebar-box-header {
	background: url('../images/sidebar-box-header.gif');
	height: 31px;
	width: 202px;
}

.sidebar-box-header p {
	color: #FFFFFF;
	padding: 6px 0px 0px 11px;
	margin: 0px;
}

.sidebar-box-content {
	padding: 5px 10px 8px 10px;
}

.textfield {
	border: 1px solid #cccccc;
	color: #353535;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.submitBtn {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	color: #353535;
	margin: 5px 0px 7px 0px;
}

/* ------- Content ------- */

#main-content-container {
	margin-left: 230px;
	padding-top: 12px;
	width: 698px;
}

#main-content-container a {
	text-decoration: underline;
}

#subpage-content-container {
	margin-left: 230px;
	padding-top: 12px;
	width: 695px;
}
#subpage-content-container-demo {
	padding-top: 12px;
	width: 925px;
}
#subpage-content-container-demo h1{
	padding-left:20px;
}
#subpage-content-container-demo p{
	padding-left:20px;
}

#home-report {
	background: url('../images/homepage-report.jpg') no-repeat;
	border: 0px;
	height: 308px;
	width: 698px;
}

#web-mc {
	float: right;
	margin-top: 7px;
	margin-right: 1px;
	outline: none;
	text-align: right;
}

#gemleft {
	float: left;
	width: 360px;
}

#gemright {
	margin-left: 380px;
	width: 300px;
}

#homeleft {
	float: left;
	width: 378px;
}

#homeright {
	margin-left: 395px;
	width: 300px;
}

#homeright ul li {
	color: #990000;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: -25px;
}

#subpage-red-list {
	color: #990000;
}

#subpage-red-list li {
	margin-left: -10px;
}
#subpage-black-list {
	color: #000000;
}

#subpage-black-list li {
	margin-left: -10px;
}

#subpage-red-title {
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px 0px 0px 10px;
	margin: 0px;
}

#subpage-left {
	float: left;
	background-color: #CCCCCC;
	width: 340px;
}

#subpage-right {
	margin-left: 350px;
	background-color: #CCCCCC;
	width: 340px;
}

th {
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
}

.OrderForm, .OrderForm td
{
	font-size:8pt;
}

.OrderForm input, .OrderForm select
{
	font-size:8pt;
}
	
/* ------- Testimonial Slider on Homepage ------- */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
margin-bottom: 5px;
width: 175px; /*width of featured content slider*/
height: 290px;
}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 175px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 170px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
}

.pagination a{
padding: 0 4px;
background: white;
text-decoration: none;
}

.pagination a:hover, .pagination a.selected{
text-decoration: underline;
}

.testimonial-by {
	margin: 10px 0px 20px 0px;
}


/* ------- Footer ------- */

#footer {
	clear: both;
	color: #990000;
	margin-left: 10px;
	padding-top: 10px;
	text-align: center;
	width: 920px;
}

#footer hr {
	background-color: #e3e3e3;
	color: #e3e3e3;
	border: 0px;
	height: 2px;
	margin: 0px;
	padding: 0px;
}
