body
{
 margin: 2px;
 padding: 3px;
 text-align: left; /* Need to set to compensate for browsers that do not correctly do auto margins */
 background: #fff; /* Page background */
 color: #000; /* Main body font color */
 font-family: arial, hevetica, sans-serif; 
 font-size: 100%;
}
#container
{
 text-align: left;   /* Now put text back. Used in conjunction with "text-align: center" in "body" */
 margin: 3px auto;
 width: 90%;							/* footer width possibly ? */
 height: 80%;							/* Nothing changes, leaving at 100% */
 background: #286AE6 url(http://pdlci.com/layout/images/nav-base3.gif) repeat-y; /* Right side background color */

}

#siteheader
{
 background: #00d;						/* header background color */
 color: #00d;							/* header font color */
 font-size: 175%;
 font-weight: normal;
 text-transform: uppercase;
 text-align: center;
 letter-spacing: .5em;
 padding: .4em 0;
 border-top: 3px solid #000;			/* header top border line color */
 border-bottom: 3px solid #000;			/* header bot border line color */
}

#nav /* #-makes it inline */
{
 float: left;
 width: 180px;
 height: 95%;							/* make it length of page to prevent data falling underneath. was at 180px */
 display: inline;
 margin-left: 20px;
 padding: 15px 0;
}

#nav ul
{
 margin:0;
 padding: 0;
 list-style-type: none;
 text-align: right;
}

#navlow li
{
 background: url(http://pdlci.com/layout/images/nav-bullet.gif) no-repeat 100% .4em;
 padding: 0 10px 5px 0;
 font-size: x-small;
}

#navtop li 
{
 padding: 0 10px 5px 0;
 font-size: x-small;
 color: #035;
}

#content
{
 float: left;
 width: 550px;
 height: 95%;
 margin-left: 45px;
 padding: 15px 0;
}
#blogroll
{
	padding: 0 10px 5px 0;
	font-size: x-small;
	color: #035;
	width: 50px;
	height:95%;
	display: inline;
}
/* not used? \/ */
#sectionheader 
{
	text-transform: uppercase;
	text-align: left;
	font-weight: bolder;
	font-size: 120%;
	background-color: #333399;
	color: #FFFFFF;
}
/* not used? /\ */
#paraheader
{
	text-align: left;
	text-transform: none;
	font-weight: bold;
	font-size: 100%;
	color: #333399;
}

#parasubheader
{
	text-align: left;
	text-transform: none;
	font-weight: bold;
	font-size: 100%;
	color: #000000;
}
/* not used 
#notebody
{
font-family: arial, verdana, 'sans serif', serif; 
color: #fff;
font-style: italic;
} 
#notebody
{
 margin-left: 10pt;
 padding: 1em;
 border: 1px #000;
}
*/
#notelabel
{
color: firebrick;
}
#notebody, #sidenote
{
 font-style: italic;
}
#screenimage
{
 border: 10px solid #fff;
 text-align: center;
 margin: 10px 0 0 10px;
}

#screencaption
{
 margin:0;
 text-align: center;
 padding: 0 20px 30px 10px;
}

#footer
{
 clear: both;
 background: #00a;					/* footer background */
 color: #fff;						/* footer font */
 padding: 5px 10px;
 text-align: right;
 font-size: 80%;
}

#emailing,.fixeddata
{
 font-family: 'Lucida Console', Monaco5, monospace;
 font-size: 80%;
}

#emailing
{
 padding: 1em;
 border: 1px solid;
 color: #00f;
}
#emblue
{
 color: blue;
}
a:link {COLOR: #fff;}
a:visited {COLOR: #fff;}
a:active {COLOR: #fff;}

a:hover {COLOR: #fff;}
#unordlistCopy {

	list-style-type: disc;
	color: #333399;
}
#para {
	text-align: left;
	text-transform: none;
	font-weight: 100;
	font-size: 100%;
	color: #000;
}