/******************************************************
DOCUMENT INFORMATION
	- Document: Connoisseur Wines Stylesheet
	- Version:  1.2.3
	- Client:   Stuart Watson
	- Author:   Garry Neale
*******************************************************
COLOR THEME
	- Deep Red: #800000
	- Light Green: #c0d4c1

*******************************************************/

/*************************************
 Layout Divs 
*************************************/
#xmas{
width: 190px;
height: 120px;
margin: 30px 20px 0 30px;
padding-top: 10px 0 0 0;
background-image:url(images/bg_xmas.gif);
font-size:24px;
text-align:left;
border: 1px solid #800000;
}
#xmas a{
display: block;
margin:10px 0 0 5px;
font-style:italic;
font-size:16px;
text-align:left;

}
#container {
width: 960px;
margin-top: 5px;;
margin-right: auto;
margin-left: auto;
background-image:url(images/shadow.jpg);
background-position:right;
background-repeat:repeat-y;
}
#logodiv {
float:left;
width: 587px;
height: 145px;
margin: 0 0 0 0;
background-image:url(images/cw_logo_pic.jpg);
background-position:right;
background-repeat:no-repeat;
/* border: 1px solid #800000; */
}
/* to make banner clickable*/
#logodiv a
{
display:block;
width:100%;
height:100%;
}

#header {
float:left;
width: 350px;
height: 145px;
margin: 0 0 0 0;
/* border-left: 1px solid #800000; */
background-color:#FF0000;
/*background-image:url(images/header_blank.jpg);*/
background-repeat:no-repeat;
}
#header {
background-image:url(images/header_blank.jpg);
}

#shadowtop {
float:right;
height: 40px;
width: 21px;
background-image:url(images/shadowtop.jpg);
}
#menubar {
float:left;
width: 937px;
height: 50px;
margin: 0 0 0 0;
background-color:#c0d4c1;

border-top: 1px solid #800000;
border-bottom: 1px solid #800000;
}
#left_sidebar {
float:left;
width: 230px;
height: 350px;
margin: 0 0 0 0;
/*background-color:#fafbff;*/
/*background-image:url(images/menu_bg.jpg); */
/* background-repeat:repeat */
/* border-left: 1px solid #800000; */
}
#left_menu {
float:left;
width: 280px;
margin: 0 0 0 0;
background-image:url(images/menu_bg.jpg);
}
.testimonial {
float:left;
width: 280px;
height: 300px;
margin: 30px 0 0 10px;
background-image:url(images/testimonial_bg.jpg);
background-repeat:no-repeat;
}
#brochurelinks {
float:left;
width: 280px;
height: 400px;
margin-left: 30px;

/*background-image:url(images/brochurelinks_bg.jpg);*/
/*background-repeat:no-repeat;*/
}
#content {
float:left;
width: 706px;
min-height:350px;
background-image:url(images/grapes.jpg);
background-position:right 0px;
background-repeat:no-repeat;
background-color:#FFFFFF;

/*border-left: 1px solid #800000;*/
}

#home #content{
min-height:470px;
}
#products #content{
min-height:800px;
}
#organic #content{
min-height:740px;
}
#customer #content{
min-height:740px;
}
#new #content{
min-height:740px;
}
#work #content{
min-height:740px;
}

#book #content {
width: 936px;
}
#footer {
clear:both;
width: 937px;
height: 130px;
margin: 0 0 0 0;
background-color:#c0d4c1;
color:#800000;
border-top: 1px solid #800000;
}
#directory {
background-image:url(images/left_bg.jpg);
background-repeat:repeat-y;
}
/*************************************
 Contextual Selectors 
*************************************/

#left_sidebar p {
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
text-align:center;
margin: 20px 20px 20px 20px;
}

#home #left_sidebar p {
margin: 30px 20px 0px 20px;
}
#home #left_sidebar img {
margin: 10px 10px 0px 45px;
}
#home #logodiv{
background-image:url(images/banner_img_01.jpg);
}
#products #logodiv{
background-image:url(images/banner_img_02.jpg);
}
#organic #logodiv{
background-image:url(images/banner_img_03.jpg);
}
#customer #logodiv{
background-image:url(images/banner_img_04.jpg);
}
#events #logodiv{
background-image:url(images/banner_img_05.jpg);
}
#new #logodiv{
background-image:url(images/banner_img_06.jpg);
}
#work #logodiv{
background-image:url(images/banner_img_07.jpg);
}
#book #logodiv{
background-image:url(images/banner_img_07.jpg);
}




a:link {color:#0000ff; text-decoration: none}
a:visited {color:#0000ff; text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}


/* Main Menu styles *****************/
#menubar ul li {
width:114px;
height:39px;
float:left;
margin: 5px 12px 0 0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image:url(images/button1.png);
}

/* Use single-cell tables to centre button text *****************/	

/****************************************************************/		

#menubar ul li a {
color:#000;
text-decoration:none;
width:80px;
margin: 5px auto;
display:block;
text-align:center;
}
#menubar ul { /*Align menu to left*/
	margin: 0 24px;
	padding:0px
	}
#menubar ul li:hover {
	background-position: 0px -39px;
	}
	
#home  ul li.home,
#products  ul li.products,
#organic  ul li.organic,
#customer  ul li.customer,
#events  ul li.events,
#new  ul li.new,
#work  ul li.work
{
background-position: 0px 39px;
}
/*brochurelink styles ************************************/
#left_sidebar #brochurelinks img {
margin:10px 10px 0 15px;

}
#left_sidebar #brochurelinks p{
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
text-align:center;
width: 180px;
margin: 30px 20px 0px 0px;

}

#brochurelinks ul li {

list-style-type: none;
text-decoration:none;
font-size:16px;
font-weight:bold;
margin: 5px 20px 0px -15px;
}
#brochurelinks a:link {text-decoration: none}
#brochurelinks a:visited {text-decoration: none}
#brochurelinks a:active {text-decoration: none}
#brochurelinks a:hover {text-decoration: underline overline; color: red;}

/***********************************************************/
/*************************************
 HTML tag styles
*************************************/
body{
font-family: Trebuchet MS,sans-serif;
font-size:100%;
color:#333333;
line-height: 1.3;	
margin: 20px;
padding: 0px;
background-color:#800000;
}
#header p {
text-align:right;
font-weight:bold; 
color:#800000;
margin: 10px 100px 0 0;
font-size:12pt;
line-height:18pt;
}
#content p, h1 {
/*margin:15px 130px 15px 20px;*/
margin-left:20px;
margin-right:130px;
}
#content  h1 {
margin-top: 20px;
}

#content  h2 {
margin:15px 130px 0px 20px;
}
#content  p{
font-size:0.9em;
}
p {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:10px;
margin-bottom:15px;
}
#content h1 {
color:#800000;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:20pt;
margin-bottom:0px;
} 
#content h2 {
color:#000000;
/* font-family:"Times New Roman", Times, serif; */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12pt;
clear:left;
}

#footer p {
Margin: 0 0 0 10px;
padding-top: 6px;
font-size:12px;
}
#form {
border:1px dotted black; 
width:480px; 
margin:15px 20px 15px 25px;
height:360px;
padding:10px 5px;
background-color:#eee;
}
input {height:18px;color:#03588c;}
input.b {height:auto;padding:5px 3px 0px 0px;float:right;margin:10px 10px 0 0;} 
.form_t {width:140px;height:15px;float:left;padding:3px 0px 0px 3px;}
.form_f {width:140px;height:15px;float:left;padding:3px 0px 0px 3px;clear:both;}
.form_l {width:140px;height:15px;float:left;padding:3px 0px 0px 3px;clear:both;}
.form_et {width:140px;float:left;padding:3px 0px 0px 3px;clear:both;}


/*************************************
 Classes
*************************************/
.logo {
float:left;
margin:16px 0 0 10px;
}
.label {
float:left;
margin:0 5px 15px 20px;
width:125px;
}
p.tguide {
font-family:"Times New Roman", Times, serif;
font-size:0.7em;
font-style:italic;
margin: 0px 0 15px 0;
}
.testimonial {
color:#aaa;
font-size:20px;
font-style:italic;
margin: 40px 10px 10px 15px;
}
.floatright {
float:right;
}
.emphasis {
font-weight:bold;
}
.widetext {
width: 36em;
/*background-color: cyan;*/
}
.panel {
margin: 10px 0 0 40px;
}
.winelist2 {
margin: 40px 0 0 40px;
}
.join {
margin: 30px 0 0 30px;
}

/*************************************
 Sidebar Navigation
*************************************/

#navcontainer { 
margin: 24px 0 0 10px; 
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 190px;
color: #000;
background-color: #ADC1AD;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
font-size: .8em;
background-image: url(images/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(images/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 175px;
color: #000;
background-color: #C5D8C5;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
}
#winelist {
width:550px;
margin: -30px 0 0 20px;
}
/************* tasteGuide table styles ***************/
#tasteGuide {
width:600px;
clear:left;
display:block;
}
#tasteGuide table {
border: 1px solid black;
border-collapse:collapse;
margin: 0 0 10px 10px;
width: 60%;
background-color: #C5D8C5;
}
#tasteGuide caption {
/* font-size: 120%; */
margin-bottom: 10px;
text-align:left;
}
#tasteGuide th {
padding: 0 5px;
border: 1px solid #999;
}
#tasteGuide td {
padding: 0 10px;
border: 1px solid #999;
text-align:left;
font-size: .8em;
}
#tasteGuide tr {
border: 1px solid #999;
}