body
{
	border: 0;
	background-color: #D9CEC3;
	text-align: center;
	color: #564B47;
	font-family: Verdana, sans-serif;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
}

/*----------------- nav links ------------------*/
a:link
{
	color: #000;
	text-decoration: none;
	background-color: inherit;
}

a:visited
{
	color: #333;
	text-decoration: none;
	background-color: inherit;
}

a:hover
{
	background-color: inherit;
	text-decoration: underline;
	color: #fff;
}

a:active
{
	color: #fff;
	text-decoration: underline;
	background-color: inherit;
}

/*-----------------current page------------------*/
a#current
{
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	background-color: inherit;
}

/*-----------------parent page------------------*/
a#parent:link, a#parent:visited
{
	text-decoration: none;
	font-weight: 700;
	background-color: inherit;
}

a#parent:hover, a#parent:active
{
	font-weight: 700;
	background-color: inherit;
	text-decoration: underline;
}

/*----------------- layout table------------------*/
table
{
	background-color: #ECECEC;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	margin-top: 20px;
}

td { text-align: left; }

/*-----------------top and bottom rows------------------*/
tr.top
{
	height: 40px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

tr.top h1
{
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: .25em;
	background-color: #ECECEC;
	color: gray;
}

tr.bottom
{
	height: 20px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

/*-----------------top-left------------------*/
div#top-left
{
	float: right;
	width: 170px;
	height: 165px;
	background-color: #ECECEC;
	margin: 0;
}

div#top-left h1
{
	margin: 0;
	padding: 0;
	padding-top: 48px;
	padding-left: 15px;
}

div#top-left h1 a:hover
{
	background-color: #ECECEC;
	color: #999;
	text-decoration: none;
}

/* hovers the img border color */
a.rollover img { border: 1px solid #ececec; }
a:hover.rollover img { border: 1px dotted #4f4f4f; }

/* bottom-left */
div#bottom-left
{
	float: right;
	width: 170px;
	height: 170px;
	background-color: #ececec;
	margin: -13px 0 0 0;
}

/* top-right */
div#top-right
{
	float: left;
	width: 170px;
	height: 165px;
	background-color: #ececec;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

div#top-right img { margin: 30px 0 0 30px; }

/* bottom-right */
div#bottom-right
{
	float: left;
	width: 170px;
	height: 170px;
	background-color: #ececec;
	margin: -13px 0 0 0;
}

/* --------------   central-core   -------------- */
td.core
{
	width: 503px;
	height: 503px;
	background-image: url(../images/bg-core.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
}

td.core div#content
{
	width: 500px;
	height: 500px;
        text-overflow: ellipsis;
	overflow: auto;
	background-color: white;
	background-image: url(../images/bg-core.gif);
	text-align: left;
	font-size: 11px;
	background-position: 0 -3px;
	background-repeat: no-repeat;
}

/*----------------- resume ----------------- */
#content table#resume
{
	width: 460px;
	height: auto;
	padding: 25px;
	background-color: white;
	border: 1px dotted silver;
	text-align: center;
	margin: 100px 0 0 20px;
}

#content table#resume h2 { margin: 0 0 20px 0; }

/* --------------   content-links   -------------- */
div#content a:link
{
	color: #564B47;
	text-decoration: underline;
	background-color: #fff;
}

div#content a:visited
{
	color: #564B47;
	text-decoration: underline;
	background-color: #fff;
}

div#content a:hover
{
	background-color: #FFD9BF;
	text-decoration: none;
	color: #C00;
}

div#content a:active
{
	background-color: #FFD9BF;
	text-decoration: none;
	color: #C00;
}

/* --------------   content-table   -------------- */
td.core div#content table
{
	background-color: #FFF;
	border-style: none;
	margin: 20px;
	text-align: center;
}

/*------ tall gallery  ------*/
td.core div#tall img
{
	width: 292px;
	height: 414px;
	margin: 0 104px;
	border: 1px solid #999;
	clear: both;
}

/*------ tall gallery  ------*/
td.core div#tall-sans img
{
	width: 292px;
	height: 414px;
	margin: 0 104px;
	border: 0;
	clear: both;
}

/*------ wide gallery  ------*/
td.core div#wide img
{
	width: 414px;
	height: 292px;
	margin: 30px 43px 0 43px;
	border: 1px solid #999;
	clear: both;
}

/*------ wide borderless  ------*/
td.core div#wide-sans img
{
	width: 414px;
	height: 292px;
	margin: 30px 43px 0 43px;
	border: 0;
	clear: both;
}

/*-----------------  thumbnails --------------------*/
td.core div#gridwrap
{
	margin-top: 35px;
	margin-left: 85px;
	width: auto;
}

.floatimg
{
	float: left;
	width: 103px;
	margin: 0 7px 7px 0;
	padding: 0;
}

.floatimg img
{
	border: 1px solid silver;
	margin: 0;
}

/* change the thumbnail border color */
.floatimg a:hover img
{
	border: 1px solid lime;
	margin: 0;
}

/* clearboth */
.clearboth { clear: both; }

/*------ nav-gallery  ------*/
td.core div#nav-gallery
{
	text-align: center;
	position: relative;
	margin-top: 20px;
}

td.core div#nav-gallery img
{
	margin: 0 5px;
	display: inline;
}

/*-----------------tags------------------*/
img
{
	border-width: 0;
	display: block;
}

h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }

p, pre, h2, h3, h4, h5, h6, ul, ol
{
	margin: 0.5em 20px;
	padding: 5px 10px;
}

h1 { font-size: 1.5em; }

h2
{
	font-size: 1.33em;
	margin: 1em 20px 0 20px;
}

h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }

h4
{
	font-size: 1.0em;
	font-weight: bold;
}

h4
{
	font-size: 1.0em;
	font-weight: bold;
}

h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

div#content p
{
	line-height: 140%;
	text-align: left;
}

div#content h2 { margin-left: 20px; }

p.nav
{
	margin: 20px auto;
	padding: 0;
	text-align: center;
	line-height: 160%;
}

p.footer
{
	font: small/150% "Bitstream Vera Mono", "Andale Mono", Courier, "Courier New", monospace;
	margin-top: 8px;
	text-align: left;
}

p.lead-para:first-letter
{
	font-size: 133%;
	font-weight: bold;
}

p.quote
{
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: -10;
}

blockquote
{
	line-height: 100%;
	margin: auto 20px auto 0;
	text-align: left;
}

pre
{
	font-size: large;
	background-color: transparent;
	font-family: Courier, Monaco, Monospace;
}

/*----------------- List definitions ----------------- */
ul, li
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

ul.nav li
{
	line-height: 150%;
	list-style: none;
	margin-bottom: 5px;
	margin-left: -40px;
	margin-top: 0;
	padding: 0;
}

ul.normal li { line-height: normal; }

ul.bullet  li
{
	line-height: 150%;
	list-style-image: url("../images/graydot.gif");
	list-style-position: outside;
	margin-bottom: 0;
	margin-left: 15px;
	margin-top: 0;
	padding: 0;
}

ul.circle  li
{
	line-height: 150%;
	list-style: circle;
	list-style-image: url("../images/red_dit.gif");
	margin-bottom: 0;
	margin-left: 50px;
	padding: 0;
}

ul.decimal  li
{
	line-height: 120%;
	list-style: decimal;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 0;
}

ul.leftist  li
{
	line-height: 150%;
	list-style: none;
	margin-bottom: 5px;
	margin-left: -40px;
	margin-top: 0;
	padding: 0;
}

ul.none li
{
	line-height: 150%;
	list-style: none;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 0;
	padding: 0;
}

ul.square  li
{
	line-height: 120%;
	list-style: square;
	margin-bottom: 0;
	margin-left: 12px;
	padding: 0;
}

/* ---------------------border classes-------------------------- */
.inset
{
	border-style: inset;
	border-width: thin;
	border-color: #4f4f4f;
}

.outset
{
	border-style: outset;
	border-width: thin;
	border-color: #4f4f4f;
}

.solid
{
	border-style: solid;
	border-width: 1px;
	border-color: #4f4f4f;
}

/* ---------------------various classes-------------------------- */
.mono
{
	font-family: "Bitstream Vera Mono", "Andale Mono", Courier, "Courier New", monospace;
	font-size: large;
	line-height: normal;
	font-weight: 600;
}