@charset "UTF-8";
/* CSS Document */

/* SITE WIDE / HEADER ---------------------------------------------*/
/* ----------------------------------------------------------------*/

/*
TOS Red 	#A0161E
Red Dark	#602522
Light Green	#B8C900
Green		#8BB10F
Dark Green	#6A8930
Orange		#E46100
Blue/Grey	#87A0B3
Brown		#5F2421
Pesto Red	#BE2E2E
Grey V.Lght	#EFF1F2
Grey Light	#DFE3E6
Grey Med	#B0BABF
Grey Dark	#637782
*/

/* ORDER of BACKGROUND DECLARATIONS
background-color
background-image
background-repeat
background-attachment
background-position
*/

html {
	background: #A0161E;
}

body {
	background: #FFF;
	border-top: 15px solid #A0161E;
	position: relative;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

#Logo a {
	float: left;
	margin: 75px 0 15px 64px;
	background-image: url(../images/taste-of-sicily-logo.gif);
	height: 94px;
	text-indent: -2000em;
	width: 190px;
}

#header {
	background: url(../images/headerImg.jpg) 0px 0px no-repeat;
	height: 300px;
	overflow: visible;
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-fix {
    clear: both;
}

/* GOOGLE LENGUAGE ---------------------------------------------------- */
/* ----------------------------------------------------------------*/

#google_translate{
	position:absolute;
	width:173px;
	height:30px;
	z-index:2;
	left: 788px;
	top: 8px;
}

/* googlenavigation ------------------------------------------------*/
/* ----------------------------------------------------------------*/
#google_search{
	position:absolute;
	width:173px;
	height:31px;
	z-index:1;
	left: 65px;
	top: 1715px;
}

 .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    /*background-color: #ffffff;*/
  }
  input.gsc-input {
    border-color: #777777;
  }
  input.gsc-search-button {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #0;
    background-color: #FFF00000FFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #444444;
  }
  a.gsc-trailing-more-results:link {
    color: #444444;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
    color: #444444;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
    color: #444444;
  }
  .gs-promotion {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444444;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #00CC00;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #00CC00;
  }


/* TYPOGRAPHY ---------------------------------------------------- */
/* ----------------------------------------------------------------*/

h1 {
	color: #A0161E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 34px;
	margin: 5px 0 15px 0;
}


h1Grigio {
	color: #C8CCCA;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 34px;
	margin: 5px 0 15px 0;
}

h2 {
	color: #A0161E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
/*	margin: 20px 0 5px 0;
*/}

h3 {
	color: #A0161E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 5px 0;
}

h4 {
	color: #A0161E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	margin: 1em 0 .5em 0;
}

h6 {
	color: #A0161E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	margin: 1.5em 0 .25em 0;
	text-align: left;
}

p {
	color: #637782;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	margin: 1em 0;
	text-align: justify;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.intro {
	color: #637782;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 130%;
	margin: 0 0 1.25em 0;
}

.intro a {
	color: #637782;
	font-weight: bold;
	text-decoration: none;
}

.intro a:hover {
	filter: alpha(opacity=65); /* for IE */
	opacity: 0.65; /* CSS3 standard */
	color: #637782;
	font-weight: bold;
	text-decoration: underline;
}

ol li {
	margin: 1em 0;
	text-align: left;
}

ol li a {
	color: #637782;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

ol li a:hover {
	text-decoration: none;
}

ol ol li {
	text-indent: 20px;
}

.allCaps {
	text-transform: uppercase;
}

/* PROMO ---------------------------------------------------- */
/* ----------------------------------------------------------------*/
#gsearch {
	cursor: pointer;
	height: 94px;
	margin-left: 30px;
	margin-top: -50px;
	position: relative;
	top: 20%;
	width: auto;
	z-index: 50;
}


/* NAV ARROWS ---------------------------------------------------- */
/* ----------------------------------------------------------------*/


#navArrowsLeft {
	background: url(../images/nav-arrows/nav-arrows-sprite-left.gif) no-repeat top left;
	cursor: pointer;
	height: 94px;
	margin-left: 50px;
	margin-top: -50px;
	position: fixed;
	top: 40%;
	width: 52px;
	z-index: 50;
}

#navArrowsLeft:hover {
	background: url(../images/nav-arrows/nav-arrows-sprite-left.gif) no-repeat top center;
}

#navArrowsLeft:active {
	background: url(../images/nav-arrows/nav-arrows-sprite-left.gif) no-repeat top right;
}

#navArrowsRight {
	background: url(../images/nav-arrows/nav-arrows-sprite-right.gif) no-repeat top right;
	cursor: pointer;
	height: 94px;
	margin-right: 50px;
	margin-top: -50px;
	position: fixed;
	right: 0px;
	top: 40%;
	width: 52px;
	z-index: 51;
}

#navArrowsRight:hover {
	background: url(../images/nav-arrows/nav-arrows-sprite-right.gif) no-repeat top center;
}

#navArrowsRight:active {
	background: url(../images/nav-arrows/nav-arrows-sprite-right.gif) no-repeat top left;
}

#navArrowsLeft a,
#navArrowsRight a {
	display: block;
	height: 100%;
	width: 100%;
}




/* MAIN NAVIGATION ------------------------------------------------*/
/* ----------------------------------------------------------------*/

#topnav {
	float: left;
	height: 20px;
	margin: 40px 45px;
	width: 1000px;
}

#topnav li {
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
}

#topnav li h1 a {
	border-right: 1px solid #602522;
	color: #602522;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	padding: 0 21px;
	text-decoration: none;
}

#topnav li h1 a:hover,
#topnav #current {
	color: #A0161E;
	text-decoration: none;
}
#topnav #current {
	font-weight: bold;
}

#topnav #current:hover {
	filter: alpha(opacity=65); /* for IE */
	opacity: 0.65; /* CSS3 standard */
}

#topnav li h1 a.last {
	border: none;
}

#topnav h1 a:active { /* style for button press */
	position: relative;
	top: 2px;
}

/* DROPDOWN -------------------------------------------------------*/
/* ----------------------------------------------------------------*/

.specialOlivesNav {
	border-left: 10px solid #B8C900;
}

.specialOlivesNav:hover {
	background: #B8C900;
	color: #FFF;
}

.italianOlivesNav {
	border-left: 10px solid #A4A338;
}

.italianOlivesNav:hover {
	background: #A4A338;
	color: #FFF;
}

.plainOlivesNav {
	border-left: 10px solid #8BB10F;
}

.plainOlivesNav:hover {
	background: #8BB10F;
	color: #FFF;
}

.stuffedOlivesNav {
	border-left: 10px solid #6A8930;
}

.stuffedOlivesNav:hover {
	background: #6A8930;
	color: #FFF;
}

.antipastiNav {
	border-left: 10px solid #E46100;
}

.antipastiNav:hover {
	background: #E46100;
	color: #FFF;
}

.grilledVegNav {
	border-left: 10px solid #87A0B3;
}

.grilledVegNav:hover {
	background: #87A0B3;
	color: #FFF;
}

.pateNav {
	border-left: 10px solid #5F2421;
}

.pateNav:hover {
	background: #5F2421;
	color: #FFF;
}

.pestoNav {
	border-left: 10px solid #BE2E2E;
}

.pestoNav:hover {
	background: #BE2E2E;
	color: #FFF;
}

.retailNav {
	border-left: 10px solid #67C0E0;
}

.retailNav:hover {
	background: #67C0E0;
	color: #FFF;
}



.sub {
	background: #FFF;
	display: none; /*--Hidden for those with js turned off--*/
	float: left;
	left: 0;
	position: absolute; /*--Important--*/
	top: 33px;
	z-index: 100;
	box-shadow: 5px 5px 30px #999;
	-webkit-box-shadow: 5px 5px 30px #999;
	-moz-box-shadow: 5px 5px 30px #999;
/*	behavior: url(css/ie-css3.htc);  This lets IE know to call the script on all elements which get the 'box' class */
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.sub ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}

.sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #000;
}

.sub ul li{ /*--Sub nav item style--*/
	font-size: 13px;
	line-height: 250%;
}

.sub ul li a { /*--Sub nav item link style--*/
	background: none;
	border-bottom: 1px solid #CCC;
	color: #602522;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	float: none;
	height: auto; /*--Override height from parent list item--*/
	text-decoration: none;
	text-indent: 10px;
}

.sub ul li a.noBorder {
	border-bottom: none;
}

/* SECONDARY NAVIGATION ------------------------------------------ */
/* ----------------------------------------------------------------*/

#secondaryNav {
	float: left;
	margin: 10px 0 50px 65px;
	width: 190px;
}

#secondaryNav ul {
	margin: 0;
	padding: 0;
}

#secondaryNav ul li {
	height: 31px;
	line-height: 31px;
	margin: 0 0 10px 0;
}

#secondaryNav h2 ,
#secondaryNav h2 a {
	color: #FFF;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	text-indent: 42px;
	width: 170px;
}

.specialOlivesSideNav {
	background: url(../images/sidenav/sidenav-special-olives.jpg) left center no-repeat #B8C900;
}

.stuffedOlivesSideNav {
	background: url(../images/sidenav/sidenav-stuffed-olives.jpg) left center no-repeat #6A8930;
}

.italianOlivesSideNav {
	background: url(../images/sidenav/sidenav-italian-olives.jpg) left center no-repeat #A4A338;
}

.plainOlivesSideNav {
	background: url(../images/sidenav/sidenav-plain-olives.jpg) left center no-repeat #8BB10F;
}

.antipastiSideNav {
	background: url(../images/sidenav/sidenav-antipasti.jpg) left center no-repeat #E46100;
}

.grilledVegSideNav {
	background: url(../images/sidenav/sidenav-grilled-veg.jpg) left center no-repeat #87A0B3;
}

.bruschetteSideNav {
	background: url(../images/sidenav/sidenav-bruschette-pate.jpg) left center no-repeat #5F2421;
}

.pestoSideNav {
	background: url(../images/sidenav/sidenav-pesto.jpg) left center no-repeat #BE2E2E;
}

.retailSideNav {
	background: url(../images/sidenav/sidenav-retail.jpg) left center no-repeat #67C0E0;
}


/* Style to change width and opacity on hover */
.specialOlivesSideNav:hover,
.plainOlivesSideNav:hover,
.stuffedOlivesSideNav:hover,
.italianOlivesSideNav:hover,
.antipastiSideNav:hover,
.grilledVegSideNav:hover,
.bruschetteSideNav:hover,
.retailSideNav:hover,
.pestoSideNav:hover {
	filter: alpha(opacity=65); /* for IE */
	opacity: 0.65; /* CSS3 standard */
	height: 31px;
	width: 210px;
}

/* Style to highlight current page */
#specialOlives .specialOlivesSideNav,
#plainOlives .plainOlivesSideNav,
#stuffedOlives .stuffedOlivesSideNav,
#italianOlives .italianOlivesSideNav,
#antipasti .antipastiSideNav,
#grilledVeg .grilledVegSideNav,
#pate .bruschetteSideNav,
#retail .retailSideNav,
#pesto .pestoSideNav {
	width: 210px;
}

/* HOME PAGE SLIDESHOW --------------------------------------------*/
/* ----------------------------------------------------------------*/

/*--Window/Masking Styles--*/
.window {
	height:355px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	width: 870px;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}

.image_reel img {
	float: left;
}

/*--Paging Styles--*/
.paging {
	background: none;
	bottom: 10px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	height:35px;
	line-height: 35px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 100px;
	z-index: 50; /*--Assures the paging stays on the top layer--*/
}

.paging a {
	color: #C33;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	padding: 5px;
	text-decoration: none;
}

.paging a.active {
	font-weight: bold;
	background: none;
/*	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}
.paging a:hover {
	font-weight: bold;
}

/* EVENTS PAGE SLIDESHOW ------------------------------------------*/
/* ----------------------------------------------------------------*/

#galleriaSlideshow {
	height:397px;
	width: 600px;
}

/* CONTENT ------------------------------------------------------- */
/* ----------------------------------------------------------------*/

#homePageContent {
	float: left;
	height: auto;
	margin: 0 0 30px 65px;
	width: 870px;
}

ul.homePageOffers {
	margin: 20px 0;
}

ul.homePageOffers li {
	float: left;
	margin-left: 20px;
	width: 171px;
}

ul.immhome li {
	float: left;
	margin-left: 5px;
	width: 210px;
	margin-bottom: 10px;
}

ul.homePageOffers li.textColumn {
	margin-left: 0;
	margin-right: 5px;
	width: 290px;
	
}

ul.homePageOffers li.textColonna {
	margin-left: 0;
	margin-right: 5px;
	width: 870px;
	
}

#homePageContent h1 {
	color: #B0BABF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 42px;
	font-weight: bold;
	line-height: 40px;
	margin: 5px 0 15px 0;
}

.red {
	color: #A0161E;
}

.green {
	color: #8dc63f;
}

#productsContent {
	margin: 0 0 30px 60px;
	width: 870px;
}

#content {
	float: left;
	height: auto;
	margin: 0 0 40px 40px;
	width: 680px;
}

#content .philosophy-img {
	background: url(../images/philosophy-img.jpg) no-repeat;
	height: 350px;
	width: 680px;
}

.col1 {
	float: left;
	width: 300px;
}

.col2 {
	float: right;
	width: 350px;
}
.colcontact {
	float: left;
	width: 300px;
}
.colcontact2 {
	float: left;
	width: 300px;
}
#contentcontact {
	float: left;
	height: auto;
	margin: 0 0 0px 30px;
	width: 600px;
}

.colhome {
	float: right;
	width: 870px;
}

/* OFFERS PAGE ----------------------------------------------------*/
/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/

#offersPage #content img {
	float: left;
	margin-right: 40px;
	position: relative;
}

.offerSticker {
	background: url(images/offers/special-offer-sticker.gif);
	display: inline;
	margin-left: -140px;
	position: relative;
}

/* PRODUCTS PAGE ------------------------------------------------- */
/* ----------------------------------------------------------------*/

productsGrid {
	float: left;
	margin: 0 0 40px 0;
	width: 100%;
}


.productsPageGrid {
	float: left;
	margin: 0 0 40px 0;
	width: 100%;
}

.productsPageGrid li {
	float: left;
	margin: 20px 20px 0 0;
}

/* PRODUCTS HOME PAGE ------------------------------------------------- */
/* ----------------------------------------------------------------*/

productsHomeGrid {
	float: left;
	margin: 0 0 40px 0;
	width: 100%;
}


.productsHomePageGrid {
	float: left;
	margin: 0 0 40px 0;
	width: 100%;
}

.productsHomePageGrid li {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}



/* RECIPES ------------------------------------------------------- */
/* ----------------------------------------------------------------*/

ol.directions {
	color: #637782;
	text-align: left;
	list-style: decimal;
	list-style-position: outside;
	margin: .75em 0;
}

ol.directions li {
	border-bottom: 1px solid #B0BABF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
	margin: .75em 0;
}

ul.ingredients {
	color: #637782;
	text-align: left;
	list-style: square;
	list-style-position: outside;
	margin: .75em 0;
}

ul.ingredients li {
	border-bottom: 1px solid #B0BABF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
	margin: .5em 0;
}

ul.recipes  {
	float: left;
	margin: 10px 0 20px 0;
}

ul.recipes img  {
	height: 130px;
	margin: 0 0 10px 0;
	width: 130px;
}

ul.recipes li, ul.recipes li a {
	color: #637782;
	display: inline;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
	list-style: none;
	padding: 0 20px 10px 0;
	text-align: left;
	text-decoration: none;
	width: 130px;
}

/* NEXT/PREV NAV ------------------------------------------------- */
/* ----------------------------------------------------------------*/

ul#nextButtons {
	clear: both;
	margin: 0px  0px 0px 120px;
}

ul#nextButtons li {
	display: block;
	float: left;
	text-decoration: none;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0px;
}

ul#nextButtons li a {
	background: #9FBE3A;
	color: #FFF;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 24px;
	padding: 0 10px;
	text-decoration: none;
}

ul#nextButtons li a:active {
	position: relative;
	top: 2px;
}

/* NEXT/PREV PAGE ------------------------------------------------- */
/* ----------------------------------------------------------------*/

ul#nextButtons2 {
	clear: both;
	margin: 0px 0px 0px 0px;
}

ul#nextButtons2 li {
	display: block;
	float: left;
	text-decoration: none;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0px;
}

ul#nextButtons2 li a {
	background: #9FBE3A;
	color: #FFF;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 24px;
	padding: 0 10px;
	text-decoration: none;
}

ul#nextButtons2 li a:active {
	position: relative;
	top: 2px;
}

/* BUY NOW ------------------------------------------------- */
/* ----------------------------------------------------------------*/

ul#buyButtons {
	clear: both;
	margin: 20px  0px 0px 135px;
}

ul#buyButtons li {
	display: block;
	float: left;
	text-decoration: none;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0px;
}

ul#buyButtons li a {
	color: #FFF;
	display: block;
	font-family: 'Comfortaa', cursive, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 24px;
	padding: 0 10px;
	text-decoration: none;
	background-color: #D30413;
}

ul#buyButtons li a:active {
	position: relative;
	top: 2px;
}

/* SIDE BAR ------------------------------------------------------ */
/* ----------------------------------------------------------------*/

#sideBar {
	float: left;
	margin: 0 0 30px 65px;
	position: relative;
	width: 170px;
}

#sideBar a {
	text-decoration: none;
}

.boxgrid h3 , .boxgrid h3 a {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding: 7px 20px;
}

.boxgrid p, .boxgrid p a {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 120%;
	padding: 0 20px 10px 20px;
	text-align: left;
	text-decoration: none;
}

.boxgrid {
	background: #FFF;
	float:left;
	height: 105px;
	margin: 0 0 20px 0;
	overflow: hidden;
	position: relative;
	width: 170px;
}

.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.captionfull .boxcaption {
	top: 120px;
	left: 0;
}

.boxcaption {  
	float: left;
	position: absolute;
	background: #000;
	height: 105px;
	width: 100%;
}  

.caption .boxcaption {  
	top: 78px;
	left: 0;
}

.cover {
	background: #A0161E;
	height: 105px;
	width: 170px;
}

/* THUMBNAIL GRIDS ------------------------------------------------*/
/* ----------------------------------------------------------------*/

.grid {
	clear: both;
	position: relative;
	left: -5px;
	top: 20px;
	margin-bottom: 40px;
}

ul.grid {
	float: left;
}

.grid li {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
}

.grid li img {
	height: 57px;
	width: 70px;
}

.grid li a:active {
	position: relative;
	top: 2px;
}

/* EVENTS ---------------------------------------------------------*/
/* ----------------------------------------------------------------*/

.eventBox {
	background: #98adbe;
	color: #fff;
	margin-bottom: 20px;
	padding: 20px;
}

.eventBox h3 {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 120%;
	margin: 0 0 5px 0;
}

.eventBox p {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 5px 0;
}

.eventBox a {
	text-decoration: none;
}

/* DOWNLOADS ------------------------------------------------------*/
/* ----------------------------------------------------------------*/

.downloads li, .downloads li a {
	color: #637782;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 120%;
	float: left;
	margin: 0 20px 0 0;
	text-align: center;
	text-decoration: none;
	width: 200px;
}

.downloads li img {
	height: 262px;
	width: 192px;
}

/* CONTACT FORM ---------------------------------------------------*/
/* ----------------------------------------------------------------*/
#contentcontact {
	float: left;
	height: auto;
	margin: 0 0 0px 30px;
	width: 300px;
}

.maps {
	position:absolute;
	width:305px;
	height:301px;
	z-index:1;
	padding-top: 575px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 300px;
}

.contactForm fieldset {
	background: #fff;
	position: relative;
	width: 300px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 30px;
}

.contactForm label {
	color: #637782;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
}

.contactForm input {
	border:none;
	background: url(../images/contact/text-input-graphic.gif) no-repeat left top;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 28px;
	margin-bottom: 5px;
	padding-left: 7px;
	width: 280px;
}

.contactForm input:hover {
	background: url(../images/contact/text-input-graphic.gif) no-repeat left center;
}

.contactForm input:focus {
	background: url(../images/contact/text-input-graphic.gif) no-repeat left bottom;
}

.contactForm textarea {
	border:none;
	background: url(../images/contact/text-area-graphic.gif) no-repeat left top;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 130px;
	padding: 10px;
	resize: none;
	width: 260px;
}

.contactForm textarea:hover {
	background: url(../images/contact/text-area-graphic.gif) no-repeat left center;
}

.contactForm textarea:focus {
	background: url(../images/contact/text-area-graphic.gif) no-repeat left bottom;
}

#contactPage p a {
	color: #637782;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#contactPage p a:hover {
	text-decoration: underline;
}

#contactPage .col1 h3 {
	margin: 10px 0 -10px 0;
}

/* MAILING LIST ---------------------------------------------------*/
/* ----------------------------------------------------------------*/

.mailingList input {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-bottom: 0.25em;
	width: 230px;
}

.mailingList label {
	color: #FFF;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 140%;
}

/* FOOTER ---------------------------------------------------------*/
/* ----------------------------------------------------------------*/

#footer {
	background: #A0161E;
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	height: 250px;
	line-height: 180%;
	width: 100%;
}

#footerContent {
	margin: 0 auto;
	position: relative;
	width: 870px;
}

.footerRule {
	border-right: 1px #BE2E2E solid;
	height: 200px;
}

.footerColumns {
	float: left;
	margin: 35px 30px 0 0;
	padding-right: 30px;
	width: auto;
}

.footerIcons {
	float: left;
	margin: 35px 30px 0 0;
	padding-right: 20px;
	width: 85px;
}

.footerIcons li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

.footerColumnsFixed {
	width: 235px;
}

.footerColumnsLast {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#footer p, #footer li, #footer a {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}