* { padding: 0; margin: 0; }
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #E6E6E6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 5px 0 10px 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1{font-size:23px;margin:5px}
h2 {font-size:18px;margin:3px}
h3{font-size:16px;margin:3px;padding:2px}
h3.underline {border-bottom:dashed; border-width:thin;border-color:#666}
ul.normal {padding:5px;margin:3px 2px 3px 25px}
ul.normal li{padding:2px}
#container {
	width: 985px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background:#666;
	background-image:url(../design-images/header_bg.jpg); 
	background-position:top;
	background-repeat:no-repeat;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:106px
}
.headAddress {float:right; text-align:right;color:#FFF;font-weight:bold;padding:5px;margin:0px}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
#mainContent p{padding:2px 5px 2px 10px}

div.contentRight {
	position:relative;
	margin:0px;
	padding:0px;
	float:right;
	background-color:#FFF;
	width:30%;
	height:500px}
div.contentLeft {
	position:relative;
	margin:0px;
	padding:0px;
	background-color:#F2F2F2;
	height:500px}
div.promo{float:left;background-color:#CCCCCC;background-image:url(../design-images/promo_bg.png);background-repeat:repeat-x;margin:1px;width:33%; display:block;text-align:center;height:365px}
div.bio{float:left;background-color:#FFF;margin:5px 18px}
div.bio img{border:0px}
table.bios{width:196px;margin:5px}
td.frame{background-image:url(../design-images/frame.gif); padding:10px}
td.plaque{background-image:url(../design-images/plaque.jpg);text-align:center}
div.bioback{float:right;padding:15px}
#bioContainer{width:980px;}
.promo h3{color:#FFF;margin:4px;font-size:16px;text-align:center}
.promo img{margin: 3px 0 3px 0}
.promoUpgrade p{margin:0px 0px 2px 0px;padding:0px}
table.mini {text-align:center;margin:5px;padding:3px;width:99%}
table.linkTable {text-align:center;margin:1px;padding:1px;width:99%;border:0px}
table.library {text-align:left;margin:3px;padding:3px;width:85%;border:dashed;border-width:thin}
table.project {text-align:left;margin:3px;padding:3px;width:95%;border:dashed;border-width:thin}
table.library td{padding:2px;}
img.normal {margin:5px}
td.class1, tr.class1 {
    color: black;
    background-color: #FFFFFF;
	border:dashed;
	border-width:thin;
	border-color:#FFFFFF
}
td.class1:hover, tr.class1:hover {
    color: black;
    background-color: #EFEFEF;
	border:dashed;
	border-width:thin;
	border-color:#666666
}


#footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#333;
	background-image:url(../design-images/footer_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:101px;
	
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FFF
}

#menu {padding-top:78px;}
#menuBottom {padding-top:0px;}

.white{color:#FFF}