/*
-----------------------------------------------

----------------------------------------------- */

body
{
	padding: 20px 10px 10px 10px;
	color: #333;
	background-color: #847b59;
	font-family: Georgia, "Times New Roman", Times, serif;
}

table
{
	width: 100%;
	font-family: georgia;
}

td
{
	padding: 5px 0px 0px 0px;
	color: #333;
	font-size: 85%;
	vertical-align: baseline;
	line-height: 12px;
}

td.normal
{
	padding: 5px 0px 0px 0px;
	color: #666;
	font-size: 90%;
	vertical-align: baseline;
	line-height: 12px;
}

table.single
{
	width: 90%;
	margin: -5px 0px -4px 30px;
	padding: 0px;
}

table.noindent
{
	width: 90%;
	margin: -5px 0px -4px 0px;
	padding: 0px;
}

td.single p
{
	padding: 0px 0px 0px 0px;
	color: #666;
	font-size: 110%;
	line-height: 14px;
}

tr.head
{
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	background-color: #F1E9CB;
	border-color: #E5E4DA;
	padding: 0 0 0 20px;
}

h1, h2, h3, ul, li, form
{
	margin: 0;
	padding: 0;
}

#page
{
	font-size: 100%;
	line-height: 1.5em;
	background-color: #FFF;
	color: #362B1D;
	width: 800px;
	margin: 0 auto;
}

#page2
{
	float: left;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background-image: url(img/lace_bkgd.gif);
	background-repeat: no-repeat;
	background-position: 0px 177px;
	background-color: #fff;
}

#page3
{
	float: left;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
}

#hidden
{
	font-family: georgia;
	font-size: 80%;
	line-height: 120%;
	display: none;
}


/* =Links
----------------------------------------------- */

a { color: #333; }
a img { border-width: 0; }

/* =Headings
----------------------------------------------- */

h2
{
	margin: 1em 0 0;
	font: bold 170%/1.4 Georgia;
	color: #72503a;
}

h3
{
	font-size: 100%;
	margin: 1em 0 .9em 0;
	color: #563C2B;
	background-image: url(img/dotted.gif);
	background-repeat: no-repeat;
	background-position: 0 16px;
}

/* =Lists
----------------------------------------------- */

ul
{
	margin: 0px 0px 1em 0px;
	padding: 0;
}

li
{
	margin: 0;
	padding: 0 0 0px 0px;
	list-style-type: none;
	list-style-position: default;
	font-size: 100%;
}

ul.tight
{
	list-style: square outside;
	line-height: 125%;
	margin: 0px 0px 10px 0px;
}

p.quote
{
	margin: 10px 0px 0px 0px;
	word-spacing: normal;
	letter-spacing: normal;
	font-family: georgia;
	font-size: 105%;
	color: #5E583F;
	font-style: italic;
}

p.right
{
	margin: 2px 24px 12px 0;
	word-spacing: normal;
	letter-spacing: 1px;
	font-family: georgia;
	font-size: 100%;
	text-align: right;
	font-variant: small-caps;
	color: #333;
}


ul.indent
{
	list-style: square outside;
	line-height: 14px;
	padding: 0 0 0 30px;
}


/* =Misc
----------------------------------------------- */

p
{
	margin: 0 0 4px 0;
	word-spacing: normal;
	letter-spacing: normal;
	font-family: georgia;
	font-size: 105%;
}





em
{
	font-size: 105%;
	line-height: 14px;
}

.unit { white-space: nowrap; }


/* =Header
----------------------------------------------- */

#logo img { display: block; }

/* =Nav
----------------------------------------------- */

#nav
{
	background-color: #5B3E2C;
	background-image: url(img/nav_bg.gif);
	background-position: 0 0;
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
	border-bottom: #000;
	list-style: none;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
}

#nav li
{
	background: none;
	display: inline;
	padding: 0;
}

#nav li a,
#nav li strong
{
	float: left;
	width: auto;
	padding: 4px 9px 1px 9px;
	border-left: 1px solid #000;
	border-right: 1px solid #72503A;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	font-size: 95%;
}

#nav li strong
{
	background: #513929;
	color: #fff;
	background-image: url(img/nav_bg_over.gif);
}

#nav li a strong
{
	padding: 0;
	border-width: 0;
	background-image: url(img/nav_bg.gif);
	background-repeat: repeat-x;
}

#nav li a:hover, #nav li.down a
{
	border-left-color: #000;
	color: #fef4cc;
	background-color: #513929;
	background-image: url(img/nav_bg_over.gif);
	background-repeat: repeat-x;
}

#nav li a {
	
}

#nav li a {
	
}


/* =H1
----------------------------------------------- */

h1
{
	margin: 0;
	padding: 0;
}

.home h1
{
	background-color: #000;
	float: left;
	width: 800px;
	height: 150px;
}

.home h1 img { display: block; }

.biography
{
	background-image: url(img/biography.gif);
	background-repeat: no-repeat;
	top: 60px;
	left: 65px;
	background-position: 5% 10%;
}

.tina
{
	background-image: url(img/tina.gif);
	background-repeat: no-repeat;
	top: 60px;
	left: 65px;
	background-position: 5% 10%;
}

.spotlight
{
	background-image: url(img/spotlight.gif);
	background-repeat: no-repeat;
	top: 60px;
	left: 65px;
	background-position: 5% 5%;
}

.fun
{
	background-image: url(img/fun__facts.gif);
	background-repeat: no-repeat;
	top: 60px;
	left: 65px;
	background-position: 5% 30%;
}

.contact
{
	background-image: url(img/contact.gif);
	background-repeat: no-repeat;
	top: 60px;
	left: 65px;
	background-position: 5% 30%;
}

.special
{
	background-image: url(img/special_events.gif);
	background-repeat: no-repeat;
	top: 60px;
	left: 65px;
	background-position: 5% 5%;
}

.floatleft
{
	float: left;
	margin: 5px 20px 20px 0px;
}

/* =Content
----------------------------------------------- */

#content
{
	float: left;
	width: 730px;
}

#content-group
{
	float: right;
	width: 480px;
}

#content-main
{
	float: left;
	width: 320px;
	margin: 0px 10px 40px 0;
	padding: 0 0 0 220px;
}

#content-extra
{
	float: right;
	width: 190px;
	margin-top: 2px;
}

#content-sub
{
	float: none;
	width: 190px;
}

/* =Variations (default is SMX)
----------------------------------------------- */

.mxs #content { background-position: right top; }
.mxs #content-group { float: left; }
.mxs #content-sub { float: right; }
.xms #content { background-position: right top; }
.xms #content-group { float: left; }
.xms #content-sub { float: right; }
.xms #content-main { float: right; }
.xms #content-extra { float: left; }
.ms #content { background-position: right top; }
.ms #content-group { float: left; }
.ms #content-sub { float: right; }
.ms #content-main { width: 484px; }
.ms #content-extra { width: 525px; }
.sm #content-main { width: 320px; }
.sm #content-extra { width: 525px; }
.m #content { background-image: none; }
.m #content-group { width: 750px; }
.m #content-sub { width: 730px; }
.m #content-main { width: 540px; }
.m #content-extra { width: 730px; }

/* =Subnav
----------------------------------------------- */

#subnav h3
{
	margin: 0;
	padding: 5px 10px 4px 10px;
	border-bottom: #533A2A;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
}

#subnav p { color: #72503a; }

/* =Home
----------------------------------------------- */

.home h2
{
	float: left;
	display: inline;
	margin: 5px .35em 0 0;
}

p#intro
{
	margin: 50px 10px .5em 0px;
	color: #600;
	font-family: georgia;
	font-size: 120%;
}

span.intro
{
	color: #600;
	font-family: georgia;
	font-size: 120%;
}

p#black
{
	margin: 50px 10px 15px 0px;
	padding: 0 0 20px 0;
	color: #333;
	font-size: 120%;
	text-align: left;
	border-bottom: #DDC5B0;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

p.sub
{
	margin: 15px 10px 0 0px;
	color: #600;
	font-family: georgia;
	font-size: 130%;
}

p.sub-sub
{
	margin: 10px 10px -3px 4px;
	color: #600;
	font-family: georgia;
	font-size: 95%;
}

p.sub-ital
{
	margin: 10px 10px 0px 0px;
	color: #600;
	font-size: 95%;
}

p.sub-ital2-col
{
	margin: 4px 0px 0px 0px;
	color: #600;
	font-size: 120%;
	vertical-align: bottom;
}

p.black-sub
{
	margin: 0px 0px 0px 0px;
	color: black;
	font-size: 100%;
}

/* =Footer
----------------------------------------------- */

#footer2 p, #footer2 a
{
	margin: 0;
	width: 100%;
	text-align: center;
	background-color: #847B59;
	color: #696247;
	font-family: arial;
		font-size: 80%;

}

#footer
{
	margin: 40px 0 0 0px;
	width: 95%;
	border-color: #72503a;
	border-width: 2px 0 0 0;
	border-style: solid;
}

#footer hr { display: none; }

#footer p
{
	margin: 0px 0 0 -10px;
	padding: 10px 10px 2px 10px;
	text-align: left;
	font-size: 80%;
	font-family: arial;
}

#content-main table tbody tr td div.year
{
	color: #973107;
	font-size: 120%;
	border-bottom: 1px solid #973107;
	padding-bottom: 4px;
	margin-right: 10px;
}

div.header
{
	color: #973107;
	font-size: 140%;
	background: url(img/fade-up.gif) repeat-x 0;
	right: 10px;
	position: relative;
	width: 550px;
	padding: 30px 0 5px 10px;
	margin-right: 0;
}

#content-main table tbody tr td div.header em
{
	font-size: 70%;
	color: #999;
	margin-left: 230px;
}
