body { background: #fff; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
h1 { font-size: 1.7em; line-height: 1.1em; }
h2 { font-size: 1.15em; }
.clr { clear: both; }
a:link, a:visited { background: none; color: #0C3F9C; text-decoration: none; }
a:hover, a:active { background: none; color: #828282; text-decoration: underline; }
img { border: 0; }
hr { color:#999; background-color: #999; border: 0; width: 90%; height: 1px;  margin: 2em auto 1.5em auto; }

#wrapper { margin: 0 auto; width: 768px; border-right: 1px solid #00828C; border-bottom: 1px solid #00828C; border-left: 1px solid #00828C; }

#header {padding: 0 0 0 20px; height: 110px; background:#fff url("/dowpharm/images/logo-ani2.gif") no-repeat 0 0; color: #333; border-bottom: 1px solid #00828C; }
#header ul {float: left; list-style: none; margin: 7px 0 0 0; padding: 0 0 0 67px; }
#header li {display: inline; margin: 7px 0 0 0; padding: 0 .2em; font-weight: bold; }
#header li a {padding: 5px 0 4px 0; color: #343434; background-color: inherit; text-decoration: none; }
#header li a:hover {color: #999; background-color: inherit; text-decoration: none; }

#wrapContent { color: inherit; background:#fff url("/dowpharm/images/bkg_content.gif") repeat-y 0 0; }


/* home page styles only
-----------------------------------*/
#intro { margin-top: 1em; padding-top: 1em; }
.homeL { float: left; width: 50px; }
.homeR { margin-left: 60px; padding: 0 20px 10px 0; }

#js {width: 535px; border-collapse: collapse; border: none; padding: 0; margin: 10px 0; }
#js td {vertical-align: top; padding: 0; margin-bottom: -5px; border: 0; line-height: 1px; }


/* LEFT COLUMN
-----------------------------------*/

#colL { float: left; width: 180px; background: #E5E5E5; color: #333; }


/* Main Navigation
-----------------------------------*/
#mainNav {width: 180px; height: 100%; background: #E5E5E5; color: #333; }
#mainNav ul {list-style: none; margin: 0; padding: 0; border: none; }
#mainNav li {border-bottom: 1px solid #013B40; margin: 0; font-weight: bold; }
#mainNav li a {display: block; padding: 5px; margin: 0; color: #eee; background-color: #00828C; text-decoration: none; }
#mainNav li a:hover {color: #000; background-color: #4AAEAD; }
#mainNav li.last {border-bottom: 1px solid #000; }
#mainNav li.sub {font-size: .8em; border: 0; padding: 0 5px 0 12px; color: inherit; background-color: #00828C; }
#mainNav li.sub a {display: block; padding: 3px 5px 3px 0; margin: 0; color: #000; background-color: #00828C; text-decoration: none; width: 133px;}
#mainNav li.sub a:hover {color: #000; background-color: #4AAEAD; }
#mainNav li.sub2 {font-size: 1em; border: 0; padding: 0 5px 0 12px; color: inherit; background-color: #00828C; }
#mainNav li.sub2 a {display: block; padding: 3px 0; margin: 0; color: #2F2F2F; background-color: #00828C; text-decoration: none; width: 125px;}
#mainNav li.sub2 a:hover {color: #000; background-color: #4AAEAD; }

#stamp {margin-top: 10px; padding-bottom: 10px; text-align: center; border-bottom: 1px dashed #666; }
#news { margin: 0 5px 15px 15px; font-size: 1em; font-weight: bold; padding: 0 5px 3px 0; color: #00828C; background-color: inherit; }

/* Constant Contact sign up box
-----------------------------------*/

#joinHome {width: 135px; margin: 0 auto; font-weight: bold; padding: 10px 3px 10px 3px; }
#joinHome input {border: 1px solid #999; font-size: .9em; }
#joinHome input.go {border: 1px solid #999; font-size: .9em; width: 22px; }
span.smText {font-weight: normal; font-size: .9em; padding-left: 1px; }
#joinHome img {background-color: #515151; float: right; margin: 5px 0 0 5px; color: inherit; border: 0; }

#join { width: 150px; border: 0; border-collapse:collapse; margin: 1em auto; }
#join td.newspad { padding: 0 3px 6px 5px; }
#join td.newspad2 { padding-top: 6px; }


/* RIGHT COLUMN
-----------------------------------*/

#colR { margin-left: 180px; padding: 0 10px 1em 20px; line-height: 1.5; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
#colR h1 { margin-bottom: 1em; }
#colR p { padding-bottom: 1em; }
#colR p.title { padding-bottom: 0; color: #00828C; background-color: inherit; font-weight: bold; font-size: 1.25em; }
#colR p.title2 { padding-bottom: 0; font-weight: bold; font-size: 1.2em; }
#colR p.title3 { padding-bottom: .5em; font-weight: bold; color: #00828C; background-color: inherit; font-size: 1.2em; }
#colR p.title4 { padding-bottom: .75em; line-height: 1.1em; color: #00828C; background-color: inherit; font-weight: bold; font-size: 1.5em; }
#colR blockquote { margin: 0 2em; }

#colR ul { margin: 0 0 1em 1em; padding: 0; }
#colR li { margin: 0; padding: 0 1em .25em 1em; background: url("/dowpharm/images/bullet.gif") no-repeat 0 5px; }
#colR ul.sublist {padding-top: .75em; }

#contentL ul { float: left; width: 50%; margin: 0 0 1em 1em; padding: 0; }
#contentR ul { float: right; width: 43%; margin: 0; padding: 0 .2em; }
#contentL li { text-align: left; padding: 0 15px .25em 1em; background: url("/dowpharm/images/bullet.gif") no-repeat 0 5px; }
#contentR li { text-align: left; padding: 0 15px .25em 1em; background: url("/dowpharm/images/bullet.gif") no-repeat 0 5px; }

.band {padding: 1px 0 2px 5px; width: 98%; color: inherit; background-color: #EFEFEF; margin-bottom: 0; }

.publications { width: 99%; padding: 5px; border-collapse: collapse; border: 1px solid #a7a7a7; }
.publications th { color: inherit; background-color: #CECFCE; }
.publications td { padding: 5px; border: 1px solid #D2D2D0; }
.publications td.odd { color: inherit; background-color: #E7E7E7; }

/* 2 column bulleted list */

#colList { width: 99%; }
#colList ul.left { float: left; width: 48%; margin: 0 0 0 5px; padding:0; border: 0 none; }
#colList ul.right { float: right; width: 50%; margin: 0; padding: 0; border: 0 none; }
#colList ul.list { width: 50%; margin: 10px 0 0 25px; padding: 0; border: 0 none; }
#colList li { text-align: left; padding: 0 15px .5em 1em; background: url("/dowpharm/images/bullet.gif") no-repeat 0 5px; }
#colList li.nobullet { text-align: left; padding: 0 15px .5em 0; background: none; }
#colList h3 {font-size: 1.25em; }
#colList p { margin: 10px 0 0 7px; padding: 0; }


/* Print Page
-----------------------------------*/

#print { padding: 10px 0; }
#print a {float: right; border: 1px solid #999; background-color: #C6C3C6; color: #000; padding: 1px 2px; text-decoration: none; }
#print a:hover {background-color: #E3E3E3; color: #000; padding: 1px 2px; text-decoration: none; }
#print input {border: 1px solid #999; font-size: .8em; }
#print input.print {border: 1px solid #999; font-size: .8em; }

/* Contact Us Form
-----------------------------------*/
#contact form {margin: 0 0 1.5em 0; padding: 0; width: 95%; }
#contact fieldset {padding: 0 0 10px 10px; margin: 0 0 10px 0; border: 1px solid #022C72; }
#contact legend {font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #022C72; background-color: inherit; }
#contact label {float: left; width: 35%; text-align: right; padding: 5px 10px 0 0; }
#contact label.last {font-weight: bold; text-align: left; padding-left: 10px; }
#contact input, textarea, select {clear: right; margin: 2px 0; border: 1px solid #a7a7a7; padding:1px 3px; }
#contact input.check { border: none; margin: 5px 0; }
#contact input.submit {margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
#contact p.line { padding-left: 1.6em; padding-top: 1em; }
#contact .errorMessage {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

#contactSub { }
#contactSub  label {float: left; width: 58%; text-align: right; padding: 5px 10px 0 0; }


/* Footer Area
-----------------------------------*/
#footer {text-align: center; width: 768px; margin: 20px auto; font-size: .85em; }
#footer ul {margin: 0; padding: 0 50px; }
#footer li {display: inline; margin: 0; padding: 0 .2em; }
#footer li a {padding: 5px 0 4px 0; color: #0C3F9C; background-color: inherit; text-decoration: none; }
#footer li a:hover {color: #828282; background-color: inherit; text-decoration: underline; }

.copyright {margin-top: 20px; font-size: .9em; }


/* Images
-----------------------------------*/
img.roll { width: 191px; height: 237px; }
img.roll2  { width: 344px; }
img.logo { display: none; }
img.head { float: right; width: 329px; height: 110px; }
img.home { float:left; width: 50px; height: 50px; padding: .75em 10px 0 0; }
img.left { width: 180px; height: 266px; }
img.news { float:left; width: 48px; height: 32px; padding: 1.25em 5px 0 0; }
img.arrow { width: 8px; height: 8px; }
img.pdf { width: 14px; height: 14px; vertical-align: middle; padding-left: 3px; }
img.gif { width: 30px; height: 30px; }
img.manage { float:right; width: 140px; height: 195px; background: url("/dowpharm/images/manage.gif") no-repeat 0 0; margin: 4px 0 4px 10px; padding: 6px 7px 8px 6px; }
img.drive { float:right; width: 58px; height: 74px; padding: 0 15px; }
img.map { width: 284px; height: 670px; padding-top: 2em; }
img.info { float: left; width: 20px height: 20px; padding-right: 5px; }
img.bio  { width: 100px; height: 28px; padding-top: 2em; }
img.solano  { width: 90px; height: 20px; }

#printContact { display: none; }

/* Images
-----------------------------------*/

#popup { margin: 0 auto; text-align: center; width: 400px; padding: 10px; }
#popup p { text-align: left; padding-bottom: 1em; }
#popup img { padding-bottom: .5em; }
#popup .control { text-align: center; }
#popup .control img { padding: 7px 7px; }
#popup a img { border: 1px solid #fff; }
#popup a:hover img { border: 1px solid #000; }
