/* Styles for Productive Alternatives, Inc. by Joseph Dolson http://www.joedolson.com */
/* Layout Divs */
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana,'Trebuchet MS',Georgia,Verdana, sans-serif;
font-size: 90%;
line-height: 1.4;
background: #5881bf url(/images/lake-background-1.jpg) left bottom repeat-x;
} 

#wrap {
background: url(images/bg1.jpg) top left repeat-x;
padding-bottom: 0!important;
}
#header {
width: 100%;
color: #014783;
padding: 5px 0;
border-bottom: 1px solid #014783;
background: url(/images/corner-background.jpg) top right no-repeat;
}
#address {
font-size: .75em;
text-align: right;
float: right;
clear: right;
}
#outer {
width: 85%;
max-width: 960px;
min-width: 770px;
text-align: center; 
margin: 0 auto;
}
#content {
width: 73%; 
float: right;
text-align: left;
font-size: 90%;
margin-bottom: 3em;
background: #f3f3f3 url(/images/logo-30.gif) 99% 99% no-repeat;
border: 1px solid #e7e7e7;
padding: 0 1em 2em 1em;
}
#skiplinks {
float: right;
}
#skiplinks ul {
margin: 0;
}
#skiplinks ul li {
display: inline;
border-right: 1px solid #aad;
border-left: 1px solid #eef;
}
#skiplinks ul li a {
padding: 3px 5px;
font-size: .75em;
text-decoration: none;
}
#skiplinks ul li a:hover, #skiplinks ul li a:focus, #skiplinks ul li a:active {
border-bottom: 2px solid #009;
}
#sidenav {
width: 22%; 
text-align: right; 
padding-right: 5px;
margin-top: 2em;
}
#topnav {
margin: 0 0 1em 0;
height: 1.6em;
font-size: .9em;
}
#topnav ul {
float: right;
padding: 0;
}
#topnav li {
display: inline;
float: left;
margin: 0 2px;
}
#topnav li a {
padding: .25em .5em;
text-decoration: none;
border-bottom: 3px solid #def;
border-left: 1px solid #cde;
border-right: 1px solid #eff;
display: block;
width: auto;
height: auto;
background: #fff;
cursor : pointer; /* an opera fix */
}
#topnav li a.active {
border-bottom: 3px solid #67ade9;
border-left: 1px solid #67ade9;
border-right: 2px solid #9adffc;
background: #fff url(/images/topnav-active.jpg) left bottom repeat-x;
}
#topnav ul li a:hover, #topnav ul li a:focus, #topnav ul li a:active {
background: #014783;
color: #f7f7f7;
border-bottom: 3px solid #67ade9;
}


/* footer styles */
#footer {
background: none!important;
padding: 0 0 130px!important;
border-top: none!important;
color: #000;
clear: both;
}
#footer p { 
margin: 0!important;
padding: 5px 0;
font-size: 75%;
text-align: center; 
}
#help {
float: right;
margin: .5em 0;
}
#content #help ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#help ul li a {
display: block;
padding: .25em .5em .2em .5em;
margin: .25em;
background: #ffd;
text-decoration: none;
border: 1px outset;
}
#help ul li a:hover {
background: #ddf;
border: 1px solid;
}
#help ul li a:focus, #help ul li a:active {
background: #ddf;
border: 1px inset;
}
/* Navigation Buttons */

#sidenav ul {
width: 100%;
padding: 0;
font-family: Geneva, Helvetica, Arial, sans-serif;
background: transparent;
color: #333;
list-style: none; 
}
#sidenav {
font-size: .8em;
}
#sidenav li { 
margin: 0;
padding: 0;
margin-bottom: 5px;
display: block;
color: #777;
background: url(/images/bg1.png) left center repeat-x;
border: 1px solid #ddf;
}
#sidenav li.current {
border: 1px solid #f3f3f3;
background: #fff url(/images/bullet-nolink.gif) .5em center no-repeat;
padding: .25em;
}
#sidenav li a {
display: block;
padding: 4px 4px 4px 16px;
background: url(/images/bullet.gif) .5em center no-repeat;
color: #333;
text-decoration: underline;
width: 100%;
font-weight: bold;
} 
html>body #sidenav li a {
width: auto;
}
#sidenav li a:hover {
background: #eef url(images/bullet-h.gif) .5em center no-repeat;
color: #222;
font-weight: bold;
text-decoration: none;
}
#sidenav li a:active, #sidenav li a:focus, #sidenav li a.active {
background: #eef url(images/bullet-h.gif) .5em center no-repeat;
color: #222;
font-weight: bold;
text-decoration: none;
}  
/* header styles */
h1 {
position:relative;
left: 5px;
top: 5px;
font-size:1em;
height: 110px;
width: 400px;
}
h1 a {
z-index:1;	
position:absolute;
top:0;
left:0;
width:100%;
height:100px;
border-bottom: none;
background: url(/images/new-logo.gif) no-repeat;
}
h1 a:hover {
border-bottom: 2px solid #058181;
}
h1 span {
position: absolute;
left: -9000px;
top: -9000px;
}
/* content styles */

/* general styles */
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p {
margin: 1em;
}
#content ul, #content ol {
margin: 1em 3em;
clear: left;
}
#content ul p {
font-size: .9em;
}
h2, h3, h4 {
color: #014783;
font-size: 1.3em;
margin-top: .5em;
margin-bottom: 1em;
border-bottom: 1px solid #d3d3e3;
}
h3 {
font-size: 1.1em;
}
h4 {
font-size: 1em;
}
a {
font-weight: bold;
color: #00a;
}
a:hover {
color: #a00;
}
a:focus, a:active {
background: #dff;
color: #000;
}

table {
width: 90%;
margin: 0 auto;
clear: left;
}
th {
background: #e7e7e7;
padding: 2px;
}
td {
border: 1px solid #eee;
padding: 1px;
}
.job_opening {
background: #f7f7f7;
padding: .5em;
margin: .5em;
border: 1px solid #eee;
}
.job_opening h3 {
font-size: 1.1em;
color: #33a;
border-bottom: 1px solid #ccc;
}
address {
margin: .5em 2em;
}
.facility {
border: 1px solid #ddd;
margin: .5em;
padding: .5em;
background: #f7f7f7;
}
.facility h3 {
margin-top: 0;
}
fieldset {
border: none;
margin: .5em;
padding: .5em;
}
legend {
font-weight: 700;
}
label {
color: #009;
}
img {
border: 1px solid;
}
.prod_img_rt {
float: left;
margin: 0 1em .5em 0;
}
.prod_img {
float: right;
margin: 0 0 .5em 1em;
}
.footnotes {
font-size: .85em;
border-top: 1px solid #ccc;
margin-top: 1.5em;
}
blockquote.example {
padding: 1em;
margin: 1em;
border: 1px solid #ddd;
font-style: italic;
}
.cleardiv {
clear: both;
}
#prod_group {
text-align: center;
}
.jdattribution {
font-size: .8em;
}
#jdsearchform {
text-align: left;
margin: .5em 0;
border: 1px solid #eee;
background: #f7f7f7;
}
#jdsearchform p {
margin: 4px .5em;
}
dl {
margin-left: 1.5em;
font-size: .9em;
}
dd {
margin: 2px 0 1em 2em;
}
.clear {
clear:both;
}
blockquote {
margin: 1em 2em;
background: #f7f7f7;
padding: .5em;
border: 1px solid #e7e7e7;
font-style: italic;
}
code, kbd {
font-size: 1.1em;
}
.facility_name {
background: #ffe;
padding: .5em;
border: 1px solid #eee;
margin: -.5em;
margin-bottom: .5em;
font-weight: 700;
}
.job_opening ul {
float: left;
font-weight: 700;
color: #700;
}
#decos {
list-style-type: none;
margin: 0;
padding: 0;
height: 430px;
}
#decos li {
margin: 5px 12px;
padding: 0;
float: left;
}