/* CSS Document */
/* Layout Elements */ 
html, body { 
margin: 0; 
padding: 0; 
color: #000; 
height: 100%; 
background-color: #ADADAD;
background-image: url(../images/backgrounds/main.gif);
background-repeat: repeat-y;
background-position: center top;
text-align: center; 
} 

p {margin: 0 0; padding: 0 0;} 

#container { 
position: relative; 
width: 716px; 
margin: 0 auto; 
text-align: left;
background-color: #ffffff;
background-image:  url(../images/backgrounds/leftmenu.gif);
background-repeat: repeat-y;
background-position: left top; 
min-height: 100%; /* this is where inheritance stops */ 
} 

/* the following changes the width per box model hack 
and then puts in the 100% height (equivalent to min-height) for IE/Win only */ 
/*\ hide from Mac it's not broken */ 
* html #container { 
width: 716px; 
w\idth: 716px; /* should be 716 if in quirks mode */ 
height: 100%; 
} 
/* end hide */ 

/* trick to get compliant browsers to clear the (right) floated div if required */ 
#container::after{ 
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
font-size: 1px; 
clear: both; 
visibility: hidden; 
} 

#header { 
position: absolute; 
z-index: 100; 
left: 50%; 
margin: 0 0 0 -358px; 
padding: 0 0 0 0; 
height: 131px; 
width: 716px; 
background: #fff; 
} 

#left-col { 
position: relative; 
left: 0px;
margin: 0 0 0 0; 
padding: 171px 0 60px 0; 
width: 182px; 
color: #000; 
} 

#right-col { 
position: relative; 
float: right;
text-indent: 0; 
margin: 131px 0 0 0; 
padding: 40px 0 20px 0; 
width: 515px; 
color: #000; 
background-image:  url(../images/backgrounds/rightback.gif);
background-repeat: no-repeat;
background-position: left top; 
} 

/* Right Column (Content Window) Elements */ 

.page_header {
float:left;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 481px;
height: 36px;
}

.page_header p{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#paqe_content_left {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 176px;
}

#paqe_content_left p{
padding: 0 0 22px 0;
margin: 0 0 0 0;
float: left;
width: 176px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

/* Right Column (Home Page) Elements */ 
#paqe_content_img_right {
padding: 0 34px 0 0;
margin: 0 0 0 0;
float: right;
width: 290px;
height: 229px;
}

.hpage_divider { 
float:left;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 481px;
height : 25px;
background-image : url(../images/h_line.gif);
background-repeat : no-repeat;
background-position : left top;
} 

.hpage_divider2 { 
float:left;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 481px;
height : 40px;
background-image : url(../images/h_line.gif);
background-repeat : no-repeat;
background-position : left center;
} 

.latest_news_container {
float:left;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 481px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

.latest_news_container a:link,  .latest_news_container a:visited, .latest_news_container a:active {
margin : 0 0 0 0;
padding : 0 0 0 0;
text-decoration: none;  
color: #F4980C;
font-weight : bold;
}

.latest_news_container a:hover {
margin : 0 0 0 0;
padding : 0 0 0 0;
text-decoration: underline;  
color: #F4980C;
font-weight : bold;
}

.latest_news_divider { 
float:left;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 481px;
height: 32px;
background-image : url(../images/h_line2.gif);
background-repeat : no-repeat;
background-position : left center;
} 

/* Right Column (About Us Page) Elements */ 

#paqe_content_img_left {
padding: 0 0 10px 0;
margin: 0 0 0 0;
float: left;
width: 290px;
height: 275px;
}

#paqe_content_img_right2 {
padding: 0 34px 0 0;
margin: 0 0 0 0;
float: right;
width: 290px;
height: 285px;
}

#paqe_content_right {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: right;
width: 210px;
}

#paqe_content_right p{
padding: 0 34px 10px 0;
margin: 0 0 0 0;
float: right;
width: 176px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

#paqe_content_right p a:link,  #paqe_content_right p a:visited, #paqe_content_right p a:active {
text-decoration: underline;  
color: #007AC3;
}

#paqe_content_right p a:hover {
text-decoration: none;  
color: #007AC3;
}

/* Right Column (Products Page) Elements */

#paqe_content_left2 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 230px;
}

#paqe_content_left2 p{
padding: 0 0 22px 0;
margin: 0 0 0 0;
float: left;
width: 230px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

#paqe_content_left2 ul { 
float : left;
width : 100%;
text-indent : 0;
list-style-type : none;
margin : 0 0 0 0;
padding : 0 0 18px 0;
} 

#paqe_content_left2 li { 
margin : 0 0 0 0;
padding : 0 0 0 10px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : bold;
color : #000000;
background-image : url(../images/li_bullet.gif);
background-repeat : no-repeat;
background-position : 0 3px;
line-height : 18px;
} 

#paqe_content_left3 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 480px;
}

#paqe_content_left3 h2{
padding: 0 0 15px 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 100%;
color: #007AC3;
}

#paqe_content_left3 p{
padding: 0 0 22px 0;
margin: 0 0 0 0;
float: left;
width: 480px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

#paqe_content_left3 p a:link,  #paqe_content_left3 p a:visited, #paqe_content_left3 p a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

#paqe_content_left3 p a:hover {
font-weight : bold; 
text-decoration: none; 
color: #F4980C; 
} 

#paqe_content_left3 ul { 
float : left;
width : 100%;
text-indent : 0;
list-style-type : none;
margin : 0 0 0 0;
padding : 0 0 40px 0;
} 

#paqe_content_left3 li { 
margin : 0 0 0 0;
padding : 0 0 0 20px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
color : #000000;
background-image : url(../images/pdf_icon.gif);
background-repeat : no-repeat;
line-height : 22px;
} 

#paqe_content_left3 li a:link,  #paqe_content_left3 li a:visited, #paqe_content_left3 li a:active{ 
text-decoration: underline;  
color : #000000;
}

#paqe_content_left3 li a:hover { 
text-decoration: none; 
color: #007AC3; 
}  

#paqe_content_img_right3 {
padding: 0 34px 0 0;
margin: 0 0 0 0;
float: right;
width: 233px;
height: 200px;
}

#paqe_content_left4 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 480px;
}

#paqe_content_left4 p{
padding: 0 0 0 0;
margin: 0 0 5px 0;
float: left;
width: 480px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

#paqe_content_left4 p a:link,  #paqe_content_left4 p a:visited, #paqe_content_left4 p a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

#paqe_content_left4 p a:hover {
font-weight : bold; 
text-decoration: none; 
color: #F4980C; 
}

#paqe_content_left4 ul { 
float : left;
width : 100%;
text-indent : 0;
list-style-type : none;
margin : 0 0 0 0;
padding : 0 0 40px 0;
} 

#paqe_content_left4 li { 
margin : 0 0 0 0;
padding : 0 0 0 20px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
color : #000000;
background-image : url(../images/doc_icon.gif);
background-repeat : no-repeat;
line-height : 22px;
} 

#paqe_content_left4 li a:link,  #paqe_content_left4 li a:visited, #paqe_content_left4 li a:active{ 
text-decoration: underline;  
color : #000000;
}

#paqe_content_left4 li a:hover { 
text-decoration: none; 
color: #007AC3; 
} 

#paqe_content_left5 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 480px;
}

#paqe_content_left5 h2{
padding: 0 0 15px 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 100%;
color: #007AC3;
}

#paqe_content_left5 p{
padding: 0 0 22px 0;
margin: 0 0 0 0;
float: left;
width: 480px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

#paqe_content_left5 p a:link,  #paqe_content_left5 p a:visited, #paqe_content_left5 p a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

#paqe_content_left5 p a:hover {
font-weight : bold; 
text-decoration: none; 
color: #F4980C; 
} 

#paqe_content_left5 ul { 
float : left;
width : 100%;
text-indent : 0;
list-style-type : none;
margin : 0 0 0 0;
padding : 0 0 40px 0;
} 

#paqe_content_left5 li { 
margin : 0 0 0 0;
padding : 0 0 0 20px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
color : #000000;
background-image : url(../images/pdf_icon.gif);
background-repeat : no-repeat;
line-height : 22px;
} 

#paqe_content_left5 li a:link,  #paqe_content_left5 li a:visited, #paqe_content_left5 li a:active{ 
text-decoration: underline;  
color : #000000;
}

#paqe_content_left5 li a:hover { 
text-decoration: none; 
color: #007AC3; 
}  

/* Right Column (Distributors Page) Elements */ 

.dist_left {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 159px;
height: 130px;
}

.dist_left2 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 100%;
}

.dist_left2 p {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_left2 p strong {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 100%;
font-weight : bold;
color: #007AC3;
}

.dist_left2 h3 {
padding: 0 0 0 0;
margin: 0 0 5px 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 100%;
font-weight : bold;
color: #007AC3;
}

.dist_left2 h5 {
padding: 0 0 0 0;
margin: 0 0 5px 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 75%;
font-weight : bold;
color: #007AC3;
}

.dist_right {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: right;
width: 321px;
height: 130px;
}

.dist_right p {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right p strong {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 100%;
font-weight : bold;
color: #007AC3;
}

.dist_right_subleft {
padding: 24px 0 0 0;
margin: 0 0 0 0;
float: left;
width: 37px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
}

.dist_right_subleft_row {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: left;
width: 37px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
}

.dist_right_subright {
padding: 24px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 284px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right_subright a:link,  .dist_right_subright a:visited, .dist_right_subright a:active{ 
text-decoration: underline;  
color : #000000;
}

.dist_right_subright a:hover { 
text-decoration: none; 
color: #000000; 
} 

.dist_right_subright_row {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 478px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right_subright_row a:link,  .dist_right_subright_row a:visited, .dist_right_subright_row a:active{ 
text-decoration: underline;  
color : #000000;
}

.dist_right_subright a:hover { 
text-decoration: none; 
color: #000000; 
}   

.dist_right_subleft2 {
padding: 24px 0 0 0;
margin: 0 0 0 0;
float: left;
width: 37px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : bold;
}

.dist_right_subleft3 {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: left;
width: 80px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : bold;
}

.dist_right_subleft4 {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: left;
width: 37px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : bold;
}

.dist_right_subright2 {
padding: 24px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 284px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right_subright2 a:link,  .dist_right_subright2 a:visited, .dist_right_subright2 a:active{ 
text-decoration: underline;  
color : #000000;
}

.dist_right_subright2 a:hover { 
text-decoration: none; 
color: #000000; 
} 

.dist_right_subright_three {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 225px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right_subright_three a:link, .dist_right_subright_three a:visited, .dist_right_subright_three a:active { 
text-decoration: underline;  
color : #000000;
}

.dist_right_subright_three a:hover { 
text-decoration: none; 
color: #000000; 
} 

.dist_right_subright4 {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 284px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right_subright4 a:link,  .dist_right_subright4 a:visited, .dist_right_subright4 a:active{ 
text-decoration: underline;  
color : #000000;
}

.dist_right_subright a:hover { 
text-decoration: none; 
color: #000000; 
}  

#paqe_content_left4 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 480px;
}

#paqe_content_left4 p{
padding: 0 0 60px 0;
margin: 0 0 0 0;
float: left;
width: 480px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

#paqe_content_left4 p a:link,  #paqe_content_left4 p a:visited, #paqe_content_left4 p a:active{ 
text-decoration: underline;  
color : #007AC3;
}

#paqe_content_left4 p a:hover {
text-decoration: none; 
color: #007AC3; 
} 

/* Right Column (Our People Page) Elements */ 

.op_subleft {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 215px;
height: 135px;
}

.op_subleft p {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.op_subleft2 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 123px;
height: 109px;
}

.op_subleft2 p {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.op_subright2 {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 359px;
height: 109px;
}

.op_subright2 p {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

.op_subright2 p a:link,  .op_subright2 p a:visited, .op_subright2 p a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

.op_subright2 p a:hover {
font-weight : bold;
text-decoration: none; 
color: #F4980C; 
} 

.op_subright2 h5{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #007AC3;
font-weight : normal;
}

.op_subright {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
width: 267px;
height: 135px;
}

.op_subright p {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #000000;
}

.op_subright p a:link,  .op_subright p a:visited, .op_subright p a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

.op_subright p a:hover {
font-weight : bold;
text-decoration: none; 
color: #F4980C; 
} 

.op_subright h5{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
color: #007AC3;
font-weight : normal;
}

.op_subleft_left {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: left;
width: 37px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : bold;
}

.op_subright_right {
padding: 14px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 310px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.op_subright_right a:link,  .op_subright_right a:visited, .op_subright_right a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

.op_subright_right a:hover { 
font-weight : bold;
text-decoration: none; 
color: #F4980C; 
}  

.dist_right_subright3 {
padding: 24px 0 0 0;
margin: 0 0 0 0;
float: right;
width: 230px;
height: auto;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 70%;
font-weight : normal;
}

.dist_right_subright3 a:link,  .dist_right_subright3 a:visited, .dist_right_subright3 a:active{ 
font-weight : bold;
text-decoration: underline;  
color : #F4980C;
}

.dist_right_subright3 a:hover { 
font-weight : bold;
text-decoration: none; 
color: #F4980C; 
}  

.hline_divider {
float:left;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 481px;
height : 20px;
background-image : url(../images/h_line.gif);
background-repeat : no-repeat;
background-position: left center;
} 

/* Footer (Content Window) Elements */ 

#footer {
padding: 0 0 10px 0;
margin: 0 0 0 0;
text-align: center;
position: absolute;
left: 182px;
bottom: 0px;
width: 470px;
height: 20px;
}

#footer ul {
list-style-type: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footer li {
display: inline;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 60%;
text-decoration: none; 
color: #B2B2B2;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footer li a:link {
text-decoration: none;  
color: #B2B2B2;
}

#footer li a:visited  {
text-decoration: none;  
color: #B2B2B2;
}

#footer li a:active {
text-decoration: none;  
color: #B2B2B2;
}

#footer li a:hover {
text-decoration: none; 
color: #000000;
}

/* Left Column Elements */

#nav_container {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
height: 199px;
}
#nav_container p{
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#hotline {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 182px;
height: auto;
}
#hotline p{
padding: 0 0 10px 10px;
margin: 0 0 0 0;
}
#get_reader {
padding-top: 5px;
text-align: center;
}
#mailing_list {
padding: 0 0 0 0;
margin: 0 0 0 0;
background-image : url(../images/backgrounds/mailing_sub.gif);
background-repeat : no-repeat;
background-position: 10px top;
width: 100%;
height: 137px;
}
#mailing_list h4 {
position : absolute;
left : -9000px;
}
#mailing_list p {
position : absolute;
left : -9000px;
}
#mailing_box {
position : relative;
top:75px;
left: 18px;
}
.mailing_input {
width: 138px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 60%;
}

