/* HTML */
body{margin:0px;font-family:verdana,helvetica,arial,sans-serif;font-size:12px;
background-image: url(images.php?id=30);background-repeat:no-repeat;background-position:center top;
background-color:#222222;
}
div{border:0px solid #000000;font-family:verdana;}
table{border:0px;empty-cells:show;}
td{font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;vertical-align:top;color:#444444;}



/* DIVS */
#flashbox{width:400px;height:400px;margin:0px 5px 0px 20px;float:right;background:#333333;}
#back{width:100%;height:100%;text-align:center;
/* opacity:0.9;filter:alpha(opacity=70); */
}
#wrapper{width:960px;text-align:left;margin:0px auto 0px auto;}
#header{width:100%;height:150px;padding:10px 0px 0px 0px;}
#nav{float:right;width:650px;height:150px;}
.nav_lvl{float:left;height:150px;}

#logo{float:left;width:106px;color:#ffffff;margin-top:10px;}
#logo img{border:0px;}

#back2{width:100%;background-color:#333333;position:relative;}
#wrapper2{width:960px;height:440px;text-align:left;margin:0px auto 0px auto;position:relative;}
body.content_cms{width:960px;color:#FFFFFF;}
#content{width:930px;clear:right;padding:20px 20px 20px 0px;color:#FFFFFF;position:absolute;line-height:1.5;font-size:11px;}
#content p{font-size:11px;line-height:1.5;margin:5px 0 5px 0;}
#content li{line-height:1.2;margin-bottom:4px;}
#content td{color:#FFFFFF;font-size:11px;}

#image75L{position:relative;left:0;top:-20px;width:400px;}
#image198L{position:relative;left:0;top:55px;width:400px;}
#image168L{position:relative;left:0;top:75px;width:400px;}
#launch{position:relative;left:0;top:95px;width:230px;font-size:10px;line-height:1.2;}
#launch a{text-decoration:none;}
#launch a:hover{text-decoration:underline;}

#wrapper3{width:960px;text-align:left;margin:20px auto 0px auto;clear:both;position:relative;}
#footer{width:100%;height:40px;width:960px;padding:0px;color:#ffffff;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#copyright{width:30%;float:left;}
#required{padding:0px;width:300px;float:right;text-align:right;font-size:11px;}
#freshspring{float:right;width:300px;text-align:right;font-size:11px;}

/* Footer tabs */
#foottabs {text-align:left;position:absolute;bottom:0px;left:0px;}
#foottabs ul {margin:0px;padding:0px;}
#foottabs li {float:left;list-style:none;margin:0px 10px 0px 0px;padding:0px;text-align:center;}
#foottabs a {display:block;background:#404040;width:100px;height:38px;}
#foottabs a.twitter {background:url(images/sn_tw-2.gif)}
#foottabs a.twitter:hover {background:url(images/sn_tw-1.gif)}
#foottabs a.facebook {background:url(images/sn_fb-2.gif)}
#foottabs a.facebook:hover {background:url(images/sn_fb-1.gif)}
#foottabs a.blogger {background:url(images/sn_bl-2.gif)}
#foottabs a.blogger:hover {background:url(images/sn_bl-1.gif)}
#foottabs a.youtube {background:url(images/sn_yt-2.gif)}
#foottabs a.youtube:hover {background:url(images/sn_yt-1.gif)}
#foottabs li.donate {margin-left:150px;}
#foottabs a.donate {background:#565656;color:#811414;text-decoration:none;font-weight:bold;font-size:12pt;text-transform:uppercase;display:table-cell;vertical-align:middle;}
#foottabs a.donate:hover {color:#FFF;}

/* TEXT */
p{font-size:12px;margin-top:0px;margin-bottom:0px;}
h1{font-size: 14px;margin-top:0px;margin-bottom:0px; font-weight: 400;line-height:1.5;}
h2{font-size: 14px;margin-top:0px;margin-bottom:0px; font-weight: 400;line-height:1.5;}
h3{font-size: 13px;margin-top:0px;margin-bottom:0px; font-weight: 400;line-height:1.5;}
h4{font-size: 12px;margin-top:0px;margin-bottom:0px; font-weight: 400;line-height:1.5;}
h5{font-size: 11px;margin-top:0px;margin-bottom:0px; font-weight: 400;line-height:1.5;}
h6{font-size:10px;margin-top:0px;margin-bottom:0px; font-weight: 400;line-height:1.5;}
.quote{font-size: 10px;}


/* LINKS */
a{color:#ffffff;text-decoration:underline;}
a:hover{color:#ffffff;text-decoration:none;}
a:visited{;}
a:active{;}


/* FORMS */
form {margin: 0px;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
.form_field_name{float:left;margin-bottom:5px;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}

div#container_email{
  width:503px;
  float:right;
}

/* scrolling arrows */
/* from http://n-son.com/scripts/jsScrolling/new/example1.html */
/* PADDING from content matters here, and must be added in */
.Container{
  width:960px;height:440px;
  position:absolute;left:0px;top:0px;}
.Container img{  z-index:1000;}
.Scroller-Container { /* will be very similar to content */
  left:0;
  top:0;
  position:absolute;
}
/* additional information here, if needed */
#Scroller-1{
  width:960px;height:440px;
  overflow:hidden;
  position:absolute;
}

.Scrollbar-Up {
/*   visibility:hidden; */
  cursor: pointer;
  position: absolute;
  top: 10px; right: 10px;
}
.Scrollbar-Down {
/*   visibility:hidden; */
  cursor: pointer;
  position: absolute;
  bottom: 10px; right: 10px;
}


/* MENUS */
.menu_lvl1{margin:0px 15px 0px 15px;padding:2px 0px;font-size:12px;text-transform:uppercase;}
.menu_lvl1 a{color:#666666;text-decoration:none;}
.menu_lvl1_on{margin:0px 15px 0px 15px;padding:2px 0px;font-size:12px;text-transform:uppercase;}
.menu_lvl1_on a{color:#FFFFFF;text-decoration:none;font-weight:normal;}

.menu_lvl2{margin:0px 15px 0px 15px;padding:2px 0px;font-size:12px;text-transform:uppercase;}
.menu_lvl2 a{color:#666666;text-decoration:none;}
.menu_lvl2_on{margin:0px 15px 0px 15px;padding:2px 0px;font-size:12px;text-transform:uppercase;}
.menu_lvl2_on a{color:#FFFFFF;text-decoration:none;font-weight:normal;}

.menu_lvl3{   margin:0px 15px 0px 15px;padding:2px 0px;font-size:12px;text-transform:uppercase;}
.menu_lvl3 a{color:#CCCCCC;;text-decoration:none;}
.menu_lvl3_on{margin:0px 15px 0px 15px;padding:2px 0px;font-size:12px;text-transform:uppercase;}
.menu_lvl3_on a{color:#FFFFFF;text-decoration:none;font-weight:normal;}

.menu_lvl4{   margin:0px 15px 0px 15px;padding:2px 0px;font-size:11px;}
.menu_lvl4 a{color:#CCCCCC;}
.menu_lvl4_on{margin:0px 15px 0px 15px;padding:2px 0px;font-size:11px;font-weight:bold;}
.menu_lvl4_on a{color:white;}
.menu_lvl5{   margin:0px 15px 0px 15px;padding:2px 0px;font-size:10px;}
.menu_lvl5 a{color:#CCCCCC;}
.menu_lvl5_on{margin:0px 15px 0px 15px;padding:2px 0px;font-size:10px;font-weight:bold;}
.menu_lvl5_on a{color:white;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */


/* PAGES Vertical */
div.page_lvl1{padding:2px 0px;font-size:12px;text-transform:uppercase;}
div.page_lvl1 a{display:block;color:#666666;text-decoration:none;}
div.page_lvl1_on{padding:2px 0px;font-size:12px;text-transform:uppercase;}
div.page_lvl1_on a{display:block;font-weight:normal;text-decoration:none;}
div.page_lvl2{   padding:2px 0px;font-size:12px;text-transform:uppercase;}
div.page_lvl2 a{display:block;color:#666666;text-decoration:none;}
div.page_lvl2_on{padding:2px 0px;font-size:12px;text-transform:uppercase;}
div.page_lvl2_on a{display:block;font-weight:normal;text-decoration:none;}
div.page_lvl3{   padding:2px 0px;font-size:12px;text-transform:uppercase;}
div.page_lvl3 a{display:block;color:#666666;text-decoration:none;}
div.page_lvl3_on{padding:2px 0px;font-size:12px;text-transform:uppercase;}
div.page_lvl3_on a{display:block;font-weight:normal;text-decoration:none;}
div.page_lvl4{   padding:2px 0px;}
div.page_lvl4 a{display:block;color:#666666;text-decoration:none;}
div.page_lvl4_on{padding:2px 0px;}
div.page_lvl4_on a{display:block;font-weight:bold;text-decoration:none;}
div.page_lvl5{   padding:2px 0px;}
div.page_lvl5 a{display:block;color:#666666;text-decoration:none;}
div.page_lvl5_on{padding:2px 0px;}
div.page_lvl5_on a{display:block;font-weight:bold;text-decoration:none;}


/* PAGES Horizontal */
span.page_lvl1{   }
span.page_lvl1 a{padding:0px 5px 0px 5px;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
span.page_lvl2{   }
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}


/* CMS */
.error{color:#FF0000;}
.error_highlighted{background:#FFEEEE;}
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}
.cell_highlighted{background:#D0E0FF;}


/* freshSPRING (Do Not Alter) */
.fresh {color:#9d9d9d;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#9d9d9d;}
.spring {color:#cccccc;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#cccccc;}
.serving{color:#808080;}
.serving_light{color:#ADADAD;}
.hope{color:#009900;}


/*  stop divs from flowing out of boxes can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: ".";display: block; height: 0px; clear: both; visibility: hidden; font-size:0px;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; font-size:0px;}
/* End hide from IE-mac */