@charset "UTF-8";

body,html {
width:100%;
height:100%;
background:#fff
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#585858;
margin:0;
}


p {
line-height:15px;
margin-bottom:15px;
margin-top:0;
word-wrap:normal
}

.matrix {
line-height:15px;
margin-bottom:15px;
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
word-wrap:normal
}


.contentheading {
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
color:#000;
margin:0 0 20px
}

h1,.componentheading {
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
line-height:26px;
color:#000;
margin:0 0 20px
}

h2 {
font-weight:700;
font-size:13px;
color:#5e9733;
margin:0
}

h3 {
font-weight:700;
font-size:14px;
margin:5px 0 10px 0;
line-height:130%;
}

p + h1 {
margin-top:20px
}

img {
border:0;
margin:0;
padding:0
}

a {
color:#5e9733;
text-decoration:underline
}

.clear {
height:0;
width:100%;
clear:both
}

.clearleft {
height:0;
width:100%;
clear:left
}

#siteWrapper {
text-align:left;
width:900px;
height:auto;
margin:0 auto
}

#header {
width:900px;
height:96px;
clear:both;
position:relative
}

#header .logo {
float:left;
displa:block
}

#header .topNav {
float:right;
font-size:9px;
color:#4d4d4e;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
position:relative;
z-index:50;
margin:5px 7px 0 0
}

#header .phone {
float:right;
position:absolute;
z-index:1;
right:0
}

#header #topNav a {
text-decoration:none;
color:#4d4d4e
}

ul#topNav li {
color:#4d4d4e;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
display:inline;
margin:5px 0 0
}

ul#topNav li a {
border-right:1px #4d4d4e solid;
padding-right:5px;
padding-left:5px;
text-decoration:none;
color:#4d4d4e
}

#footerbar #footerNav a {
text-decoration:none;
color:#969696
}

ul#footerNav li {
color:#969696;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
display:inline;
margin:5px 0 0
}

ul#footerNav li a {
border-right:1px #4d4d4e solid;
padding-right:5px;
padding-left:5px;
text-decoration:none;
color:#969696
}

#flashBanner {
width:100%;
height:241px;
position:relative;
z-index:1;
border-bottom:1px solid #5e9733;
margin-bottom:4px
}

#content {
width:100%;
min-height:100px;
background:url('../images/bg-content.gif') top left repeat-y;
overflow:hidden
}

#footerBar {
padding-top:0;
clear:both;
width:100%;
background:#353535;
height:26px
}

#footerBar .left {
float:left;
line-height:26px;
color:#969696;
margin:0 0 0 7px
}

#footerBar .right {
float:right;
line-height:26px;
color:#969696;
text-transform:uppercase;
margin:0 7px 0 0
}

#footerBar a,#credit a {
color:#969696;
text-decoration:none
}

#credit {
color:#969696;
font-size:9px;
margin:5px 0 10px 7px
}

#searchField {
float:right;
width:140px;
height:21px;
position:relative;
top:6px;
right:10px;
margin-right:16px
}

#searchField form {
width:140px;
height:21px;
margin:0;
padding:0
}

#searchField #mod_search_searchword {
width:140px;
height:21px;
background:url('../images/bg-search.gif') top no-repeat;
border:0;
line-height:21px;
color:#999;
text-indent:22px
}

#leftColumn1 {
width:180px;
float:left;
position:relative;
left:10px;
padding-left:15px;
padding-right:15px;
padding-top:8px
}

#leftColumn1 select {
width:180px;
margin-bottom:14px
}

#menu-form {
width:195px;
margin:0;
padding:0
}

#menu-form select {
width:180px
}

#leftColumn1 .first {
margin:10px 0 30px
}

#leftColumn1 ul {
list-style:none;
margin:17px 0 28px;
padding:0
}

#submitEmail {
margin:0 0 20px;
padding:0
}

#submitEmail #email {
height:18px;
line-height:18px;
width:155px;
float:left;
margin:0;
padding:0
}

#submitEmail #go {
width:23px;
height:23px;
background:url('../images/go.gif');
vertical-align:top;
float:right
}

#mid {
float:left;
position:relative;
left:40px;
width:390px
}

#mid .header {
margin:33px 0 15px
}

#mid .subheader {
margin:21px 0 13px
}

#midLinks {
width:100%;
height:83px
}

#midLinks a {
display:block;
float:left
}

a#podcasts {
display:block;
height:83px;
width:47px;
background:url('../images/podcasts.gif') no-repeat;
background-position:0 0;
margin-right:37px
}

a#support1 {
display:block;
height:83px;
width:47px;
background:url('../images/support.gif') no-repeat;
background-position:0 0;
margin-right:37px
}

a#webcasts {
display:block;
height:83px;
width:47px;
background:url('../images/webcasts.gif') no-repeat;
background-position:0 0;
margin-right:37px
}

a#techtips {
display:block;
height:83px;
width:47px;
background:url('../images/techtips.gif') no-repeat;
background-position:0 0;
margin-right:37px
}

a#jobboard {
display:block;
height:83px;
width:47px;
background:url('../images/jobboard.gif') no-repeat;
background-position:0 0
}

#callOuts {
float:right;
position:relative;
right:3px;
width:202px
}

.callOut1 {
border:1px solid #5e9733;
background-color:#5e9733;
width:200px;
margin-bottom:5px
}

.callOut1 p {
color:#fff;
width:148px;
margin:0 0 13px 18px
}

#menu {
clear:both;
width:900px;
height:35px;
position:relative;
z-index:20;
background:url('../images/bg-nav.gif') top no-repeat
}

#menu ul li {
background:url('../../../images/navbg.gif') no-repeat;
background-position:0 0
}

#menu ul li:hover {
background-position:0 -35px
}

.navSpacer {
width:1px;
height:35px;
background:url('../images/navSpacer.gif') top no-repeat
}

ul#mainlevel {
float:left;
height:35px;
overflow:visible;
list-style:none;
text-align:left;
margin:0;
padding:0
}

#mainlevel ul {
list-style:none;
line-height:1;
z-index:20;
margin:0;
padding:0
}

#mainlevel li {
position:relative;
float:left
}

#mainlevel li ul {
display:block;
position:absolute;
left:-999em;
top:35px;
z-index:40;
clear:none;
overflow:hidden;
border-top:1px solid #5e9733
}

#mainlevel li:hover ul {
display:block;
float:left;
position:absolute;
left:0;
overflow:visible;
z-index:40
}

#mainlevel li.sfhover ul {
display:block;
position:absolute;
float:left;
clear:both;
left:0;
z-index:40
}

#mainlevel li ul li {
clear:both;
display:block;
font-weight:400;
text-decoration:none;
width:195px;
color:#353535;
text-align:left;
border:1px solid #5e9733;
border-collapse:collapse;
background:#e6f2dd;
font-size:11px;
border-width:0 1px 1px;
padding:0 8px 0 15px
}

#mainlevel li ul li a {
color:#353535;
text-decoration:none;
display:block;
line-height:26px
}

#mainlevel li ul li:hover {
background-color:#5e9733;
color:#fff
}

#mainlevel li ul li a:hover {
text-decoration:none;
color:#fff
}

#content2 {
width:100%;
background:url('../images/bg-content-2.gif') top left repeat-y;
position:relative;
z-index:1;
height:100%;
overflow:hidden;
margin:5px 0 0
}

#content3 {
width:100%;
position:relative;
z-index:1;
height:100%;
overflow:hidden;
margin:5px 0 0
}

#rightColumn3 {
width:99%;
float:right;
padding:5px 0px 0px 0px;

min-height:480px;
position:relative;
background:url(../../../images/secondarybg.jpg) bottom left no-repeat;
padding-left:25px;
height:100%
}

#leftColumn2 {
width:170px;
float:left;
position:relative;
left:7px;
padding-top:8px;
height:100%
}

#rightColumn {
width:693px;
min-height:480px;
float:right;
position:relative;
background:url(../../../images/secondarybg.jpg) bottom left no-repeat;
padding-left:25px;
height:100%
}

#leftColumn2 h2 {
text-transform:uppercase;
margin:0 0 14px 14px
}

#rightColumn ul {
margin:0 0 10px
}

.floatRight {
float:right;
margin:0 0 10px 10px
}

#rightColumn .breadcrumbs {
display:block;
font-size:11px;
color:#afafaf;
text-transform:lowercase;
margin:8px 0 20px
}

#rightColumn .breadcrumbs a {
text-decoration:underline;
color:#afafaf
}

#leftColumn2 ul.menu li a {
color:#4d4d4e;
text-transform:uppercase;
text-decoration:none
}

#leftColumn2 ul.menu li ul li a {
color:#4d4d4e;
text-transform:none;
text-decoration:none
}

#leftColumn2 ul.menu {
list-style:none;
line-height:14px;
margin:0 0 0 14px;
padding:0
}

#leftColumn2 ul.menu li {
background:url('../images/green-arrow.gif') left no-repeat;
background-position:0 -2px;
text-indent:15px;
text-transform:uppercase;
margin:0 0 15px
}

#leftColumn2 ul.menu ul {
list-style:disc;
margin:0 0 10px 10px;
padding:0
}

#leftColumn2 ul.menu ul ul {
list-style:circle
}

#leftColumn2 ul.menu ul li {
background:none;
text-transform:none;
text-indent:0;
margin:0 0 5px 15px
}

.callOut2 {
border:1px solid #5e9733;
background-color:#5e9733;
width:169px;
margin-top:5px;
margin-bottom:5px
}

.callOut2 p {
color:#fff;
width:140px;
margin:0 0 13px 18px
}

.article_separator {
height:0
}

.menu-form {
margin-bottom:0
}

div,#leftColumn1 ul li {
margin:0;
padding:0
}

a:hover,#rightColumn .breadcrumbs a:hover {
text-decoration:none
}

#header #topNav a:hover,ul#topNav li a:hover,#footerbar #footerNav a:hover,ul#footerNav li a:hover,#footerBar a:hover,#credit a:hover,#leftColumn2 ul.menu li a:hover,#leftColumn2 ul.menu li ul li a:hover {
text-decoration:underline
}

ul#topNav,ul#footerNav {
list-style-type:none;
float:right;
margin:0;
padding:0
}

a#podcasts:hover,a#support1:hover,a#webcasts:hover,a#techtips:hover,a#jobboard:hover {
background-position:0 -83px
}

.callOut1 a,.callOut2 a {
color:#fff
}

#menu ul li.mainlevel,#menu ul li.mainlevel_current,#menu ul li.mainlevel_active {
height:35px
}