body {
	color:#000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size: small;
	background-image: url(../images/sidebarbg.gif);
	background-repeat: repeat-y;
}

p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal}

h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: small-caps; color: #0066cc}

h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #0066cc}

h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0066cc}

h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-style: italic; color: #0066CC; vertical-align: super; text-align: center}


.skipnav { /*Class for skipping navigation*/ /*though I don't think I put a skipnav link on the page! */
        border: 0px;
        float : right;
        }

a:hover {
	background-color: #CCCCCC;
	cursor: pointer;
	color: #6699CC;
}

a:active {  color: #006699}

a:link {
	color: #000066;
}

a:visited {  color: #6699CC}

table {  background-color: #FFFFFF}

.new {  font-family: Arial, Helvetica, sans-serif; color: #990000}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666666;
}

.little {
	font-size: 9pt;
	color: #FFFFFF;
}

.copyrighttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#header {
	background-color: #006699;
	margin: 0px;
	padding: 0px;
	height: 113px;
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	background-image: url(../images/newheader2/newheader_d.jpg);
	background-repeat: no-repeat;

}

#pmdslogo {
	background-color: #006699;
	margin: 0px;
	padding: 0px;
	height: 113px;
	width: 100px;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
	visibility: visible;
}

#copyright {
	background-color: #B1CBE1;
	margin: 0px;
	padding: 0px;
	height: 25px;
	position: absolute;
	z-index: 101;
	right: 0px;
	top: 114px;
	background-image: url(../images/navbar/navbar01_slice.jpg);
	background-repeat: repeat;
	visibility: visible;
	width: 100%;
}

/*sidebar is for the navigation on the left*/

#sidebar {
	background-color: #7496B5;
	margin: 0px;
	padding: 25px 0px 0px 0px;
	height: 1400px;
	width: 150px;
	position: absolute;
	z-index: 200;
	left: 0px;
	top: 114px;
	background-repeat: repeat-y;
}

#sidebar ul {
        margin: 0; /*removes indent IE and Opera*/
        padding: 0; /*removes indent Mozilla and NN7*/
        list-style-type: none; /*turns off display of bullet*/
		
}

#sidebar li {
        margin: 0 0 7px;
}

#sidebar a {
	display: block;
	padding: 2px 2px 2px 5px;
	width: 143px;
	background-color: #7496b5;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size:14px;
	text-decoration: none;
}



#sidebar a:link, #sidebar a:visited {
        color: #000;
        /*/*/text-decoration: none; /* */
		}

#sidebar a:hover {
        
        background-color: #B1CBE1;
        color: #006699;
}

/*uberlink is supposed to be for highlighting the page that we're ON at present*/

#uberlink a:link, #uberlink a:visited, #uberlink a:hover {
	background-color: #B1CBE1;
	color: #006699;
	padding-top: 10px;
	padding-bottom: 15px;
		}

/*affiliate is supposed to be for highlighting the affiliate links */

#affiliate a:link, #affiliate a:visited, #affiliate a:hover {
	color: #000000;
	font-size:14px;
		}
		
.affiliate_title {
	padding: 2px 2px 2px 5px;
	font-size: 14pt;
	font-weight: bolder;
	color: #003366;
}


/*little styles for elements in the body of the page*/

.highlight {
	background-color: #FFF490;
	padding: 5px;
}
.feature_box {
	display: block;
	background-color: #FFFF66;
	width: 300px;
	border: thin dashed #000000;
	padding: 5px;
	font-weight: normal;
	}
.little {
	font-size: 9px !important;
	color: #000000;
}
.hilite_row {
	background-color: #FFFFCC;
	padding: 5px;
	border-bottom: 1px dotted #000000;
}


/* ===========================================================================================================================*/
/* Beth - Below are the Body structural classes and image classes */

/*Class for the main body of the page*/

#maincontent {
	top:0px;
	position: absolute;
	margin: 150px 40px 10px 165px; 
	width:78%; /* Beth - added because content area was too wide in Explorer */
}

/*Class for the intro material before the products, a subdiv of maincontent */
#upper {
	float:left;
	clear:left;
}

/*  Class for Paul's picture */
IMG#bio  {
	float:right;
	margin: 0px 10px;
	vertical-align:top; /* Beth - added to set position within div, aligns inline elements with each other (image with top of text) */
	padding: 0 0 0 5px;
}



/*Class for products, in an attempt to get the products to float left and clear Paul Meier's picture*/
#inner {
	clear: both;
	line-height: normal; /* Beth - you can change the alignment within the div by changing the line height */
	
}

/*Class for images in the inner area, trying to get them to float left with some space to the right and beneath them*/
#inner img {
	float:left;
	position: relative; /* Beth - added to set position within div */
	top:0px; /* Beth - added to set position within div */
	left:0px; /* Beth - added to set position within div */
	
	margin:0px 10px 0px 0px; /* Beth - adds a right margin to push text away from it's side */	
}


/*Classes to get the backgrounds of the divs for the products to clear each other and to alternate grey and white  */
.white {
	clear:left; /* Beth - I changed this from "both" to "left". Explorer supports it better, and there is no need to clear "both" */
	background-color: #ffffff; /* Beth - added to make sure background stays white */
	padding: 10px 10px 10px 10px; /* keeps contents within the div 10 pixels from each edge */ 
	position:relative; /* Beth - added for positioning*/
	top:0px; /* Beth - added for positioning*/
	margin:0px 0px 0px 0px; /* Makes sure that there is no space around the div */

}
.grey {
	clear:left;
	background-color: #E9E9E9;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	position:relative;
	margin:0px 0px 0px 0px;
}

.tabletop {
	background-color:#7395B4;
	color:#003366;
	}


/*Class underimage to put after the text in the grey and white divs. Forces the div to stretch below the images on the left, must have <P></P> after it. Divs stretch for text, not images. */
.underimage {
	clear: left;
	font-size: 1px !important;
	line-height:1px;
}
/*class styles the <P></P> after the underimage br so there is as little white space below the text as possible. */
.wee  {
	font-size: 1px !important;
	line-height:1px;
	}


/*Class for menus from projectseven.com  for the horizontal menus*/

.p7tbsub {

	background-color: #CCCCCC;
	border: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 2px;
}
.p7tbsub p {
	
	font-size: 10px;
	color: #003399;
	text-decoration: none;
	margin: 0;
}
.p7tbsub a:link {color: #000000;
	display: block;
	width: 148px;
	margin: 0px;
	padding: 6px 0px 3px;
	text-decoration: none;
	}
.p7tbsub a:visited {
	color: #006699;
	display: block;
	width: 148px;
	margin: 0px;
	padding: 6px 0px 3px;
	text-decoration: none;
	}
	
.p7tbsub a:hover {
	color: #FFFFFF;
	background-color: #006699;
	width: 148px;
	
}
.p7tbsub a:active {color: #FF9900;}
.p7tbdn {color: #FF9900 !important; font-weight: bold;}

/*End for the project seven drop down menu styles*/