/* Page Directives */

BODY
{
	margin: 0px;
	color: #666;
	font-family: arial;
	background: #FFFFF7;
}
INPUT.textbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #FFF; font-weight: normal; border: 1px solid black; color: black; }
INPUT.exception { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #FFF;margin:0px; font-weight: normal; border: 1px solid black; color: black; }

.widthbox{width:110px;}

UL { margin-left: 10px; padding-left: 10px; list-style-image:url(../images/dot.gif) }
.TopNavBtn{background: #747474;font-family: verdana;text-decoration:none;color:#ffffff; font-size: 11px;padding-top:3px;padding-bottom:4px;padding-left:15px;padding-right:15px;border-left:1px #ffffff solid;}

.Sp_Header
{
	font-size: 17px; 
	font-weight: bold; 
	color: rgb(50, 88, 122); 
	font-family: geneva,arial,helvetica,sans-serif;
}
.faqgreen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #002966;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.disc_box
{
	padding-right: 7px;
	list-style-position: inside;
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 7px;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Verdana;
	list-style-type: square;
	background-color: #dfe9e4;
	text-align: left;
	width:446px;
}
#box
{
	list-style-position: inside;
	font-size: 12px;
	padding: 0px;
	vertical-align:top;
	font-family: Verdana;
	list-style-type: square;
	background-color: #ffffff;
	text-align: left;
	border:1px solid #000000;
	float:left;
}

#boxWBBG
{
	padding-right: 5px;
	list-style-position: inside;
	font-size: 12px;
	float: left;
	padding-bottom: 10px;
	vertical-align: top;
	font-family: Verdana;
	list-style-type: square;
	background-color: floralwhite;
	text-align: left;
}
#box h1
{	padding:0px;
	margin:0px;
	background-color: #dfe9e4;
	font-size:15px;	
}
.headerblue
{
    color:#039;
    font-family:Arial;
    font-size:19px;
    font-weight:bold;
	
}
.headerblue
{
    color:#039;
    font-family:Arial;
    font-size:19px;
    font-weight:bold;
	
}
.disc_box_np

{

    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    MARGIN-TOP: 1px;
    FONT-SIZE: 11px;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, geneva;
    Font-weight:normal;
    BACKGROUND-COLOR: #ffffff;
    text-align:left;

}
.warn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.bluebutton
{color: #ffffff; border: 1px solid black; padding: 4px; font-weight: bold;  background-color: steelblue; text-decoration: none;cursor:hand;
}
/* Layout */

#left_bar {	float: left; margin-left:1px; width:170px;  padding:0px; height:auto; clear:right; }
#left_bar h1 span {	display: none; }
.left_bar_header {border-bottom:1px solid #fff; padding-top:3px;font-size: 12px; height:22px; width:169px; font-weight: bold; background:#7ca49c; color: #fff;text-decoration:none; }
.left_bar_header a
{
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 0px 5px;
	color: #fff;
	font-family: Verdana, Arial, 'Microsoft Sans Serif';
	
	top: 0px;
	text-decoration: none;
	
	
}
.left_bar_header a:hover
{
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 0px 5px;
	color: #006F62;
	font-family: Verdana, Arial, 'Microsoft Sans Serif';
	top: 0px;
	text-decoration: none;
	
	
}
.sub_left_bar_header {
	
	background-position:0px 25px;
	font-family: Verdana, Arial, 'Microsoft Sans Serif';
	padding: 2px 0 0 20px;
	width:148px;
	font-size: 12px;
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	height:20px; 
	font-weight: bold; 
	color: #8D8E8E;
	text-decoration:none; 
}
.sub_left_bar_header a
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px 5px;
	font-family: Verdana, Arial, 'Microsoft Sans Serif';
	top: 0px;
	text-decoration: none;
	
	
}



#header { width: 800px;	height: 80px; margin: 0px; background-image: url(images/header.gif); background-repeat: no-repeat;}
#header h1 span { display: none; }

#header_ezine { width: 600px;	height: 90px; margin: 0px; background-image: url(images/TheHRSebanner.gif); background-repeat: no-repeat;}
#header_ezine h1 span { display: none; }

#header_text1 { width: 660px; height: 0px; background-image: url(images/header_text.jpg); background-repeat: no-repeat; padding: 0px; margin: 0px;}

#menu_top { width:800px; height: 25px; background: #006F62; }

#ad_top_right1 {width: 150px; height: 145px; position: absolute; top: 150px; left: 610px; padding: 5px; text-align: center; visibility: visible; }

#ad_top_right
{
	float:right;
	visibility: visible;
	width: 140px;
	padding-top: 10px;
	top: 106px;
	text-align: center;
	
	
}

#ad_top_right h1 { display: none; }

#ad_primary { width: 150px;	height: 600px; position: absolute; top: 155px; left: 620px; padding: 5px; text-align: center; visibility: visible; }
#ad_primary h1 {display: none; }

#welcome_left {	background: #E4EDE9; width: 159px; height: 202px; font-family: arial; font-size: 10px; font-weight: bold; color: #000; border-right: 1px black dashed; padding: 5px; }
#welcome_left h1 { font-family: arial; font-size: 12px; font-weight: bold; color: #000; }
#welcome_left a { font-family: arial; font-size: 11px; color: #0066CC; font-weight: bold; text-decoration: none; }
#welcome_left a:hover { font-family: arial; font-size: 11px; color: red; font-weight: bold; text-decoration: none; }
.Fieldlbls {width:150px; font-size:12px; font-weight:bold;float:left}

#menu_left
{
	padding-right: 12px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 12px;
	margin-left: 5px;
	width: 139px;
	color: #006633;
	line-height: 30px;
	padding-top: 0px;
	font-family: Verdana, Arial, sans-serif;
}
.menu_space{line-height:11px;}
#menu_left h1 { font-family: arial;	font-size: 12px; font-weight: bold;	text-decoration: underline;	text-align: center;	color: #FFF; }
#menu_left .header { font-family: arial; font-size: 16px; font-weight: bold; text-decoration: underline; text-align: center; color: #FFF; }
#menu_left a { line-height:11px; font-family: arial; font-weight:bold; font-size: 11px; color: #0066CC;text-decoration:none; }
#menu_left a:hover { line-height:11px; font-family: arial; font-size: 11px;  color: red;text-decoration:none;margin-top:15px; }
#container{WIDTH: 800px; border:0px solid #000;margin:auto; background-image: url(images/bg.gif); background-repeat:repeat-y;}
#content { display:block;  font-family: arial; font-size: 12px; width: 460px; float: left; padding:15px 0px 0 10px;height:100%;}
#content a { font-family: arial; font-size: 11px; color: #0066CC; font-weight: bold; text-decoration: none; }
#content a:hover { font-family: arial; font-size: 11px; color: red; font-weight: bold; text-decoration: none; }
#content .reports { font-family: arial; font-size: 11px; color: #0066CC; font-weight: bold; text-decoration: none; }
#content .reports:hover { font-family: arial; font-size: 11px; color: red; font-weight: bold; text-decoration: none; }
#content .reports:visited { font-family: arial; font-size: 11px; color: #3399FF; font-weight: bold; text-decoration: none; }
#subscribe_btn a{ background: #006F62; border: 1px black solid; border-bottom: 2px #969A9A solid; border-right: 2px #7B7D7D solid; font-size: 11px; color: #ffffff; font-weight: bold; padding: 2px 15px 2px 15px; }
#subscribe_btn a:hover { background: #7BA499;border: 1px black solid; border-bottom: 2px #000000 solid; border-right: 2px #000000 solid; font-size: 11px; color: #ffffff; font-weight: bold; padding: 2px 15px 2px 15px; }



#sec_title { font-family: arial; font-size: 16px; color: #000; font-weight: bold; text-decoration: none; padding-left: 0px; padding-top: 5px; padding-bottom: 10px; }



#footer_box { list-style-position: inside; float:left; width: 800px; background:#fff; border-top:1px solid #006F62;}

#footer
{
	font-weight: bold;
	font-size: 12px;
	background: #006f62;
	text-transform: capitalize;
	width: 800px;
	color: #ffffff;
	font-family: arial;
	text-align: center;
}
#footer a { font-family: arial;	font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 5px; }
#footer a:hover { font-family: arial;	font-size: 12px; color: #F7F8C7; font-weight: bold; text-decoration: none; padding: 5px; }

/* Text Styles */

.header { font-family: arial; font-size: 14px; font-weight: bold;}

.header_grey { font-family: arial; font-size: 14px; color: #888; font-weight: bold; }

.subheader { font-family: arial; font-size: 11px; font-weight: normal; }

.subheaderbold { font-family: arial; font-size: 11px; font-weight: bold; text-align: center; }

.top_login_name { font-family: arial; font-size: 11px; color: #FFF; font-weight: bold; text-decoration: none; position: absolute; top: 5px; left: 20px; }

.subtotal_text { font-family: arial; font-size: 14px; color: #FFF; font-weight: bold; padding-right: 5px; }

.white_text_big { font-family: arial; font-size: 12px; color: #FFF; font-weight: bold; padding-right: 5px; }

.print_sample { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #FFF; font-weight: normal; border: 1px solid black; color: black; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; text-decoration: none; }

.bold_blue { font-family: arial; font-size: 12px; font-weight: bold; color: #0066CC; }




.item { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #002966; FONT-FAMILY: Arial, Helvetica, Sans-serif; TEXT-DECORATION: none; }
.item:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc6633; FONT-FAMILY: Arial, Helvetica, Sans-serif; TEXT-DECORATION: none; }


#checkout_btn { border: 1px solid black; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; margin: 3px; }
#checkout_btn a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000; text-decoration: none; }
#checkout_btn a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000; text-decoration: none; }

/* Top Menu: Positioning for the menu pics */
a.top_login { position: absolute; left: 50px; top: 2px; }

a.top_subsvc { position: absolute; left: 175px; top: 2px; }

a.top_contact {	position: absolute; left: 360px; top: 2px; }

a.top_cart { position: absolute; left: 475px; top: 2px; }

a.boldlink { font-family: arial; font-size: 11px; font-weight: bold; }
a.boldlink:visited { font-family: arial; font-size: 11px;  }



/* *******************************************************

menu styles


**********************************************************/
#topnav ul {
	margin: 0 0 0 170px;
	padding: 0;
	list-style-type: none;
	
}

#topnav li {
	margin: 0;
	float: left;
	/*width: 120px;*/
	color: #000000;
}


#topnav li#notselected, li#selected  {
	display: block;
	padding: 2px 20px 2px 20px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#topnav li a, #topnav li a:hover  {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#topnav li#notselected {
	border-top: 5px solid #006F62;
	margin-left:3px;
	background: url(images/corner.gif) #ffffff no-repeat;
	background-color:#7BA499;
	color: #ffffff;
	text-align:center;
}
#topnav li#notselected a{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color:#ffffff;
}
#topnav li#selected
{
	border-top: #006f62 5px solid;
	background: url(images/corner.gif) #ffffff no-repeat;
	margin-left: 3px;
	color: #006f62;
	text-align: center;
}
#topnav li#selected a{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color:#006f62;
}
#topnav li#notselected:hover, #topnav li#notselected.over
{	margin-left:3px;
	border-top: 5px solid #006F62;
	background: url(images/corner.gif) #ffffff no-repeat;

}
#topnav li#notselected:hover a, #topnav li#notselected.over a
{	
	color: #006f62;
}
#topnav li#notselected a:hover{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color:#006f62;
}


