@charset "UTF-8";
body  {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	font-family: "Trebuchet MS", "Lucida Grande", "Verdana";
	font-size: 100%;
	background-color: #FEEAE5;
	}

/* Layout Structure */


#container {
	width: 900px;
	text-align: left;
	background-color: #F4927B;
	margin: 40px auto 40px auto;
} 
#header {
	padding: 0px;
	background-color: #FFFFFF;
	height: 132px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	
} 

#navbar {
	background-color: #E95F44;
	margin: 0px;
	padding: 0px;
	height: 40px;
	border-top: 2px white solid;
	border-bottom: 2px white solid;
	border-right-width: 0px;
	border-left-width: 0px;
	width: 900px;
}
#rightcontent {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 192px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.imagefloat {
	float: left;
	height: 173px;
	width: 153px;
	padding-top: 25px;
	padding-left: 25px;
}
#mainContent {
	padding: 0px;
	float: left;
	width: 600px;
	background-image: url(../images/bubbles.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
} 

#mainContent2 {
	padding: 0px;
	float: left;
	width: 500px;
	background-image: url(../images/bubbles.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
} 

#mainContentwider {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	width: 660px;
	background-image: url(../images/bubbles.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-right: 0px;
}

#mainContentwide {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 898px;
	background-image: url(../images/bubbles.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 
#mainContentnarrow {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 455px;
	background-image: url(../images/bubbles.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 

#logoblock {
	width: 190px;
	height: 125px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}
#logoblock a {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -2000px;
}

/* side bars */

#sidebar1 {
	padding: 0px;
	margin: 25px 25px 25px 0px;
	float: right;
	width: 225px;
	background-color: #F47354;
	background-image: url(../images/back_blend_small2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFF;
	font-size: 90%;	
}

#sidebar2 {
	float: right;
	width: 390px;
	background-color: #FE785C;
	background-image: url(../images/service_fade.jpg);
	background-repeat: no-repeat;
	background-position: -70px -25px;
	color: #FFF;
	font-size: 90%;
	margin: 25px 25px 25px 0px;
	padding: 0px 0px 25px 0px;
}

#sidebar3 {
	float: right;
	width: 270px;
	background-image: none;
	color: #FFF;
	font-size: 90%;
	margin: 120px 25px 25px 0px;
	padding: 0px 0px 25px 0px;
	line-height: 1.4;
}
#sidebar3 p { padding-bottom: 12px; }
#sidebar3 a { color: #FFFFFF; text-decoration: none; }



/* careers boxes */


#sidebar4 {
	float: right;
	width: 250px;
	background-image: url(../images/blend_back_big2.jpg);
	color: #FFF;
	font-size: 90%;
	margin: 25px 25px 25px 0px;
	padding: 0px 0px 25px 0px;
	line-height: 1.4;
	background-repeat: repeat-x;
	background-color: #F37355;
}
.jobopt a {
	color: #FFFFFF;
	text-decoration: none;
}
#options {
	height: 95px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCCCC;
}
#options .jobopt {
	display: block;
	width: 195px;
	float: left;
	margin-right: 6px;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-left: 4px;
}
#jobscroll {
	height: 335px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
.jobbox {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
#joblist {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
}
#joblist h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFCCCC;
}
#infoblock .jobbox h2 {
	font-size: 20px;
	font-weight: bold;
}
#joblist p {
	font-size: 12px;
	line-height: 1.3;
	padding-bottom: 10px;
}
#joblist a {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	padding-top: 8px;
	font-size: 12px;
}


/* news boxes */


#sidebarnews {
	padding: 0px;
	margin: 25px 25px 25px 0px;
	float: right;
	width: 170px;
	background-color: #F37355;
	background-image: url(../images/back_blend_small.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFF;
	font-size: 90%;
}
.newsmenuimage {
	padding-top: 10px;
	padding-left: 12px;
}
#newscroll {
	background-color: #FFF;
	text-align: left;
	height: 160px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	width: 170px;
	color: #333333;
}
#newscontent {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#newscroll #newscontent h3 {
	color: #ED785C;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#newscroll #newscontent p {
	font-size: 11px;
	color: #333333;
	font-family: "Trebuchet MS", "Lucida Grande";
}
#newscroll #newscontent a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


/* Use many times stuff */

.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.spaced {padding-right: 8px; padding-left: 8px; }
.topmargin {margin-top: 18px;}
input {color: #333333; background-color: #FFF;}
.topmargin img { margin-top: 25px; }
textarea { color: #333333; background-color: #FFFFFF; }
#DrinkAware { border: 0px; border-style: none; }
.salary { font-size: 12px; display: block; padding-top: 2px; padding-bottom: 5px; color: #632A20; font-style: italic; }

/* Headline tags */

#header h1 {
	margin: 0; 
	padding: 20px 0; 
}

#sidebar1 h2 {
	height: 36px;
	margin: 0px 0px 8px 0px;
	border-bottom: 2px white solid;
	line-height: 36px;
	text-indent: 15px;
}

#sidebar4 h2 {
	height: 36px;
	margin: 0px 0px 8px 0px;
	border-bottom: 2px white solid;
	line-height: 36px;
	text-indent: 15px;
}

#sidebarnews h2 {
	height: 36px;
	margin: 0px 0px 8px 0px;
	border-bottom: 2px white solid;
	line-height: 36px;
	text-indent: 15px;
}


/* main information block */


#infoblock {
	padding: 30px 0px 0px 150px;
	margin: 0px;
	color: #FFF;
	min-height: 400px;
}
#infoblock h1 {
	padding-top: 65px 0px 10px 0px;
	font-size: 26px;
	font-weight: bold;
	margin: 0px;
}
#infoblock h4 {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}
#infoblock h2 {
	padding-top: 12px;
	padding-bottom: 15px;
	line-height: 1.4;
	font-size: 15px;
}

#infoblock ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#infoblock ul li {
	font-size: 80%;
	padding-bottom: 15px;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 0px;
	line-height: 1.4;
}

#infoblock p {
	font-size: 80%;
	line-height: 1.4;
	padding-bottom: 15px;
}
#infoblock a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


#boxrow1 { width: 600px; margin: 0px; padding: 0px; height: 180px; }
#boxrow1 .imagebox { margin: 0px; float: left; width: 197px; padding: 0px 5px 0px 0px; }
#boxrow1 .lastbox { float: left; width: 187px; padding-right: 0px; margin-right: 0px; }
#boxrow1 .imagebox img a { border: 0px; border-style: none; }
#boxrow1 .lastbox img a { border: 0px; border-style: none; }


#boxrow2 {
	width: 500px;
	height: 180px;
	margin: 15px 0px 0px 10px;
	padding: 0px;
}
#boxrow2 .imageboxhome {
	margin: 0px;
	float: left;
	width: 155px;
	padding: 0px 5px 0px 0px;
}
#boxrow2 .lastboxhome {
	float: left;
	width: 155px;
	padding-right: 0px;
	margin-right: 0px;
}
#boxrow2 .imageboxhome img a { border: 0px; border-style: none; }
#boxrow2 .lastboxhome img a { border: 0px; border-style: none; }
.block {
	width: 320px;
	line-height: 1.4;
	padding-left: 173px;
	height: 134px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


/* navigation bar */

#navbar ul {
	padding: 0px;
	overflow: hidden;
	border-style: none;
	list-style-type: none;
	margin-top: 2px;
	list-style-image: none;
	margin-left: 12px;
}
#navbar ul li {
	float: left;
}
#navbar ul a {
	font-family: "Trebuchet MS", "Lucida Grande";
	background-repeat: no-repeat;
	background-position: left 6px;
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: right;
	float: left;
}
.date {
	color: #9A2E1F;
	font-size: 12px;
	font-weight: bold;
}

/* Nav buttons and rollovers - English */

.home a { width: 86px; background-image: url(../images/button_up_noline.gif); padding-right: 10px; padding-left: 0px;}
.aboutus a { width: 105px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px; margin: 0px; }
.services a { width: 103px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px;}
.community a { width: 126px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px;}
.careers a { width: 100px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px; }
.environmental a { width: 150px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px; }
.contact a { width: 119px; background-image: url(../images/button_up.gif); padding-right: 0px; margin-right: 0px;}

.home a:hover {background-image: url(../images/button_down_noline.gif);}
.aboutus a:hover {background-image: url(../images/button_down.gif);}
.services a:hover {background-image: url(../images/button_down.gif);}
.community a:hover {background-image: url(../images/button_down.gif);} 
.careers a:hover {background-image: url(../images/button_down.gif);}
.environmental a:hover {background-image: url(../images/button_down.gif);}
.contact a:hover {background-image: url(../images/button_down.gif);}




/* Nav buttons and rollovers - Spanish */

#navbar .espnav a { font-size: 15px; }

.home_es a { width: 76px; background-image: url(../images/button_up_noline.gif); padding-right: 10px; font-size: 15px; }
.aboutus_es a { width: 139px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px;}
.services_es a { width: 98px; background-image: url(../images/button_up.gif); padding-right: 10px;padding-left: 0px; }
.community_es a { width: 116px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px; }
.careers_es a { width: 95px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px;}
.environmental_es a { width: 151px; background-image: url(../images/button_up.gif); padding-right: 10px; padding-left: 0px; }
.contact_es a { width: 123px; background-image: url(../images/button_up.gif); padding-right: 0px; margin-right: 0px; padding-left: 0px;}

.home_es a:hover {background-image: url(../images/button_down_noline.gif);}
.aboutus_es a:hover {background-image: url(../images/button_down.gif);}
.services_es a:hover {background-image: url(../images/button_down.gif);}
.community_es a:hover {background-image: url(../images/button_down.gif);} 
.careers_es a:hover {background-image: url(../images/button_down.gif);}
.environmental_es a:hover {background-image: url(../images/button_down.gif);}
.contact_es a:hover {background-image: url(../images/button_down.gif);}

.selected a {background-image: url(../images/button_down_noline.gif);}
.select a {background-image: url(../images/button_down.gif);}

/* Container background classes */

.aboutback  { background-image: url(../images/aboutback.gif); background-repeat: no-repeat; background-position: bottom; }
.homeback  { background-image: url(../images/background_home.jpg); background-repeat: no-repeat; background-position: bottom; }
.enviroback  { background-image: url(../images/environment_back.jpg); background-repeat: no-repeat; background-position: bottom; }
.serviceback  { background-image: url(../images/background_services.jpg); background-repeat: no-repeat; background-position: right 185px; }
.contactback  { background-image: url(../images/background_contact.jpg); background-repeat: no-repeat; background-position: bottom; }


/* Banner background classes */

.contactpage {background-image: url(../images/banner_contact.jpg);}
.careerspage {background-image: url(../images/banner_careers.jpg);}
.homepage {background-image: url(../images/banner_home.jpg);}

/* Right column */

#rightcontent img { padding-bottom: 20px; }


/* Footer */

#footer {
	background-color: #E95F44;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	border-top: 2px white solid;
	border-right: none;
	border-bottom: none;
	background-image: url(../images/footerbar.gif);
	background-repeat: no-repeat;
	background-position: 50% top;
	height: 35px;
	overflow: hidden;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
	font-size: 12px;
	color: #FFF;
	font-family: "Trebuchet MS", "Lucida Grande";
	font-weight: bold;
	text-align: right;
}
#footer a {
	text-decoration: none;
	color: #FFF;
}
.admintableheader {
	background-color: #E95F44;
}
.admintitles { font-weight: bold; font-size: 14px; line-height: 24px; color: #FFFFFF; }
.editingtable {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
#editblock {
	padding: 10px;
}
#container #sidebar4 #sidenote {
	padding: 15px;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}
#sidenote a {
	color: #FF0000;
	text-decoration: underline;
}
#sidenote p {
	padding-bottom: 7px;
}
#editblock .editlist a {
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}
.admintext {
	font-size: 12px;
	color: #000000;
	line-height: 24px;
}
#infoblock .editlist a {
	color: #FF0000;
	text-decoration: underline;
	font-size: 12px;
	line-height: 24px;
}
.editlist {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.red {
	color: #FF0000;
}
.drinkblock {
	display: block;
	padding-left: 220px;
}
#links {
	font-size: 9px;
	color: #FFCCCC;
	width: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-indent: -2000px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
