/* wishongolf CSS 
last updated sept 13 2004
*/

	/* LAYOUT */

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}

#container {
	border: 0;
	margin: 0;
	padding: 0;
}

#banner_std {
	padding: 5px;
	background: #000 url(../i/eTECH_head.gif) bottom right no-repeat;
	height: 80px;
}

#banner_twg {
	padding: 5px;
	background: #000 url(../i/eTECHgold_head.gif) bottom right no-repeat;
	height: 80px;
}

#etech_issue {
	margin: 0;
	padding: 2px 12px 4px 0;
	background: #000;
	color: #ccc;
	text-align: right;
	font-size: 11px;
}

#content {
	margin: 30px 20px;
	border: 0;
	padding: 10px 0;
}

#artindex {
	margin: 10px 170px 30px 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 0 10px 5px;
}

#specials {
	float: right;
	margin: 10px 5px 10px 10px;
	width: 170px;
	padding: 0;
	text-align: center;
}

#footer {
	clear: both;
	border-top: 1px solid #000;
	padding: 8px;
	margin: 15px 10px 5px 10px;
}

   /* PRESENTATION */

img	{
	display: block;
	border: 0;
}

img.special {
	margin: 15px 5px 2px 5px;
	display: block;
	border: 1px solid #000;
	text-align: center;
}

.lineup {
	display: inline;
	vertical-align: middle;
	text-decoration: none;
}

img.contentleft, contentleft {
	float: left;
	margin: 5px 10px;
	padding: 0;
	border: 0;
}

img.contentright, .contentright {
	float: right;
	margin: 5px 15px 5px 10px;
	padding: 0;
	border: 0;
}

img.contentmiddle, .contentmiddle {
	text-align: center;
	margin: 10px 15px;
	padding: 0;
	border: 0;
	width: auto;
}

.caption {
	width: 415px; 
	text-align: center;
	color: #333;
	font-size: 11px;
	line-height: 120%;
	font-style: oblique;
 		voice-family: "\"}\""; 
  	voice-family:inherit;
	width: auto;
}

.focusmiddle {
	text-align: center;
	margin: 5px 10px;
	padding: 15px;
	border: 1px solid #ddd;
	width: auto;
}

.note {
	margin: 20px 5px;
	padding: 5px 5px;
	border: 2px solid #3c4736;
  	background-color: #eee;
	font-style: oblique;
}
.blog {
	margin: 20px 5px;
	padding: 5px 5px;
	border: 1px solid #3c4736;
  	background-color: #c8d0ac;
}


.note p {
	font-size: 10pt;
}
.callout {
	width: 300px;
	margin: 20px 5px;
	padding: 5px 5px;
	border: 2px solid #3c4736;
  	background-color: #eee;
	font-style: oblique;
	text-align: justify;
}

.picboxcenter {
	width: auto;
	margin: 20px 5px;
	padding: 5px 5px;
	border: 2px solid #3c4736;
  	background-color: #fff;
	font-style: normal;
	font-size: x-small;
	color: #333;
	text-align: justify;
	line-height: 135%;
}	

.picboximgleft {
	width: 600px;
	margin: 20px 5px;
	padding: 5px 10px;
	border: 2px solid #3c4736;
  	background-color: #fff;
	font-style: normal;
	font-size: x-small;
	color: #333;
	text-align: justify;
	line-height: 135%;
	clear: both;
}	

img.picboximgleft {
	float: left;
	padding: 5px;
}

		/* typography */

#content, #contenct div, #content p, #content th, #content td, #content li, #content dd, #content dt  {
  font-size:    x-small;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size:    small;         
}

html>#content, html>#contenct div, html>#content p, html>#content th, html>#content td, html>#content li, html>#content dd, html>#content dt 	{
	font-size:  small;  
}

p, dt, dd {
	margin: 5px 0 8px 0;
	padding: 0;
	line-height: 150%;
}

b {
	font-weight: bold;
}

p.quote {
	font-style: oblique;
}

p.quoter 	{
	margin-left: 70px;
	font-style: normal;
	color: #333330;
}

h1, h2, h3, h4, h5, h6	{
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}
h2.red {
	font-style: italic;
	color: #cc0033;
}

h2.green {
	font-style: italic;
	color: #009933;
}
	
#content h1	{
	margin-bottom: 10px;
  font-size:    medium;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size:    medium;         
}

html>#content h1 	{
	font-size:  medium;  
}

#content .subhd	{
	margin: 5px 10px;
  font-weight: normal;  
}

#content .subhd2	{
	margin: 5px 10px;
  font-weight: bold;  
}

#content h2	{
	margin: 1.5em 0 1em 0;
  font-size: small;
}

#content h2 a	{
	font-weight: bold;
}

h3	{
	font-weight: bold;   	
	font-size: small;
	font-style: oblique;
	color: #330000;
	line-height: 130%;
	margin-top: 10px;
}

.note h4 {text-align: center; margin-top: 5px; }
		
h4	{
  font-size: x-small;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size: small;  
}
	
html>h4	{
	font-size:  small;  
} 
	
h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
  	font-size: xx-small;
}

dt	{
	line-height: 1em;
	margin: 1.3em 0 1em 0;
	font-weight: bold;
	}

dd	{
	margin: 0;
	padding: 0 0 0 10px;
	font-style: oblique;
	}

#content ul, ol, li { 
	list-style-type: disc;
	margin: 10px 5px 10px 20px;
	line-height: 140%;
	font-weight: normal;
}

#content li {
	margin-bottom: 8px;
}

#content ol.v2 li {
	list-style-type: decimal;
} 

#content ul.product {
	list-style: none;
}

#content ul ul li {
	list-style-type: square;
	margin: 2px 0px 2px 0px;
}

#content ul ul ul li {
	list-style-type: circle;
}

#content ul ul ul ul li {
	list-style-type: disc;
}
#content li holidays {
	background: #ccff99;
}

#totop {
  font-size: xx-small;
	margin: 5px 2px;
	padding: 1px 2px 2px 2px;
	border: 1px solid #666;  
}

#footer p {
	margin: 2px;
	text-align: center;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
}

.specialBanner {
	margin: 8px 10px 6px 10px;
	border-top: 2px solid #333;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	color: #333;
}

.minor {
	font-size: x-small;
	color: #333;
}

.desc {
	font-weight: normal;
	font-size: small;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;         
	}

html>.desc 	{
	font-size:  medium;  
	}

#proddesc li {
	list-style: disc outside;
	font-style: normal;
	font-weight: normal;
	}

#proddesc li li {	
	list-style: circle outside;
	}

		/* General linkology */
	
a:link, a:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #6A203B;
	border-bottom: 1px solid #6a203b;
	background: transparent; 
	}

a:hover {
	font-weight: normal; 
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #999;
	background: transparent; 
	}

a:active {
	font-weight: normal; 
	text-decoration: none;
	color: #6a203b;
	background: transparent;  
	}


		/*  Horizontal nav */

#menu {
  float: left;
  width: 100%;
  background: #3c4736;
  border-top: 1px solid #fff;
	font-size: small;
}

#menu ul {
  margin: 0;
  padding: 0 0 0 40px;
  font-size: 85%;
  white-space: nowrap;
}

#menu ul li {
  float: left;
  margin: 0;
  padding: 0 10px;
  list-style: none;
  line-height: normal;
  font-family: Verdana, Arial, Sans-serif;
}

#menu ul a, #menu ul strong {
	display: block;
	float: left;
	height: auto;
	margin: 0;
	padding: 5px 2px 2px 2px;
	border-bottom: 3px solid #3c4736;
	text-decoration: none;
	font-weight: bold;
  color: #899364;
	white-space: nowrap;
}

/* Commented Backslash Hack hides rule from IE5-Mac, documented at 
 http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \  */
   #menu ul a, #menu ul strong {float:none;}
   /* End hack */

#menu ul a:hover, #menu ul a:hover strong {
  color: #fff;
	border-bottom: 3px solid #fff;
}

#footer a {
	text-decoration: none;
	border: 0;
}


	/*  tables */

table {
	margin: 10px 0;
	padding: 0;
  font-size:    x-small;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size:    small;         
}

html>table 	{
	font-size:  small;  
}

#designtable td.left {
	border-left: 1px solid #999;
}

#designtable td {
	border-top: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 0;
	font-weight: normal;
	text-align: center;
    font-size:    small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size:   x-small
  }

html>#designtable td	{
	font-size:  x-small;
}

#designtable th {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #999;
	border-left: 0;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
    font-size:    small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size:   small
  }

html>#designs th	{
	font-size:  x-small;
}

	/*  misc */

.hide {
	display: none;
}

.nohilite {
	border-bottom: 0 !important;
}

.hilite {
	font-weight: bold;
	color: #990000;
}
	
form  {
	margin-top: 2.5em;
	border-top: 1px solid #999;
}

.rule_std {
	margin: 25px 50px 10px 50px;
	border-top: 5px dotted #ccc;
	padding: 0;
}

.rule_twg {
	margin: 25px 50px 10px 50px;
	border-top: 5px dotted #e6cf04;
	padding: 0;
}
.indented {
	margin: 15px 10px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}

.greenrow {
background-color: #b2c6b9;
}