/*============= Global Definition and Import declarations =============*/

@import url("ie_fix.css");

HTML, BODY {
min-height: 100%;
max-height: 100%;

}

body{
padding: 0;
margin:0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 9pt;
}


/*============= Background Declarations =============*/

#left_cell{
background: url('img/bg_left.jpg') no-repeat;
background-position: top right;
background-color: #635F60;
color: #FFFFFF;
height: 100%;
}

#center_cell{
background: url('img/bg_center.jpg') no-repeat;
background-position: top left;
background-color: #FFFFFF;
color: #000000;
height: 100%;
}

#right_cell{
background: url('img/bg_right.jpg') no-repeat;
background-position: top left;
background-color: #635F60;
color: #FFFFFF;
height: 100%;
}

.main_table{
height: 100%;
}

/*============= Login Positioning and formatting =============*/

#login_box{
float: left;
position: relative;
font-size: 7pt;
left: 525px;
top: 14px;
text-align: right;
font-weight: bold;
}

#login_form{
margin-top: -10px;
padding-top: 0px;
}


/*============= Navigation Bar Layout and Positioning =============*/

#home_link_img{
float: left;
position: absolute;
top: 250px;
border: 0px;
}

#nav_bar{
width: 699px;
height: 23px;
background-color: #C6C7C9;
color: #FFFFFF;
margin-top: 300px;
/*border-top: 1px solid #8FB941;*/
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
font-size: 9pt;
}

#nav_bar ul{
list-style-type: none;
padding: 0;
margin: 0;
float: right;
/*padding-right: 5px;*/
}


#nav_bar ul li{
float: left;
position: relative;
}

#nav_bar ul a, #nav_bar .white_text{ /*white_text class for IE dummy nav button */
float: left;
display: block;
height: 19px;
padding-top: 4px;
padding-left: 12px;
padding-right: 12px;
border-left: 1px solid #000000;
white-space:nowrap;
}

#nav_bar .white_text{ /*hides white_text DIV from all browsers*/
display: none;
}

#nav_bar .white_text{ /*defines size, kern, and colors of white_text dummy nav button*/
height: 19px;
color: #FFFFFF;
background-color: #8FB941;
letter-spacing: .2em;
}

#nav_bar .off_color{
background-color: #aaaaaa;
}

#nav_bar .off_color a:link, #nav_bar .off_color a:visited{
color: #000;
}

#nav_bar .last_item{
border-right: 1px solid #000000;
}

#nav_bar a:link, #nav_bar a:visited{
text-decoration: none;
color: #636466;
letter-spacing: .2em;
}

#nav_bar li a:active, #nav_bar li a:hover, .off_color #secondary_nav li a:active, .off_color #secondary_nav li a:hover{
background-color: #8FB941;
color: #FFFFFF;
}

#nav_bar li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#secondary_nav li .first_item{ /* spaces the dropdown properly */
top: 50px;
}

#secondary_nav li { /* all secondary list items */
	float: left;
 	clear: left;
	position: relative;
	top: 24px;
	width: 250px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
}



#nav_bar li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav_bar li:hover ul, #nav_bar li.over ul { /* lists nested under hovered list items */
	display: block;
	
}

#nav_bar li:hover, #nav_bar li.over{ /* keeps the 'products' button bg active color during dropdown */
background-color: #8FB941;
}

#nav_bar li:hover .white_link, #nav_bar li.over .white_link{ /* sets the 'products' text to white during dropdown */
color: #FFFFFF;
}



/*============= Main Content Section =============*/

#main_content{
background-color: #FFFFFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
width: 698px;
padding-top: 10px;
font-size: 8.5pt;

}


/*============= Column Layout for two columns =============*/
#left_column{
float: left;
width: 470px;
}

#single_column #left_column{
width: 680px;
}

#right_column{
float: right;
width: 210px;
}



/*============= Text Formatting (left column) =============*/


#left_column .copy, .faq_question, #answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9, .demo_copy, .news_body, .news_heading, .news_headline, .news_copy, .answer_nojs, .news_archive{
padding-left: 9px;
line-height: 1.6em;
padding-bottom: .5em;
}

.archive_headline{
padding-left: 9px;
}

.news_archive{
padding-left: 20px;
}

a:link, a:visited{
color: #0000FF;
text-decoration: none;
}

a:hover, a:active{
text-decoration: underline;
}

.faq_question{
font-weight: bold;
}

.demo_copy{
height: 300px;
}

form.demo_copy{
text-align: center;
}


.feature_head{
font-weight: bold;
font-size: 1.1em;
}

#left_column .contact_submit{
font-size: 8.5pt;
}

.news_headline{
font-size: 12pt;
font-weight: bold;
}

.news_headline, .news_heading{
padding-bottom: 0px;
}

.news_body{
font-size: 9pt;
}

.page_spacer{
height: 50px;
}

.small_link{
padding-left: 9px;
padding-right: 9px;
text-align: right;
}

.button_small{
position: relative;
top: 1px;
left: 10px;
}



/*============= Right Column Text Formatting and/or image placement =============*/

#right_column .copy, #sbdt_purchase, .portal_purchase, #right_column .email_copy, #right_column .copy_no_just{
padding-left: 8px;
padding-right: 15px;
font-size: 7.5pt;
text-align: justify;
}

#right_column .copy_no_just{
text-align: left;
}

#right_column select{
font-size: 7.5pt;
}

#right_column .headline{
font-weight: bold;
font-size: 1.1em;
}

.side_img, .faqs_side_img{
margin-top: 0px;
border: 1px solid #999999;
}



.side_img2{
border: 1px solid #000000;
}

#right_column a:link, #right_column a:visited{
color: #0000FF;
text-decoration: none;
}

#right_column a:hover, #right_column a:active{
text-decoration: underline;
}

#right_column .email_copy{
padding-bottom: 10px;
}

#right_column .sbdt{
font-weight: bold;
}

/*============= FAQS Formatting =============*/

#answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9{
display: none;
}

.faq_question a:link, .faq_question a:visited{
color: #0000FF;
text-decoration: none;
}

.faq_question a:hover, .faq_question a:active{
text-decoration: underline;
}


/*============= Purchasing bits =============*/

#sbdt_purchase{
margin-top: 13px;
padding-bottom: 10px;
text-align: left;
line-height: 1.5em;
font-size: 11px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
background: #8FB941;
padding-top: 10px;
color: #FFFFFF;
margin-bottom: 10px;
}

#sbdt_purchase .input_spacer, #sbdt_purchase .quantity, #sbdt_purchase .input{
margin-top: 8px;
}

.quantity{
background: url('img/qty_bg.gif') no-repeat;
background-position: center center;
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
}

.input{
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
}

.misc_form{
margin-left: 9px;
font-size: 8pt;
font-weight: bold;
padding-bottom: 20px;
padding-top: 0px;
margin-top: -10px;
}

.spacer{
height: 100px;
}


/*============= Footer Formatting =============*/

#footer{
padding-left: 10px;
padding-right: 15px;
clear: both;
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
color: #C6C7C9;
background-color: #FFFFFF;
}


#footer a:link, #footer a:visited{
color: #636466;
text-decoration: underline;
}

#footer a:active, #footer a:hover{
text-decoration: none;
}