/* STYLES FOR SEATTLE GOLF INSTRUCTION WEB SITE */

/* ================ BASIC ================

Note: only basic styles, as supported by older browsers, e.g. Netscape 4
Advanced styles, which are problematic in older browsers, are in a separate style sheet
Advanced style sheet is invoked via "@import" method, which effectively hides it from older browsers
*/

/* IMPORT ADVANCED STYLE SHEET */
/* this rule MUST be first declaration in style sheet */
/* N4 will ignore this rule, more advanced browsers will read it, but will give priority to *importing* (i.e. this) style sheet */
/* @import "site_advanced.css"; */

/* GLOBAL CLASSES */
/* see advanced style sheet for positioning rules */
/* don't declare font attributes on body, as N4 won't recognise them, and may behave badly */

body,html	{margin: 0; padding: 0;} /* keep Opera happy */

body	{
	background-color: #b96;
	padding: 12px 0px 24px 24px;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

#main * {
	font-size: 14px;
	line-height: 22px;
}

/* TEMPORARY STYLES */
/* note: use borders with caution in N4 */
/* 
#masthead	{border: 1px dotted red}
#nav		{border: 1px dotted green}
#nav ul		{border: 1px dotted purple}
#main		{border: 1px solid black}
 */

/* MASTHEAD CONTAINING MAIN PAGE HEADING */
/* see advanced style sheet for positioning rules */

#masthead		{
	padding: 0px 0px 12px 0px;
}

#masthead a		{text-decoration: none;}

#skipnav {display: none}

/* MAIN PAGE WRAPPER */
/* see advanced style sheet for positioning rules */
#bodywrap {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background-color: #dca /* beige */
}

/* MAIN NAVIGATION BLOCK */
/* see advanced style sheet for positioning rules */

#nav	{
	background-color: #b96; /* tan */
	padding-left: 2px;
}

#nav ul	{
	list-style: none;
	margin: 0px; padding: 0px;
	padding-top: 6px; 
}

#nav ul li	{
	/* border: 1px solid green; */
	font: bold 12px/1 arial, helvetica, sans-serif;
	margin: 0px; padding: 3px;
}

#nav a								{color: #643; text-decoration: none;}
#nav a:visited						{color: #000; text-decoration: none;}
#nav a:hover, #nav a:active	{text-decoration: underline;}
#nav li.thispage a				{color: #643; font-weight: normal; text-decoration: none;}

/* MAIN BODY DIV */
/* see advanced style sheet for positioning rules */

#main	{
	width: 600px;
	background-color: #dca; /* beige */
	/* margin-left: 200px; */
	padding: 18px 24px;
}

#main div.backtotop {
	font: normal 10px/2 arial, helvetica, sans-serif;
}

/* GLOBAL LINK STYLES */
/* Correct order: link, visited, hover, active */
/* typical defaults: link="#00F" vlink="#639/909" (hover: n/a) alink="#F00" */

#main a, #footer a {
	color: #063;
}

#main a.thispage, #footer a.thispage, #main a:hover, #main a:active, #footer a:hover, #footer a:active {
	text-decoration: none;
}

#main a:visited, #footer a:visited {
	color: #386;
}

#main .red a {
	color: #900;
}

#footer .thispage a {
	color: #000;
}

/* HEADINGS */
/* font faces & sizes only; see advanced style sheet for margins */

h1, h2, h3, .h3, h4, h5, h6		{font-family: arial, helvetica, sans-serif; line-height: 105%;}
h1, h2									{font-family: georgia, "Times New Roman", times, serif; line-height: 105%;}

#main h1, .h1, #h1, h2		{margin-top: 0; color: #900; text-align: center; font-size: 22px; text-transform: uppercase}
h2	{font-size: 20px; font-weight: bold;}
h3, .h3	{font-size: 14px; font-weight: bold; color: #000; text-align: left; text-transform: none;}
h4, .h4	{font-size: 14px; font-weight: normal}
h5, .h5	{font-size: 13px; font-weight: normal; letter-spacing: 1px; color: rgb(51,102,0)}
h6, .h6	{font-size: 12px; font-weight: normal; letter-spacing: 1px;}

/* FOOTER */

#footer {padding-top: 4px}

#footer p	{
	font-family: arial, helvetica, sans-serif;
	/* color: rgb(102,102,51); */
}

p#guarantee span {
	padding: 4px 24px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font: bold 13px georgia, "Times New Roman", times, serif;
	color: #900;
}

p#copyright {
	font-weight: bold;
}

/* GLOBAL MODIFIERS */
/* all standard font sizes specified last */
/* declare all properties on standard block-level tags, for N4's benefit (sigh) */
/* standard elements */

/* set default face, size and line-height for all standard elements */
body							{font-family: arial, helvetica, sans-serif}
p, td, ul, ol, li, dl, dt, dd 	{font: 12px/1.35 arial, helvetica, sans-serif;}

img			{display: block; border: 0}					/* fix whitespace problem with imgs in table cells */
.inline 	{display: inline}							/* selectively override previous rule */
td			{vertical-align: top}

/* standard formatting classes - use with all elements to adjust size, white space, etc. */
/* see advanced style sheet for classes with margin declarations*/

.indent		{margin-top: 0px; text-indent: 16px;}	/* first line indented by a small amount */

.inset, dd	{margin-left: 16px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 28px;}
.insetless	{margin-left: 10px;}
.center		{text-align: center;}

sup, sub	{vertical-align: text-top;}
sub			{vertical-align: text-bottom;}

.small sup, .smaller sup, .smallest sup 	{font-size: 9px; vertical-align: super}
.small sub, .smaller sub, .smallest sub 	{font-size: 9px; vertical-align: sub}

.bold		{font-weight: bold}		/* make it bold */
.italic		{font-style: italic}	/* make it italic */
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */

.serif		{font-family: georgia, serif}
.sans		{font-family: arial, helvetica, sans-serif}

/* custom colours */

.paleyellow		{color: rgb(250,250,220)}	/* pale yellow */
.red			{color: #900}
.gray			{color: rgb(153,153,153)}	/* mid gray */
.black			{color: black}
.white			{color: white}

/* MISC STYLES */

dt	{font-weight: bold;}

/* table formatting e.g. forms */
tr.hthick td		{padding-top: 1em}
tr.h td				{padding-top: 0.75em}
tr.n td				{padding-top: 0}	/* override 'h' e.g. in nested tables */
/* table.form td		{border: 1px dotted blue} */
/* table.form td		{vertical-align: bottom} */
table.form td.text	{text-align: right}
table.form td.left	{vertical-align: bottom; padding-right: 2px; white-space: nowrap; text-align: right}
table.form td.right	{text-align: left; vertical-align: bottom}
table.form td.top	{vertical-align: top}
table.form div.small	{line-height: 1.1}

th					{text-align: left; vertical-align: bottom; padding-top: 6px; font-size: 12px}
tr.underscore th	{border-bottom: 1px solid black}
td.numbers			{text-align: right; padding-left: 2px; white-space: nowrap}

span.required {color: red;}

.nowrap, .phone, .email		{white-space: nowrap;}
.linkinfo	{font: 11px arial, helvetica, sans-serif; white-space: nowrap;}

div.imgright, div.imgleft, div.calloutright, div.calloutleft	{
	/* border: 1px solid red; */
}

div.imgright, div.imgright p, div.imgleft, div.imgleft p, 
div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, div.calloutright li, div.calloutleft li	{
	font: 11px/1.1 arial, helvetica, sans-serif;
	color: rgb(153,153,153); /* gray */
}

div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, div.calloutright li, div.calloutleft li	{
	font: 11px/1.2 arial, helvetica, sans-serif;
	color: black; /* gray */
}

div.imgright h4, div.imgleft h4, div.calloutright h4, div.calloutleft h4	{
	font-size: 13px; color: rgb(0,51,0);
	margin-top: 0; margin-bottom: 4px;
	font-weight: bold;
}

div.imgright .copy, div.imgleft .copy, div.calloutright .copy, div.calloutleft .copy, div.calloutright p, div.calloutleft p	{
	font-size: 11px; line-height: 1.2; color: black;
}

div.imgright .black, div.imgleft .black, div.calloutright .black, div.calloutleft .black	{
	color: black
}

div.calloutright, div.calloutleft	{
	background-color: #F7FAF5;	/* v. pale green */
	/* background-color: rgb(234,239,229); */
	/* background-color: #FF2; */
}

/* USER-ADJUSTABLE FONT SIZES */
/* set font specs in pixels, for 4.0 browsers */
/* see advanced style sheet for keyword-based specs, which are user-adjustable in all 5+ browsers */
/* see global styles, for basic declarations */

/* set font-size only for other elements */
.small, ul.small li						{font-size: 11px; line-height: 1.4}
.x-small, .smaller, ul.smaller li		{font-size: 10px; line-height: 1.4}
.xx-small, .smallest, ul.smallest li	{font-size: 10px; line-height: 1.4}
.large									{font-size: 14px; line-height: 1.1}
.x-large, .larger						{font-size: 16px; line-height: 1.1}
.xx-large, .largest						{font-size: 18px; line-height: 1.1}

/*
.small		{font-size: 12px;}
.smaller	{font-size: 11px; line-height: 14px}
.smallest	{font-size: 10px; line-height: 12px}
.large		{font-size: 14px; line-height: 20px}
.larger		{font-size: 16px; line-height: 22px;}
.largest	{font-size: 20px; line-height: 28px;}
 */