/* 
    AUTHOR: Westward Strategy & Design Group, LLC.
            www.westwardstrategy.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { 
  margin: 0; 
  padding: 0; 
  }
html { 
  overflow-y: scroll; 
  }
body { 
  font: 62.5% Arial, Verdana, sans-serif; 
  color: #212121;
  background: #82693f url(/img/body_bg.gif) 0 0 repeat-x;
  }
ul { 
  list-style: none; 
  }
h1 { 

  }
h2 {
  font-size: 1.4em;
  color: #4d3f2e;
  }
h3 {
  font-size: 1.4em;
  color: #839742;
  }
p { 
  font-size: 1.2em; 
  line-height: 1.4em; 
  margin-bottom: 1.3em; 
  }
a { 
  outline: none; 
  color: #2742ab; 
  }
a img { 
  border: none; 
  }
a:hover {

  color: #4a84ff;
  text-decoration: none; 
  }
/* END RESET */

/* *** Malo Framework *** */

#container {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  background: #fff;
  border-left: solid 15px #9b8765;
  border-right: solid 15px #9b8765;
  }

.dp20,
.dp25,
.dp33,
.dp50,
.dp66,
.dp75,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */

/* dp = div percet */

.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33%;}
.dp50{width:50%;}
.dp66 {width:66%}
.dp75 {width:70%}
.dp100{width:100%;}
.clear{ clear:both;}
/* END Malo Framework */

/* *** Nav Menu *** */

.header {
  background: url(/img/header_bg.gif) top right no-repeat;
  }
   
#nav {
  float:left;
  clear: both;
  width:100%;
  margin-bottom: 5px; 
  font-size: 1.1em;
  font-weight: bold;
  line-height:normal;
  text-transform: uppercase;
  background: url(/img/nav_bottom.gif) 0% 87% repeat-x;
  color: #93af3d;
  }
  
*html #nav {
  background: url(/img/nav_bottom.gif) 0% 87% repeat-x;
  }  

#nav ul {
  margin:0;
  padding:0px 10px 10px 0px;
  list-style:none;
  }

#nav li {
  display:inline;
  margin:0;
  padding:0;
  }

#nav a {
  float:left;
  margin:0;
  padding:0 0 0 6px;
  text-decoration:none;
  color: #93af3d;
  }

#nav a span {
  float:left;
  display:block;
  padding:13px 18px 10px 12px;
  }
  

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
    
#nav a:hover span, #nav .current a {
  color:#466dd0;
  }
    
#nav a:hover, #nav .current a {
  background:url("/img/tableftB.gif") no-repeat 0% -41px;
  }

#nav a:hover span, #nav .current span {
  background:url("/img/tabrightB.gif") no-repeat 100% -41px;
  }
  
 *+html #nav a:hover, *+html #nav .current a {
  background:url("/img/tableftB.gif") no-repeat 0% -40px;
  }

 *+html #nav a:hover span, *+html #nav .current span {
  background:url("/img/tabrightB.gif") no-repeat 100% -40px;
  }  
  
/* END Nav Menu */

/* ***Slider*** */

.slide {
  background: url(/img/slider_bg.jpg) 0 0 no-repeat;
  }

#slider1 {
  float: left;
  width: 515px; /* important to be same as image width */
  height: 290px; /* important to be same as image height */
  margin: 0;
  padding: 0;
  position: relative; /* important */
  overflow: hidden; /* important */
  background: url(/img/slider_bg.jpg) 0 0 no-repeat;
  }

*html .slide, *+html .slide {
  margin-top: 5px;
  }

#slider1Content {
  width: 515px; /* important to be same as image width or wider */
  position: absolute;
  top: 0;
  margin-left: 0;
  padding: 0;
  }

.slider1Image {
  float: left;
  position: relative;
  display: none;
  }

.slider1Image span {
  position: absolute;
  font-size: 1.3em;
  line-height: 1.8em;
  padding: 0px 13px 10px 13px;
  width: 694px;
  color: #434343;
  display: none;
  }

.slider1Image span strong, .slider1Image span h1 {
  display: inline;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  }

.left {
  top: 0;
  left: 0;
  width: 110px !important;
  height: 280px;
  }

.right {
  right: 0;
  bottom: 0;
  width: 250px !important;
  height: 265px;
  }


.slide_content {
  right: 0;
  bottom: 0;
  float: right;
  margin: 20px 10px 0 0;
  height: 265px;    
  width: 250px !important;
  }

.slide_content span {
  font-size: 1.2em;
  line-height: 1.8em;
  padding: 5px 13px 10px 13px;
  width: 694px;
  color: #434343;
  margin: 0 20px 10 5px;
  }

.slide_content span strong {
  display: inline;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  }

.slide .slide_content h1 {
  display: inline;
  font-size: 1.4em;
  margin-left: -13px;
  padding: 0;
  line-height: 1.4em;
  }


/* END Slider */

.blue_title {
  margin: 1px 1px 0 0;
  padding-left: 12px;
  display: block;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  background: #3d59b9 url(/img/blue_grad.gif) 0 0 repeat-x;
  }

.home_news {
  margin-top: 1px;
  padding-left: 12px;
  display: block;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  background: #adc55f url(/img/green_grad.gif) 0 0 repeat-x;
  }

.intro {
  width: 52%;
  margin: 25px 20px 0 5px;
  }

.intro h2 {
  padding-bottom: 10px;
  border-bottom: dotted 1px #bebebe;
  }

.intro p {
  margin: 0 20px 10 5px;
  padding-top: 3px;
  line-height: 2.0em;
  }

.forms {
  width: 40%;
  padding: 25px 0 0 10px;
  }

.home_forms {
  padding-bottom: 10px;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: dotted 1px #bebebe;
  color: #4d3f2e;
  background: url(/img/pdf_icon.gif) 88% 5% no-repeat;
  }

.forms ul {
  padding-top: 7px;
  }

.forms ul li {
  padding: 0 0 0 15px;
  font-size: 1.1em;
  line-height:2.2em;
  }

.news {
  width: 46%;
  margin: 0 12px 0 25px;
  }

.news_item {
  margin-top: 25px;
  }

.news_item p {
  margin-bottom: 0;
  }

.news_item a {
  font-size: 1.2em;
  }

.date {
  display: block;
  float: left;
  margin-right: 12px;
  font-size: 1.4em;
  color: #fff;
  background: url(/img/date_bg.gif) 0 0 no-repeat;  
  }

.day {
  padding: 2px 3px 0px 6px;
  font-size: 1.8em;
  font-weight: bold;
  }

.date .month {
  padding: 3px 3px 3px 3px;
  font-size: 1.2em;
  text-transform: uppercase;
  }

.footer {
  text-align: center;
  border-top: solid 8px #3a56b7;
  color: #666;
  }

.footer ul {
  width: 610px;

  height: 15px;
  margin: 11px auto 20px auto;
  color: #969696;
  }

.footer li {

  float: left;
  padding: 0 18px 0 15px;
  }

li.last {
  border: none;
  }

.footer a {
  color: #969696;
  }

.footer a:hover {
  color: #757575;
  }
  
.westrat {
  display: block;
  margin-top: 20px;
  }  
  
*html .westrat, *+html .westrat {
  margin-top: 10px;
  }  

/* *** Page Styles *** */

*html .sechead, *+html .sechead {
  margin-top: 5px;
  }

#page h1 {
  float: left;
  width: 281px;
  height: 60px;
  padding: 65px 0 0 25px;
  font-size: 1.2em;
  font-weight: normal;
  color: #4c4c4c;
  background: url(/img/section_bg.gif) 0 0 no-repeat;
  }

#page h1 span {
  display: block;
  font-size: 1.9em;
  font-weight: bold;
  color: #2742ab;
  }

.secimg {
  float: right;
  }

.content, .secnav, .blognav {
  margin-top: 55px;
  margin-bottom: 30px;
  margin-left: 23px;
  }

.content h3 {
  margin: 1em 0;
  }

.content p.intro {
  margin-top: 0;
  width: 100%;
  font-size: 1.8em;
  }


.content ol, .content ul {
  font-size: 1.2em; 
  line-height: 1.4em; 
  margin-bottom: 1.3em; 
  margin: 1em 0 1em 3em;
  }

.content ul {
  list-style: disc;
  }

.content ul li, .content ol li {
  line-height: 1.4em;
  }

.content blockquote {
  margin: 1.5em 2.5em;
  font-size: 1.1em;
  color: #666;
  }

.secnav h4 {
  margin: 0 0 0 20px;
  padding: 0 0 10px 10px;
  font-size: 1.8em;
  color: #2742ab;
  }

.secnav ul {
  margin: 0 10px 20px 20px;
  border-top: solid 1px #b5b5b5;
  }

.secnav a {
  display: block;
  padding: 12px;
  font-size: 1.6em;
  text-decoration: none;
  border-bottom: solid 1px #b5b5b5;
  }

.secnav a:hover {
  background: #e3e6d1;
  }1.4em;
  }

.content blockquote {
  margin: 1.5em 2.5em;
  font-size: 1.4em;
  color: #666;
  }

.secnav h4 {
  margin: 0 0 0 20px;
  padding: 0 0 10px 10px;
  font-size: 1.8em;
  color: #2742ab;
  }

.secnav ul {
  margin: 0 10px 20px 20px;
  border-top: solid 1px #b5b5b5;
  }

.secnav a {
  display: block;
  padding: 12px;
  font-size: 1.6em;
  text-decoration: none;
  border-bottom: solid 1px #b5b5b5;
  }

.secnav a:hover {
  background: #e3e6d1;
  }ckquote {
  margin: 1.5em 2.5em;
  font-size: 1.4em;
  color: #666;
  }

.secnav h4 {
  margin: 0 0 0 20px;
  padding: 0 0 10px 10px;
  font-size: 1.7em;
  color: #2742ab;
  }

.secnav ul {
  margin: 0 10px 20px 20px;
  border-top: solid 1px #b5b5b5;
  }

.secnav a {
  display: block;
  padding: 12px;
  font-size: 1.6em;
  text-decoration: none;
  border-bottom: solid 1px #b5b5b5;
  }

.secnav a:hover {
  background: #e3e6d1;
  }

/* *** Blog Styles *** */

.entry {
  margin: 0 20px 50px 0;
  color: #252525;
  }

.entry h2 {
  padding: 0px 0 10px 0;
  margin-bottom: .6em;
  font-size: 2.0em;
  font-weight: normal;
  color: #93af3d;
  border-bottom: dashed 1px #cecece;
  }

.entry p {
  font-size: 1.3em; 
  line-height: 1.4em; 
  margin-bottom: 1.3em; 
  }
  

.entry .meta {
  display: block;
  margin: 0 0 1.5em .1em;
  font-size: 1.1em;
  color: #93af3d;
  }

.entry .readmore {
  padding: 1px 3px 1px 3px;
  font-size: 1.1em;
  text-decoration: none;
  color: #fff;
  background: #65b318;
  }

.entry .post-categories {
  margin-top: 15px;
  padding: 3px 4px;
  border-top: solid 1px #cecece;
  border-bottom: solid 1px #cecece;
  font-size: 1.1em;
  }


#searchform {
  display: block;
  width: 96%;
  margin-left: 10px;
  }

#searchform label {
  font-size: 1.2em;
  font-weight: bold;
  color: #2742ab;
  }

.blognav h4 {
  margin: 40px 0 6px 0;
  padding: 0 0 10px 10px;
  font-size: 1.2em;
  color: #2742ab;
  }

.blognav ul {
  margin: 0 10px 20px 10px;
  border-top: solid 1px #b5b5b5;
  color: #2742ab;
  }

.blognav .catlist li, .blognav .arclist li {
  padding: 10px 10px 10px 12px;
  border-bottom: solid 1px #b5b5b5;
  background: url(/blog/wp-content/themes/wetlab/img/blue_arrow.gif) left center no-repeat;
  }

.blognav a {
  font-size: 1.2em;
  text-decoration: none;
  
  }

.blognav a:hover {
  text-decoration: underline;
  }


.blognav h4 {
  margin: 40px 0 6px 0;
  padding: 0 0 10px 10px;
  font-size: 1.2em;
  color: #2742ab;
  }

.blognav ul {
  margin: 0 10px 20px 10px;
  border-top: solid 1px #b5b5b5;
  color: #2742ab;
  }

.blognav .catlist li, .blognav .arclist li {
  padding: 10px 10px 10px 12px;
  border-bottom: solid 1px #b5b5b5;
  background: url(/blog/wp-content/themes/wetlab/img/blue_arrow.gif) left center no-repeat;
  }

.blognav a {
  font-size: 1.2em;
  text-decoration: none;
  
  }

.blognav a:hover {
  text-decoration: underline;
  }

#commentform, #commentform textarea {
  width: 100%;
  }

.commentlist li {
  font-size: .9em;
  color: #444
  }