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

/* COLOR SCHEMES
	body background #909090
Jamba Juice:
	lemon yellow #fde640
	light green #dceb41
	robin blue #97dafb
Olive
	logo title: rob's green: bbaa00     (in header-title and maincolumn h1 top border)
	logo subtitle:  rust: 993300     (in maincolumn h1 font color, h2, header-subtitle, and top border of footer ) 
	olive green: 8d8d4d               (in menu bar   lighter olive:  8d8d4d  darker olive: 72743d)
	putty f4f4da                      (in column header background) (in sidebar background & footer) (very light gray works well too)
	very light gray f4f4f4            
	light green: 99cc66  
	beige:f4ffe4  


USE these colors:   wine color is #6b0003, and for the gray #e0e0e1

Vineyard Club:
 dark green from vines: #204500
 mountain blue: #616789
 dark kelly green from old site: #62ae29
 light  green from old site: #c2df6e
*/


/*  ******************************************************************8***************** */
/*  ***********  Body ************ */
/*  ************************************************************************************ */

body {
margin:0 0 0 0px;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color:#333;
background: #fff;}

body p {   /* tighten up default p spacing a bit */
text-indent: 0em;
margin 1em 0 .6em 0;
}


/*  ******************************************************************8***************** */
/*  ***********  Text Formatting ************ */
/*  ************************************************************************************ */

h1, h2, h3, h4, h5 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:1.9em;
color:#000; 
padding-top:0;
padding-left:1em;
margin-top:0;
}
h2, h3, h4, h5 {
border-top: 2px solid #6b0003; 
}
h2 {
color:#993300;
}
h3, h4, h5 {
color:#000;
}
h2 {font-size:1.4em;}
h3 {font-size:1.4em;}
h4 {font-size:1.1em;}
h5 {font-size:1.0em;}



/* to make strong & em stand out in the h tags we'll have them have a *lighter* font weight */
h1 em {font-weight:lighter;}
h1 strong {font-weight:lighter;}
h2 em {font-weight:lighter;}
h2 strong {font-weight:lighter;}
h3 em {font-weight:lighter;}
h3 strong {font-weight:lighter;}
h4 em {font-weight:lighter;}
h4 strong {font-weight:lighter;}
h5 em {font-weight:lighter;}
h5 strong {font-weight:lighter;}

/*  ******************************************************************8***************** */
/*  *********** Links ************ */
/*  ************************************************************************************ */

/* Small URL text */
.smallURL {	font-size: 9px;	}


a img {
border:none;
}
a.imagelink:hover{ 
background:none;
}

a:link, a:visited { 
text-decoration: underline;
color: #6b0003; 
}
a:hover {
text-decoration: none;
color: #000000;
background-color: #999999;
}





/*  ******************************************************************8***************** */
/*  ***********  Page Layout ************ */
/*  ************************************************************************************ */

#header {  
position:relative;  /* causes all the below 'absolutely-positioned' sub elements to be positioned *relative* to header */
height:152px;
white-space: nowrap;  
width:100%;
/*background: white url(../graphics/topgradient.jpg) repeat-x top left;*/
margin:0;
padding:0;
z-index:1;
}
#headerimage {
margin-left:0px;
}
#headericon {
position:absolute; 
top: 20px;
left:20px;
z-index:1;
}
#headertext {
position:absolute; 
top: 30px;
left:150px;
z-index:1;
}

#headerlogo {
margin: 0 0 0 10px;
}
#header-title {
position:absolute; 
top: 60px;
left:170px;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:48px;
color: #bbaa00;   
}
#header-subtitle {
position:absolute;
top: 118px;
left:220px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:18px; 
color: #993300; 
font-style:italic;
}

/*  ******************************************************************8***************** */
/*  ***********  Menu Bar ************ */
/*  ************************************************************************************ */

#header-menubar {  
position:relative;
height:24px;  /* 22 */
_height:22px;
width:950px;
background: #204500;  
margin-top:-13px; mar
#margin-top:0;
_margin-top:0;
padding:0;
z-index:1;    
}
#topmenu ul {
margin:0;
padding:0;
list-style:none;
display:inline;
}
#topmenu  li {
list-style:none; 
display:inline;
padding: 0 0px 0 4px; 
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
/*font-variant:small-caps;*/
font-size:15px; 
color:#FFFFFF;
}

/* 
works  in IE 6        #topmenu  li {
works fine in IE 7, FF3, etc.    ul#topmenu > li {      but does not work in IE 6 at all
*/

/*
ul#topmenu > li > a:link {
color:#993300;   
text-decoration: none;
}
ul#topmenu > li > a:visited {
color:#993300;
text-decoration: none;
}
ul#topmenu > li > a:hover {
text-decoration: none;
color: #000000;
background-color: #bbaa00;
}
*/

ul#topmenu li  a:link {
color:#FFFFFF;   
text-decoration: none;
}
ul#topmenu   li  a:visited {
color:#FFFFFF;
text-decoration: none;
}
ul#topmenu li  a:hover {
text-decoration: none;
color:#FFFFFF;
background-color:#afbcbe;
/* background-color:#993300; */
}


/*  ******************************************************************8***************** */
/*  *********** Footer ************ */
/*  ************************************************************************************ */

#footer {
clear:both;
background-color: #dfe4e5;
height: 40px;
margin:0;
padding:0;
/*padding: .5em 0 1em 0;*/
border-top: 2px solid #204500;
text-align:center;
font-size:14px;
white-space:nowrap;
}
ul#footermenu  {
margin:0;
padding:0;
}
#footermenu  li {
list-style:none;
display:inline;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:.9em;
}
ul#footermenu  li  a:link, 
ul#footermenu  li  a:visited,
ul#footermenu  li  a:hover {
text-decoration: none;
color: #333333;
}
ul#footermenu  li  a:hover {
	background-color:#cccccc;
}
#copyrightnotice {
font-size:.8em;
}

/*  ******************************************************************8***************** */
/*  *********** LP Links - light gray at bottom of page for landing pages ************ */
/*  ************************************************************************************ */

ul#lp-links  {
text-align:center;
margin:10px 0 10px 0;
padding:0 3em 0 3em;
}
#lp-links  li {
list-style:none;
display:inline;
padding: 0 .9em 0 .9em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:.9em; 
}
ul#lp-links > li > a:link, 
ul#lp-links > li > a:visited,
ul#lp-links > li > a:hover {
text-decoration: none;
color: #666666;
}
ul#lp-links > li > a:hover {
background-color: #cccccc;
}


#two-column-wrapper {  /* hold the center & rightcol columns together to prevent huge gutter on very wide windows */
position:absolute;
top: 180px;
left:0;
width: 950px;
_width: 1000px; /* setting for IE6 IE 6*/
padding:0;
margin:0;
margin-top: -10px;
#margin-top: -10px;
_margin-top: -10px;
}

#maincolumn {
float:left;
width: 670px;  
/*_width: 700px;  /* 677 setting for IE6 IE 6*/
padding:8px 5px 8px 5px;
background: #ffffff;
margin-left:7px;
}
#maincolumn p {
	margin-left: 35px;
}

#maincolumn h1 {
margin: 15px 0 0 0;
font-size: 1.7em;  
font-family: Georgia, "Times New Roman", Times, serif;
font-style:normal;
color: #6b0003;  
}

/* Use two-column-wrapper around maincolumn and sidebar in left & right positions.  Or just use singlecolumn by itself */ 
#singlecolumn { 
float:left;
width: 950px;  
/*_width: 700px;  /* 677 setting for IE6 IE 6*/
padding:0px 5px 8px 5px;
background: #ffffff;
margin-left:7px;
}
#singlecolumn h1 {
margin: 15px 0 0 0;
font-size: 1.7em;  
font-family: Georgia, "Times New Roman", Times, serif;
font-style:normal;
color: #6b0003;  
}



#sidebar {
float:right;
width: 260px;  
color:#000;
background-color: #dfe4e5 ;  /* gray water afbcbe    blue gray water 94a9b8 */
margin: 14px 0 14px 0;
padding-top:10px;
}

#sidebar h2 {border-top: none; m}
#sidebar h3 {border-top: none;}
#sidebar h4 {border-top: none;}
#sidebar h5 {border-top: none;}

#sidebar div {
padding: 0;
text-align:center;
margin-top: 25px;
margin-bottom: 60px;
}
#sidebar  p {
text-align:center;
margin: 10px 10px 20px 10px;
}



/*  ******************************************************************8***************** */
/*  ***********  Block Quotes ************ */
/*  ************************************************************************************ */

blockquote {
float:right;
width:360px;
margin:0;
padding:0;
color:#000;
}
blockquote p {
font: 1em Georgia, "Times New Roman", Times, serif;
margin: 0em 1em .5em 2em;
padding:0;
}
blockquote.blockquotesource{
clear:both;
float:right;
color:#000;
text-align:right;
font-style: italic;
margin: 0 1em .5em 0;
}

/*  ******************************************************************8***************** */
/*  ***********  Table ************ */
/*  ************************************************************************************ */
/* General purpose printable table */
table.table_generalpurpose {
margin-left:auto; 
margin-right:auto;
color:#000000;
border: solid thin #993300;
font-size: 13px;
margin-bottom:7px;
}
table.table_generalpurpose th {
font-size:12px;
background-color: #e0e0e1;
}

table.table_generalpurpose tr.even {	background: #f4f4da;	}
#table_col1, #table_col2, #table_col3, #table_col4, #table_col5, #table_col6, #table_col7, #table_col8 {	text-align:center;	}