/* Notes */

/*   a "dot" -- " . " defines a class
     a " # " defines an id - can only be applied to one element  very limited  */



/* UNIVERAL ELEMENTS */

/* 1 - Common Font Properties */
body , p , h1 , h2 , h3 , h4, table , td , th , ul , ol , li, textarea , input{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: small;
	}
/* 2 - Common Background Color */

body , textarea , input{
	background-color:#fcdc89;
	color: #005000;
	}

/* To Adjust Font Size for specific elements */

.fontsmaller{
	font-size: 80%;
	}

.font120{
	font-size:120%;
	}

.font150{
	font-size:150%;
	}

.font170{
	font-size:170%;
	}

.font200{
	font-size:200%;
	}

.smallcap{
			font-variant:small-caps}


/* Makes all td text-top */

td{vertical-align:text-top;}


/* Reduces margin for paragraphs that follow other paragraphs to .7 "normal" line */

p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.7em;
	margin-left: 0;
	line-height: 17px;
}

li {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.7em;
	margin-left: 0;
	line-height: 17px;
}



/* 2 - YPM Colors (see below for link colors) */

.red{
	color: #d60000;
	}

.redbold{
	color: #d60000;
	font-weight: bold;
	}

.redbold a{
	color: #d60000;
	font-weight: bold;
	}

.redboldcenter{
	color: #d60000;
	font-weight: bold;
	text-align: center;
	}

.redboldcenter a{
	color: #d60000;
	font-weight: bold;
	text-align: center;
	}


.redital{
	color: #d60000;
	font-style: italic;
	}

.green{
		color: #005000;
		}

.greenbold{
		color: #005000;
		font-weight: bold;
		}

.greenboldcenter{
		color: #005000;
		font-weight: bold;
		text-align: center;
		}


.greenboldr{
		color: #005000;
		font-weight: bold;
		text-align: right;
		}

.filetabcolor{
		color: #ff9830;
		}


/* Use YPM logo-text in text */

.ypmr{
	font-family: "goudy old style";
	font-weight: 700;
	color: #d60000;
	font-size:125%;
	}

.ypmg{
	font-family: "goudy old style";
	font-weight: 900;
	color: #005000;
	font-size:125%;
	}

/* MASTER PAGE LAYOUT ELEMENTS */

/* MASTER PAGE LAYOUT TABLE 
tr's and td's will create 5 "master" rows and 3 "master" columns"
some td's will span rows or columns

Note - IE doesn't support max-width, too bad
*/

#layout{
		position:absolute;
		left:0px;
		top:0px;
		width: 95%;
		max-width:1000px;
		height: 100%;
		padding: 10px 20px;
		background-color:#fcdc89;
		border: none;
}

/* MASTER LAYOUT TABLE CELLS
There are 8 cells in the Master Layout
If defined below they are "ID's" - can be used only once in the file 
Have to put "colpan" attributes inline */

	/* 1 - TOP LOGO Cell */

#logospace {
		width: 1035px;
		height: 91px;
		font-size: 100%;
		border-style: hidden;
		margin: 0em;
}

#logo {
        position:absolute;
        top:17px;
		left: 17px;
		margin:0px;
		border-style:none;
		font-size:100%;
}

	/* 2 - LEFT MENU Cell*/

#lmsmall-general{
	font-size: 90%;
	line-height: 120%;
	color: #005000;
	width: 150px;
	padding: 130px 8px 0px 12px;
	vertical-align: top;
	}
#lmsmall-general a{
		color: #005000;
	}

#lmsmall-general a:hover{
		color: #d60000;
	}

	/* Only for the Mendo Debt Section - lower placement */

#lmsmall{
	font-size: 90%;
	line-height: 120%;
	color: #005000;
	width: 185px;
	padding: 170px 8px 0px 12px;
	vertical-align: top;
	}

#lmsmall a{
		color: #005000;
	}

#lmsmall a:hover{
		color: #d60000;
	}

#lmpagetitle{
	font-size: 100%;
	font-weight: bold;
}

#lmlinks{

}



	/* 3 - TOP MENU Cell */

		/* Cell */

#topmenu{
	vertical-align: top;
	padding: 5px 5px 5px 10px;
	font-size: 10px;
	text-align: center;
	}

		/* Menu - will also drive YPM Right Side Menu */

/* ================================================================ 
The original version of this (menu) stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/ultimate.html#
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.\

The "Ultimate" Button Menu
=================================================================== */

#vert {height:20em;}
#vert .menu {width:141px; height: 215px; background:#ff9830; padding:4px; border:1px solid #005000; float:left; margin-right:5px; }
#vert .menu a, #vert .menu a:visited {text-decoration:none;}
* html #vert .menu {width:142px; w\idth:120px;}
#vert dt, #horiz dt {display:none;}
#vert .menu dd {padding:0; margin:0;}
.menu .aa, .menu .bb, .menu .cc, .menu .dd, .menu .ee, .menu .ff, .menu .gg {border:1px solid #005000;}
.menu .aa {display:block; text-align:center; border-color:#fcdc89 #ff9830 #e3a86d #fcdc89; background:#fcdc89; padding:2px 0;}
.menu .bb {display:block; border-color:#fcdc89 #957704 #937603 #fcdc89;}
.menu a, .menu a:visited, .menu b {display:block; text-decoration:none; color:#005000; font-size:1em;  font-weight: bolder; font-stretch: expanded; width:100%; background:#000;}
.menu .dd {border-color:#d5d3ca #f7f6ef #f7f6ef #d5d3ca;}
.menu .ee {border-color:#b8b7af #f7f6ef #f7f6ef #b8b7af;}
.menu .ff {border-color:#9c9b95 #f7f6ef #f7f6ef #9c9b95;}
.menu .gg {border-color:#d5d3ca #fff #fff #d5d3ca; margin:3px;}
.menu a:hover, .menu b {display:block; color:#d60000; background:#000; cursor:pointer;}
.menu a:hover .bb, .menu b .bb {display:block; color:#d60000; background:#fff; border-color:#937603 #fcdc89 #fcdc89 #957704;}
.menu a:hover .aa, .menu b .aa {display:block; color:#d60000; font-size: 1.2em;  text-decoration: underline; border-color:#c9a105 #fcdc89 #fcdc89 #caa205; text-align:center; padding-top:3px; background:#ff9830; padding-bottom:1px;}

.menu b {cursor:default;}

/* Changes for horizontal list  THIS IS THE YPM MENU */

#horiz {clear:both; margin-top:1em;  width:706px; height: 57px; background:#ff9830; padding:4px; border:1px solid #005000;}
#horiz .menu a, #horiz .menu a:visited {text-decoration:none;}

#horiz .menu {width:706px; background:#ff9830; padding:0; border:0;}
* html #horiz .menu {width:372px; w\idth:320px;}
#horiz .menu dd {padding:0; margin:0; width:88px; float:left;}
.clear {clear:left; height:0; overflow:hidden;}
* html .clear {display:none;}

/* =================================================================== */


	/* 4 - Right Column on Home Page */
			/* For some reason the padding/margin left isn't working on table */


#rightcol{
	width: 200px;
	vertical-align: top;
	padding-left:20px;
	}

.rightcoltitle{
	vertical-align: middle;
	padding: 8px 3px 0px 3px;
	border-bottom: thin solid #005000
}

.rightcolcell{
	vertical-align: top;
	padding: 0px 3px 3px 3px;
	border-bottom: thin solid #005000 
}

.rightcolp{
font-size: 95%;
}

.rightcolpic{
	vertical-align: top;
	margin-top: 6px;
}




	/* Note - YPM Menu will be added to right when top menu expands */


/* 5 - MIDDLE CONTENT Cell defined inline with td */

	/* note -  Mendo Debt Menu ONLY on Mendo Debt Pages  as an inlaid table cell*/

#debtmenu{
	height: 130px;
	vertical-align: top;
	text-align: center;
	padding: 10px 8px 10px 8px;
	border-bottom: thin solid #005000;
}

#midcontcell{
	vertical-align: baseline;
}



/* DEBT MENU */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/tab_overlap.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.\

"Overlapping Tabs - 2/13/07"
=================================================================== */

.tabs {padding:0px 0 0 0; margin:0px 0px 0 0; list-style:none; height:0px; background:#dee; border:0px; position:relative;}
/* This created a colored background that I'm not going to use. But when I deleted it the messages describing each section disappeared - not sure what allows it, so just reduced dimensions to 0 */


.tabs li {float:left; margin-right:-8px; margin-bottom:-1px;}
.tabs li a {display:block; text-decoration:none; font-size:11px; font-family:verdana, arial, sans-serif; line-height:23px;}
.tabs li a em {display:block; float:left; height:25px; text-align:center; padding:0px 6px 0px 10px; background:#fcdc89; border:1px solid #005000; border-right:0; font-style:normal; color:#005000;}
.tabs li a span {display:none;}
.tabs li a b {position:relative; display:block; float:left; z-index:100; border-bottom:1px solid #005000; width:2px; background:url(/z-common/includes/images/tab.gif);}

.tabs li a b.p1 {height:25px; margin-top:1px;}
.tabs li a b.p2 {height:23px; margin-top:3px;}
.tabs li a b.p3 {height:21px; margin-top:5px;}
.tabs li a b.p4 {height:19px; margin-top:7px;}
.tabs li a b.p5 {height:18px; width:1px; background:#000; margin-top:9px; font-size:1px; line-height:0; border:0;}

.tabs li a:hover {color:#000000; white-space:normal;}

.tabs li a:hover em {background:#ff9830; color:#d60000; cursor:pointer; border-bottom-color:#ff9830; position:relative; z-index:300;}
.tabs li a.selected em {background:#ff9830; color:#d60000; border-bottom-color:#ff9830; text-decoration:underline; position:relative; z-index:400;}
.tabs li a.selected:hover em {cursor:default;}
.tabs li a.selected:hover b {cursor:default;}
.tabs li a.selected b {z-index:400; background-position:0 -33px; border-bottom-color:#ff9830; cursor:pointer;}

.tabs li a:hover b {background-position:0 -33px; border-bottom-color:#ff9830; cursor:pointer;}
.tabs li a:hover b.p5, .menu li a.selected b.p5 {background:#000;}

.tabs li a:hover span {display:block; position:absolute; left:10px; top:28px; color:#000; white-space:nowrap;}
.tabs li a.selected:hover span {display:none;}

.message {background:#ff9830; border:1px solid #005000; border-top:1px; text-align:right; padding:4px 10px; margin:25px  1px 0px 6px; color:#005000; font-size:12px; font-weight: bold;}



/* END OF DEBT MENU */


/* Supplemental Information Tables */

.supicon{
	width: 33px;
}


							/* CONTENT TABLES WITH CELL FORMATING */


#midcontenttable1{
	margin: 10px 10px 0px 25px; 
	vertical-align: text-top;
}

#midcontenttable2{
	margin: 20px 10px 0px 25px; 
	border: double #005000;
}

#datapagecontent1{
	margin: 20px 10px 0px 25px; 
	border: double #005000;
	background-color:#ffffff;	
}
			/* 2 cols 60-40 no border -but don't "get" margin-padding - what does it do? */


.tdpad10l{
	padding-left: 10px;
}

.tdpad10r{
	padding-right: 10px;
}

.tdpad10t{
	padding-top: 10px;
}

.tdpad10b{
	padding-bottom: 10px;
}

.tdpad10tr{
	padding-top: 10px;
	padding-right: 10px;
}

.tdpad10tl{
	padding-top: 10px;
	padding-left: 10px;
}



.\60-no{
	width: 60%;
	margin: 10px 15px 12px 15px;
	padding: 10px 15px 12px 15px;
	vertical-align: text-top;
}

.\40-no{
	width:40%;
	vertical-align: text-top;
}


.doubleborder{
	width: 85%;
	padding: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: double #005000;
}

.smallmid{
	width: 500px;
	padding: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#signupcell{
	padding: 15px;
	width: 60%;
	vertical-align: text-top;
}


#maincontentmastercell{
	vertical-align:top;
}

.midpad{
	padding: 15px 18px 0px 18px;
	vertical-align: text-top;
}


.contentbtmbrdr-2col{
		width: 48%;
		padding: 18px 8px 10px 8px;
		margin: 6px 8px 6px 8px;
		border-bottom: thin solid #005000;
		text-align: left;
}

.contentbtmbrdr-largercol{
		width: 60%;
		padding: 18px 8px 10px 8px;
		margin: 6px 8px 6px 8px;
		border-bottom: thin solid #005000;
		text-align: left;
}

	/* 2 cells with line between - divides page vertically */

.centerline-left{
		width: 46%;
		padding: 0px 12px 8px 10px;
		border-right: thin solid #005000;
		vertical-align: top;
}

.centerline-right{
		width: 46%;
		padding: 0px 8px 8px 12px;
		vertical-align: top;
}



.content{
		width: 46%;
		padding: 10px 8px 8px 10px;
}

.content2{
		width: 46%;
		padding: 12px 12px 12px 8%;
}

.content3{
		width: 30%;
		padding: 12px 5%;
		text-align: left;
}

.content3btmbrdr{
		width: 90%;
		padding: 12px 5%;
		border-bottom: thin solid #005000;
		font-size: 4px;
}

.content4{
	width:46%;
	padding: 10px 5% 8px 7%;
}

.content5{
	width: 80%;
	padding: 10px 5% 8px 0;
	border-bottom: thin solid #005000
}

.content6{
	padding: 0px 8px 0px 12px;
	font-size: 60%;
}

.smallblankcolumn{
	width:40px;
	}

.contentmedblankcolumn{
	width:15%;
	}

.contentsinglecolumn{
	width: 80%;
	padding: 5% 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.contentsinglecolumngold{
	width: 90%;
	padding: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ff9830;
	border: thin solid #005000
}

.column-80-btm{
	width: 80%;
	padding: 10px 10% 20px 10%;
	display: block;
	vertical-align: text-top;
	margin-left: auto;
	margin-right: auto;
	border-bottom: thin solid #005000
}

.column-70-btm{
	width: 70%;
	padding: 10px 15% 15px 15%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-bottom: thin solid #005000
}

.column-70{
	width: 70%;
	padding: 10px 15% 15px 15%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.column-60{
	width: 60%;
	padding: 10px 15% 15px 15%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.column-60-grid{
	width: 60%;
	padding: 10px 15% 15px 15%;
	display: block;
	border: 1px solid #005000;
	margin-left: auto;
	margin-right: auto;
}



.column-50{
	width: 50%;
	padding: 10px 15% 15px 15%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.column-40{
	width: 40%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.column-40-border{
	width: 40%;
	display: block;
	border: 1px solid #005000;
	margin-left: auto;
	margin-right: auto;
}

.bottomborder{
		border-bottom: thin solid #005000;
}

.singlebordersmall{
	width: 23%;
	padding: 5px 3px 7px 7px;
	border: 1px solid #005000;
	text-align: center;
}

.spacertd{
		width: 18px;
}

.content-c{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
}

.content-c-border{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #005000;
}

		/* Table for Archive Listings */

.\500px_c{
	width: 500px;
	padding: 10px 10% 20px 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


		/* Tables for Page Buttons if Used */

#pagebuttons1{
	width: 90%;
	margin: 12px 0 20px 0;
}

	/* page button table cells */

.pagebuttoncell{
	padding: 23px 0 0 0;
	text-align: center;
}

    /* First td - article clippings */
.cliptd{
    padding:20px 0 0 0;
	font-size:110%;
	color: #d60000;
	font-weight: bold;
}



/* 6 - W3 Validator */

/* 7 - Bottom Menu */

#bottommenu{
		padding-top: 25px;
		padding-bottom: 10px;
		text-align: center;
		font-size: 80%;
		}



.tableone{
	position: absolute;
	top: 30px;
	left: 222px;
	border: none;
	}


/* Old - probably not used left menu css */

/* ??? */
.lm{
	font-weight: bold;
		color: #005000;
	}


/* Embedded Content Layout Tables */


#sublayouttable{
		position: absolute;
		left: 150px;
		top: 170px;
		width: 90%;
		height: 100%;
		padding: 0px;
		background-color:#fcdc89;
		border-collapse: collapse;
}

/* For Front Page and other Layout Tables */

.fronttable{
	border: 0px;
	}

.biglisttable{
	padding: 4px;
	font-size: x-small;
	}

.\1 {
	text-align: left;
	vertical-align: top;
	line-height: 110%;
	}

.\2{
	text-align: center;
	}

.\3{
	right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.\4{
	top: 0px;
	vertical-align: top;
	}

.pad{
	padding: 10px 2%;
	vertical-align: top;
}


/* TD Elements */

			/* to put space in a layout table with a td */


/* This is for cells in tables that are themselves nested in other layout tables */

/* For td's inside td's to get font back to size */

.biggerfont{
	font-size:115%;
	line-height: 110%;
}

.biggerfontred{
	font-size:125%;
	color: #d60000;
	font-weight: bold;
	}


#top2 {
        position:absolute;
        top:0px;
		left:0px;
		z-index: 1;
		width:100%;
		height:133px;
		padding-left:172px;
		font-size:100%;
}



/* BOTTOM ROW */

/* Validator */

#w3{
	position: absolute;
	bottom: 15px;
	left: 16px;
	border: none;
	background-color:#fcdc89;
	}



/* Previous - Next Page Buttons */

.movebutton{
	width:120px;
	height:30px;
	background-color: #ff9830;
	}




.rightsidepage{
	width: 18%;
}

.rightcontent2{
		padding: 12px 8px 8px 15px;
}

.maincontent{
		padding: 22px 18px 15px 35px;
}

.maincontent_draft{
		padding: 22px 18px 15px 35px;
		background: url('/images/draft_background.gif') no-repeat fixed center center;
}




.innerdiv{
	width:100%;
	padding: 10px;
	vertical-align: middle;
	}

.fpsection{
	font-size: 118%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	}

/* for single page notes */

#note{
	font-family : verdana, arial, helvetica, sans-serif; 
	background-color: #ffff99;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	padding-left:35px;
	padding-right: 20px;
	padding-top:15px;
	padding-bottom:3em;
		}


/* IMAGES */

/* To use on many pages, but not all */

.toppic1{
	position: absolute;
	top: 23px;
	right: 34px;
	border: none;
	z-index: 2;
	}

.toppic2{
	position: absolute;
	top: 28px;
	right: 60px;
	float: right;
	border: none;
	}

/* for large pictures on pages */


.pic_lno{
	float: left;
	border: none;
	margin-right: 8px;
	text-align: center;
	}

.pic_l{
	float: left;
	border: solid black 1px;
	margin-left: 8px;
	margin-right: 10px;
	text-align: center;
	}

/* I confuse the _ and -, need to use just 1 - prefer_ */

/* recommended by   KeyNote NetMechanic - best  BUT APPLY THIS TO A SURROUNDED PARAGRAPH/BLOCK ELEMENT */

.pic_c_new
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

.pic_cno{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Should clean up this mess */


.pic_c{
	display:block;
	margin-left: auto;
	margin-right: auto;
	border: solid black 1px;
}

.picbox{
	position: relative;
}

.pic_btm{
	position:absolute;
	bottom:0px;
}

.pic_btmtest{
	vertical-align: bottom;
}

.pic_btm_abs{
	position: absolute;
	bottom: -50px;
}


.pic_r{
	float: right;
	border: solid black 1px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 8px;
	margin-right: 10px;
	text-align: center;
	}

.picr{
	float:right;
	}

.pic_r-green{
	float: right;
	border:  1px solid #005000;
	margin-left: 8px;
	margin-right: 10px;
	}

.pic_r-gold{
	float: right;
	border: 3px solid #005000;
	margin-left: 8px;
	margin-right: 10px;
	text-align: center;
	background-color: #ff9830;
	}

.pic_r-redborder{
	float: right;
	border: 2px solid red;
	margin: 8px 10px 12px 12px;
	text-align: center;
	}

.pic_l-redborder{
	float: left;
	border: 2px solid red;
	margin: 8px 10px 12px 12px;
	text-align: center;
	}

.pic_c-redborder{
	border: 2px solid red;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

.pic_rno{
	float: right;
	border: none;
	margin: 8px 10px 10px 6px;
	text-align: center;
	}

.pic_rno_rmrgn{
	float: right;
	border: none;
	margin: 8px 20px 6px 6px;
	text-align: center;
	}


.pic_l-green{
	float: left;
	border: #005000 1px;
	margin-left: 8px;
	margin-right: 10px;
	text-align: center;
	background-color: #005000;
	}


.picborder{
	border: solid black 1px;
	}


.imgroom{
	float: left;
	margin-left: 20px;
	margin-right: 40px;
	margin-bottom: 18px;
	}




/* The hide text thing - had to have different "names" for each paragraph to be hidden. Note 
these are all "id" identifies, not "class" members - each button has a 1 to 1 relationship
with the elements it will make visible. */

#showhide{
	visibility:hidden;
}

#showhide1{
	visibility:hidden;
}

#showhide2{
	visibility:hidden;
}

#showhide3{
	visibility:hidden;
}

#showhide4{
	visibility:hidden;
}

#showhide5{
	visibility:hidden;
}

#showhide6{
	visibility:hidden;
}





/* Book Table of Contents Tables, currently framed, some with this css */
/* I used a layout table after trying to make css positioning work
	I left the css code here, but I'm using tables */

.framecontent{
	background-color: #ffff99;
	}


/* Tables to display information - don't confuse with lists */

.tablelist{
	width: 85%;
	border-collapse: separate;
	empty-cells:hide;
	border: thin solid #fcdc89;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	}

.tablelist td{
	border:1px solid #005000;
	padding: 10px;
	}

.tablelist td{
	padding: 0px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;
	}

.tablecenterno[
	border-collapse: separate;
	margin:auto;
	text-align:center;
	padding: 6px;
	empty-cells: show;
	}

.tablelistno{
	width: 75%;
	border-collapse: separate;
	margin: auto;
	text-align: center;
	padding: 6px;
	}

.tablelistnarrowno{
	width: 50%;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	empty-cells: show;
	}

.tablelistr{

	border-collapse: separate;
	border: thin solid #fcdc89;
	padding: 6px;
	margin-left:10px;
	empty-cells: show;
	float: right;
	}

.list{
	font-size: 80%;
	line-height: 130%;
	border: thin solid #fcdc89;
	padding: 4px;
	}

.listno{
	font-size: 80%;
	line-height: 130%;
	border: none;
	padding: 5px;
	padding-bottom: 18px;
	vertical-align: top;
	}

.listcenter{
	font-size: 80%;
	line-height: 130%;
	text-align: center;
	border: thin solid #fcdc89;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
	}

.listright{
	font-size: 80%;
	line-height: 130%;
	text-align: right;
	border: thin solid #fcdc89;
	padding: 4px;
	}

.listblankrow{
	height: 12px;
	border: thin solid #fcdc89;
	}

.btmbrdr{
		border-bottom-style: 2px solid green; 
}

.btmbrdr_right{
		border-bottom: thin solid #005000;
		text-align:right;
}


.allbrdr{
		border-left: thin solid #005000;
		padding: 5px;
}



/* List Styles - other than default */

.nomarker{
	list-style-type:none;
}

.decimal{
	list-style-type:decimal;
}

.lowerroman{
	list-style-type:lower-roman;
}

.upperroman{
	list-style-type:upper-roman;
}

.upperalpha{
	list-style-type:upper-alpha;
}

.loweralpha{
	list-style-type:lower-alpha;
}

li.noindent{
	margin-left:0px;
}



/* Headings  and Like Headings*/

h1{
	font-size: 170%;
	color: #d60000;
	text-align:center;
	font-weight: bolder;
		display: block;
		margin-left:auto;
		margin-right:auto;
}

.likeh1 {
		font-size:170%;
		color: #005000;
		font-weight: bolder;
		text-align: center;
}

/* trick IE8 */

.ie8h1{
	font-size:170;
	font-variant:small-caps;
}


h2{ 	
	font-size: 150%;
	color: #d60000;
	font-weight: bold;
	text-align: center;
	}

.likeh2{ 	
	font-size: 150%;
	color: #005000;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
	}

.likeh2_red{ 	
	font-size: 150%;
	color: #d60000;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
	}

h3{ 	
	font-size: 125%;
	color: #005000;
	font-weight: bold;
	text-align: center;
	}

.likeh3{ 	
	font-size: 125%;
	color: #005000;
	font-weight: bold;
	text-align: center;
	}

h4{ 	
	font-size: 110%;
	color: #005000;
	font-weight: bold;
	text-align: center;
	}

.likeh4{ 	
	font-size: 110%;
	color: #005000;
	font-weight: bold;
	text-align: left;
	}


h5{
	font-size: 105%;
	color: #005000;
	font-weight: bold;
	text-align: left;
	}

h6{
	font-size: 100%;
	color: #005000;
	font-weight: bold;
	text-align: left;
	}


/* reduce size of a line of heading */

.headsmaller{
	font-size: 90%;
}


/* subtitles within stories - less space below */

.instoryhead{
		margin-bottom: .5em;
}



/* Links and anchors */

a:link{
	color: #005000;
	text-decoration: underline;
	}

a:visited{
	color: #005000;
	text-decoration: underline;
	}

a:hover{
	color: #ff0000;
	text-decoration: underline;
	}

a:active{
	color:#ff0000;
	text-decoration:underline;
	}


/* Not sure these are used - or if they mess up link colors

a.table{
	font-size: small;
	color: #003300;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	}

a.table:visited{
	font-weight: bold;
	font-size: 90%;
	color: #003300;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	}

a.table:hover{
	background: #ffcc66;
	font-weight: bold;
	font-size: 103%;
	color: #ff3333;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	}

			*/

/* for no border link images */

a.noborder{
	font-size: small;
	color: #005000;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	border: none;
	}


/* blockquote styles */

.bqborder{
	border: thick groove #005000;
	padding: 10px;
	}

.bqnormal{
	text-align: left;
}

			/* blockquotes in 2 column pages */

.bq2col{
	font-style: italic;
	position: relative;
	margin-left: -2em;
	margin-right: 2em;
	font-weight:200;
}

/* emulate blockquote - more control? */

.quote{
	font-style: italic;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	font-weight:lighter;
}

.quote_border{
		width: 92%;
		margin-left:auto;
		margin-right:auto;
		border-style: solid;
		border-width:1px;
		border-color:#005000;
		font-style: italic;
		font-weight:lighter;
		padding: 12px;
}

.quote_border_strong{
		width: 85%;
		margin:auto;
		border-style: double;
		border-width:5px;
		border-color:#005000;
		font-style: italic;
		font-weight: bolder;
		color: #005000;
		background-color: #ff9830;
		padding: 12px;
}

/* MISC */


/* 3 - Alignment Elements */



/* comment these out - see if they are used 

.left{
	float: left;
	text-align: left;
	margin-right: 12px;
	margin-bottom: 3px;
	}

.right{
	float: right;
	text-align: left;
	margin-left: 8px;
	}

		*/

/* TEXT STUFF */

/* classes to align text */

.center{
		margin-left:auto;
		margin-right:auto;
	}

.left{
	text-align: left;
	}

.right{
	text-align: right;
	}

/* Text Decoration */

.center_red{
	text-align: center;
	color: red;
	}

.left_red{
	text-align: left;
	color: red;
	}

.right_red{
	text-align: right;
	color: red;
	}

.center_green{
	text-align: center;
	color: green;
	}

.leftgreen{
	text-align: left;
	color: green;
	}

.rightgreen{
	text-align: right;
	color: green;
	}

.linethrough{
	text-decoration: line-through
}


/* classes to align text  with colors */




/* add background color to alignment */

.center_lgtblue{
	text-align: center;
	background-color: #99ffff;
	}

.left_lgtblue{
	text-align: left;
	background-color: #99ffff;
	}

.right_lgtblue{
	text-align: right;
	background-color: #99ffff;
	}





.noborder{
	border-style:none;
	}

.small{
	font-size: 80%;
	line-height: 110%;
	}

.large{
	font-size: 108%;
	line-height: 118%;
	}

.smallright{
	font-size: 80%;
	line-height: 110%;
	padding: 6px;
	text-align: right;
	}


.centerredbold{
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 115%;
	}