/* overall formatting 
Central   Niagara Cabernet  693A77
Central East  Niagara Cabernet  693A77
Central West  Niagara Cabernet  693A77
Champlain  Haliburton Green  477F80
Erie St. Clair  Georgian Taupe   B4A76C
HNHB   Niagara Cabernet  693A77
Mississauga Halton Temaskaming Blue  7D9AAA
North Simcoe Muskoka Manitoulin Sky    00B9E4
North East  Niagara Cabernet  693A77
North West  Temaskaming Blue  7D9AAA
South East  
South West  Barn Board   D2492A
Toronto Central  Haliburton Green  477F8-0
Waterloo Wellington Niagara Cabernet  693A77
Granite 9CA299
 
*/
html,body {
 margin:0;
 padding:0;
 height:100%; /* needed for container min-height */
 background: #e6e8e5 url(img/bgimg.gif) top center repeat-y; /* browser bug: use odd number width of bgimg */
}
a:link {
 color:#000000;
 text-decoration: underline;
}
a:active {
 color:#693A77;
 text-decoration: underline;
}
a:visited {
 color:#000000;
 text-decoration: underline;
}
a:hover {
 color:#693A77;
 text-decoration: underline;
}
ol, ul {
 font-family: Arial, Verdana, sans serif;
 font-size: 10pt;
 color: #000000;
 margin-top: 0px;
 margin-bottom: 10px;
}
li {
 font-family: Arial, Verdana, sans serif;
 font-size: 10pt;
 color: #000000;
 margin-top: 0px;
 margin-bottom: 5px;
}
form {
 margin: 0;
 padding: 0;
}
address {
 font-family: Arial, Verdana, sans serif;
 font-size: 10pt;
 color: #000000;
 font-style: italic;
}
h1 {
 font-family: Arial, Verdana, sans serif;
 font-size: 18pt;
 color: #693A77;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
 font-weight: normal;
}
h2 {
 font-family: Arial, Verdana, sans serif;
 font-size: 14pt;
 font-weight: bold;
 color: #693A77;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
h3 {
 font-family: Arial, Verdana, sans serif;
 font-size: 12pt;
 font-weight: bold;
 color: #693A77;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
h4 {
 font-family: Arial, Verdana, sans serif;
 font-size: 12pt;
 font-weight: bold;
 color: #9ca299;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
h5 {
 font-family: Arial, Verdana, sans serif;
 font-size: 10pt;
 font-weight: bold;
 color: #693A77;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 10px;
}
h6 {
 font-family: Arial, Verdana, sans serif;
 font-size: 10pt;
 font-weight: bold;
 color: #9ca299;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 10px;
}
p {
 padding-bottom: 10px;
 padding-top: 0;
 margin-top: 0;
 margin-bottom: 0;
}
.text {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #000000;
}
.text_big {
 font-family: Arial, Verdana, sans serif;
 font-size: 10pt;
 color: #000000;
}
.text_small {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
}
.disclaimer {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 margin-bottom: 0px;
 margin-top: 0px;
 padding-bottom: 10px;
}
.highlight_squash {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #693A77;
}
.highlight_merlot {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #477f80;
}
.highlight_barnboard {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #d2492a;
}
.highlight_cabernet {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #693a77;
}
.highlight_sky {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #00b9e4;
}
.highlight_taupe {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #b4a76c;
}
.highlight_blue {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #7d9aaa;
}
.highlight_green {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #477f80;
}
.highlight_granite {
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #9ca299;
}
ol {
 font-family: Arial, Verdana, sans serif;
}
/* container */
div#container {
 position:relative; /* needed for footer positioning*/
 margin:0 auto; /* center, not in IE5 */
 width:750px;
 background:#ffffff;
 height:auto !important; /* real browsers */
 height:100%; /* IE6: treated as min-height*/
 min-height:100%; /* real browsers */
 text-align: left;
}
/* header */
div#header {
 width: 750px;
 bottom:0;
}
#header-print {
 display: none;
}
/* top nav */
div#topnav {
 width: 750px;
 height: 25px;
 margin: 15px 0 0 0;
 border: 0;
}
div#topnavitems {
 float:left;
 padding-left: 13px;
 padding-top: 3px;
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
}
div#topnavitems a:link {
 font-weight: bold;
 color:#000000;
 text-decoration: none;
}
div#topnavitems a:active {
 font-weight: bold;
 color:#693A77;
 text-decoration: none;
}
div#topnavitems a:visited {
 font-weight: bold;
 color:#000000;
 text-decoration: none;
}
div#topnavitems a:hover {
 font-weight: bold;
 color:#693A77;
 text-decoration: none;
}
div#search {
 float: right;
 padding-right: 20px;
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
}
/* search */
#txtSearchText {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 border: 1px solid #000;
 height: 14px;
 width: 145px;
 background-color: #fff;
}
#btnSearch {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 font-weight: bold;
 color: #000000;
 border: 1px solid #000;
 height: 18px;
 width: 15px;
 background-color: #e6e8e5;
}
/* side nav */
td#sidenav {
 width: 215px;
 text-align: left;
 border: 0;
 margin: 0;
 padding: 0;
}
div#textsize {
 padding-left: 12px;
 padding-top: 12px;
 padding-bottom: 12px;
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
}
div#textsize input {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 border: 0;
 height: 20px;
 background-color: #fff;
}
div#banners {
 margin-left: 13px;
 margin-top: 5px;
}
#banners img {
 border: 1px solid #9CA299;
}
/* main area */
div#content {
 padding:0em 0em 18em; /* bottom padding for footer */
}
table#content_table {
 width: 750px;
 border: 0;
 padding: 0;
 margin: 0;
}
table#body_table {
 width: 535px;
 border: 0;
 padding: 0;
 margin: 0;
}
td#body {
 width: 535px;
 text-align: left;
 border: 0;
 padding: 0;
 margin: 0;
}
td#body_col1 {
 padding-top: 0;
 padding-left: 18px;
 text-align:left;
 border: 0;
 margin: 0;
}
#body_col1 hr {
 color: #9ca299;
 height: 1px;
 margin: 15px 0 8px 0;
}
td#body_col2 {
 padding-top: 15px;
 padding-left: 30px;
 padding-right: 20px;
 text-align:left;
 border: 0;
 margin: 0;
}
#breadcrumbs {
 height: 1px;
 /* font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #5d4617;
 padding-top: 8px;
 padding-left: 12px;
 padding-right: 12px; */
}
#breadcrumbs a:link {
 color:#5d4617;
 text-decoration: none;
}
#breadcrumbs a:active {
 color:#000000;
 text-decoration: underline;
}
#breadcrumbs a:visited {
 color:#5d4617;
 text-decoration: none;
}
#breadcrumbs a:hover {
 color:#000000;
 text-decoration: underline;
}
#image {
 display:block;
 float:right;
 top:0px;
 left:0px;
 position:relative;
 margin-left: 10px;
 margin-bottom: 10px;
 margin-top: 10px;
}
table#table {
 width: 100%;
 font-family: Arial, Verdana, sans serif;
 font-size: 9pt;
 color: #000000;
 padding: 3px;
 margin-bottom: 20px;
}
th#table_header {
 border-top: 1px solid #9CA299;
 background-color: #e6e8e5;
 border-bottom: 1px solid #9CA299;
 padding: 4px;
}
td#table_content {
 border-bottom: 1px solid #9CA299;
 padding-top: 4px;
 padding-bottom: 4px;
}
/* column 2 formatting */
div#col2_content {
 margin-bottom: 0px;
 margin-top: 0px;
 padding-left: 12px;
 padding-right: 12px;
}
#col2_content h5 {
 font-family: Arial, Verdana, sans serif;
 font-size: 12pt;
 font-weight: bold;
 color: #ffffff;
 margin: 0;
 padding: 0 0 5px 0;
}
div#col2_content a:link {
 color:#000000;
 text-decoration: underline;
}
div#col2_content a:active {
 color:#693A77
 text-decoration: underline;
}
div#col2_content a:visited {
 color:#000000;
 text-decoration: underline;
}
div#col2_content a:hover {
 color:#693A77
 text-decoration: underline;
}
#button {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 border: 1px solid #000000;
 background-color: #e6e8e5;
 text-transform: uppercase;
 margin-top: 0px;
 padding-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
/* column 2 Style 1 -Niagara Cabernet background */
#col2_style1 {
 width:169px;
 text-align:left;
 border:0;
 padding:0;
 padding-bottom: 15px;
}
div#col2_style1_verytop {
 height: 1px;
 padding:0;
 margin:0;
}
div#col2_style1_top {
 background: url(img/col2-background-top.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 169px;
 height:20px;
 padding:0;
 margin:0;
}
div#col2_style1_middle {
 background:  #c3b0c9;
 width: 169px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
div#col2_style1_bottom {
 background: url(img/col2-background-bottom.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 169px;
 height:20px;
 padding:0;
 margin:0;
}
div#col2_style1_verybottom {
 height: 1px;
 padding:0;
 margin:0;
}
/* column 2 Style 2 -Niagara Cabernet background */
#col2_style2 {
 width:169px;
 text-align:left;
 border:0;
 padding:0;
 padding-bottom: 15px;
}
div#col2_style2_verytop {
 height: 1px;
 padding:0;
 margin:0;
}
div#col2_style2_top {
 background: url(img/col2-background-top.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 169px;
 height:20px;
 padding:0;
 margin:0;
}
div#col2_style2_middle {
 background:  #c3b0c9;
 width: 169px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
div#col2_style2_bottom {
 background: url(img/col2-background-bottom.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 169px;
 height:20px;
 padding:0;
 margin:0;
}
div#col2_style2_verybottom {
 height: 1px;
 padding:0;
 margin:0;
}
/* footer */
div#footer {
 position:absolute;
 width:100%;
 bottom: 0px; /* stick to bottom */
 background:#ffffff;
 padding:0;
 margin:0;
}
div#footertext {
 padding-top: 10px;
 padding-bottom: 25px;
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 text-align: center;
}
#footerlink a:link {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color:#5d4617;
 text-decoration: underline;
}
#footerlink a:active {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color:#000000;
 text-decoration: underline;
}
#footerlink a:visited {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color:#5d4617;
 text-decoration: underline;
}
#footerlink a:hover {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color:#000000;
 text-decoration: underline;
}
/* new styles */
.header-option2 {
 font-family: Arial, Verdana, sans serif;
 font-size: 14pt;
 font-weight: bold;
 color: #000;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
.header-option3 {
 font-family: Arial, Verdana, sans serif;
 font-size: 14pt;
 font-weight: bold;
 color: #9ca299;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
.header-option4 {
 font-family: Arial, Verdana, sans serif;
 font-size: 12pt;
 font-weight: bold;
 color: #000;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
.header-option5 {
 font-family: Arial, Verdana, sans serif;
 font-size: 12pt;
 font-weight: bold;
 color: #9ca299;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 15px;
}
/* callout */
div.callout {
 width:500px;
 text-align:left;
 border:0;
 padding:0;
 padding-bottom: 15px;
}
div.callout a:link {
 color:#000000;
 text-decoration: underline;
}
div.callout a:active {
 color:#693A77
 text-decoration: underline;
}
div.callout a:visited {
 color:#000000;
 text-decoration: underline;
}
div.callout a:hover {
 color:#693A77
 text-decoration: underline;
}
/* callout (purple) */
div.callout_top {
 background: url(img/callout-background-top.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 500px;
 height:20px;
 padding:0;
 margin:0;
}
div.callout_middle {
 background: #c3b0c9;
 width: 500px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
div.callout_bottom {
 background: url(img/callout-background-bottom.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 500px;
 height:20px;
 padding:0;
 margin:0;
}
div.callout_content {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 margin-bottom: 0px;
 margin-top: 0px;
 padding-left: 12px;
 padding-right: 12px;
}
/* callout (grey) */
div.calloutg_top {
 background: url(img/calloutg-background-top.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 500px;
 height:20px;
 padding:0;
 margin:0;
}
div.calloutg_middle {
 background: #9ca299;
 width: 500px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
div.calloutg_bottom {
 background: url(img/calloutg-background-bottom.gif) top left no-repeat;
 background-repeat: no-repeat;
 width: 500px;
 height:20px;
 padding:0;
 margin:0;
}
div.calloutg_content {
 font-family: Arial, Verdana, sans serif;
 font-size: 8pt;
 color: #000000;
 margin-bottom: 0px;
 margin-top: 0px;
 padding-left: 12px;
 padding-right: 12px;
}
/* translate */
div#translate {
float:right;
padding-bottom:15px;
width:180px;
text-align:right;

}