/* -------------------- */
/*      PAGE LAYOUT     */
/* -------------------- */
.hidden { display: none; }

img { border: 0px; }

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
	background: #FFFFFF url(/images/backgd_long_green.gif) repeat-y;
	}

a:hover { text-decoration: underline !important; }

/* makes sure all links turn blue, including linkbox bullets */
a:link, div.linkbox ol { color: #0000CC; }

#rightcolumn div.linkbox a:link {color:#853714;}
#rightcolumn div.linkbox a:visited {color:#8B6E61;}

.date {
	font-size: 9px;
	font-weight: bold;
	color: #999999;
}

a.more
{
	display: block;
	font-size: 10px;
	text-align: right;
	padding-bottom:8px;
}

/* -------------------- */
/*        HEADER        */
/* -------------------- */

#header { 
	background: #ffffff 
	url(/images/backgd_long_green.gif) 
	repeat-x; 
}

#header img.toolbar
{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
}

#header div.search
{
	position: absolute;
	right: 0px;
	top: 26px;
	z-index: 10;
	width: 275px;
	height: 72px;
	font-size: 10px;
}

#header div.search form
{
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 60px;
}

#header div.search form + form
{
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 5px 60px;
}

#header div.search input { vertical-align: bottom; }

#header div.search p
{
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 10px 0px;
	font-size: 10px;
}

#header div.search a:link, #header div.search a:visited { color: #8B0E04; }

#trailbar { 
	clear: both;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 26px;
	background: darkseagreen;
}

#trailbar p, #trailbar a { color: #FFFFFF; }

#trailbar p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 10px;
}

/* -------------------- */
/*        FOOTER        */
/* -------------------- */
#footer
{
	clear: both;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	border-top: 1px solid #000000;
	text-align: center;
	font-size: 10px;
	background: #FFFFFF;
}

#footer p
{
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#footer a { text-decoration: none; }

#mainframe { margin: 0px 0px 5px 5px; padding: 0px 0px 0px 0px; }

#twocolumn { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#threecolumn
{
background: url('/images/Rightback1.jpg');
background-repeat: repeat-y;
background-position: top right;
align: right;

}

#leftcolumn, #rightcolumn
{
	line-height: 12px;
	font-size: 10px;
}

#leftcolumn
{
	float: left;
	width: 175px;
	margin: 0px 0px 6px 0px;
	padding:0px;
	background: #ffffff;
}

#rightcolumn
{
	float: right;
	width: 210px;
	border: 0px;
}

#rightcolumntest
{
	float: right;
	width: 210px;
	border: 0px;
	background: #ffffff;
}

#rightcolumntest div.navclosed *
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

#rightcolumntest div.navclosed { 
	background: seagreen url(/images/backgd_navclosed.gif);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	padding: 6px 4px 6px 6px;
	/* cursor:pointer; */
	}

#rightcolumntest div.navopen h1, #rightcolumntest div.navclosed h1
{
	font-weight: bold;
	margin: 4px 0px 4px 4px;
}

#rightcolumntest div.navopen h2, #rightcolumntest div.navclosed h2
{
	font-weight: normal;
	margin: 0px 6px 4px 4px;
	padding-left:8px;
}


#rightcolumn div.linkbox /* IE doesn't understand child, sibling, or first-child selectors, so add new rightcolumn div names here as you create them. */
{
	margin: 6px 6px 6px 6px;
	padding: 8px 0px 8px 8px;
	background: #FFFFFF;
	width: 190px;
	border: 1px solid #000000;
}

#content
{
	background-image: url(/images/Bottomleaf1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background: #FFFFFF;
	margin: 0px 0px -6px 177px;
	padding: 0px 18px 12px 12px;
	border-left: 1px solid #000000;
	min-height: 660px;

}

#threecolumn #content
{
	background: #FFFFFF;
	margin: 0px 200px -6px 177px;
	padding: 0px 12px 0px 12px;
}


/* -------------------- */
/*    NAVIGATION BAR    */
/* -------------------- */

#leftcolumn div.navopen { 
	background: #7D88AD url(/images/backgd_right.gif);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	padding: 6px 4px 6px 6px;
	/* cursor:pointer; */
	}

#leftcolumn div.navopen *
{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}

#leftcolumn div.navclosed *
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

#leftcolumn div.navclosed { 
	background: seagreen url(/images/backgd_navclosed.gif);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	padding: 6px 4px 6px 6px;
	/* cursor:pointer;  */
	}

#leftcolumn div.navopen h1, #leftcolumn div.navclosed h1
{
	font-weight: bold;
	margin: 4px 0px 4px 4px;
}

#leftcolumn div.navopen h2, #leftcolumn div.navclosed h2
{
	font-weight: normal;
	margin: 0px 6px 4px 4px;
	padding-left:8px;
}

#leftcolumn div.navopen h3, #leftcolumn div.navclosed h3
{
	font-weight: normal;
	margin: 4px 0px 4px 15px;
}

/* -------------------- */
/*      LINKBOXES       */
/* -------------------- */

#leftcolumn div.linkbox { background: #FFFFFF url(/images/backgd_white.gif); }

#leftcolumn div.linkbox ul
{
	margin: 6px 0px 6px 22px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
}

#leftcolumn div.linkbox ul li { list-style-image: url(/images/blue_bullet.gif); }


#leftcolumn div.linkbox ol
{
	margin: 6px 0px 6px 30px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
}

/* The generic linkbox styles apply no matter where they appear. */
div.linkbox h1, div.linkbox h1 a
{
	font-weight: bold;
	color: #8C0C00;
	text-decoration: none;
}

#leftcolumn div.linkbox h1
{
	clear: both;
	font-size: 11px;
	margin: 0px 0px 6px 0px;
	padding: 6px 4px 0px 8px;
}

#rightcolumn div.linkbox h1
{
	clear: both;
	font-size: 12px;
	margin: 4px 0px 8px 0px;
}

div.linkbox h2, div.linkbox h2 a
{
	font-size: 10px;
	margin: 8px 0px 4px 0px;
	font-weight: bold;
	color: #574035;
	text-decoration: none;
}

div.linkbox h3
{
	font-size: 11px;
	margin: 2px 0px 10px 0px;
	font-weight:bold;
	color: #000000;
}

div.linkbox p
{
	font-size: 11px;
	margin: 4px 0px 8px 0px;
	color: #000000;
	line-height: 16px;
}

div.linkbox li { margin: 0px 0px 6px 0px; }

/* Contextual styles make the linkboxes customize themselves depending on location. */

#rightcolumn div.linkbox ul, #rightcolumn div.linkbox ol
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#rightcolumn div.linkbox li li { 
	padding-left: 10px;
}

#leftcolumn div.linkbox ol
{
	margin: 6px 0px 6px 30px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
}


/* -------------------- */
/*   CONTENT: GENERAL   */
/* -------------------- */
#content div /* this is the main page division, i.e., Featured Project */
{
	margin: 0px 0px 0px 0px;
	padding: 14px 14px 0px 0px;
}

#content div div /* this is a specific article or content item */
{
	margin: 12px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#content li
{
	font-size: 12px;
	font-weight: normal;
	margin: 2px 0px 10px 0px;
	color: #000000;
	line-height: 12px;
}

#content img
{
	float: left;
	margin: 3px 6px 6px 2px;
}

#content img.right
{
	float: right;
}

#content div.staff img, #content p.linkbar img, #content p.eventbar img, #content div.eventbar img
{
	float: none;
	margin: 4px 4px 0px 4px;
}

div.linkbox h3
{
	font-size: 10px;
	font-weight: normal;
	margin: 6px 0px 6px 10px;
	color: #000000;
}


div.linkbox h5
{
	font-size: 10px;
	font-weight: normal;
	margin: 6px 0px 6px 0px;
	color: #000000;
}

#content p
{
	margin: 0px 0px 12px 0px;
	line-height: 16px;
}

/* was 10 and 12 */
#content p.linkbar { 
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	line-height: 15px;
}

#content p.eventbar { 
	font-size: 12px;
	margin: 0px 0px 2px 0px;
	line-height: 13px;
}

/* this was 11 and 12 */
#content div.eventbar { 
	font-size: 12px;
	margin: 0px 0px 2px 0px;
	line-height: 15px;
}

#content img.inline, #content p.linkbar img, #content p.eventbar img, #content div.eventbar img
{
	float: none;
	margin: 0px 4px 0px 6px;
}

#content h1.banner
{
	border-top: 2px solid #5ea1d3;
	border-bottom: 2px solid #5ea1d3;
	margin: 0px 0px 16px 0px;
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	font-weight: bold;
	color:#633722;
}

#content h2.banner
{
	border-top: 1px solid #EBA94A;
	border-bottom: 1px solid #EBA94A;
	margin: 30px 0px 16px 0px;
	padding: 2px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	color:#633722;
}

#content h1
{
	border-top: none;
	border-bottom: none;
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 18px;
	color: #633722;
}

#content h2
{
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0px 0px 0px;
	line-height: 18px;
        color: #990000;
}

#content h3
{
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
	line-height: 16px;
	color: #000000;
}

#content h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0px 8px 0px;
	color: #8B0E04;
}

#content h5
{
	font-size: 11px;
	font-weight: normal;
	margin: 4px 0px 3px 0px;
	color: #000000;
}

#content h6
{
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	color: #000000;
}

#content div.linkbox
{
	border: 1px solid #000000;
	padding: 4px 6px 4px 6px;
	margin: 4px 2px 4px 2px;
	background: #ffffff;
}

#threecolumn #content div.linkbox
{
	border-top: 3px double #000099;
	border-left: 3px double #000099;
	border-right: 3px double #000099;
	border-bottom: 3px double #000066;
	padding: 6px 6px 6px 6px;
	margin: 20px 0px 12px 0px;
	background: #DADAFA;
}

#content div.sidebar
{
	float: right;
	width: 220px;
	border-top: 3px double #000099;
	border-left: 3px double #000099;
	border-right: 3px double #000099;
	border-bottom: 3px double #000066;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 8px 18px;
	background: #DADAFA; 
}

#content div.sidebar LI
{
	font-size: 11px;
	line-height: 13px;
	list-style-image: url(/images/arrow_blue.gif);
}

#content td { vertical-align: bottom; }

td.text {font-size: 11pt; text-align: left; vertical-align: top}

#plain {
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
	border: 0px none;
}
#search {
	vertical-align: bottom;
	padding: 10px 20px;
	margin: 10px;
	border-top: 3px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 3px solid #333333;
	border-left: 1px solid #333333;
}
#search td {
	vertical-align: bottom;
	padding: 3px 20px;
	margin: 10px;
	border: 1px;
	text-align: left;
}
#note {
	vertical-align: bottom;
	padding: 10px 20px;
	margin: 10px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	background:#FFFFCC;
}
#note td {
	vertical-align: bottom;
	padding: 3px 10px;
	margin: 10px;
	border: 1px;
}

#results {
	vertical-align: bottom;
	padding: 10px 20px;
	margin: 10px;
	border-top: 3px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 3px solid #333333;
	border-left: 1px solid #333333;
}
#results td {
	vertical-align: bottom;
	padding: 3px 10px;
	margin: 10px;
	border: 1px;
}
#outline {
	vertical-align: bottom;
	padding: 0px 10px;
	margin: 0px;
	border-top: 3px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 3px solid #333333;
	border-left: 1px solid #333333;
	width: 90%;
}
#outline td {
	vertical-align: bottom;
	padding: 0px 10px;
	margin: 0px;
	border-bottom: 1px solid #999999;
}
span.select, span.submenu {display:none;}

span.select, span.select_on {height:14px; width:4px; float:left; margin:2px 0px 0px 0px; padding:0px;}

span.selectnav {height:14px; width:4px; float:left; margin:6px 0px 0px 0px; padding:0px;}

span.submenu {padding-bottom:5px;}

div.submenu_on {margin-bottom:5px; margin-top:2px; color:#000033;}

div.booklist
{
	clear: both;
	min-height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	font-size: 9px;
}

div.booklist img.cover
{
	float: left;
	margin: 0px 0px 0px 0px;
}

div.booklist.featTitle
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.small {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
p.clear-right {
	clear: left;
	padding-right: 50px;
}
.level1 {
	list-style-position: outside;
	list-style-image: url(/images/level1.gif);
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.level2 {
	list-style-position: outside;
	list-style-image: url(/images/level2.gif);
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.level3 {
	list-style-position: outside;
	list-style-image: url(/images/level3.gif);
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.level4 {
	list-style-position: outside;
	list-style-image: url(/images/level4.gif);
	padding-bottom: 0px;
	margin-bottom: 0px;
}