/* STYLES FOR WHOLE HEALTH SEATTLE 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
*/

/* 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: #bbb;	/* pale grey */
	/* background-color: #fff; */
	/* font-family: georgia, serif; */
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

/* 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}
 */

#skipnav {display: none}

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

#masthead {
	background-color: #bbb;	/* pale grey */
}

#masthead h1 {
	background-color: #777;	/* medium grey */
}

#masthead h1 img {
	border: none;
}

#masthead h1 a:hover {
	background-color: white;
}

#masthead-nav {
	display: none;
} 

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

#nav {
	background-color: #bbb;	/* pale grey */
}

#nav h2 {
	background-color: #777;	/* medium grey */
}

#nav dt {
	background-color: #777;	/* medium grey */
}

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

#main {
	background-color: #ddd;
	padding: 1em;
}

#main.tabular {
	background-color: #fff;
	padding: 1em 0 0 0;
}

#welcome #main {
	background-color: #fff;
	padding: 0;
}

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

#main h1, #main .h1 {font-size: 24px; color: #777;}
#main h2, #main .h2 {font-size: 18px; color: #777;}
#main h3, #main .h3 {font-size: 14px}
#main h4, #main .h4 {font-size: 12px}

/* GLOBAL MODIFIERS *//* use with all elements (mostly block-level) to adjust size, white space, etc. */

img				{border: 0}

.white 			{color: #fff}
.bgwhite		 	{background-color: #fff}

.palestgrey 	{color: #ddd}
.bgpalestgrey 	{background-color: #ddd}

.palegrey 		{color: #bbb}
.bgpalegrey 	{background-color: #bbb}

.mediumgrey 	{color: #777}
.bgmediumgrey 	{background-color: #777}

.brickred 		{color: #d76}
.bgbrickred 	{background-color: #d76}

.smallserif	{						/* smaller font sizes */
			font-size: 14px;
			font-family: serif;
}		
.small, .small li		{						/* smaller font sizes */
			font-size: 11px;
			font-family: verdana, arial, helvetica, sans-serif;
}		
.smaller, .smaller li	{						/* smallest font size in general use (not safe to go any smaller) */
			font-size: 10px; line-height: 13px;
			font-family: verdana, arial, helvetica, sans-serif;
}
.smallest, .smallest li	{						/* smallest font size, for exceptional cases only e.g. small caps */
			font-size: 9px; line-height: 11px;
			font-family: verdana, arial, helvetica, sans-serif;
}

.large		{font-size: 16px;}		/* larger font sizes */
.larger		{font-size: 18px;}		/* larger font sizes */
.largest		{font-size: 22px;}		/* larger font sizes */

.thick		{margin-top: 12px;}		/* extra amounts of white space above */
.thicker		{margin-top: 14px;}
.thickest	{margin-top: 18px;}

.thin		{margin-top: 6px;}		/* smaller amounts of white space above */
.thinner	{margin-top: 3px;}
.thinnest	{margin-top: 2px;}

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

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

.bold			{font-weight: bold}		/* make it bold */
.italic		{font-style: italic}
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */
.gray			{color: #99997A}		/* make it gray (gray is yellowish 60-20-60 (HSB), vs. 0-0-60 (#999), vs. 60-20-100 (yellow)) */

.serif		{font-family: serif}
.times		{font-family: "Times New Roman", Times}
.sans-serif {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 12px;		/* 12px in sans approximates 16px in serif */
}


.nowrap, .phone		{white-space: nowrap}
.wrap			{white-space: normal}
.left			{text-align: left}
.center		{text-align: center}
.right		{text-align: right}
.justify		{text-align: justify}