@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------
redefined Classes
---------------------------------------------------------------------*/
body {
	border: 0;		/* hack for browsers to start at top */
	margin: 0;		/* hack for browsers to start at top */
	padding: 0;		/* hack for browsers to start at top */
	text-align:center;
	background-color:#ffffff;
	font-family: arial;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
     }
/*
#wrapper { 
	width:900px; 
	margin:0 auto; 
	padding:1px; 
	background-color:red; 
	}
*/
/*
#header { 
	padding:1px; 
	background-color:blue; 
	}
*/
em {
	color:#990000;
	}
	
.underlined{
	text-decoration:underline;
	}	
/*
	-----------------------------------------------------------------------------------------------------------------------
	Header ID's
	-----------------------------------------------------
	Container
	----------------------------------------------------- 
*/
#header {
	background:url(../images/top-image.jpg) center repeat;
	width: auto;
	height:302px;
	}
#imageOverlay {
	background:url(../images/top-image-overlay.jpg) center no-repeat;
	width:auto;
	height:302px;
	}

#container {
	background:url(../images/center-background-image-repeat.jpg) center repeat;
	margin-left:auto; 	/*hack for firefox to center colmns*/
	margin-right:auto; 	/*hack for firefox to center colmns*/
	width:900px; 
	}
/*
-----------------------------------------------------------------------
	footer container
	------------------------------------------------------------------
*/
#container2 {
	margin-left:auto; 	/*hack for firefox to center colmns*/
	margin-right:auto; 	/*hack for firefox to center colmns*/
	width:900px;
	padding-top:8px;
	}
/*-----------------------------------------------------------------------
	left, mid, rigcol container
	--------------------------------------------------------------------
	*/
#lefCol { 
	float:left;
	width:225px;
	padding-top:0px;
	}

#midCol { 
	float:left; 
	width:450px; 
	}
#rigCol { 
	float:left; 
	width:225px;
	}
/*
------------------------------------------------------------------
	text classes
	-------------------------------------------------------------
*/

.leftColText {
	font: 12/20px Arial, Helvetica, sans-serif normal;
	text-align:left;
	padding-left:0px;
	padding-bottom:0px;
	color:#FFFFFF;
}
.midColmnText ul {
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif normal;
	color:#707070;
	}
.midColmnText {
	margin-top:0;
	font: 12px Arial, Helvetica, sans-serif normal;
	}
.midColmnText h1 {
	text-align:left;
	margin:15px;
	font: 16px Arial, Helvetica, sans-serif normal;
	}
.midColmnText p {
	text-align: justify;
	padding-top:0px;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:15px;
	font: 12px Arial, Helvetica, sans-serif normal;
	color:#707070;
	}
.midColmnText a{
	font: 12px Arial, Helvetica, sans-serif normal;
	color:#707070;
	}
.midColmnText a:visited {
	font: 12px Arial, Helvetica, sans-serif normal;
	color:#707070;
	}
.midColmnText a:hover {
	font: 12px Arial, Helvetica, sans-serif normal;
	color:#f89200;
	}
/*----------------------------------------------------------
	SUB BUTTON OVERLAY
	-------------------------------------------------------
	*/
#traBut {
	margin-left:15px;
}
#traBut a {
	display: block;
	float: left;
	text-decoration: none;
	font: bold 13px Arial;
	color: black;
	width: 150px;
	height: 25px;
	display: inline;
	margin-right: 8px;
	background-image: url(../images/buttons/subbut1new.jpg);
	background-repeat: no-repeat;
	margin-top:15px;
	padding-top: 4px;
	text-align:center;
}
#traBut a:hover {
	background-image: url(../images/buttons/subbut2new.jpg);
	background-repeat: no-repeat;
}
/* 
-------------------------------------------------------------------- 
	midcolmn img overlay
	--------------------------------------------------------------- 
	*/
.imgscreenfloatleft {
	float:left;
	margin-left:15px;
	margin-bottom:8px;
	border:1px #f89200 solid;
	}
.imgscreencenter {
	text-align:center;
	border:1px #f89200 solid;
	}
.imgscreenfloatright {
	float:right;
	margin-left:15px;
	margin-bottom:8px;
	border:1px #f89200 solid;
	}

/*
--------------------------------------------------------------------
	right colomn text
	----------------------------------------------------------------
	*/
.rigColmnText {
	margin-top:0;
	font: 12px Arial, Helvetica, sans-serif bold;
	}
.rigColmnText h1 {
	/*
	display: block;
	float: left;
	text-decoration: none;
	font: bold 13px Arial;
	color: black;
	width: 100px;
	height: 25px;
	display: inline;
	margin-right: 8px;
	background-image: url(../images/buttons/subbut1.jpg);
	background-repeat: no-repeat;
	margin-top:15px;
	padding-top: 4px;
	text-align:center;
	*/
	display: block;
	width: 204px;
	height: 24px;
	padding-top: 3px;
	text-align:center;
	background:url(../images/contactrigbtn.jpg) no-repeat;
	margin:15px;
	font: 16px Arial, Helvetica, sans-serif bold;
	}
.rigColmnText p {
	text-align: center;
	padding-top:0px;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:15px;
	font: 12px Arial, Helvetica, sans-serif bold;
	color: #000000;
	}
.rigColmnText a{
	font: 12px Arial, Helvetica, sans-serif bold;
	color:#707070;
	}
.rigColmnText a:visited {
	font: 12px Arial, Helvetica, sans-serif bold;
	color:#707070;
	}
.rigColmnText a:hover {
	font: 12px Arial, Helvetica, sans-serif bold;
	color:#f89200;
	}
.right p {
text-align:right;
}

/* 
-------------------------------------------------------------------- 
	css style id left menu
	--------------------------------------------------------------- 
	*/		

#Home a#menu-home,
#Wines a#menu-wine,
#Howtohelp a#menu-howtohelp,
#Ourstudents a#menu-ourstudents,
#Trustees a#menu-trustees,
#Sponsorship a#menu-sponsorship,
#News a#menu-news,
#Events a#menu-events,
#Contact a#menu-contactus,
#Gallery a#menu-gallery,
#Aboutus a#menu-aboutus,
#Archive a#menu-archive,
#Statements a#menu-statements {
	background-color:#555555;
	color:#FFFFFF;
	}
/*
/* 
-------------------------------------------------------------------- 
	css style id Sub menu
	--------------------------------------------------------------- 
	*/		

#Tastingnotes a#menu-tastingnotes,
#Statements a#menu-statements {
	background-color:#555555;
	color:#FFFFFF;
	}
/*
/* 
-------------------------------------------------------------------- 
	css style id right menu
	--------------------------------------------------------------- 
	*/		

#LINKS a#menu-links,
#SITEMAP a#menu-sitemap {
	color:#f89200;
	}
/*
-------------------------------------------------------------------
	Left colmn text rolovers
	--------------------------------------------------------------
*/
.leftColText ul {
	margin-top:0px; /* hack for firefox to align to top of block*/
	margin-left:0;
	padding-left:0px;
	list-style-type:none;
	font: normal 14px/25px Arial, Helvetica, sans-serif;
}
.leftColText ul a {
	display:block;
	padding-left:33px;
	padding-top:3px;
	padding-bottom:3px;
	width:192px;
	background-color:#f89200; /* as displayed*/
	border-bottom: 2px solid #fcce8c;
	text-decoration:none;
	color: #FFFFFF;
}
.leftColText ul a:hover {
	background-color:#fcce8c; /*rolover color*/
	color:#555555;
}
/*
-------------------------------------------------------------------
	Right colmn Image
	--------------------------------------------------------------
*/
.rigColImage {
	padding-top:10px;
	padding-bottom:10px;
	}
	
	
/*
-------------------------------------------------------------------
	Left colmn Image
	--------------------------------------------------------------
*/
.leftColImage {
	margin-left:10px;
	margin-bottom:20px;
	}
/*
------------------------------------------------------------------
	footer colmn
	-------------------------------------------------------------
*/
#footer { 
	clear:both;
	background:url(../images/bottom-image.jpg) center repeat;
	width:auto;
	height:155px;
	}
#footerOverlay {
	background:url(../images/bottom-image-overlay.jpg) center no-repeat;
	width:auto;
	height:155px;
	}
#lefColBot {
	float:left;
	width:225px;
	height:147px;
	padding-top:0px;
	background-color:#ffddac;
	}
#midColBot {
	float:left; 
	width:450px;
	height:82px;
	}
#rigColBot {
	float:left; 
	width:225px;
	height:117px;
	}
/*
-----------------------------------------------------------------
	foorter leftcol text
	------------------------------------------------------------
	*/
.leftBottumColText {
	color:#555555;
	}
.leftBottumColText ul {
	margin-top:0px; /* hack for firefox to align to top of block*/
	margin-left:0;
	padding-left:0px;
	padding-top:65px;
	list-style-type:none;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	}
.leftBottumColText ul a {
	text-decoration:none;
	color: #555555;
}
.leftBottumColText ul a:hover {
	background-color:; /*rolover color*/
	color:#f89200;
}
/*
-----------------------------------------------------------------
	foorter midcol text
	------------------------------------------------------------
	*/
.midBottumColmnText {
	margin-top:0px; /* hack for firefox to align to top of block*/
	margin-left:0;
	padding-left:0px;
	padding-top:65px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	}
.midBottumColmnText a {
	color: #555555;
}
.midBottumColmnText a:hover {
	background-color:; /*rolover color*/
	color:#f89200;
}
/*
-----------------------------------------------------------------
	foorter rigcol text
	------------------------------------------------------------
	*/
.rigBottumColmnText {
	margin-top:0px; /* hack for firefox to align to top of block*/
	margin-left:0;
	padding-left:0px;
	padding-top:30px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	}
.rigBottumColmnText a {
	color: #555555;
}
.rigBottumColmnText a:hover {
	background-color:; /*rolover color*/
	color:#f89200;
}
/*
-----------------------------------------------------------------
	clearing fixes
	------------------------------------------------------------
*/

.clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
	} /* slightly enhanced, universal clearfix hack */
.clearfix { 
	display: inline-block; 
	}
/* start commented backslash hack \*/ 
* html .clearfix { 
	height: 1%; 
	}
.clearfix { 
	display: block; 
	} /* close commented backslash hack */
	
/*
--------------------------------------------------------------------
	image opacity field
	---------------------------------------------------------------
*/
a.imageopacity img{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	/*filter: none;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
	/*-moz-opacity: 1;*/
}

a.imageopacity:hover img{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	/*filter: gray;
	-moz-opacity: 0.7;
	/*-moz-opacity: 0.4;*/
}
