body {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
margin: 0; 
padding: 0;
text-align: center; 
font-size: 0.75em;
line-height: 19px;}

.container {
position: relative;
width: 954px; 
margin: 0 auto;
border: 0px solid #000000;
text-align: left;}

td {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
margin: 0px 0px 10px 0px; 
padding: 0px;
font-size: 0.98em;
line-height: 19px;
color: #8c8c8f;
font-style: normal;
font-weight: inherit;}

table {
margin: 0px 0px 15px 0px; }

B{
margin: 0px 0px 10px 0px;
color: #46bbe7;
font-size: 1.25em;
font-weight: bold;}

.b2{
margin: 0px 0px 10px 0px; 
color: #8c8c8f;
font-weight: bold;
font-size: 0.98em;
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif; }

/* Backgrounds*/
.background {
background: #FFFFFF url('../images/home/bg.jpg') repeat top;}

.background_sub {
background: #FFFFFF url('../images/events/bg.jpg') no-repeat top;}

#news_background {
width: 954px; 
height: 431px;
background: #FFFFFF url('../images/environment/env_bg3.jpg') no-repeat top;
z-index:-1;}
/* End backgrounds */

/* This is the top bar with the 3 community buttons on the right */
#topbar {
background-repeat: repeat;
height: 41px;
background-color: #9cb4c5; 
border: 0px solid #000000;}

#twitter{
display: block;
width: 26px;
height: 26px;
background: url(../images/home/cl_rollover_01.gif) no-repeat; }

#twitter:hover{ 
background-position: 0 -26px;}

#twitter span{
display: none;}

#in{
display: block;
width: 26px;
height: 26px;
background: url(../images/home/cl_rollover_02.gif) no-repeat; }

#in:hover{ 
background-position: 0 -26px;}

#in span{
display: none;}

#facebook{
display: block;
width: 26px;
height: 26px;
background: url(../images/home/cl_rollover_03.gif) no-repeat; }

#facebook:hover{ 
background-position: 0 -26px;}

#facebook span{
display: none;}

.community {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
font-size: 0.83em;
color: #ffffff;
font-style: normal;
font-weight: inherit;
letter-spacing: +.02em;}

#column0 {
padding-top: 12px;
padding-left: 755px;
float:left;
width: 78px;
border: 0px solid #000000;}

#column1 {
padding-top: 5px;
padding-left: 0px;
float:left;
width: 30px;
border: 0px solid #000000;}

#column2 {
padding-top: 5px;
float:left;
width: 30px;
border: 0px solid #000000;}

#column3 {
padding-top: 5px;
float:left;
width: 30px;
border: 0px solid #000000;}
/* End top bar */

/* This is the main header featuring the logo and navigation */
#header {
height: 94px;
width: 954px;
background: #FFFFFF url('../images/home/header.jpg') no-repeat;}

#nav {
font-family: "Lucida Grande", sans-serif;
padding: 54px 0px 0px 404px;
float: left; /* Contain floated list items */
font-size: 1.42em;
font-weight: lighter;
width: 550px;
height: 34px; }

#nav li 
{
white-space: nowrap; 
margin: 0px;
padding-right: 30px;
float: left;
border:#648ea7 0px solid;}

#nav a {
color: #648ea7;
font-weight: normal;
text-decoration: none;
text-align: left;
border-right: 0px solid #FFF;}

#nav a:hover {
color: #c52032;}
/* End main header */

/* This is the main home content*/
#main {
position: relative;
width: 954px; 
text-align: left;
background-repeat: no-repeat;
height: 656px;
background: #FFFFFF url('../images/home/main.jpg') no-repeat top;}

#main_header {
padding-top: 110px;
font-family: "Arial", "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #c52032;
font-weight: lighter;
font-size: 2.93em;
text-align: left;
line-height: 22px;}

#sub_blue_header {
padding-top: 5px ;
font-family: "Arial", "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #46bbe7;
font-weight: lighter;
font-size: 1.63em;
text-align: left;
line-height: 22px;}

#main1 {
width: 850px;
padding-left: 68px;
float:left;}

#main2 {
width: 395px;
padding-left: 0px;
float:left;}

.learn {
margin-top: 20px;
width: 400px;
padding-left: 0px;
padding-bottom: 0px;
float:left;}

.twitter_link {
margin: 0px;
padding-bottom: 75px;
width: 800px;
float:left;}

#callouts1 {
width: 850px; 
text-align: left;
background-repeat: no-repeat;
height: 177px;
border: 0px solid #000000; }

#top1 
{
position: relative; left: -25px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
float:left;
width: 288px;
border: 0px solid #000000;}

#top2 {
padding: 0px 10px 0px 20px;
float:left;
width: 295px;
border: 0px solid #000000;}
/* End main home content */

/* This is the footer for entire webiste*/
#callout_bg {
margin-bottom: 0px;
padding: 10px 0px 0px 0px;
height: 265px;
border: 0px solid #000000;
background: #FFFFFF url('../images/events/footer_bg.jpg') no-repeat top;}

#bot1 {
padding: 0px 15px 0px 42px;
float:left;
width: 288px;
border: 0px solid #000000;}

#bot2 {
padding: 0px 15px 0px 20px;
float:left;
width: 288px;
border: 0px solid #000000;}

#bot3 {
padding: 0px 0px 0px 0px;
padding-left: 15px;
float:left;
width: 250px;
border: 0px solid #000000;}
/* End footer */

/* Events page*/
#bottle_image {
margin: -750px 0px 100px 460px; 
position: relative;
width: 434px; 
height: 639px;
background: url('../images/events/bottle.gif') no-repeat top;}

#header_container {
padding-top: 15px;
padding-right: 40px;
margin-top: 81px ;
margin-left: 53px;
float: left;
width: 800px;
border: 0px solid #000000;}
/* End events page*/

/* News page*/
#news {
margin: -100px 0px 0px 0px;
padding: 15px 0px 30px 50px;
width: 850px;
border: 0px solid #000000;}


/* End events page */

/* Sub page */
#env_header {
position: relative;
width: 954px; 
text-align: left;
background-repeat: no-repeat;
height: 431px;
border: 0px solid #000000; 
background: #FFFFFF url('../images/environment/env_bg.jpg') no-repeat top;}

#events_background {
position: relative;
width: 954px; 
text-align: left;
background-repeat: no-repeat;
height: 431px;
border: 0px solid #000000; 
background: #FFFFFF url('../images/environment/env_bg2.jpg') no-repeat top;}

.twitter_link2 {
margin-top: 75px;
padding-left: 47px;
padding-bottom: 50px;
width: 500px;
float:left;
border: 0px solid #000000;}
/* End sub page */

/* Environment page*/
#env_thumbs {
padding: 15px 0px 0px 0px;
position: relative;
width: 954px; 
text-align: left;
min-height: 251px;
border: 0px solid #000000; }

#env_body{
padding: 15px 0px 30px 50px;
width: 855px; 
text-align: left;
border: 0px solid #000000; }

#par {
padding-top: 15px;
padding-right: 40px;
margin-top: 81px ;
padding-left: 53px;
float: left;
width: 400px;
border: 0px solid #000000;}

.thumb_text {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
margin-top: 0px;
text-align: left; 
font-size: 1.01em;
line-height: 15px;}
/* End environment page */

/*Company page*/
#company_content {
position: relative;
margin: 0px 0px 0px 0px;
width: 954px; 
text-align: left;
background-repeat: no-repeat;
height: 760px;
border: 0px solid #000000; 
background: #FFFFFF url('../images/environment/env_bg.jpg') no-repeat top;}

#company_body{
position: absolute;
padding: 30px 0px 30px 0px;
width: 475px; 
text-align: left;
border: 0px solid #000000; }

#company_body2{
position: absolute;
padding: 167px 0px 30px 0px;
width: 700px; 
text-align: left;
border: 0px solid #000000; }
/* End others */

/*headings*/
h1 {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #c52032;
font-size: 1.53em;
text-transform: none;
font-weight: normal;
font-stretch: none;
letter-spacing: 0px;
font-style: inherit;
text-align: left;
margin: 0px 0px 10px 0px;
line-height: 21px;}

.h1a {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #c52032;
font-size: 1.63em;
text-transform: none;
font-weight: normal;
font-stretch: none;
letter-spacing: 0px;
font-style: inherit;
text-align: left;
margin: 30px 0px 15px 0px;
line-height: 22px;}

.h1b {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #c52032;
font-size: 1.50em;
text-transform: none;
font-weight: normal;
font-stretch: none;
letter-spacing: 0px;
font-style: inherit;
text-align: left;
margin: 0px 0px -20px 0px;
line-height: 22px;}

h2 {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #13497f;
font-size: 1.65em;
text-transform: none;
font-weight: lighter;
font-stretch: none;
letter-spacing: 0px;
text-align: left;}

h3 {
color: #1ca9dd;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: inherit;
font-size: .95em;
text-align: left;
line-height: 16px; 
margin: -7px 0px 0px 0px;}

h4 {

font-family: "Arial", "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #c52032;
font-weight: lighter;
font-size: 2.93em;
text-align: left;
margin: 10px 0px 0px 0px;
}

h5 {
margin: 0px 0px 0px 0px;
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #46bbe7;
font-weight:500;
font-size: 1.60em;
text-align: left;
line-height: 25px; 
}








h6 {
margin: 5px 0px 15px 0px;
font-family: "Arial", "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
color: #46bbe7;
font-weight: lighter;
font-size: 1.53em;
text-align: left;
line-height: 25px;}

/*block elements*/

p {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
margin: 0px 0px 0px 0px; 
padding: 0;
font-size: 0.98em;
line-height: 16px;
color: #8c8c8f;
font-style: normal;
font-weight: inherit;
letter-spacing: +.02em;}

blockquote {}

/*phrase elements*/

strong {}

em {}

/*lists*/

ul {}

ol {}

li {}

#navlist
{
list-style-type: none;
margin: 0;
padding: 0;}

#navlist li
{
background-image:url('../images/home/grey_bullet.gif');
background-position:0 50%;
background-repeat:no-repeat;	
padding:0 0 0 15px;}

input {
font-family: "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
font-size: 0.98em;
color: #8c8c8f;
font-style: normal;
font-weight: inherit;
border: 1px solid #666666;}

/*rollover*/
#t2, #i2, #f2{
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/home/f2_button.gif") no-repeat 0 0;}

#t2, #i2, #f2:hover{ 
  background-position: 0 -16px;}

#t2,#i2,#f2 span{
display: none;}
/*end rollover*/

/*links*/
a {}

a:link {
color: #46bbe7;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;}

a:visited {
color: #46bbe7;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;}

a:hover {
color: #cd1c0c;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;}

a:active {
color: #46bbe7;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;}

#news a:link {
color: #c52032;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.20em;
font-weight: normal;
text-decoration: none;}

#news a:visited {
color: #c52032;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.20em;
font-weight: normal;
text-decoration: none;}

#news a:hover {
color: #46bbe7;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.20em;
font-weight: normal;
text-decoration: none;}

#news a:active {
color: #c52032;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.20em;
font-weight: normal;
text-decoration: none;}

#footer a:link {
color: #535353;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: normal;
text-decoration: none;}

#footer a:visited {
color: #535353;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: normal;
text-decoration: none;}

#footer a:hover {
color: #000000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: normal;
text-decoration: none;}

#footer a:active {
color: #535353;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
font-weight: normal;
text-decoration: none;}
/*End links*/

/*This is the footer of the pages*/
#footer {
margin-top: 0px;
width: 954px; 
text-align: left;
border: 0px solid #000000;}

#left {
width: 954px; 
padding: 0px 15px 0px 42px;
float:left;
height: 40px;
width: 725px;
border: 0px solid #000000;}

#right {
padding: 0px 15px 0px 20px;
float:right;
width: 132px;
border: 0px solid #000000;}

#footer_text {
position: relative;
font-size: 0.85em;
padding-top: 7px;
padding-bottom: 7px;}
/*End footer*/

#nav2 a {
padding-left: 4px;
margin-top: 10px;
display: block;
height: 16px;
text-indent: -9999px;}

#nav2 li{ list-style: none; margin:0px; padding:0px; float: left; }

#nav2 li.tweeter a { background: url(../images/home/cs_rollover_01.gif) no-repeat; width: 17px; }
#nav2 li.in a { background: url(../images/home/cs_rollover_02.gif) no-repeat; width: 17px; }
#nav2 li.facebook a { background: url(../images/home/cs_rollover_03.gif) no-repeat; width: 17px; }

#nav2 li.tweeter a:hover { background: url(../images/home/cs_rollover_01.gif) no-repeat 0 -16px; }
#nav2 li.in a:hover { background: url(../images/home/cs_rollover_02.gif) no-repeat 0 -16px; }
#nav2 li.facebook a:hover { background: url(../images/home/cs_rollover_03.gif) no-repeat 0 -16px; }

/*button navigation*/
#but_nav {
width: 400px; 
height: 95px;
padding-top: 5px;
padding-left: 2px;
padding-bottom: 0px;
border: 0px solid #000000;}

#but2_nav 
{
position:relative;
top:95px;
left:50px;
border: 0px solid #000000;
}

div.sc_menu {
/* Set it so we could calculate the offsetLeft */
height: 85px;
width: 262px;
border: 0px solid #000000;
}
ul.sc_menu 
{
display: block;
height: 85px;
/* max width here, for users without javascript */	
width: 500px;	
padding: 22px 0 0 0px; 
/* removing default styling */
margin: 0;
background: url('');		
list-style: none;
border: 0px solid #000000;}

.sc_menu li {
display: block;
float: left;	
padding: 0 2.7px;}

.sc_menu a {
display: block;
text-decoration: none;}

.sc_menu span {
display: none;
margin-top: 3px;
text-align: center;
font-size: 12px;	
color: #000;}

.sc_menu a:hover span {
display: block;}

.sc_menu img {
border: 0px #fff solid;	
-webkit-border-radius: 3px;
-moz-border-radius: 3px;}

.sc_menu a:hover img {
filter:alpha(opacity=50);	
opacity: 0.5;}
/*End button nav*/