/************************ webvanta.css ****************************/
/* Main stylesheet for Webvanta default site                      */
/* assumes Blueprint CSS has been loaded first                    */
/* (if using our standard templates they take care of that)       */

/* Note: most colors are set in Config Settings. You can set      */
/* colors there, or you can replace the <w:data ... > text with   */
/* color values here                                              */

/* Base Styles */

body { color: #4d4b4b; background-color: #CCC; font-family: Century Gothic, Helvetica, Arial, sans-serif; text-align: left; }
h1 { color: #000; font-family: Century Gothic, Helvetica, Arial, sans-serif; font-size:28px; font-weight: 900; }
h1 span { color: #0e5b90; }
h2 { color: #db001b; font-family: Century Gothic, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; margin-bottom: 5px; }
h2 a { color: #7aa319; text-decoration:none; }
h2 a:hover { color: <w:data name='color_h2' /; text-decoration: underline; }
h3 { margin: 0; padding: 2px 0 6px 0; font-size: 16px; font-family: Century Gothic, Helvetica, Arial, sans-serif; color: #4d4b4b; font-weight: 900; }
h3 a:link,h3 a:visited { color: #7aa319; text-decoration:none; }
h3 a:hover { color: <w:data name='color_h3' /; text-decoration: underline; }
h4 { margin: 0; padding: 2px 0 6px 0; font-size: 14px; font-family: Century Gothic, Helvetica, Arial, sans-serif; color: #4d4b4b; font-weight: 900; }
h5 { font-size: 12px; font-family: Century Gothic, Helvetica, Arial, sans-serif; }
a:link { color: #db001b; font-weight: bold; }
a:visited { color: #db001b; font-weight: bold; }
a:hover { color: #db001b; font-weight: bold; text-decoration: none; }
a:active { color: #db001b; font-weight: bold; }
strong { color: #db001b; font-weight: bold; font-family: Century Gothic, Helvetica, Arial, sans-serif; }
p { margin: 0 0 1em; text-align: justify; }
ul { margin: 0 0 1em; padding: 0; list-style-type: none; }
ul li { margin-bottom: 5px; }
.cursorpointer { cursor: pointer; }


/*********** PAGE STRUCTURE ************/

#wrapper { width: 958px; padding: 0; margin: 0 auto; }
#header { padding: 0; margin: 0; position: relative; }
#header-logo { width: 958px; height: 88px; background-image: url('template-images/header.gif'); }
#top-banner { width: 958px; height: 284px; padding: 0; margin: 0; }
#top-banner img { width: 958px; height: 284px; padding: 0; margin: 0; }
#content-area { padding: 30px 36px 10px 36px; background-color: #ffffff; }
.content-section { padding-bottom: 25px; }


/*********** NAVIGATION ************/

#nav { width: 934px; height: 40px; padding: 0 0 0 24px; margin: 0; list-style-type: none; background-color: #555656; }
#nav li { height: 24px; padding: 8px 0 8px 0; margin: 0; float: left; display: inline; }
#nav li a { padding: 0 12px 0 12px; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 24px; text-decoration: none; border-right: 1px solid #ffffff; }
#nav li a:hover { color: #b1adad; }
#nav li a.current-nav { color: #b1adad; }
#nav li a#last-nav { border-right-style: none; }


/*********** FOOTER ************/

#footer { padding: 0; margin: 0; position: relative; }
#footer-logo { width: 958px; height: 90px; background: #db001b url('template-images/footer.gif') no-repeat center bottom; }

#footer-nav { width: 500px; height: 45px; float: left; display: inline; }
#footer-nav ul { width: 464px; height: 40px; padding: 5px 0 0 36px; list-style-type: none; }
#footer-nav li { height: 24px; padding: 8px 12px 8px 0; margin: 0; color: #ffffff; font-size: 12px; line-height: 24px; float: left; display: inline; }
#footer-nav li a { color: #ffffff; font-weight: normal; text-decoration: none; }
#footer-nav li a:hover { color: #333; }

#footer-subscribe { width: 290px; margin: 10px 15px 0 0; float: right; }
#footer-subscribe p { width: 275px; margin: 5px 0 10px 0; color: #ffffff; }
#footer-subscribe #utlhiy-utlhiy { width: 230px; padding: 6px; margin: 0 5px 0 0; color: #4d4b4b; border: none; float: left; display: inline; }
#footer-subscribe #submit-btn { width: 28px; padding: 0; margin: 0; border: none; float: left; display: inline; }


/*********** TWO COLUMN RIGHT ************/

.redlink { width: 200px; height: 24px; background-color: #db001b; margin-bottom: 6px; }
.redlink a { padding-left: 8px; color: #ffffff; line-height: 24px; text-decoration: none; }

.crumb-wrap { width: 886px; margin-bottom: 30px; float: left; }
.crumbs { float: left; }
.crumbs span { float: right; }


/*********** HOME PAGE ************/

#news-home { margin-bottom: 20px; float: left; display: inline; }
.news-home-item { margin: 5px 0 10px 0; float: left; display: inline; }
.news-home-item p { width: 220px; margin: 0 15px 3px 0; padding: 0; line-height: 1.4em; text-align: left; float: left; display: inline; }
.news-home-item a.icon-link { height: 55px; margin-right: 15px; overflow: hidden; border: solid 1px #ccc; float: left; display: inline; }
.news-home-item .news-home-thumb { width: 55px; }

#homelink { width: 958px; height: 298px; padding: 0; margin: 0; background-color: #f0f0f0; }
#homelink-left { width: 276px; height: 244px; margin: 27px 31px 27px 36px; float: left; display: inline; }
#homelink-middle { width: 275px; height: 244px; margin: 27px 30px 27px 0; float: left; display: inline; }
#homelink-right { width: 274px; height: 244px; margin: 27px 36px 27px 0; float: left; display: inline; }


/*********** NEWS PAGE ************/

#recent-posts { margin-top: 5px; }
#recent-posts li { margin: 10px 0 10px 0; }


/*********** CONTACT PAGE ************/

#contact-form { width: 625px; margin-top: 20px; }
#contact-details h3 { color: #db001b; }
#contact-details strong { color: #4d4b4b; }


/*********** LOGIN PAGE ************/

#login-container { padding: 22px; background: #EBEBEB url('template-images/acloginpodbg.gif') repeat-x; border: solid 1px lightGrey; border-bottom-left-radius: 7px 7px; border-bottom-right-radius: 7px 7px; border-top-left-radius: 7px 7px; border-top-right-radius: 7px 7px; width: 276px; display: block; }
#login-container form { margin: 0; padding: 0; }
#login-top label { color: #444; display: block; font-size: 15px; font-weight: 500; margin-bottom: 3px; }
#login-top input { background: white url('template-images/textinputbg.gif') repeat-x; border: 1px solid lightGrey; color: black; font-size: 15px; margin-bottom: 10px; padding: 7px 0px; text-indent: 7px; width: 100%; }
#login-left { margin-top: 5px; float: left; }
#login-left label { color: #777; font-size: 12px; }
#login-left a { border-top: 1px solid lightGrey;  margin-top: 7px; padding-top: 5px; color: #AAA; display: block; font-size: 12px; text-decoration: none; }
#login-right input { background: url('template-images/acloginpodbttn.gif') no-repeat; display: block; float: right; height: 42px; margin-top: 10px; width: 121px; }
#login-right input:hover { background-position: right top; }
.sysmsg { color: #f00; margin-top: 15px; }


/*********** 404 ERROR PAGE ************/

#error-page { width: 586px; margin: 0 auto; background: url('template-images/404-error.jpg') no-repeat center top; padding-top: 260px; text-align: center;  }
#error-page p { font-size: 16px; text-align: center; }


/** Video Player **/

#player { display: block; width: 640px; height: 480px; border: 2px solid #666; }


/********** FORMS **************/

#dy_node_submit {           /* for automatically generated forms that submit to database */
  margin-left: 130px;
}
.wv-validation-error {      /* for error messages display on failed form submissions */
  border: 2px solid #F00;
}
p#email2 {                  /* be sure to include this rule if you are using our forms */
  display: none;            /* it keeps normal users from seeing the spambot honeypot  */
}


/********** BLOG *************/

.blog_article {
  border-bottom: 1px solid #cdcdd4;
  padding-bottom:15px;
  margin-bottom: 25px;
  clear: left;
}
.blog_article h1 {
  margin-bottom:5px;
}
h3.article_title a{
  color: #DB001B;
  margin-bottom: 5px;
}
.blog_article p a:link,.blog_article p a:visited {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:2px 4px;
  color: #999;
  font-size:.9em;
  text-decoration:none;
  font-weight:bold;
}
.blog_article p a:hover {
  background-color: #b9b9b9;
  color:#fff;
}
.blog_article p.byline{
  color:#868a8a;
  font-size:.9em;
  text-transform:uppercase;
}
.blog_article p.byline a {
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  padding:0px;
  border:0px solid #c2c2c2;
  font-style:italic;
  color:#0e5b90;
  text-decoration:underline;
}
.blog_article p.byline a:hover {
  background-color:transparent;
  color:#0e5b90;
  text-decoration:none;
}
.article-icon { float: left; padding: 0 15px 5px 0; }
#share-widgets { height: 75px; }


/********* Example styles for RTE Styles drop-down   *************/
/* These styles are invoked by the Styles drop-down in the       */
/* rich text editor. See the XML file webvanta-editor-styles.xml */
/* and the article http://www.webvanta.com/article/23724         */

.large_headline {
  font-size: 36px;
}
.large_body {
  font-size: 16px;
}
.highlighted_text {
  font-weight: bold;
  color: #900;
}
.image_left {
  float: left;
  padding: 0 10px 10px 0;
}