/* CSS Document for Gundagai Wines website

created by free range web design
www.freerangewebdesign.com.au  */

body
{
	margin: 0;
	padding: 0;
	font: 12px/1.6em Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #ccc;
	border-color: #ccc;
}
#container
{
	width: 800px;
	margin: 0px auto;  
	padding: 0px;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;}

#content a {
	text-decoration: none; 
	border-bottom: 1px dotted #666;
	}
		
#content a:hover {
	color: #CE8E2A;
	border-bottom: 1px dotted #CE8E2A;
}
#container h1, h2, h3, h4 { color: #CE8E2A; /*  dark yellow from logo   */
}

#header
{		width:800px;
		height:140px;
		overflow:hidden;
		float:left;
		text-align:left;
		padding:0;
		margin:0;
		vertical-align:middle;
	background:#000 url(images/nargoon-shed3.jpg) repeat-x; /*  */
}
#header h1
{	float: right; margin: 0 0 5px 0;	padding: 30px 0 0 0; font-size: 1.1em; letter-spacing: 0em;
	font-family: arial; color: #fff;
}
#header h2
{	clear: both;  margin: 0 0 10px 0; font-size: 85%; letter-spacing: 0;
	font-family: arial; color: #fff; /*  */ 
}


#header img
{	float: left;
	margin: 20px 0 5px 0;
	padding: 0;
	border: none;
}

#nav
{
	width:100%;
	height:35px;
	float: left;
	text-align:center;
	background-color:#231F20; /*  */
}

#nav ul
{	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#nav a
{	display: inline;
	line-height:35px;
	padding: 15px 15px 10px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 110%;
	text-transform: uppercase;
	font-family: helvetica, arial;
}

#nav li
{
	display: inline;
	line-height:35px;
	color: #fff;
}

#nav a:hover {
	color: #faa426;
	border: none;}

#content
{
	float: left;
	width: 580px;
	margin: 10px 10px 10px 20px;
	color: #666;
	line-height:1.6em;
	font-size:110%;
	padding-top:15px;

}
p.tabnotes {
	width: 300px;
	margin: 0px 20px 10px 10px;
	color: #666;
	line-height:1.6em;
	font-size: 105%;
	padding-top:15px;

}

#ordercontent
{
	clear:all;
	width: 760px;
	margin: 10px 0px 10px 20px;
	color: #666;
	line-height:1.6em;
	font-size: 105%;
	padding-top:15px;
	padding-right: 10px;
	background-color: #fff;
}

#content h1, #ordercontent h1
{
	margin-top: 15px;
	font-size: 1.8em; 
}
		
		

#content h2, #ordercontent h2
{
	margin-top: 0;
	font-size: 1.2em; 
	color: #CE8E2A;
}
#content h3
{
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.6em;
	font-weight: bold;
	color: #666;
}

#content h4
{
	margin-top: 0;
	font-size: 110%;
}

#content li a.active {
		color:#666;
		text-decoration: none;
		border-bottom:1px dashed #666;
		}
#content .links{
	width: 180px;
	font-size: 90%;
}

#content .register a{
	width: 220px;
	font-size: 100%;
	padding: 5px;
	background: #CE8E2A;
	color: #fff;
	text-decoration: none; 
	border: none;
	}

#content .register a:hover {
	color: #fff;
	border-bottom:1px dashed #666;
	border: 1px solid #fff;
	}
.testimonial {padding-left:10px; width: 250px; color:#333; font-style:italic; font-weight:normal; background:url(images/comma-right.jpg) right bottom no-repeat ; margin-top:30px; }


.floatleft { 
    float: left; 
    margin: 10px 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}


#sidecolumn {
		clear: all;
		width:170px;
		float: right;
		margin-top:20px;
		margin-left:10px;
		margin-right:10px;
		padding:0px;
		background-color:#e9e9e9;/* f1eff4   */
		}
#sidecolumn h3 {
		font-size:100%;
		line-height:18px;
		font-weight:bold;
		padding-left:5px;
		margin-left:0px;
		}
		
#sidecolumn li {
		font-size:95%;
		line-height:22px;
		color:#666;
		font-weight:normal;
		}

#sidecolumn li a{
		color:#666;
		text-decoration:none;
		}

#sidecolumn li a:hover, a:active {
		color:#666;
		
		}

#sidecolumn li a.active {
		color:#666;
		text-decoration: none;
		border-bottom:1px dashed #666;

		}


#sidecolumn p {
		font-size:12px;
		line-height:18px;
		color:#666;
		font-weight:normal;
		padding-left:5px;
		}
		
#sidecolumn img {
		margin-left: 20px;
		}
.orderhelp {margin:12px 15px 0 15px; padding:10px; border: 1px solid #aaaaCC;
  background-color:#eee; }
.orderhelp h2 {color:#666666; margin:0px; padding:0px; font-size:140%;}
.orderhelp p {font-size:11px; line-height:1.36em; color:#666666; }
.orderhelp a {font-size:11px; }
span.phone {font-size:12px; font-weight:bold; }
		


#clear { clear: both;}	
		
#featurebox {		
		float:left;
		margin-bottom: 10px;   /*  removed this space to bring all buttons up  */
		margin-left:0px;
		border-bottom: 1px dotted #CE8E2A;
		padding-bottom: 25px;
	    background-color:#e6e6e6; 
		font-size:100%;
		width: 100%;
		}

#featurebox img {
		padding:0px;
		margin-left: 0;		}

#featurebox h3, h3 a {
		font-size:12px;
		line-height:18px;
		text-align:left;
		font-weight:bold;
		margin-top:0px;
		color: #fff;   /*  gundagai wines yellow CE8E2A  */
		text-decoration: none;
		background: url(images/orange_bg2.jpg) repeat-x;
		}

#featurebox li {
		font-size:12px;
		line-height:18px;
		color:#666;
		font-weight:normal;
		}

#featurebox li a{
		color:#666;
		
		}

#featurebox li a:hover, a:active {
		color:#666;
		
		}

#featurebox p {
		font-size:110%;
		line-height:1.3em;
		color:#666;
		font-weight:normal;
		margin-top:5px;
		padding-top:0px;
		padding-left:6px;
		padding-right:6px;
		text-align:left;
		}

#featurebox a {
	/*  text-decoration: none;  */
	color: #CE8E2A;
		}
		
#featurebox a:hover {
	border-bottom: 1px dashed #CE8E2A;
}
#featurebox a.button, a:hover.button {
	text-decoration: none;
	border:none;
		}

#featurebox a img {
	text-decoration: none;
	border:none;
		}

#footer
{		width:100%;
	clear: both;
	font-size: 95%; 
	background-color: #231F20;/*  url(images/footer_bg.jpg) repeat-x;     dark black from logo */
	margin-top: 20px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #999;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#footer a
{
	color: #999;
}

a:link
{
	color:#666;
}

a:visited
{
	color:#666;
}


a:hover, a:active
{
	color:#666;
	text-decoration: none;
	border-bottom:1px dashed #666;
}
/*  additional styles for events page */

.nav_yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #c5a303;
	font-weight: bold;
	letter-spacing: 2px;
}
.nav_yellow:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #c5a303;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #f0e4bc;
}
.nav_yellowlrg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;  /*  changed this - from 15px*/
	text-transform: uppercase;
	color: #c5a303;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 20px;
}
.nav_yellowlrg:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #c5a303;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #f0e4bc;
	line-height: 20px;
}
.nav_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #924f46;
	font-weight: bold;
	letter-spacing: 2px;
}
.nav_red:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #924f46;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #e1c6bf;
}
.nav_redsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #924f46;
	font-weight: bold;
	letter-spacing: 1px;
}
.nav_redsub:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #924f46;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #e1c6bf;
}
.nav_whtsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
}
.nav_whtsub:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #4e606c;
	font-weight: bold;
	letter-spacing: 1px;
}
.nav_drkblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #121a1c;
	font-weight: bold;
	letter-spacing: 2px;
}
.nav_drkblue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #121a1c;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #b8c2cb;
}
.nav_drkbluelrg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;  /*  changed this - from 15px*/
	text-transform: uppercase;
	color: #121a1c;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 20px;
}
.nav_drkbluelrg:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #121a1c;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #b8c2cb;
	line-height: 20px;
}
.nav_ltblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #4e606c;
	font-weight: bold;
	letter-spacing: 2px;
}
.nav_ltblue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #4e606c;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #e6eaed;
}
.nav_medblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4e606c;
	letter-spacing: 1px;
	line-height: 1.3em;
	line-height: 20px
}
.nav_medblue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4e606c;
	letter-spacing: 1px;
	line-height: 1.3em;
	background-color: #FFFFFF;
	line-height: 20px
}
.redheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #954f47;
	letter-spacing: 1px;
	line-height: 1.3em;
}
.yellowheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #c5a303;
	letter-spacing: 1px;
	line-height: 1.3em;
}
.drkblueheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #14191c;
	letter-spacing: 1px;
	line-height: 1.3em;
}
.bluebg {
 background-color: #e6eaed; 
 background-image: url(images/corner.bmp); 
background-repeat:no-repeat;
background-position: bottom right; 
 }
 
 .horzDash {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c6b9ac;
}

/*  other styles */
#article275 
{
    float:right;
    width:275px; 
    text-align:left;
	margin: 5px;
   /* border: 1px solid #000000; */
}
#article275 .summary
{
	background-color: #EAEAEA;
	padding: 10px;
	font-size:90%;
	line-height:1.1em;
	text-align: justify;

}
#article216 
{
    float:right;
    width:216px; 
    text-align:left;
	margin: 5px;
   /* border: 1px solid #000000; */
}
#article216 .summary
{
	background-color: #EAEAEA;
	padding: 10px;
	font-size:100%;
	text-align: justify;

}
#content a.borderless {
	border-bottom: none;

	}
#content a img {
	text-decoration: none;
	border:none!important;
		}
		
/* tables - general styling
------------------------------------------- */

TABLE { border-collapse:collapse; border:1px solid #FFFFFF; margin-left: 0px;}
TD { padding:4px 9px 6px 9px; background-color:#e6e6e6; font-size:80%; color: #666; }
TH { padding:4px 9px 6px 9px; background-color:#FFFFFF; font-size:80%; text-align:left; color: #666;  }

textarea {	font-family: Arial, Helvetica, sans-serif;font-size:95%;
}

	.submitbutton {
  color: #CE8E2A;
  background: #fff;
  font-weight: bold;
  border: 1px solid #CE8E2A;
  font-size: 120%;
}

.submitbutton:hover {
  color: #FFF;
  background: #CE8E2A;
}