@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =html */
html { 
	margin : 0; 
	padding : 0; 
	color : #000; 
	text-align : center; }

/* =body */
body { 
	width : 735px;
	font : 76%/150% Tahoma, Verdana, Arial, sans-serif; 
	background-color : #fff; 
	margin-left : auto;
	margin-right : auto;
	text-align : left;
}

/* =hx */
h2, h3, h4 { clear : left; 
margin : 0; 
padding : .5em 0; }

/* =a */
a:link { 
	color : #990033;
	text-decoration : none; 
}

a:visited { 
	color : #990033;
	text-decoration : none;
}

a:hover { 
	color : #990000; 
	text-decoration : underline; 
}

a:active { 
	color : #990000; 
	text-decoration : underline; 
}

img, img a { 
	border : none; 
}

div#container {
}

/* =branding */
div#branding {
	width : 100%;

}

div#logo {
	width : 225px;
	height : 63px;
	float : left;
}

/* =headers */
div#header {
	float : right;
	width : 510px;
	height : 63px;
	padding : 0;
	margin : 0;
	text-align : center;
	line-height : 80%;
}

.cch {
	padding-top : 30px;
	color : #ffffff;
	letter-spacing : .2em;
	font-size : 120%;
	font-weight : normal;
}

.cch2 {
	padding-top : 50px;
	color : #ffffff;
	letter-spacing : .2em;
	font-size : 150%;
	font-weight : normal;
}

.title {
	color : #ffffff;
	text-transform : uppercase; letter-spacing : .5em; font-weight : normal; font-size : 200%;
}

.titleGrapes {
	color : #ffffff;
	text-transform : uppercase; letter-spacing : .3em; font-weight : normal; font-size : 150%;
}

#mission { 
	clear : both;
	width : 715px;
	background-color : #8FB359;
	padding-top : 10px;
	padding-bottom : 10px;
	font-size : 85%;
	line-height : 110%;
	font-weight : bold;
	color : #1f3945;
	border-top : 1px dashed #ff0000;
	padding-left: 10px;
	padding-right : 10px;
}


/* =main navigation */

	

#nav {
	clear : both;
	width : 100%;
	background-color : #b8b8b8;
	border-top : 1px dashed #ff0000;
	text-align : center;
	
}

#navlinks {
	margin : 0;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 0;
	padding-right : 0;  
	text-align : center;
	
}

#navlinks a {
	text-decoration : none;
	color : #ffffff;
}

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

#navlinks ul { 
	padding : 0;
	margin : auto;
}


#navlinks li {
	list-style-type : none;
	display : inline;
	margin-right : 0.4em; 
	padding-right : 0.3em;
	border-right : 1px solid #ffffff;
	font-weight : bold;
	font-size : 79%;
	letter-spacing : 0.03em;
	
}

#navlinks li.last {
	border-right : 0;

}

/* =subnavigation */


#subnav {
	
	margin-bottom : 5px;
	width : 100%;
	background-color : #e0e4e4;
	text-align : center;
}

#subnavlinks {
	margin : 0;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 0;
	padding-right : 0;  
	text-align : center;
	
}

#subnavlinks a {
	text-decoration : none;
	color : #686868;
}

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

#subnavlinks li {
	list-style-type : none;
	display : inline;
	margin-right : 0.4em; 
	padding-right : 0.3em;
	border-right : 1px solid #686868;
	font-weight : bold;
	font-size : 79%;
	letter-spacing : 0.1em;
}

#subnavlinks li.last {
	border-right : 0;
}


/* =sidebar */

div#sidebar {
	width : 200px;
	float : left;
	margin: 0;
}

/* =callout */
div#callout {
	border-top : 1px dashed #cccccc;
}

div#calloutText {
	margin-top :5px;
	margin-bottom : 5px;
	text-align : left;
	padding : 10px;
	background-color : #d9efe3;
	padding-right : 30px;
	color : #500808;
	font-weight : bold;
}

div#callout2 {
	border-top : 1px dashed #cccccc;
}

div#calloutText2 {
	margin-top :5px;
	margin-bottom : 5px;
	text-align : left;
	padding : 10px;
	background-color : #d9efe3;
	padding-right : 30px;
	color : #500808;
	font-weight : bold;
}

div#callout3 {
	border-top : 1px dashed #cccccc;
}

div#calloutText3 {
	margin-top :5px;
	margin-bottom : 5px;
	text-align : left;
	padding : 10px;
	background-color : #d9efe3;
	padding-right : 30px;
	color : #500808;
	font-weight : bold;
}



.calloutColor2 {
	font-weight : normal;
	color : #966609;
}

.calloutColor3 {
	font-weight : normal;
}

div#calloutTextBullet3 {
	margin-top :5px;
	margin-bottom : 5px;
	text-align : left;
	padding : 10px;
	background-color : #fbe29d;
	background-position : left center;
	padding-right : 30px;
	font-size : 95%;
	font-weight : bold;
	color : #660066;
}

#BigListCallout{
	margin : 0 0 20px 10px;
	padding : 0;
}


div#photo {
	width : 100%;
	float : left;
	
	padding-top : 5px;
	border-top : 1px dashed #cccccc;
	background-color : #ffffff;
}

/* =content */

div#content {
	float : right;
	width : 510px;
	padding : 0 0 0 10px;
	border-left : 1px dashed #cccccc;
	margin-bottom : 20px;
}

div#contentColumn1 {
	float : left;
	width : 235px;
	padding : 0 10px 0 0;
	border-right : 1px dashed #cccccc;
	margin-bottom : 20px;
}

div#contentColumn2 {
	float : right;
	width : 235px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
}

div#contentColumn3 {
	float : left;
	width : 340px;
	padding : 0 0 0 10px;
	border-right : 1px dashed #cccccc;
	margin-bottom : 20px;
}

div#contentColumn4 {
	float : right;
	width : 340px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
}

div#contentColumn5 {
	clear : both;
	width : 510px;
	border-top : 1px dashed #cccccc;
}



div#contentColumn6 {
	float : left;
	width : 230px;
	padding : 0;
	margin-bottom : 20px;
}

div#contentColumn7 {
	float : right;
	width : 230px;
	padding : 0 0 0 10px;
	border-left : 1px dashed #cccccc;
	margin-bottom : 20px;
}

div#contentColumn8 {
	float : left;
	width : 335px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
	padding-right : 5px;
	
}

div#contentColumn9 {
	float : right;
	width : 149px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
	border-left : 1px dashed #cccccc;
	
}

div#contentColumn10 {
	clear : both;
	width : 510px;
}

div#contentColumn11 {
	clear : both;
	width : 510px;
}


div#contentColumn12 {
	float : left;
	width : 240px;
	padding : 0;
	margin-bottom : 20px;
}

div#contentColumn13 {
	float : right;
	width : 240px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
}

div#contentColumn14 {
	float : left;
	width : 240px;
	padding : 0;
	margin-bottom : 20px;
}

div#contentColumn15 {
	float : right;
	width : 240px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
}

div#contentColumn16 {
	float : left;
	width : 240px;
	padding : 0;
	margin-bottom : 20px;
}

div#contentColumn17 {
	float : right;
	width : 240px;
	padding : 0 0 0 10px;
	margin-bottom : 20px;
}



div#content2 {
	float : right;
	width : 725px;
	padding : 0 0 0 10px;
	border-left : 1px dashed #cccccc;
	margin-bottom : 20px;
}

div#image {
	float : left;
	padding : 5px;
	font : 80% Tahoma, Verdana, Arial, sans-serif;
	color : #500808;
}

div#image2 {
	float : left;
	padding : 5px;
	font : 80% Tahoma, Verdana, Arial, sans-serif;
	color : #500808;
}

div#image3 {
	float : left;
	padding : 5px;
	font : 80% Tahoma, Verdana, Arial, sans-serif;
	color : #500808;
}



/* =Lists */



.BigList{
	margin : 0 0 20px 0;
	padding : 0;
}


ul.BigList a { 
	text-decoration : none;
}


ul.BigList a:hover { 
	text-decoration : underline;
}





#BigList{
	margin : 0 0 20px 0;
	padding : 0;
}


ul#BigList a { 
	text-decoration : none;
}


ul#BigList a:hover { 
	text-decoration : underline;
}

#BigList2{
	margin : 0 0 20px 0;
	padding : 0;
}

ul#BigList2 a { 
	text-decoration : none;
}


ul#BigList2 a:hover { 
	text-decoration : underline;
}

#BigList3{
	margin : 0 0 20px 0;
	padding : 0;
}

ul#BigList3 a { 
	text-decoration : none;
}


ul#BigList3 a:hover { 
	text-decoration : underline;
}

#BigList4{
	margin : 0 0 20px 0;
	padding : 0;
}

ul#BigList4 a { 
	text-decoration : none;
}


ul#BigList4 a:hover { 
	text-decoration : underline;
}

#BigList5{
	margin : 0 0 20px 0;
	padding : 0;
}

ul#BigList5 a { 
	text-decoration : none;
}


ul#BigList5 a:hover { 
	text-decoration : underline;
}


.bullet{
	list-style-type : none;
	margin : 0 0 1em 0;
	padding : 4px 0 0 17px;
	background : url(../images/red_bullet.gif) no-repeat 0 7px;
}


.bulletRed{
	list-style-type : none;
	margin : 0 0 1em 0;
	padding : 4px 0 0 17px;
	font-weight : bold;
	color : #990033;
	background : url(../images/red_bullet.gif) no-repeat 0 7px;
}


/* =inline images */
.InlineImageLeft {
	float : left;
	margin-right : 25px;
	margin-bottom : 10px; 
}

.InlineImageRight {
	float : right;
	margin-right : 25px;
	margin-bottom : 10px; 
}

.InlineImageCallout {
	float : left;
	margin-right : 2px;
	margin-bottom : auto;
	margin-bottom : auto; 
}

/* =TinyType */
.tiny {
	font : 90%/100% Tahoma, Verdana, Arial, sans-serif; 
	background-color : #fff
}

.tinyCallout {
	font : 90%/100% Tahoma, Verdana, Arial, sans-serif; 
	background-color : #fbe29d;
}

/* =center */
.center {
	text-align : center;
}


/* =GreyOut */
.greyout {
	color : #727272;
}

.underline {
	clear : both;
	border-top : 1px dashed #cccccc;
}

div#clear {
	clear : both;
	width : 100%;
}


/* =site info */
div#siteinfo {
	clear : both;
	width : 100%;
	text-align : center;
	font-size : smaller;
	color : #666666;
	border-top : 1px dashed #ff0000;
	padding-top : 10px;
}

.RedBold { font-weight : bold; color : #990033;}

.RedNormal { color : #990033;}

.tableBorder {
	border : 1px solid #d9efe3;
}

#linebreak { border-top : 1px dashed #cccccc; }

}