/* CSS Document for Thoreau Wine Society  AUTHOR: David C. Gavazzi  Xonos, Inc.*/

/*****************************************/
/*****************************************/
/****** Don't steal code. Not nice. ******/
/*****************************************/
/*****************************************/


/*****************************************/
/****** 		BASIC STYLES 		******/
/*****************************************/


* 										{	margin: 0;
											padding: 0;}
											
html, body 								{	height:100%;}
									
body 									{	font: 12px Arial, Helvetica, sans-serif;
											text-align: center;
											background-color: #FFFFFF;
											color:#333300;}
									
.clear 									{	clear: both;
											margin: 0;
											padding: 0;}
									
form									{	margin:0;
											padding:0;}
											
											
hr 										{	margin:6px 0px 6px 0px;
											border: none 0;
											border-top: 1px solid #333300;
											height: 1px;
											clear:both; }	
											
a img 									{	border:0 none;}

																				
											
/*****************************************/
/****** 		TEXT STYLES 		******/
/*****************************************/

p 										{	margin:15px 25px 15px 17px;
											line-height: 20px;
											font-size:110%;}
									
h1										{	font-size:175%;
											font-family:Georgia, "Times New Roman", Times, serif;
											margin:0px 25px 25px 17px;
											font-weight:normal;
											color:#000;}
											
h1.imageTitle							{	margin:0px 25px 25px 0px;}
											
h2										{	font-size:145%;
											margin:15px 25px 25px 17px;
											font-weight:bold;
											line-height:1.33em;
											color:#333300;}
											
h3										{	font-size:125%;
											text-transform:uppercase;
											margin:0px 25px 10px 17px;
											color:#000;
											font-weight:bold;
											line-height:1.33em;}
											
a:link									{	color:#333300;
											text-decoration:underline;}
											
a:visited								{	color:#333300;
											text-decoration:underline;}
											
a:hover									{	color:#000000;
											text-decoration:none;}

ul 										{	margin:0;
											padding:0;
											font-size:100%;}
											
ul li 									{	margin:0;
											padding:0;
											color:#333300;
											list-style-position:outside;
											list-style-image:url(../images/img_bullet.png);
											margin: 0px 0px 6px 25px;
											line-height:1.33em;}


ol 										{	margin:10px 20px 16px 34px;
											padding:0;
											font-size:130%;}
											
ol li 									{	margin:0;
											padding:0;
											color:#333300;
											list-style-position:outside;
											margin: 0px 0px 6px 15px;
											line-height:1.33em;}
										
											
/*****************************************/
/****** 	  LAYOUT STYLES 		******/
/*****************************************/
																					

#container								{	width:800px;
											text-align:center;
											margin: 0 auto;
											}
											
#header									{	width:800px;
											height:260px;
											text-align:left;
											margin:0 auto;
											float:left;}

.logo									{	position:relative;
											top:54px;
											left:0px;
											width:240px;
											border:0 none;}
											
#nav 									{	height:150px;
											float: right;
											position:relative;
											top:0px;
											right:0px;
											text-align:right;}
											
#nav ul 								{	padding: 0;}

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

#content 								{	width:650px;
											margin: 0 auto;
											text-align: left;
											float:left;}
											
#footer 								{	width: 800px;
											margin: 0 auto;
											border-top:2px solid #000;
											background-color:#333;
											height:60px;
											padding-top:10px;
											float:left;}
											
#footer p								{	color:#666666;
											font-size:95%;
											font-weight:bold;
											text-align:left;}
											
#footer p.right							{	float:right;
											margin-right:0;}
											
.floatRight								{	float:right;
											margin-right:50px;}