/* SECTION: RESET */
/* See <http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/> */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
}
ol,ul
{
	list-style: none;
}
blockquote,q
{
	quotes: none;
}
:focus
{ /* remember to define focus styles! */
	outline: 0;
}
ins
{ /* remember to highlight inserts somehow! */
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{ /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

/* SECTION: TYPE */
/* See <http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/> */
/* 16x2.25 = 36px
   16x1.5 = 24px
   16x1.125 = 18px
   16x0.875 = 14px
   16x0.75 = 12px
   16x0.6875 = 11px
   16x0.625 = 10px */
body
{
	color: #666;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
}
h1
{
	font-size: 1.125em;
	font-weight: normal;
}
h2
{
	font-size: 1em;
	font-weight: normal;
}
h3
{
	font-size: 0.875em;
}
h4
{
	font-size: 0.8125em;
}
p,ul,ol
{
	font-size: 0.6875em;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,hr
{
	line-height: 155%;
	margin-top: 1em;
}
h1,h2
{
	color: #fcb315;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 125%;
}
ul,ol
{
	list-style-image: url(../images/bullet.gif);
	padding-left: 1.75em;
}
ul ul,ol ul,ul ol,ol ol
{
	margin-bottom: 1em;
	margin-right: 2em;
}
hr
{
	display: none;
}

/* SECTION: LINKS */
a:link,
a:visited,
a:hover,
a:active
{
	color: #666;
	text-decoration: underline;
}
a:hover
{
	color: #fcb315;
	text-decoration: underline;
}

/* SECTION: LAYOUT */
body
{
	background: url(../images/bg.gif) repeat-y 50% 0;
	text-align: center;
}
#page
{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 770px;
}
	#menu
	{
		/* placeholder to top-of-page link*/
	}
		#head
		{
		}
			#head a,
			#head img
			{
				display: block;
			}
		#splash
		{
			height: 250px;
			overflow: hidden;
			width: 770px;
		}
			#splash img
			{
				display: block;
			}
		#nav
		{
			font-size: 0.91em;
			padding-left: 50px;
			padding-right: 50px;
		}
			#nav ul,
			#nav li
			{
				line-height: 190%;
				margin: 0;
				padding: 0;
			}
			#nav ul
			{
				list-style: none;
				margin-top: 1.5em;
			}
				#nav li
				{
					background: url(../images/hr.gif) repeat-x 0 100%;
					padding-bottom: 0.3em;
				}
				#nav li a:link,
				#nav li a:visited,
				#nav li a:hover,
				#nav li a:active
				{
					color: #666;
					text-decoration: none;
				}
				#nav li a:hover
				{
					color: #fcb315;
				}
				#nav li a.active:link,
				#nav li a.active:visited,
				#nav li a.active:hover,
				#nav li a.active:active
				{
					color: #fcb315;
					font-weight: bold;
				}
					#nav ul ul,
					#nav ul ul li
					{
						display: inline;
						font-size: 100%;
					}
					#nav ul ul li
					{
						background-image: none;
						padding-left: 0.5em;
					}
	#content
	{
		padding-left: 50px;
	}
		#divider
		{
			background: url(../images/hr.gif) repeat-x 0 100%;
			margin-top: 0.75em;
			width: 670px;
		}
	#foot
	{
		clear: both;
		color: #999;
		font-size: 0.625em;
		padding: 2.5em 0;
		text-align: center;
	}
		#foot a
		{
			background: url(../images/2.gif) no-repeat 50% 0;
			display: block;
			padding-top: 100px;
		}
		#foot a:link,
		#foot a:visited,
		#foot a:hover,
		#foot a:active
		{
			color: #fcb315;
			font-weight: bold;
			text-decoration: none;
		}
		#foot a:hover
		{
			text-decoration: underline;
		}

/* SECTION: STYLE */
.nodelist,
.node,
.staticnodelist,
.staticnode
{
	background: url(../images/hr.gif) repeat-x 0 100%;
	margin-top: 1.5em;
	width: 670px;
}
	.leftbox
	{
		float: left;
		padding-bottom: 25px;
		width: 440px;
	}
	.rightbox
	{
		float: left;
		padding-bottom: 25px;
		padding-left: 25px;
		width: 205px; /* see HACK below */
	}
.nodelist
{
}
	.nodelist .leftbox
	{
	}
		.nodelist img
		{
			border: 1px solid #ddd;
		}
		.nodelist .nodeimage
		{
			display: block;
		}
	.nodelist .rightbox
	{
		font-size: 92%;
	}
		.nodelist h2
		{
			font-family: Verdana,Helvetica,Arial,sans-serif;
			font-size: 0.75em;
			font-weight: bold;
			margin-top: 0;
		}
.staticnode
{
	background: url(../images/hr.gif) repeat-y 470px 0;
	margin-top: 2em;
}
	.staticnode .leftbox
	{
		background: url(../images/2.gif) no-repeat 530px 100%;
		padding-bottom: 0;
		padding-right: 230px;
		width: 440px; /* see HACK below */
	}
		.staticnode .leftbox h1
		{
			margin-bottom: 0.5em;
			margin-top: 0;
		}
.left
{
	float: left;
	padding-top: 0.35em;
	margin-right: 1em;
}
.right
{
	float: right;
	padding-top: 0.35em;
	margin-left: 1em;
}

/* SECTION: SLIDESHOW */
.rightbox .nav
{
	margin: 15px 0;
}
	.rightbox .nav a
	{
		display: block;
		float: left;
		margin: 0 3px 3px 0;
	}
		.rightbox .nav a img
		{
			padding: 3px;
			border: 1px solid #ddd;
			height:auto;
			width: 55px;
		}
		.rightbox .nav a.activeSlide img
		{
			border-color: #fcb315;
			background: #fcb315;
		}
		.rightbox .nav a:focus
		{
			outline: none;
		}

/* SECTION: HACK */
/* SBMH hack */
.rightbox {  width: 205px; } /* browsers with no escapes at all */
.rightbox { \width: 230px; } /* IE5/Win */
.rightbox { w\idth: 205px; } /* nice browsers */
.staticnode .leftbox {  width: 440px; }
.staticnode .leftbox { \width: 670px; }
.staticnode .leftbox { w\idth: 440px; }
/* clearing floats the easy way... */
.clear
{
	clear:both;
}
/* IE disappearing background image*/
/* \*/
* html #nav li, * html #foot a { height: 1%; }
* html #nav ul ul li { height: auto; }
/* */