/* =======================================================================================
================== VannerValleyFarm.com ==================================================
|   vannervalleyfarm.com -- designed by BB Graphics -- Ocala FL -- http://bbgraphics.com |
|   Vanner Valley Farm -- copyright 2009 -- all rights reserved                          |
======================================================================================= */

* { padding: 0; margin: 0; }

html {
	width: 100%;
	height: 100%;
}

body {
	background: #666699 url("images/rep-bg.gif");
	min-width: 700px;
	background-attachment: fixed;
	margin: 0;
	padding-bottom: 20px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #000;
}

/* links: global */
a { color: #660099; }
a:hover { color: #cccc00; }

/* h1 = header */
h1 {
	width: 700px;
	height: 205px;
	text-indent: -9999px;
	background: url("images/header-sale.jpg");
	margin: 0;
	padding: 0;
}

#container {
	background: #FFF url("images/content-bg.gif") repeat-y;
	margin: auto;
	text-align: left;
	width: 700px;
}

#contentarea {
	float: left;
	width: 520px !important;
	width: 520px;
	max-width : 520px !important;
	border-top: 0;
}

#content {
	padding: 0 10px 0 10px;
	padding-top: 0;
 }

#content ul {
	padding: 10px 0 10px 20px;
}

#content ul li {
}

h2, h3, h4, h5, h6 { clear: both; }

h2, h3, h4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	line-height: 1.1em;
	margin: 20px 0 0 0;
}

h2 {
	font-size: 28px;
	line-height: 1.1em;
	color: #660099;
	padding: 20px 0 20px 40px;
	background: transparent url("images/bullet.gif") no-repeat left center;
}

h3 {
	font-size: 24px;
	background-color: #eaeaea;
	color: #660099;
	padding: 10px;
	margin: 20px 0 10px 0;
}

h4 {
	font-size: 20px;
	color: #660099;
	padding: 0 0 5px 0;
}

h5 {
	display: block;
	font-size: 16px;
	color: #660099;
	padding: 10px 0 5px 0;
	margin: 0 0 5px 0;
}

h6 {
	font-size: 14px;
	color: #660099;
	font-weight: bold;
	padding: 10px 0 5px 0;
	margin: 0;
}

#content p { padding: 0 0 15px 0; margin: 0; }

noscript p {
	display: block;
	background-color: #ff9999;
	padding: 10px;
	margin: 20px;
	border: 4px solid #cc3333;
}

noscript strong {
	clear: both;
	background: none;
	color: #cc3333;
	font-size: 1.8em;
	padding: 0 0 5px 0;
}

noscript p {
	padding: 0;
	margin: 0;
}

dl { padding: 10px 0 10px 10px; }
dd { padding: 0 0 0 10px; }
dt { font-weight: bold; font-size: 1.2em; color: #660099; }

.text {
	color: #660099;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

.sale { padding: 15px 0 15px 0; border-bottom: 1px solid #eaeaea; }

/* announcement (home page) */
#announcement {
	clear: both;
	padding: 10px;
	margin: 10px 0 0 0;
	background-color: #eaeaea;
	border: 1px solid #ccc;
}

#announcement, #announcement #right, #announcement #left { display: block; }
#announcement #right { float: right; width: 63%; }
#announcement #left { float: left; width: 35%; }
#announcement #left img { border: 4px solid #ccc; }
#announcement p { padding: 0 0 20px 0; margin: 0; }
#announcement h2 { background: none; font-size: 1.5em; padding: 0 0 10px 0; }

#announcement, #announcement .right, #announcement .left { display: block; }
#announcement .right { float: right; width: 63%; }
#announcement .left { float: left; width: 35%; }
#announcement .left img { border: 4px solid #ccc; }
#announcement p { padding: 0 0 20px 0; margin: 0; }
#announcement h2 { background: none; font-size: 1.5em; padding: 0 0 10px 0; }

#announcement #button {
	display: block;
	padding: 10px;
	text-align: center;
	background-color: #fff;
	width: 281px;
	border: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#announcement #button:hover {
	background-color: #ffffcc;
	border: 1px solid #ffff66;
	text-decoration: underline;
	color: #660099;
}

/* nav */
#left {
	width: 175px;
	float: left;
}

#navcontainer ul{
	margin: 0;
 	padding: 0;
 	list-style-type: none;
	font-weight: bold;
	font-size: 12px;
}

#nav a {
 	display: block;
 	width: 157px;
 	height: 29px;
	line-height: 29px;
	padding: 0 0 0 18px;
	margin: 0;
}

#nav a:link, #nav a:visited {
	background: url("images/nav-static.gif") no-repeat;
	color: #660099;
 	text-decoration: none;
}

#nav a:hover, #nav a:active {
	background: url("images/nav-hover.gif") no-repeat;
	color: #660099;
	text-decoration: none;
}

#currentlink a:link, #currentlink a:visited,
#currentlink a:hover, #currentlink a:active {
	background: url("images/nav-hover.gif") no-repeat;
	color: #660099;
	text-decoration: none;
}

/* sub nav */
.sub {
	border-top: 1px solid #660099;
	border-bottom: 1px solid #9999ff;
}

.sub li {  }

.sub li a:link, .sub li a:visited {
	background: #660099 url("images/nav-sub-static.gif") no-repeat !important;
	height: 25px !important;
	line-height: 25px !important;
	font-size: 10px;
	color: #fff !important;
}

.sub li a:hover, .sub li a:active {
	background: #660099 url("images/nav-sub-hover.gif") no-repeat !important;
	color: #660099 !important;
}

.sub #currentlink a:link, .sub #currentlink a:visited,
.sub #currentlink a:hover, .sub #currentlink a:active {
	background: #660099 url("images/nav-sub-hover.gif") no-repeat !important;
	color: #660099 !important;
}

/* bottomnav stuff */
#bottomnav {
	display: block;
	clear: both;
	background-color: #000;
	text-align: center;
	font-size: 90%;
	color: #CCCC00;
	padding: 20px;
	width:660px;
	margin:0 auto;
}

#bottomnav p { padding: 0; margin: 0; line-height: normal; }

#bottomnav a {
	font-size: 11px/30px;
	color: #D7C700;
	text-decoration: none;
}

#bottomnav a:hover {
	font-size: 11px/30px;
	color: #FFC;
	text-decoration: underline;
}

#bottomnav img {
	margin: 0 5px;
	padding:0;
	border:none;
	vertical-align:middle;
}


/* footer stuff */
#footer {
	display: block;
	clear: both;
	text-align: center;
	font-size: 90%;
	color: #FFF;
	padding: 10px 0 10px 0;
	margin:20px auto;
}

#footer p { padding: 0; margin: 0; line-height: normal; }

#footer a {
	font-size: 11px/30px;
	color: #EEE;
	text-decoration: none;
}

#footer a:hover {
	font-size: 11px/30px;
	color: #FFF;
	text-decoration: underline;
}

/* misc */
.clearfloats, .clear {
	clear: both;
}

.postdate {
	display: block;
	padding: 5px 0 5px 5px;
	margin: 0;
	color: #660099;
	background-color: #eaeaea;
	border-bottom: 2px solid #ccc;
}
 
.listbase {
	list-style-type: square;
	line-height: 18px;
	margin: 0 0 20px 20px;
	padding: 5px 10px 10px 10px;
}

.subheading {
	font: 16px/23px Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #000;
}

.righttext {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.fancyimg {
	padding: 5px;
	background-color: #ccccff;
}

img.imageright {
	float: right;
	padding: 5px;
	margin: 0 0 0 8px;
	border: 0;
}

img.imageleft {
	float: left;
	padding: 5px;
	margin: 0 8px 0 0;
	border: 0;
}

.topbutton {
	padding: 20px 0 20px 0;
	text-align: center;
	clear: both;
	font-weight: bold;
	display: block;
}

.clr-left { clear: left !important; }

.clr-right { clear: right !important; }

.noborder { border: 0 !important; }

.nopadding { padding: 0 !important; }

div.ctrleft {
	display: block;
	float: left;
	padding: 10px 10px 10px 0;
}

div.ctrright {
	display: block;
	float: right;
	padding: 10px 0 10px 10px;
}

div.ctrright p,
div.ctrleft p {
	text-align: center;
	padding: 0;
	margin: 0;	
}

/* general use - half width */
.halfsize { width: 50%; }

/* general use - float items */
.fleft { display: block; float: left; }
.fright { display: block; float: left; }
.border { border: 4px solid #ccc; }
.image { padding: 5px; }

hr {
    height: 1px;
    width:100%;
    background:#cc99ff;
    clear: both;
}

.clr {
	clear: both;
}

.specialbox {
	display: block;
	padding: 5px;
	background-color: #ccccff;
	line-height: 20px;
	color: #660099;
	text-align: center;
	border: 4px solid #9999ff;
	font-size: 1.2em;
}

.introimg {
	padding: 20px 0 0 4px;
}

.specialbox strong {
	font-size: 120%;
}

.special {
	background-color: #660099;
	text-align: center;
	color: #cccc00;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 2px solid #cc99ff;
}

/* news page */
.newstbl,
.newstbl tr {
	padding: 0;
	margin: 0;
}

.newstbl td {
	padding: 8px;
}

.newstbl p {
	text-align: center;
	color: #660099;
	font-weight: bold;
	font-size: 120%;
	padding: 5px 0 5px 0;
	margin: 0;
}

.newsimg {
	padding: 5px;
	background-color: #ccccff;
}

.news-content {
	padding: 10px 0 10px 0;
	clear: both;
	display: block;
}

.news-content h3 { background: none !important; }

/* recognition page styles */
div.article {
	display: block;
	padding: 20px 0 20px 0;
	margin: 0;
	border-bottom: 2px solid #eaeaea;
}

blockquote {
	background: transparent url(images/bq_bg.jpg) no-repeat top left;
	display: block;
	margin: 0;
	padding: 5px 50px 5px 50px;
	color: #666;
}

blockquote.homeintro {
	background: transparent url(images/bq_bg.jpg) no-repeat top left;
	display: block;
	font-family: Georgia, Times New Roman, Times, serif;	
	color: #666;
	font-size: 1.8em;
	font-style: italic;
	line-height: 1.3em;
	margin: 0;
	padding: 8px 50px 8px 50px;
}

span.author {
	display: block;
	font-style: italic;
	color: #660099;
	padding: 5px;
}

ul#article_list {
	padding: 0;
	margin: 0 0 0 20px;
	list-style: circle;
}

ul#article_list li {

}

ul#article_list li a {

}

/* dispersal sale */
#dispersal-sale {
	background-color: #ffffcc;
	border: 4px solid #ffff66;
	display: block;
	padding: 15px;
	margin: 0 0 20px 0;
	font-size: 120%;
}

#dispersal-sale p {
	padding: 0 !important;
}

#dispersal-sale p span {
	display: block;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #cccc00;
}

#dispersal-sale h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	background: none !important;
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
	font-style: normal;
	text-align: center;
}