*			{margin:0;padding:0}
html		{overflow:scroll}
body		{font: normal normal normal 100%/1.0em Arial, Helvetica, "sans serif"; 
			width:980px;margin: 0 auto;font-size:0.875em;line-height:1.1em;
			color: #000;background-color: #888}
img			{border:0}

table		{font-family: Verdana, "sans serif";font-size:0.95em;border-collapse:collapse;margin-top:10px;border:1px #444 solid}
table th	{font-weight:bold;color:#FFF;background-color:#44A;padding:2px}
table h2	{font-size:1em;font-weight:bold;color:#008;margin-top:2px}
table h3	{font-size:1em;font-weight:bold;color:#000;margin-top:5px;margin-bottom:0;text-decoration:none}
td			{vertical-align:top;/*font-size:0.80em; */font-style: normal; font-weight: normal;
			color:#000;border:1px #888 solid;padding:2px}
td p		{margin:0;margin-top:2px;padding:0px}
td .center	{vertical-align:middle;text-align:center}

hr			{margin:8px 0 8px 0}
h4			{font-size:0.9em; font-weight:bold; color:#008;margin-top:10px}
h3			{font-size:0.9em; color:#008;margin-top:10px}
h2			{font-size:1.1em; color:#008;margin-top:15px}
h1			{font-size:1.1em; color:#008;margin-top:15px}
.solo-title	{font-size:20px;font-weight:bold;color:#222;margin:0;padding:10px 0 5px 10px}

a			{ text-decoration: none;color:#00A}
a:hover		{ color:#F00}
p a:hover	{ background-color:#FFCE00}
a:hover	img { background-color:#F00}

p,li   		{ /*font-size:0.875em;*/margin-top:10px}
li			{ margin:0px 0 0 25px}
.medium		{ font-size:0.85em;line-height:1em;margin:4px 0 0 0}
.small		{ font-size:0.7em;line-height:1em;margin:0}

.footnote   { font-size: 8pt}
.formTable	{ width:100%;margin:0;border:0;background-color:#EEE}

form		{ font-family: Verdana, Arial, Helvetica, "sans serif"}
form td		{ border:0}
form h1		{ font-weight: bold; color: #800}
form h2		{ font-size:1.2em; font-weight: bold; color: #800}
form h3		{ font-size:1em; font-weight: bold; color: #000}
.formH2		{ font-weight: bold; color: #000}
.formH3		{ color: #000;text-decoration: underline}

.tableText	{ font-size: 14px; font-style: normal; color: #000;border:1px #888 solid;text-align: left;padding:2px}
.tableTheader { font-size: 14px; font-weight: bold; color: #FFF;background-color:#4E44A8;border:1px #888 solid;padding:2px}
.MenuItem	{ font-size: 11px; font-family: "MS Sans Serif", Arial, Helvetica; padding-left: 1px}
.center		{ text-align:center }
.under		{ text-decoration:underline}
.caption	{ text-align:center;font-size:10px}
.bold		{ font-weight:bold}
.shade		{ display:block;background-color:#CCC;width:100%}
.indent		{ margin-left:25px}
.req		{ color:#F00;font-weight:normal}
.red		{ color:#F00}
.credit		{ text-align:right;font-size:10px;margin-top:0}

.article	{
 			width: 152px;
			border: 1px solid #ccc;    
			background-color: #fff;	
			margin: 5px 0px 5px 0px;
			padding: 2px;
			}
.article h2	{ font: 90% Arial; color: #FFF; text-transform:uppercase; margin:2px;padding:2px;display:block;background:#888}

.note		{
 			width: 152px;
			border: 1px solid #ccc;    
			background-color: #fff;	
			margin: 5px 0px 5px 0px;
			padding: 2px;
			}
.note h2	{ font: 90% Arial; color: #FFF; text-transform:uppercase; margin:2px;padding:2px;display:block;background:#888}
.note p		{ font:80% arial;margin:0}
.note .small	{ font:80%;margin:0}
.note form td	{ font-size:0.75em}
#more .note h2	{text-align:center}

/* two column "content" page styles */
#body-content #container {
			margin:1px;
			background:#FFF url(../images/logo-a.png) repeat-y;
			border: 1px solid #333;
			border:0;
			margin-top:10px;
			}
#banner		{
			background-color: #666;
			border-bottom: 1px solid #333;
			}
#banner h1	{
			margin: 0;
			padding: 0.5em;
			}
#nav		{
			float: left;
			width: 152px;
			}
#nav p 		{ margin-top: 0}
#nav li		{
			padding-left:3px;
			margin:2px 0 0 6px;
			list-style:none;
			display:block;
			width:137px;
			background:#FFCE00;
			color:#008;
			}
#nav ul .lead {
			margin-top:10px;
			}
#nav ul .small {
			margin:1px 0 0 16px;
			font-size:90%;
			width:127px;
			}
#body-content #content	{
			background:url('../images/logo-ncrc-b.png') repeat-x;
			padding:0 10px 10px 10px;
			margin: 0 0 0 152px;
			}
#body-content #content-head
			{
			background:url("../images/weblogo-norcal-grad-newflag-a.png") no-repeat;
			position:relative;left:-10px
			}
#body-content .content-title {padding:3px 0 0 50px}

#footer		{
			background:#EEE url(../images/logo-a.png) repeat-y;
			clear:both;
			padding:2px 1em 2px 0;
			text-align:right;
			}

/* styles for index page */
		
#body-index #container
			{
			background:#FFF url(../images/logo-a.png) repeat-y;
			border:1px solid #333;
			border:0;
			width:980px;	/* 980 pixels is the max size to fit in a Firefox window on a 1024 screen */
			margin-top:10px;
			}
		
div#more	{
			float: right;
			width: 160px;
			margin: 0 5px 0 0;
			}
		
#body-index #content
			{
			float:left;width:822px;margin-left: 0px;
			padding:0 0px 0 5px;
			}
#body-index #inner-content
			{
			width:650px;float:left;
			}		
#body-index #nav {
			background:url(/images/weblogo-northern-a.png) no-repeat
			}
/*#body-index*/ #nav ul {margin-top:230px}
#cleardiv	{
			clear: both;
			height: 1em;
			}
/* styles for "solo" pages (1 column, w/o left navbar) */
#body-content #nav {
			background:url(/images/weblogo-norcal-grad-newflag.png) no-repeat
			}
/*#body-content #nav ul {margin-top:230px}*/
#body-solo #container
			{
			background:#FFF url(../images/bkg100r.png) repeat-y;
			border:1px solid #333;
			border:0;
			margin-top:10px;
			}		
#container2-solo
			{
			width:880px;
			margin:0 0 0 100px;
			background: url(../images/bkg33.png) repeat-x;
			}
#body-solo #content
{
			padding:10px;
			background:url('../images/logo-ncrc-b.jpg') repeat-x;
			background:transparent;
			margin: 0;
}
#body-solo #footer		{
			background:#EEE url(../images/bkg100r.png) repeat-y;
			clear:both;
			padding:2px 1em 2px 0;
			text-align:right;
			}
#accordion {width:800px; margin-top:20px}
.accordion {width:800px}
.accordion dt {padding:4px; font-weight:bold; margin-top:0px; cursor:pointer;color:#008}
.accordion dt:hover {color:#F00;background-color:#FFCE00}
.accordion dd {overflow:hidden; background:#fff}
.accordion span a:hover {color:#F00;background-color:#FFCE00}
.accordion span {display:block; width:740px; padding:10px;border:1px #888 solid;margin:10px 0 20px 20px;font-size:90%}

/* styles for registration forms */
#event-legend {	float:right;margin:10px 6px 0 8px}
.regTableHead	{background-color:#FFF;border:0px solid #000}
.regTable	{width:600px;background-color:#EEE}
.regNote	{width:600px;font-family: Verdana, "sans serif";font-size:0.95em;background-color:#FFF}
.regDesc	{width:400px;vertical-align:middle}
.regMbr		{width:100px;text-align:center;vertical-align:middle}
.regNon		{width:100px;text-align:center;vertical-align:middle}

/* "special" class for formmail, used in a hidden field */
.special 	{
			width:5px;
			visibility:hidden;
			}
.SpamInputField {border:1px #F00 solid;/*background-color:#EEE;font:0.8em verdana,sans-serif;padding:1px;height:15px;margin-top:5px*/}
/*.SpamPrompt {font:0.8em verdana,sans-serif}*/
.RequiredField {border:1px #F00 solid}