/*PFLAG_basic.css*/

body{
	margin: 0;
	color: #006;
	background-color: #fff;
}
p, h1, h2, h3, h4, div, blockquote, body, table, td{
	font-family: Verdana, 'Myriad Web', Syntax, sans-serif;
	}
/*outside container-*/

#container {
	position: relative;
	width: 95%;
	height: 95%;
	margin: 5px auto 5px auto;
	text-align: left;
	color: #006; /* navy blue #006*/
	background-color: #fff; /* main color: white */
	/*border: 1px solid #000;*/
}

#container p{
	padding: 1px;
}

		
h2{
	font-size: 0.8em;
	color:#0033CC;
}


p{
	color: #006;
	font-size: 0.8em;
	line-height: 1.15em;
}

a:link{
	color: #909;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	
}

a:visited {
	background-color: transparent;
	color: #909;
	text-decoration: none;
}

a:hover{
	color: #ff9; /* yellow */
	background-color: #93c;
}


/****left sidebar **********/


a.nav:link, a.nav:visited{
	color: #909; /* plum */
	background-color: transparent;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 0px;
	width: 160px;
}
/* sidebar hover */
a.nav:hover{
	color: #ff9; /* yellow*/
	background-color: #93c; /*dark purple*/
	
}
#left{
	float: left; 
	width: 22%;
	margin-top: 0.25em;
	font-size: 1em;
	border: 2px solid #909;
	background-image: url(../images/myPatternTile.jpg);
}

#left p{
	margin-top: 40px;
	margin-left: 10px;
}

/* Use list w/padding to put distanc between li items  */
#left ul{
	list-style: none;/*remove bullets*/
	padding: 0;
	margin: 0;	
}

#left li{
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
	display: block; 
	width: 100%; /*This stretches text across - no breaks*/
}


/***** main ****/
#main{
	margin-top: 0;
	margin-bottom: 2em;
	margin-left: 25%; 
	margin-right: 5%;
	position: relative;
	/*border: 2px solid #006; */  /*Use this border to  outline main */
}

#main h1{
	text-align: center;
	position: relative; /*If this is removed, background doesn't show*/
	padding: 5px 5px 5px 5px;
	font-size: 1em;
	background-color: #fcf;
	color: #000;
}

/* My Comment */

#main h3{ /*same as h1 but no background color */
	text-align: center;
	position: relative;
	padding: 5px 5px 5px 5px;
	/*padding: 0px 100px 10px 0px;*/
	font-size: 1em;
	color: #00c;
}
#main h2{
	display: inline;
	color: #00c;
	padding: 2px 4px 2px 4px;
	font-size: 0.8em;
}

#main h4{ /*same as h2 but different color*/
	display: inline;
	color: #00c;
	padding: 2px 4px 2px 4px;
	font-size: 0.8em;
	margin: 0;
}
#main h5{
	position: relative; /*If this is removed, background doesn't show*/
	/*padding: 5px 5px 5px 5px;*/
	font-size: 0.8em;
	background-color: #fcf;
	color: #000;
	display: inline;

}

#main ul{ /*don't add li to this rule*/
	list-style: none; /*remove bullets*/
	padding: 0;
	margin: 0;	
	font-size: 0.8em;
	color: #333;
}

#main ul.disc{
	/*display: list-item;*/
	list-style: disc;
	
	margin: 0;
	padding: 8px;
	font-size: 0.8em;
}

#main ul.square{
	/*display: list-item;*/
	list-style: square;
	list-style-position: inside;
	margin: 0;
	padding: 4px;
	font-size: 0.8em;
}
#main li.nest{
	text-indent: 4em;
	color: #333;
	font-size: 1em;
	padding: 20px;
	display: inline;
}
	
#main ol{
	list-style: decimal;
	padding: 8px;
	font-size: 0.8em;
	color: #333;
}


#main li{
	/*change padding from 5px to 3px */
	padding: 3px;
	color: #333;
}

#main p{
	color: #333;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 0.8em;
	
}


table{
	/*text-align: center;*/
	position: relative;
	font-size: 0.9em;
	border: 3px solid #ccc;
	margin-left: 80px;
	padding: 4px; 
	width: 80%;
	background-color: #ffc;
}

td, th{
	border: 2px solid #fc9;
	padding: 3px;
}

.list1{
	display:list-item;
	list-style: disc;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #333;

}
/*list-style-type: unordered lists*/
.disc{
	list-style: disc;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #333;
}
.discInside{
	list-style: disc;	
	list-style-position: inside;
}
/*list-style-type: ordered lists*/
.decimal {
	list-style: decimal;
	text-indent: 1.25em;
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
	/*display: block; */
	color: #0f0; /* #333 */
}
.lalpha {
 	list-style: lower-alpha;
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
	color: #333;
}
p{
	color: #333;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 2em;

}
/*Date generated by javaScript*/
#date{
	text-align: center;
	margin-top: 1em;
	padding: 0;
	
}

#date p{
	font-weight: normal;
	display: inline;
	padding-left: 15em;
	padding-right: 5em;
	/*border: 1px dashed #000;*/
}

.indent{

	text-indent: 1.25em;
}

.imageInline{
	display: block;
	color: #333;
	/*border: 1px solid #f0f;*//*Use for troubleshooting*/
	
	text-align: center;
}
/*Use for small paragraphs - 10 lines or so*/
.short{
	margin-top: 5em;
	margin-bottom: 25em;
	margin-right: 2em;
	margin-left: 5em;
	padding: 2px;
	/*background-color: #ffc;*/
	font-size: 0.8em;
	color: #006;
	line-height: 2.0;	
}

.centerImage{
	display: block;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
}
.bullet {
	list-style: disc;
	list-style-position: inside;
}
.bulletBox {
	list-style: disc;
	background-color: #ffc;
}
.b{
	font-weight: bold;
}

.center{
	
	text-align: center;
}

.firstline:first-line{
	font-weight: bold;
	background-color: #ff0;
	color: #ff0;
}
.colorYellow{
	color: #000;
	font-weight: bold;
	background-color: #ff0;
}

.colorGreen{
	color: #fff;
	font-weight: bold;
	background-color: #0c0;
}
.colorBlue{
	color: #00c;
	text-align: center;
	font-weight: bold;
}

.colorRed{
	color: #ff0009;
	text-align: center;
	font-weight: bold;
}


.bgYellow{
	background-color: #ff0;
}

.bgLYellow{
	background-color: #ffc;
	color: #333;
}
/*Not using*/
a.outside:link, a.outside:visited{
	color: #933;
	background-color: #ccc;
	text-decoration: none;
	font-weight: normal;
}
a.outside:hover{
	text-decoration: underline;
	color: #fc6;
	background-color: transparent;
}