@charset "utf-8";
/* CSS Document */

/* CSS Reset */
img { border: 0; } 

/*Defaults*/
html, body { height: 100%; width: 100%; position: relative; margin: 0; padding: 0; background-color: #333333; }

/*Defaults - These get copied into the admin.css*/
body { background-color: #fff; font-size:12px; color: #111; font-family: Tahoma, Geneva, sans-serif; line-height: 1.5em; text-align: left; }

ul, ol, dl, p, table, pre { margin-bottom: 1em; }
li { margin-bottom: 0.6em; }
	
h1,h2,h3,h4,h5,h6 { font-family: "Times New Roman", Times, serif; font-weight: normal; color: #4c6977; }
	h1 { font-size: 3em; line-height: 1.2; margin-bottom: 0.6em; } /* 30pt  */
	h2 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }/* 24pt */
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.2em; color: #003366; }/* 18pt */
	h4 { font-size: 1.167em; line-height: 1.25; } /* 14pt */
	h5 { font-size: 1.167em; line-height: 1.5; font-weight: bold; }
	h6 { font-size: 1em; line-height: 1.5; color: #693; }

a { color: #336699; text-decoration: none; }
a:hover, a:focus, a:active { color: #003366; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 20px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }


/* Elements */
#container { width: 100%; background-color: #FFF; background: url(../images/background-header.jpg) no-repeat top center; text-align: left; }
#containerHomepage { width: 100%; background-color: #FFF; background: url(../images/background-header-homepage.jpg) no-repeat top center; text-align: left;  }

#layTopMenuWrapper { position: relative; width: 100%; background: url(../images/background-topMenu.gif) repeat-x; height: 32px; z-index: 5; }
#layTopMenu { width: 970px; margin: 0 auto; height: 32px; position: relative; z-index: 5; }
	#layTopMenu ul { position: relative; list-style: none; margin: 0; padding: 0; width: 670px; }
	#layTopMenu ul li { position: relative; float: left; margin: 0; padding: 0; }
	#layTopMenu ul li a { line-height: 32px; height: 32px; color: #fff; position: relative; display: inline-block; text-decoration: none; margin: 0; padding: 0 20px; }
	#layTopMenu ul li a:hover { color: #fff; background-color: #000; text-decoration: none; }
		#layTopMenu li ul { display: none; position: absolute; top: 32px; left: 0; width: 180px; background-color: #749211; filter: alpha(opacity=90); -moz-opacity: 0.90;	opacity: 0.90; }
		#layTopMenu li:hover ul, #layTopMenu li.over ul { display: block; background-color: #9bc315; }
			#layTopMenu li ul li { background-color: #efefef; display: block; width: 180px; float: none; text-align: left; }		
			#layTopMenu li ul li a { color: #000; background-color: #efefef; float: none; display: block; padding: 0 0 0 10px; margin: 0; width: 170px; text-align: left; text-transform: none; border-bottom: 1px solid #ffffff; line-height: 24px; height: 24px; }
			#layTopMenu li ul li a:hover { background-color: #333; color: #fff;	}
			
			.v65-selected { color: #fff; background-color: #000; text-decoration: none; }
			
	#user-tools { position: absolute; top: 0px; right: 0px; width: 250px; line-height: 32px; height: 32px; color: #ccc; text-align: right; }
			#user-tools a { color: #fff; }
			#user-tools a:hover { color: #ccc; text-decoration: none; }
			#user-tools form { padding: 0; margin: 0; }
			
			#user-tools-LoginBox { position: absolute; top: 32px; right: 0; color: #111; padding: 10px; background-color: #ccc; border: 1px solid #ccc; width: 200px; line-height: normal; text-align: left; }
			#user-tools-LoginBox td { padding: 2px; }
			#user-tools-EmailBox { position: absolute; top: 32px; right: 0; color: #111; padding: 10px; background-color: #fff; border: 1px solid #ccc; width: 200px; line-height: normal; text-align: left; }
			#user-tools-EmailBox td { padding: 2px; }			
			
#layHeader { position: relative; width: 970px; height: 106px; text-align: left; margin: 0 auto; overflow: hidden; }
	#pageTitle { float: left; color: #fff; font-size: 4em; padding-top: 46px; font-family: "Times New Roman", Times, serif; font-weight: normal; }
	#logo { float: right; background: url(../images/vin-65.png) no-repeat top left; width: 165px; height: 92px; }
   		#logo a { display: block; width: 165px; height: 95px; text-indent: -999em; overflow: hidden; }
	
#layContentWrapper { width: 100%; background-color: #FFF; }
	#layContent { overflow: hidden; width: 970px; margin: 0 auto; padding: 40px 0; }
	
	#pageLeftMenu { float: left;  display: inline; width: 240px; min-height: 460px; padding: 10px 0 20px 10px; background: url(../images/background-left.jpg) no-repeat top right; }
		#pageLeftMenu h3 { margin-bottom: 0.5em; }
		#pageLeftMenu ul { list-style: none; margin: 0 0 1em 0; padding: 0; width: 210px; }
		#pageLeftMenu li { margin-bottom: 0.6em; padding: 0; }
		#pageLeftMenu li a { color: #000; padding: 0 0 0 1.2em; }
		#pageLeftMenu li a:hover { background: url(../images/icon-here.gif) no-repeat left; }
		#pageLeftMenu li ul{ margin-left: 1em; }
		#pageLeftMenu form{ padding: 0; margin: 0; }
		#pageLeftMenu fieldset{ border: 0; padding: 0; margin: 0; }
		#pageLeftMenu input{ height: 18px; margin-right: 5px; }
		
			.v65-leftSelected { background: url(../images/icon-here.gif) no-repeat left; }
		
	#pageContent { display: inline; float: left; width: 660px; padding: 0 20px 0 40px; overflow: hidden; }
	
	#pageContentWide { padding: 0 30px; }
	
/* homepage */
#homepageHeader { position: relative; width: 970px; height: 321px; text-align: left; margin: 0 auto; }
	#homepagelogo { position: absolute; top: 36px; left: 30px; width: 214px; height: 132px; }
		#homepagelogo a { display: block; width: 214px; height: 132px; overflow: hidden; }
	#homepagetag { position: absolute; top: 167px; left: 69px; width: 290px; height: 81px; }
	#homepagePhotogalleryWrapper { position: absolute; top: 20px; left: 450px; height: 340px; width: 503px; }
		#homepagePhotogallery { position: absolute; top: 22px; left: 23px; height: 281px; width: 457px; padding: 0; margin: 0; font-size: 0; line-height: 0; }
		
#homepageContentWrapper { width: 100%; background: url(../images/background-homepage.jpg) repeat-x #666; }
	#homepageOuter { width: 970px; margin: 0 auto; background: url(../images/background-homepageTop.jpg) no-repeat top; }
		
		/*#homepageInner { width: 970px; padding: 50px 40px 30px 40px; margin: 0 auto; color: #fff; background: url(../images/background-homepageBottom.jpg) no-repeat bottom; overflow: hidden; min-height: 300px; } */
		#homepageInner { width: 920px; padding: 50px 10px 30px 40px; margin: 0 auto; color: #fff; background: url(../images/background-homepageBottom.jpg) no-repeat bottom; overflow: hidden; min-height: 300px; }
			
			#homepageContent { display: inline; float: left; width: 415px; padding: 0 15px 0 0; }	
				
				#homepageContentPod { width: 365px; padding: 35px 25px 1px 25px; margin: 24px 0 0 0; overflow: hidden; background: url(../images/homepage-pod-background.png) no-repeat top; min-height: 180px; }
					#homepageContentPod h5 { font-size: 14px; color: #fff; }
					#homepageContentPod a { color: #fff; }
				#homepageContentPodBottom { width: 415px; height: 30px; line-height: 0; font-size: 0; padding: 0; margin: 0; }
					
				#homepageBlog { float: left; width: 470px; }
			
				
				/* Blog List Content */		
				#homepageBlog .v65-blogPostWrapper { margin: 0 0 30px 40px; border: 0; overflow: hidden; padding: 0; width: 430px; clear: both; }
					#homepageBlog .v65-blogPost a { color: #fff; }
					#homepageBlog .v65-blogPost h2 { font-size: 18px; color: #fff; }
						#homepageBlog .v65-blogPost h2 a { color: #fff; }
					#homepageBlog .v65-blogPostDate { font-size: 0.85em; margin-bottom: 0.5em; color: #fff; }
						#homepageBlog .v65-blogPostDate a { color: #fff; }
					#homepageBlog .v65-blogFooter { font-size: 0.85em; height: 1.8em; }
					#homepageBlog .v65-blogFooter a { color: #fff; }
					
	
/* Footer */	
#layFooterWrapper { width: 100%; height: 110px; background: url(../images/background-footer.jpg) repeat-x; border-top: 1px solid #4d4d4d; }
	#layFooter { width: 970px; overflow: hidden; padding: 1em 0; margin: 0 auto; text-align: left; }
		#layFooterLegal { float: left; }
			#layFooterLegal ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
				#layFooterLegal ul li { float: left; margin: 0; padding: 0; }
					#layFooterLegal ul li a { font-size: 0.917em; color: #ccc; position: relative; display: inline-block; text-decoration: none; margin: 0; padding-right: 10px; }
					#layFooterLegal ul li a:hover { color: #fff }
			#layFooterLegal p { color: #999; clear: both; font-size: 0.917em; }
			
		#layFooterAuthor { float: right; color: #666; text-align: right; }
			#layFooterAuthor p { font-size: 0.917em; }
			#layFooterAuthor p a { color: #666; }
			#layFooterAuthor p a:hover { color: #ccc; text-decoration: none; }
			
	
#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
	#printHeader { width: 700px; height: 150px; }
	#printContent { width: 700px; }	
	
/* -------------------------------------------------------------- 
   Old
-------------------------------------------------------------- */	
/*Older Stuff*/
.content {	width: 660px; }
.contentLeftColumn { float:left; width:305px; padding-right:20px; border-right: 1px solid #999; overflow: hidden; }
.contentRightColumn { float:left; width:305px; padding-left:20px; overflow: hidden; }
.content h2 {  }
.content img { float:left; padding:5px 10px 5px 0px; }

/* Screen Shots */	
.screenshot { float: left; width: 150px; padding: 0px; margin: 0px 13px 15px 0px; text-align: center; border: 1px solid #666666; }
	.screenshot img{ margin: 0px auto; padding: 5px; }
	.screenshot h6{	width: 142px; padding: 6px 4px; margin: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; background-image: url(../images/pages/screen-shot-background.gif); background-repeat: repeat-x; }

/* Pop Ups */	
.popHeader { width: 100%; background-color: #9e0e0e; color: #FFFFFF; text-align: center; padding: 15px;	}
.popImage {	width: 100%; background-color: #CCCCCC;	text-align: center;	padding: 5px 0px; }

/* -------------------------------------------------------------- 
   V65 Overrides
-------------------------------------------------------------- */


	#pageLeftMenu li .v65-recentEntriesTitle a { color: #000; padding: 0; line-height: normal; }
	#pageLeftMenu li .v65-recentEntriesTitle a:hover { background-image: none; }
