/*************************
 * Some generic styles
 *************************/

body
{
	background-color: #CCCC99; 
	margin: 5px 0px 0px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
}

A:link 
{
	color:#666633; 
}

A:active 
{
	color:#666633; 
}

A:visited 
{
	color: #666633; 
}

A:hover 
{
	color: #999966; 
}

/* simple padding */
.padding {
	padding-left: 30px;
	padding-right: 30px;
}

.fixed {
	table-layout: fixed;
	overflow: scroll;
}

/****************************
 * Various content styles
 ***************************/

.contentwrapper td p, .contentwrapper td p a {
	padding: 5px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	line-height: 1.4em;
}

.vcontent 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color: #666633;
	font-weight: normal; 
	text-align: justify;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
	text-indent: 0;
}

.pagetitle { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #666633;
	font-weight: bold;
	padding: 20px 0px 15px 0px;
}

.title { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #666633;
	font-weight: bold;
}

.subtitle
{
	font-size: 10pt;
	color: #666633;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

.lefttitle 
{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #666633;
	text-align: left;
	font-weight: bold;
}

.bottlecol
{
	float: right;
	margin: 10px 0 0 30px;
	width: 100px;
}

.rightbar
{
	padding: 0px 0px 0px 20px;
}

.highlight
{
	color: #CC0000;
}

.highlight2
{
	color: #FF6633;
}

.strikeout
{
	text-decoration: line-through;
}

.titleBar { border-color: #999966; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }
.images { border: 1px #666633 solid}
.wineLink { white-space: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999966; font-variant: normal; font-weight: normal; text-align: center; vertical-align: top; border-style: none}

.new
{
	background-image: url(/images/newbg.gif);
	background-repeat: repeat;
}

.wineSideLink
{
	border: solid 1px #CCCC99;
	padding: 10px 15px 10px 15px;
	vertical-align: middle;
	background-color: #FFFFDD;
	height: 130px;
	width: 300px;
}

.wineSideLink a, .wineSideLink a:visited
{ 
	font-family: "Times New Roman", Times, serif;
	font-size: 8pt; 
	color: #999966; 
	text-decoration: none;
}

.wineSideLink .title
{
	font-size: 12pt;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
	
.wineSideLink a:hover, .wineSideLink a:hover .title
{
	color: #000000;
}

.wineSideLink img
{
	vertical-align: middle;
}


.navWineLine {background-color: #666633; border-color: #999966; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px }
table#navWine { margin: 0;  padding: 0; background-color: #666633; white-space: normal; border-color: #999966; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
table#navWine td { margin: 0;  padding: 0; height: 20px; white-space: normal; border-color: #999966;  border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
table#navWine a, table#navWine a:visited { vertical-align: top; display: block; padding: 4px; text-decoration: none; color: #FFFFCC; white-space: normal; border-color: #999966; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; font-variant: normal; font-weight: normal; text-align: left }
table#navWine a:hover { font-weight: bold }

.footer { font-family: Georgia; font-size: 10px }
.footer a { font-family: Georgia; font-size: 10px }
.footer a:hover { font-family: Georgia; font-size: 10px; color: #999966 }


.menuBar { margin: 6px 0px 0px 0px; border-collapse: collapse; }
tr#tabs td { padding: 0px 0px 1px 0px; color: #666633; text-decoration: none; border-color: #999966; border-style: solid; border-left-width: 1px; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 1px; }
tr#tabs td a { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 13px; color: #FFFFCC; text-decoration: none; }
tr#tabs td a:hover{ color:#CCCC99; }
body#tabsuisun td.tabsuisun, body#tabvineyard td.tabvineyard, body#tabwine td.tabwine, body#tababoutus td.tababoutus, body#tabcontactus td.tabcontactus, body#tabtrade td.tabtrade { color: #999966; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; text-align: center; }
body#tabindex td.tabindex a, body#tabsuisun td.tabsuisun a, body#tabvineyard td.tabvineyard a, body#tabwine td.tabwine a, body#tababoutus td.tababoutus a, body#tabcontactus td.tabcontactus a, body#tabtrade td.tabtrade a, body#tabbuy td.tabbuy a { color: #CCCC99; }

.bottomborder {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #999966;
}

.bottomnoborder {
	padding: 10px 0px 10px 0px;
}

.divider 
{
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #999966;
}

.vdivider
{
	border-left: 1px solid #999966;
}

.contentsmall6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	color: #666633;
	text-align: justify;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.contentsmall7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	color: #666633;
	text-align: justify;
	margin: 0;
}

/********** Rounded Box Stuff ********************/

/* Width of rbox depending on what column it's in */
#rightsidebar .rbox, #rightsidebar .rboxd, #rightsidebar .rbox_top, #rightsidebar .rboxd_top, #rightsidebar .rbox_bottom, #rightsidebar .rboxd_bottom, #rightsidebar .rbox_bottom div, #rightsidebar .rboxd_bottom div 
{
	width: 170px;
	}
	
#leftsidebar .rbox, #leftsidebar .rboxd, #leftsidebar .rbox_top, #leftsidebar .rboxd_top, #leftsidebar .rbox_bottom, #leftsidebar .rboxd_bottom, #leftsidebar .rbox_bottom div, #leftsidebar .rboxd_bottom div
{
	width: 170px;
	}

#content .rbox, #content .rboxd, #content .rbox_top, #content .rboxd_top, #content .rbox_bottom, #content .rboxd_bottom, #content .rbox_bottom div, #content .rboxd_bottom div
{
	width: 625px;
}

#full .rbox, #full .rboxd, #full .rbox_top, #full .rboxd_top, #full .rbox_bottom, #full .rboxd_bottom, #full .rbox_bottom div, #full .rboxd_bottom div, #full .vineyard
{
	width: 800px;
}

.vineyard {
	background-image: url(/images/vineyard.jpg);
	height: 715px;
}

.suisun {
	background-image: url(/images/suisun.jpg);
	height: 715px;
}

#rightsidebar .rbox h2
{
	background-image: url(http://www.mankashills.com/images/topbar.gif);
	text-align: center;
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #FFFFCC;
}

#rightsidebar .rbox p, #rightsidebar .rbox p a
{
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, san-serif;
}

#leftsidebar .rboxd p
{
	color: #FFFFCC;
}

#leftsidebar .rboxd h2
{
	color: #FFFFCC;
	font-weight: bold;
}

/* Images used for the rounded boxes. rbox for the light boxes and rboxd for the dark boxes. */
.rbox 
{
	background-image: url(http://www.mankashills.com/images/rboxl_ul_ol.gif) !important;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.rboxd 
{
	background-image: url(http://www.mankashills.com/images/rboxd_ul_ol.gif) !important;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.rbox_top 
{
	background-image: url(http://www.mankashills.com/images/rboxl_ur_ol.gif) !important;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.rboxd_top 
{
	background-image: url(http://www.mankashills.com/images/rboxd_ur_ol.gif) !important;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.rbox_bottom
{
	background-image: url(http://www.mankashills.com/images/rboxl_ll_ol.gif) !important;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.rboxd_bottom
{
	background-image: url(http://www.mankashills.com/images/rboxd_ll_ol.gif) !important;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.rbox_bottom div
{
	background-image: url(http://www.mankashills.com/images/rboxl_lr_ol.gif) !important;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.rboxd_bottom div
{
	background-image: url(http://www.mankashills.com/images/rboxd_lr_ol.gif) !important;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* extra definition to make the boxes look right */
.rbox, .rboxd
	{
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	}

.rbox_top, .rboxd_top
{
	text-align: left;
}

.rbox_bottom, .rboxd_bottom
{
	padding: 0;
	margin: 0;
	height: 8px;
	overflow: hidden;
}
	
.rbox_bottom div, .rboxd_bottom div
	{
	padding: 0px 0px 8px 0px;
	margin: 0;
	text-align: right;
	}

.rbox h2, .rboxd h2
{
	text-align: center;
	vertical-align: top;
	padding: 5px 5px 0px 5px;
	font-size: 12px;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, san-serif;
}

.rbox p, .rboxd p
{
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.rbox p, .rboxd p, .rbox p a, .rboxd p a
{
	line-height: 1.5em; 
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #666633;
	text-indent: 0;
	font-size: 12px;
}

.last .rbox_bottom, .last .rboxd_bottom
	{
	/* p-b + m-b hacks for IE 5.01 */
	position/**/: absolute !important;
	bottom/**/: 0 !important;
	}
	
.last, .last .rbox_top, .last .rboxd_top
	{
	/* p-b + m-b hacks for IE 5.01 */
	padding-bottom/**/: 10000px !important;
	margin-bottom/**/: -10000px !important; 
	}

h2, p
	{
	margin: 0;
	padding: 0;
	}

.rboximg
	{
	padding: 15px 10px 15px 10px;
	text-align: left;
	float: left;
	}
	
.rboximgr
	{
	padding: 15px 5px 0px 10px;
	text-align: left;
	float: left;
	}


.rbox_content 
{
	background-color: #FFFFCC;
	border-left: 1px solid #999966;
	border-right: 1px solid #999966;
}

.rboxd_content 
{
	background-color: #999966;
	border-left: 1px inset #666633;
	border-right: 1px inset #666633;
}

#leftsidebar { float: left; vertical-align: top; }
#content { vertical-align: top;  float: left; display: inline; }
#rightsidebar { float: left; vertical-align: top; }

body#tabindex #leftsidebar {	padding: 0; }
body#tabindex #rightsidebar { padding: 0px 0px 0px 5px; }
body#tabwine #leftsidebar, body#tabbuy #leftsidebar, body#tabblog #leftsidebar { padding: 0px 5px 0px 0px; }
body#tabwine #rightsidebar, body#tabbuy #rightsidebar, body#tabblog #rightsidebar { padding: 0; }

#mainbody { 
	width: 800px;
	margin: 0px; 
	padding: 5px 0px 0px 0px; 
}

div#leftsidebar, div#content, div#rightsidebar {
	}

#mainbody_extra
	{
	position: relative;
	}
	
* html #mainbody
	{
	position: relative !important;
	}
	
* html .rboxd_bottom, * html .rbox_bottom
	{
	width: 100% !important;
	}
	
#mainbody
{
	overflow: hidden; 
	display: block;
}

* html #mainbody
{
	display: inline-block;
}
	
<!--[if IE]>
* html #mainbody
	{
	overflow: visible;
	}
<![endif]-->

#footer
{
	display: block; 
	float: none;
	clear: both;
	padding: 5px 0px 0px 0px;
}

.headerBar
{
	margin: 1px 0px 1px 0px;
}
