/*
Colors:
Dark Blue: #245497
Dark Grey: #545454
Light Grey: #4f4f4f
4f4f4f
Green: #128516

Main nav top font: Verdana, reg, 11px, white, #ffffff
Main nav bottom font: Times, bold, 15px, white, #ffffff
Main nav font: line-height=13px 

Interior pages left navigation:
Left Nav (unselected): Verdana, reg, 12px, dark grey, #545454
Left Nav (selected): Verdana, reg, 12px, dark blue, #245497
Left Nav (rollover): Verdana, reg, 12px, light grey, #4f4f4f

Footer Nav (unselected): Times, reg, 12px, light grey, #8d8d8d
Footer Nav (selected): Times, reg, 12px, dark blue, #245497
Footer Nav (rollover): Times, reg, 12px, dark grey, #545454

H1: Times, bold, 16px, dark blue, #245497
H2: Arial, bold, 12px, dark grey, # 545454
H3: Arial, bold, 12px, light grey, #4f4f4f

Main body text: Arial, reg, 12px, light grey, #4f4f4f
Inline links: Arial, reg, 12px, green, #128516
read more links: Arial, reg, 11px, green, #128516

 */
 
* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */

/*--------- site-wide font styles ----------*/
a img {
border:none;}

body {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#4f4f4f;} /* default body text font */

h1 {
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#245497;
margin-bottom:7px;} /* title */

h1.newstitle {
margin-bottom:0;}

h1.newstitle a {
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#245497;
margin-bottom:7px;
text-decoration:none;}

h2, h2.newstitle a, h2.newsdate a {
font-family:Arial, sans-serif;
font-size:13px;
font-weight:bold;
color:#545454;
margin-bottom:7px;
text-decoration:none;} /* sub title */

h2.newstitle, h2.newsdate, h3.newstitle {
margin-bottom:0;}

h3, h3.newstitle a {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#4f4f4f;
text-decoration:none;} /* body text font + bold */

#subnav h1 {
margin-left:20px;
padding-top:15px;}

p {
margin-bottom:10px;
line-height:130%;}

p.welcome {
font-family:"Times New Roman", Times, serif;}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#128516;
text-decoration:none;}

p.newsdate a {
font-style:italic;
margin-bottom:0;
text-decoration:none;
color:#4f4f4f;}

p.newsdate, p.newsteaser {
margin-bottom:0;}

#main p.newsteaser {
margin-bottom:10px;}

p.newsteaser a, p.newsdescription a {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#4f4f4f;
text-decoration:none;}

p.testimonial {
color:#245497;
font-family:"Times New Roman", Times, serif;
font-size:14px;}

#welcome ul li {
list-style-position:inside;
margin-left:10px;}

#main ul {
list-style-position:outside;
margin-left:20px;}

#main ul li, #welcome ul li {
padding:3px 0;}

a.rdmr, p.newsteaser a.rdmr {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#128516;
text-decoration:none;}

#nav a {
font-family:Verdana, sans-serif; 
font-size:11px;
font-weight:normal;
color:#FFFFFF; 
text-decoration:none;
text-transform:lowercase;}

#nav a span {
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF; 
text-transform:uppercase;
text-decoration:none;}

#ticker {
font-family:Verdana, sans-serif; 
font-size:10px;
font-weight:bold;
color:#000000; 
text-decoration:none;}

#ticker .textbox {
border:1px solid #245497;}

td#ticker_bottom {
text-transform:uppercase;}

#subnav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#545454;
text-decoration:none;}

#subnav a:hover {
color:#4f4f4f;}

#subnav a.navsel {
color:#234397;}

span.mo a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;}

span.date a {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
color:#545454;
text-decoration:none;}

#events td.entry, #events td.entry h3.newstitle a, #events td.entry p.newsteaser a {
font-size:11px;}

.item_teaser, .item_teaser a {
font-weight:bold;
text-decoration:none;}

.faq ul {
list-style:none;
margin-bottom:10px;}

.faq ul.odd {
background-color:#eeeeee;}

#footer p {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:12px; 
color:#4f4f4f;
margin:0;
padding-bottom:2px;}

#footer p.disclosure {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;}

#footer a {
font-family:"Times New Roman", Times, serif;
font-size:12px; 
color:#4f4f4f;
text-decoration:none;}

#footer a:hover {
color:#545454;}

#footer a.navsel {
color:#245497;}


/*------------- layout styles -------------*/
html, body {
height: 100%;}

html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background:url(images/repeating_bkg.jpg) top center repeat-x #ffffff;}

#wrapper {
width:987px;
margin:0 auto;
background-color:#ffffff;} /* surrounds web page and controls centering of page in browser window and handles any page border or repeating background image like a shadow. */

#left_bg {
float:left;}

#right_bg {
float:right;}

#header {
width:950px;
height:116px;
float:left;
border-right:2px solid #ffffff;
border-left:2px solid #ffffff;} /* contains header image(s) and/or image rotater */

#header img {
float:left;
width:326px;
height:116px;}

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav {
width:624px;
height:116px;
float:left;
background-color:#245497;} /* div holding nav ul */

#nav ul {
float:left;
list-style:none;}

#nav ul li {
float:left;}

#nav a {
float:left;
height:116px;
display:block;
padding-top:45px;
background:url(images/nav_spacer.gif) top left no-repeat;}

#nav a#home_btn {
width:77px;
padding-left:27px;
padding-top:55px;}

#nav a#about_btn {
width:92px;
padding-left:12px;}

#nav a#products_btn {
width:88px;
padding-left:16px;}

#nav a#tools_btn {
width:78px;
padding-left:26px;}

#nav a#events_btn {
width:81px;
padding-left:23px;}

#nav a#contact_btn {
width:90px;
padding-left:14px;}

#nav a:hover, #nav a.navsel {
background:url(images/a_btn.jpg) top center no-repeat;}


/*--------------- flash on home page ----------------*/
#flash {
width:950px;
height:239px;
float:left;
margin:0 0 2px 2px;}


/*--------------- ticker widget ----------------*/
#ticker {
width:950px;
float:left;
margin-left:2px;}

td.ticker_top_left, td.ticker_top_right {
background-color:#7aa4e0;}

td.ticker_top_left {
padding-left:10px;}

td.ticker_top_right {
padding-right:10px;}

td#ticker_bottom {
background-color:#FFFFFF;}



/*------------ main body area ---------------*/

/* on home page only */
#sidebar_home {
width:290px;
float:right;
text-align:left;
margin-right:2px;
padding:25px 20px 20px 30px;} 

#main_home #welcome {
width:570px;
float:left;
text-align:left;
padding:25px 10px 20px 0;
margin-left:22px;
border-bottom:3px dotted #cccccc;}

#main_home #teaser_block {
width:580px;
float:left;
text-align:left;
padding:25px 0 20px 0;
margin-left:32px;}

#main_home #contact_block {
width:280px;
float:left;}

#main_home #services_block {
width:280px;
float:right;
margin-bottom:10px;}

#main_home #request_info {
width:280px;
float:right;
clear:right;}

.form td, .forminfo td {
padding:3px 0;}

.form, .forminfo .textboxreqd { 
width:230px;
height:20px;
font-family:Verdana;
font-size:12px;
font-style:italic;
border:1px solid #cccccc;
background-color:#ffffff; }

#sidebar_home #newsletter {
width:252px;
padding-bottom:20px;
border-bottom:3px dotted #cccccc;}

#sidebar_home #events {
width:252px;
padding:20px 0;
border-bottom:3px dotted #cccccc;}

td.calendar {
min-height:39px;
padding:4px 1px 0 0;
background:url(images/calendar.gif) left 3px no-repeat;}

td.entry {
padding:0 0 15px 10px;}

#sidebar_home #listen {
width:252px;
padding:20px 0;}

#sidebar_home #listen img {
float:left;
padding-right:10px;}


/* on inside pages */
#main {
width:560px;
float:left;
text-align:left;
padding:25px 40px 20px 0;}

#sidebar {
width:330px;
float:left;
text-align:left;
margin-left:2px;
padding:0 20px 20px 0;}

#sidebar #subnav {
width:330px;
padding-bottom:20px;
background-color:#f4f3f3;}

#subnav ul {
list-style:none;
margin-left:40px;}

#subnav ul.sub_sub_nav {
margin-left:20px;}

#subnav ul li {
padding:2px 0;}

#sidebar #testimonial {
width:280px;
padding:20px 0 20px 20px;}

#sidebar #newsletter {
width:280px;
padding:0 0 20px 20px;
border-bottom:3px dotted #cccccc;}

#sidebar #request_info {
width:280px;
float:left;
clear:left;
padding:0 0 20px 20px;}


/*------------ footer ---------------*/
#footer {
width:950px;
height:99px;
margin:0 auto;
clear:both;
text-align:center;
background:url(images/bottom_nav.jpg) top center no-repeat;} /* container div for footer info */



/* for sticky footer option only */
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -20px;}/* the bottom margin is the negative value of the footer's height */

#big_fresh, .push {
height: 20px;} /* .push must be the same height as .footer */

/* end sticky footer */

/*------------ big fresh signature/logo ---------------*/
#big_fresh {
padding-top:10px;
text-align:center;} 

#big_fresh a {
text-decoration:none;}

.form_serial { 
      display: none; }
	  
	  
/* added for the drop down menu */
#anylinkmenu1, #anylinkmenu2, #anylinkmenu3 {
padding:0;
border:1px solid #ffffff;
border-top:none;}

#anylinkmenu1 a.sub_hover_nav, #anylinkmenu2 a.sub_hover_nav, #anylinkmenu3 a.sub_hover_nav {
background:none;
width:180px;
height:15px;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff !important;
text-transform:capitalize;
text-decoration:none;
margin:0;
padding:5px 3px 5px 7px !important;
position:relative;
z-index:100;}

#anylinkmenu1 a.sub_hover_nav:hover, #anylinkmenu2 a.sub_hover_nav:hover, #anylinkmenu3 a.sub_hover_nav:hover { /*hover background color*/
background-color: #295fa9;
color:#ffffff !important;
margin:0;
padding:0;
position:relative;
z-index:100;}