html *{padding:0;margin:0}
* html{padding:0;margin:0}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button, textarea {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent}

h1,h2,h3,h4,h5,h6{font-weight:normal}

ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}
a{color:inherit;text-decoration:none}
/* remember to define focus styles! */
:active,:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
sub,sup {font-size:80%;line-height:0}
sub{vertical-align:sub}
sup{vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


.cf{clear:both}
.hidden{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}

/* Text */
.tLeft{text-align:left}
.tCent{text-align:center}
.tRight{text-align:right}
.tBold{font-weight:bold}
.tItalic{font-style:italic}
.tUline{text-decoration:underline}

/* Start Here
 * ------------- */

body {
  background:#fff;
  color:#414141;
  font:.625em/1 'Futura FB', Futura, 'Trebuchet MS', 'Myriad Pro', Arial, Helvetica, sans-serif}
.inside {width:992px}


/* Common Classes */
/* Article List */
.article-list .title {color:#87b745}
.article-list .article {font-size:11px}
.article-list .thumb {border:1px solid #adadad}
.article-list .article-title {
  text-transform:uppercase;
  line-height:1.1;
  padding-bottom:5px}
.article-list .article-title {font-size:11px}
.article-list p {
  line-height:1.2;
  padding-bottom:5px}
.cat-more-link,
.article-list a {
  text-transform:uppercase}


/* Event List */
.event-list {padding:13px 10px}
.event-list a {font-size:11px}
.event-list .event {
  overflow:hidden;
  padding:8px 9px}
.event-list .event-title {
  padding:5px 0 4px;
  text-transform:uppercase}
.event-list .event .date {color:#373737}
.event-list .event p {
  font-size:9px;
  padding-bottom:11px}
.event-list .event .more-link {
  float:right;
  text-transform:uppercase}


/* Header */
#header {
  color:#fff;
  height:550px;
  position:relative}

#header .images {
  position:absolute;
  left:0;
  top:0px;
  z-index:0}
  
#header .images .item {
  display:block;
  height:550px;
  width:1422px}

#top-nav {
  background:url(../images/bg-trans-black.png);
  height:116px;
  position:relative;
  z-index:99}

#sitename,
#sitename a {
  display:block;
  height:95px;
  width:249px}
#sitename {
  left:45px;position:absolute;
  top:0px;
  text-indent:-99999em;
  z-index:99}
#sitename a {background:url(../images/logo.png) no-repeat}

#top-nav .menu {
  cursor:default;
  padding-right:15px;
  text-align:right}
#top-nav .menu li {
  display:inline;
  font-weight:700;
  text-transform:uppercase}
#top-nav .menu li.active a,
#top-nav .menu li a:focus,
#top-nav .menu li a:hover,
.home #boxes .more-link:focus,
.home #boxes .more-link:hover {color:#f73d44}
.home #boxes .link:hover {color:#f73d44}  


#nav {padding:49px 0 14px}
#nav li {
  font-size:16px;
  margin-left:28px}
#nav li a {color:#fff}


#nav-second {}
#nav-second li {
  font-size:12px;
  margin-left:18px}
#nav-second li a {color:#87b541}


/* Boxes */
.home #boxes {
  bottom:10px;
  height:135px;
  left:8px;
  overflow:hidden;
  position:absolute;
  width:976px;}
.home #boxes .box {
  background:url(../images/bg-trans-milk.png);
  color:#414141;
  float:left;
  height:135px;
  margin-right:4px;
  position:relative;
  width:192px}
.home #boxes .box-inner {padding:15px 5px 33px 70px}

.home #boxes .title {
  font-size:14px;
  line-height:16px;
  padding-bottom:5px;
  text-transform:uppercase}
.home #boxes p {
  font-size:11px;
  line-height:1.3}
.home #boxes .more-link {
  bottom:10px;
  color:#87b541;
  font-size:11px;
  font-weight:bold;
  position:absolute;
  right:14px;
  text-transform:uppercase}
  
  .home #boxes .link {
  color:#87b541;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase}


.home #boxes .box-testimonial .box-inner {background:url(../images/icon-testy.png) no-repeat 7px 10px}
.home #boxes .box-register .box-inner {background:url(../images/icon-notes.png) no-repeat 7px 10px}
.home #boxes .box-shop .box-inner {background:url(../images/icon-shop.png) no-repeat 7px 10px}
.home #boxes .box-facebook .box-inner {background:url(../images/icon-facebook2.png) no-repeat 7px 10px}

.home #boxes .box-thead {
  background:#FFFFFF;
  height:60px;
  margin:0}



/* Content */
#content {background:#fdfdfd}
#content .inside {
  padding:16px 0 12px}



/* Main Column: Left */
#main {
  float:left;
  font-size:12px;
  line-height:1.4;
  padding:15px 24px;
  width:470px}
#main .title {
  font-size:16px;
  line-height:1;
  padding-bottom:12px;
  text-transform:uppercase}
  
#main .subtitle {
  font-size:14px;
  line-height:1;
  padding-bottom:12px;
  color:#f51408} 

#welcome .title {color:#f51408}
#welcome p {padding-bottom:12px}
#welcome p.intro {
  line-height:1.3;
  text-transform:uppercase}

#welcome .thumb {border:1px solid #adadad}

#welcome input {
  background:#fff;
  border: #c5e796 2px solid;
  color:#020202;
  padding:3px;
  font-size:12px;
   margin:5px;}
   
#welcome input2 {
  background:#c5e796;
  border: #c5e796 2px solid;
  color:#020202;
  padding:3px;
  font-size:12px;
   margin:5px;}   
  
#welcome .link {
  color:#87b745;
  font-size:14px;}
  
#welcome .link:hover {
 color:#414141;
 font-size:14px;}
  
  


/* Latest News */
#main .article-list a {color:#87b745}
#main .article-list .thumb {
  display:block;
  margin-bottom:10px;
  padding:4px 5px}
#main .article-list .article {
  float:left;
  margin-right:20px;
  width:140px}
#main .article-list .last {margin:0}
#main .article-list .article-title a {color:#87b745}



/* Sidebar */
#sidebar .col {
  border-left:1px solid #e9e9e9;
  float:left;
  min-height:460px;
  padding-bottom:10px;
  width:216px}
  
#sidebar .col2 {
  float:left;
  min-height:460px;
  padding-bottom:10px;
  width:216px}  
  
#sidebar .col .title {
  color:#fff;
  font-size:16px;
  height:36px;
  line-height:36px;
  padding:0 15px;
  text-transform:uppercase}

#sidebar .sb-left {margin-right:12px}
#sidebar .sb-left .title {background:#87b745}
#sidebar .sb-left a {color:#87b745}
#sidebar .sb-left .cat-more-link {padding:0 10px}

#sidebar .article-list {padding:10px 0}
#sidebar .article-list .article {
  overflow:hidden;
  padding:10px}
#sidebar .article-list .article-title {
  line-height:1;
  padding-bottom:2px}
#sidebar .article-list .article-title a {color:#87b745}
#sidebar .article-list .thumb {
  float:left;
  margin-right:6px;
  padding:2px}
#sidebar .article-list .more-link {float:right}


#sidebar .sb-right .title {background:#f51408}
#sidebar .sb-right a {color:#f51408}
#sidebar .sb-right .cat-more-link {padding:0 18px}


/* Footer */
#footer {
  background:#70757b url(../images/bg-footer.png) repeat-x 0 bottom;
  color:#9d9d9d;
  height:196px}
#footer .inside {width:1200px}

#newsletter {
  color:#fff;
  float:left;
  height:89px;
  padding:32px 26px;
  width:283px}
#newsletter .title {
  font-size:16px;
  padding-bottom:12px;
  text-transform:uppercase}
#newsletter form {font-size:12px}
#newsletter form div {padding:14px 0}
#newsletter form input {
  background:#fff;
  color:#020202;
  float:left;
  font-size:11px;
  font-weight:bold;
  padding:6px 7px 5px;
  width:220px;
  border: #020202 1px solid;}
#newsletter form button {
  background:url(../images/button-ok.png) no-repeat;
  float:left;
  height:25px;
  text-indent:-99999em;
  width:29px}

#logos {
  float:right;
  height:122px;
  padding-top:29px}
#logos img {
  margin-left:60px;
  vertical-align:middle}

#foot-nav {
  float:left;
  height:43px;
  padding:0 26px;
  width:594px}
#foot-nav li {
  float:left;
  height:43px;
  line-height:43px;
  padding-right:17px;
  text-transform:uppercase}
#foot-nav a {
  color:#fff;
  float:left}

#copyright {
  float:right;
  height:43px;
  line-height:43px;
  padding-right:30px;
  text-align:right;
  text-transform:uppercase}
#copyright a {color:#9d9d9d}

.bg_87b745{
	background-color : #87b745;
}

.bg_f51408{
	background-color : #f51408;
	color:#FFF;
}