

/* General Styles */
*								{ margin: 0px; padding: 0px; }

body, html						{ width: 100%; height: 100%; }

body							{
								background: #fff
								url(images/bg1.gif);
								background-repeat: repeat-x ;
								background-position: 0px 0px;
								z-index: -100; 
								margin: 0px auto 0px; 
								
								font-family: "Times New Roman", Times, serif;	
								font-size: 1.125em;
								letter-spacing: .03em;
								line-height: 1.75em;
								color: #603913;
								text-decoration: none;
								}
				
a 			{ color: #992900; text-decoration: none; border-bottom: 1px dotted;}
a:link		{ color: #992900; text-decoration: none;}
a:visited	{ color: #992900; text-decoration: none;}
a:active	{ color: #bea568; text-decoration: none;}
a:hover		{ color: #bea568; text-decoration: none;}

p								{ margin-bottom: 1em; }
.clearfix:after					{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }

#container						{ width: 100%; height: auto !important;  margin: 0px auto 0px; font-size: 1em; }

#illust	{	
		float: left;
		display: block;
		position: absolute;
		width: 171px;
		height: 200px;
		background: url(images/illust.gif);
		background-repeat: no-repeat;
		background-position: top left;
		left: 149px;
		z-index: -10; 
}

#header	{	
		float: left;
		display: block;
		width: 822px;
		height: 200px;
		background: url(images/header.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-left: 20em;
		z-index: 10; 
}
#header	a {	
		float: left;
		display: block;
		width: 822px;
		height: 200px;
		border-bottom: 0;
}

#brownband {
	clear: left;
	float: left;
	display: block;
	position: absolute;
	width: 100%;
	height: 62px;

	margin: 200px 0 0 0;
	padding: 6px 0px;
		z-index: 50;
}	
#photocredit a {
	float: left;
	display: block;
	width: 310px;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 2%;
	z-index: 200;

	font-family: Arial, sans-serif;
	font-size: 10px;
	letter-spacing: .025em;
	line-height: 1.25em;
	color: #000;
	font-style: italic;
	text-decoration: none;
	text-align: right;
	border-bottom: none;
}
#photocredit a:hover {
	color: #fff;
}
	
#blurbsl {
	float: left;
	display: block;
	width: 32em;
	margin-top: 0px;
	margin-left: 340px;
	margin-right: 0%;
	padding-left: 2em;
	position: absolute;
	font-size: .75em;
	letter-spacing: .075em;
	line-height: 1.125em;
	color: #d3c28e;
	text-decoration: none;
	font-variant: small-caps;
	z-index: 200;
}
#blurbsr {	
	float: left;
	display: block;
	width: 28em;
	margin-top: 0px;
	margin-left: 792px;
	margin-bottom: 0%;
	padding-left: 1.5em;
	position: absolute;
	font-size: .75em;
	letter-spacing: .075em;
	line-height: 1.125em;
	color: #d3c28e;
	text-decoration: none;
	font-variant: small-caps;
	z-index: 200;
}
	
.hide {
	visibility: hidden;
}


#maincopy {	
	clear: both;
	float: left;
	display: block;
	width: 100%;	
	height: 100%;
	margin: 75px 0 0 0;
	padding-top: 50px;
	position: relative;
	
	background: url(images/bg2.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

/* begin navigation styles */

.nav {	
	float: left;
	display: block;
	width: 320px;
	height: 100%;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 35px;
}

.sidenav {	
	float: left;
	display: block;
	width:320px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 35px;
}


#nav01home {position: relative;}

#nav01home a
{
background: url(nav/images/nav01home.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav01home a:hover, #nav01home .active
{
background: url(nav/images/nav01home.gif) 0px 0px no-repeat;
}

#nav02pract {position: relative;}

#nav02pract a
{
background: url(nav/images/nav02pract.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav02pract a:hover, #nav02pract .active
{
background: url(nav/images/nav02pract.gif) 0px 0px no-repeat;
}

#nav03court {position: relative;}

#nav03court a
{
background: url(nav/images/nav03court.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav03court a:hover, #nav03court .active
{
background: url(nav/images/nav03court.gif) 0px 0px no-repeat;
}

#nav04edu {position: relative;}

#nav04edu a
{
background: url(nav/images/nav04edu.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav04edu a:hover, #nav04edu .active
{
background: url(nav/images/nav04edu.gif) 0px 0px no-repeat;
}

#nav05exp {position: relative;}

#nav05exp a
{
background: url(nav/images/nav05exp.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav05exp a:hover, #nav05exp .active
{
background: url(nav/images/nav05exp.gif) 0px 0px no-repeat;
}

#nav06legal {position: relative;}

#nav06legal a
{
background: url(nav/images/nav06legal.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav06legal a:hover, #nav06legal .active
{
background: url(nav/images/nav06legal.gif) 0px 0px no-repeat;
}

#nav07consult {position: relative;}

#nav07consult a
{
background: url(nav/images/nav07consult.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav07consult a:hover, #nav07consult .active
{
background: url(nav/images/nav07consult.gif) 0px 0px no-repeat;
}

#nav08rule {position: relative;}

#nav08rule a
{
background: url(nav/images/nav08rule.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav08rule a:hover, #nav08rule .active
{
background: url(nav/images/nav08rule.gif) 0px 0px no-repeat;
}

#nav09pub {position: relative;}

#nav09pub a
{
background: url(nav/images/nav09pub.gif) 0px -15px no-repeat;
width: 306px;
height: 15px;
display: block;
border-bottom: 0;
}

#nav09pub a:hover, #nav09pub .active
{
background: url(nav/images/nav09pub.gif) 0px 0px no-repeat;
}

#nav10member {position: relative;}

#nav10member a
{
background: url(nav/images/nav10member.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav10member a:hover, #nav10member .active
{
background: url(nav/images/nav10member.gif) 0px 0px no-repeat;
}

#nav11contact {position: relative;}

#nav11contact a
{
background: url(nav/images/nav11contact.gif) 0px -17px no-repeat;
width: 306px;
height: 17px;
display: block;
border-bottom: 0;
}

#nav11contact  a:hover, #nav11contact .active
{
background: url(nav/images/nav11contact.gif) 0px 0px no-repeat;
}

/* begin copy styles */

ul {list-style-type: square;
    text-decoration-color: #000;
	padding-left: 1em;
}

/* An unordered list with an em dash */

ul.endash {list-style: none;
	padding-left: 1em;
}
li.endash:before {content: "–";
    position:absolute;
    left: 0;
}

/* An unordered list with an arrow */

ul.secondBullet{list-style: none;
	padding-left: 1em;
}
li.secondBullet:before {content: "–";
    position:absolute;
	left: 1em;
}

#description	{
	display: block;
	position: relative;
	width: auto;
	margin-top: 0px;
	margin-left: 365px;
}

#intro	{
	width: 806px;
	margin-left: 365px;
	margin-top: -0.25em;
    margin-right: 4em;
	width: 61%;
	font-size: 22px;
	letter-spacing: .075em;
	line-height: 2em;
	color: #603913;
	text-decoration: none;
	font-variant: normal;
}

#singlecol	{
	display: block;
	position: relative;
	width: 61%;
	margin-top: 0px;
	margin-left: 365px;
}

#leftcol	{
	display: block;
	position: relative;
	float: left;
	width: 29%;
	margin-top: 0px;
	margin-left: 0em;
	margin-right: 1.5%;
	}

#rightcol	{	
	display: block;
	position: relative;
	float: left;
	width: 31%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

h1 {
	font-size: 1.5em;
	letter-spacing: .03em;
	color: #992900;
	font-variant: small-caps;
	margin-bottom: 0em;
}

.subh1 {
	font-size: .575em;
	color: #603913;
	font-style: italic;
	font-variant: normal;
}

h2 {
	position: relative;
	margin-top: 1em;
	font-size: 1.12em;
	letter-spacing: .03em;
	color: #992900;
	font-variant: small-caps;
}

.subh2 {
	font-size: .8em;
	color: #603913;
	font-style: italic;
	font-variant: normal;
}

sup, sub {
font-size: .6em;
  vertical-align: baseline;
  position: relative;
  top: -0.6em;
}
sub { 
  top: 0.6em; 
}

#footer {
	clear: both;
	position: relative;
	display: block;
	padding-top: 3em;
	margin-left: 365px;
	
	font-family: Arial, sans-serif;
	font-size: 10px;
	letter-spacing: .03em;
	color: #555;
	text-decoration: none;
}