/* style-vignette.css */

div	{ width: 70%; padding: 0px	}

#main-box	{ position: absolute; margin-right: 25px; top: 136px; left: 230px; padding: 20px; background: #ffffff; border: 3px solid green;	}

.banner		{ position: absolute; top: 0px; left: 0px; width: 485px; height: 33px; background-image: url("../index_files/leaf-banner-on-black.jpg"); background-repeat: no-repeat; border: 1 px red;	}

.nav-banner	{ position: absolute; top: 33px; left: 0px; width: 217px; height: 600px; background-image: url("../index_files/nav-panel-full.jpg"); background-repeat: no-repeat;	}

.tree-limbs	{ position: absolute; top: 33px; left: 217px; width: 364px; height: 122px; background-image: url("../index_files/nav-panel-limbs.jpg"); background-repeat: no-repeat;	}

.tree-bottom	{ position: absolute; top: 749px; left: 0px; width: 217px; height: 200px; background-image: url("../index_files/bottom-of-tree.gif"); background-repeat: no-repeat;	}

.tree-trunk	{ position: absolute; top: 600px; left: 0px; width: 217px; height: 150px; background-image: url("../index_files/tree-trunk.gif"); background-repeat:repeat-y;	}

.intra-panel	{ position: absolute; top: 220px; left: 0px; width: 217px; height: 41px; background-image: url("../index_files/nav-panel-center.gif"); background-repeat: no-repeat;	}

.left-side	{ position: absolute; top: 5px; left: 0px; width: 14px; height: 95%; background-image: url("../index_files/main--left.gif"); background-repeat: repeat-y;	}

.right-side	{ position: absolute; top: 5px; right: 0px; width: 14px; height: 95%; background-image: url("../index_files/main-right.gif"); background-repeat: repeat-y;	}

.main-top	{ position: absolute; top: 0px; right: 0px; width: 100%; height: 14px; background-image: url("../index_files/topm.jpg"); background-repeat: repeat-x;	}

.bottom-line	{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 14px; background-image: url("../index_files/botm.jpg"); background-repeat: repeat-x;	}

.uleft-corner	{ position: absolute; top: -4px; left: -4px; width: 44px; height: 44px; background-image: url("../index_files/topl-bor.gif"); background-repeat: no-repeat	}

.uright-corner	{ position: absolute; top: -4px; right: -4px; width: 44px; height: 44px; background-image: url("../index_files/topr-bor.gif"); background-repeat: no-repeat	}

.uleft-tab	{ position: absolute; top: 36px; left: 0px; width: 14px; height: 25px; background-image: url("../index_files/main-left-top.gif"); background-repeat: no-repeat;	}

.uright-tab	{ position: absolute; top: 36px; right: 0px; width: 14px; height: 25px; background-image: url("../index_files/main-right-top.gif"); background-repeat: no-repeat;	}

.lleft-corner	{ position: absolute; bottom: -4px; left: -4px; width: 44px; height: 44px; background-image: url("../index_files/botl-bor.gif"); background-repeat: no-repeat;	}

.lright-corner	{ position: absolute; bottom: -4px; right: -4px; width: 44px; height: 44px; background-image: url("../index_files/botr-bor.gif"); background-repeat: no-repeat;	}

.black		{ position: absolute; margin-right: 25px; top: 0px; left: 485px; height: 33px; background: #000000; background-repeat: repeat-x;	}

.float-left-box	{ float: left; 	}

.vignette-box	{ position: absolute; top: 220px; left: 270px; width: 180px; height: 210px; 	}

.vignette-big-box	{ position: absolute; top: 210px; left: 270px; width: 332px; height: 320px; }

.search-bottom	{ position: absolute; top: 639px; left: 26px; width: 165px; height: 170px; 	}

.sidebar-top	{ position: absolute; top: 63px; left: 35px; width: 23%; height: 65px; 		}

.go-back	{ position: absolute; top: 207px; left: 98px; width: 102px; height: 28px; background-image: url("../index_files/go-back.jpg"); background-repeat: no-repeat;	}

.sidebar-home	{ position: absolute; top: 120px; left: 40px; width: 40px; height: 40px; 	}

.sidebar-bottom	{ position: absolute; top: 275px; left: 40px; width: 45px; height: 330px; 	}

.sidebar-bottom-right	{ position: absolute; top: 257px; left: 100px; width: 95px; height: 330px; text-align: left;	}


<!--old style.css-->


html,body {
	margin: 0;
	padding: 0;
}

body {
	Xfont: 13px verdana,helvetica,arial,sans-serif;
	Xpadding: 20px 7%;
	Xbackground-color: #DEE7F7;
	Xcolor: #333333;
	Xmax-width: 1000px;
}


/* HOME */

.sidebarTitle  
{
	Xcolor: #00849C;
	Qcolor: #207AA2;
	color: #C73423;
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	Xletter-spacing: 120%;
	Xpadding-bottom: 0.6em;
}



/* PAGE CONTENT   */

.body-leaf
{
	font-size: 14px;
	line-height: 150%;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	Xletter-spacing: 100%;
	xfont-size: 12px;

	max-width: 650px;
	width:expression(document.body.clientWidth > (650+330)? "650px": "auto" );
}

.bodyh1
{
	color: #827026;
	font-weight: bold;
	Xfont-family: Georgia, Times, "Times New Roman", sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bodyh2
{
	color: #827026;
	font-size: medium;
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 9px;
}


.bodyh3
{
	Qcolor: #005447;
	color: #827800;
	Qfont-size: x-small;
	font-weight: bold;
	Xfont-variant: small-caps;
	Qfont-family: Georgia, Times, "Times New Roman", sans-serif;
	Xfont-family: "Trebuchet MS", "Bitstream Vera Sans", Myriad, "Gill Sans", verdana, "Lucida Grande", Geneva, lucida, arial, helvetica, sans-serif, Swiss, SunSans-Regular;
	letter-spacing: 0.01cm;
	line-height: 120%;
}

.bodyh4
{
	color: #827026;
	font-size: medium;
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 9px;
}

.credits13
{
	Xcolor: #B99F37;
	color: #947F2C;
	font-size: 13px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.credits13:hover
{
	Xcolor: #B99F37;
	color: #947F2C;
	font-size: 13px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: underline;
}

.medwhite
{
	color: #ffffff;
	font-size: small;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.medwhite:hover
{
	color: #ffffff;
	font-size: small;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: underline;
}

.smallcaps
{
	Xcolor: #00849C;
	Qcolor: #207AA2;
	color: #C73423;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	Xletter-spacing: 120%;
	Xpadding-bottom: 0.6em;
}

.sl
{
	font-size: small;
	line-height: 150%;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	Xletter-spacing: 100%;
	xfont-size: 12px;

	Qborder:1px solid blue;

	max-width: 650px;
	width:expression(document.body.clientWidth > (650+330)? "650px": "auto" );
}

.box
 { color: #7f4f3b; font-size: x-small; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular; line-height: 135%; xfont-size: 12px; xletter-spacing: 100% }


.s
{
	font-size: small;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	Xtext-decoration: underline;
}

.vig-text
{
	Xcolor: #000000;
	Qcolor: #000000;
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	Xletter-spacing: 120%;
	Xpadding-bottom: 0.6em;
}



.sidebar
{
	color: #3E5353;
	font-size: x-small;
	line-height: 150%;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.sidebar  a:hover
{
	background-color: #CCF3F5;
	background-color: transparent;
}



.smallwhite
{
	color: #ffffff;
	font-size: x-small;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}


.marginHelp
{
	color: #000000;
	font-size: small;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

a.marginHelp:hover
{
	color: #331100;
	text-decoration: underline;
}


.subtle10
{
	Xcolor: #B99F37;
	color: #947F2C;
	font-size: x-small;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.subtle10 a:hover
{
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
}

.subtle12
{
	color: #a3a89a;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
}

.red12
{
	color: #a25333;
	font-size: 12px;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
	padding-top: 2pt;
}

/* ============= Breadcrumbs ============= */

.nav-branch-low
{
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

/* ============= Breadcrumbs ============= */

.nav-breadcrumb-hi
{
	color: #ADF77C;
	font-weight: bold;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.a.:hover.nav-breadcrumb-hi
{
	color: #ffffff;
	font-weight: bold;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: underline;
}

.nav-breadcrumb-lo
{
	color: #A8A38F;
	font-weight: normal;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

/* ============= Related ============= */


.nav-related-intro
{
	color: #000000;
	font-weight: bold;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.nav-related-hi
{
	color: #8C006B;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.nav-related-lo
{
	color: #000000;
	font-weight: normal;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.nav-branch-hi
{
	color: #ADF77C;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.nav-branch-hi:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.names
{
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: none;
}

.vid-links
{
	color: #C73423;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: underline;
}

.vid-links:hover
{
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular;
	text-decoration: underline;
}