/* MAIN.CSS DOCUMENT FOR ExactDetail */
/* Developed by Chris Snyder and Thomas Michaud */

/* --- BODY  AND MAIN TEXT ELEMENTS --- */
body{
	background-color: #999;
	background: url(/images/backgrounds/page.gif);
	margin: 0px 0px 0px 0px;
	color: #000;
	font-family: Verdana, Helvetica, Lucida Sans, LucidaGrande, sans-serif;
	text-align: center;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
}
html>body { /*for Opera */ font-size: small;}

p{}
.p1, .p2  {line-height: 1.25em; margin:0 10px 15px 15px; padding: 0; text-align:left;}
.p1justify  {line-height: 1.25em; word-spacing:.125em; font-size: 100%; margin:0 10px 15px 15px; padding: 0; text-align:justify;}
p.note {line-height: 1.25em; margin:0 10px 15px 15px; font-size: 85%; font-weight:bold;}
h1, h2, h3, h4, h5, h6{
	margin: 0px;
	padding: 0px;
}
h1{
	text-align: center; font-size: 150%; color: #000; font-family: Trebuchet MS, Arial;
}
h2{
	font-size: 130%; color: #000; font-family: Trebuchet MS, Arial;
}
h3{
	font-size: 120%; color: #000; font-family: Trebuchet MS, Arial;
}
h5{
	text-align: center; color: #000; 
}

hr{
	border: 1px solid black;
}

ul, li{list-style: none;}

#emlist li {background: url(/images/bullets/bullet-arrow.jpg) no-repeat 0 50%; line-height: 1.5em; font-weight:bold; font-size: 120%; text-align: left; padding-left:20px;}

/* --- LINK ATTRIBUTES --- */
a{text-decoration:none;}

#content a:link {color:#999999; text-decoration:none;}
#content a:visited {color: #036; text-decoration:none;}
#content a:hover {color:#036; text-decoration:none;}
#content a:active {color:#CCCCCC; text-decoration:none;}



#footer a:link {color:#FFF; text-decoration:none;}
#footer a:visited {color: #000; text-decoration:none;}
#footer a:hover {color:#036; text-decoration:none;}
#footer a:active {color:#FFF; text-decoration:none;}


/* --- TABLE ELEMENTS --- */

.pageTable{
	width: 645px;
	margin: auto;
	text-align: left;
}

/* --- SET ALIGN CLASS ELEMENTS --- */

.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}

/* --- DIV ELEMENTS --- */


#top{
	height: 25px;
	font-size: 10pt;
	padding: 0px 5px 0px 0px;
	color: #000;
}

#header{
	height: 102px;
}
#body{
	height: 200px;
	background-image: url(/images/backgrounds/body.gif);
}
#body-noSidebar{
	height: 200px;
	background-image: url(/images/backgrounds/body-noSidebar.gif);
}
#footer{
	height: 35px;
	background-image: url(/images/backgrounds/footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	color: #000;
	padding: 10px 0px 0px 0px;
	font-size: 8pt;
}
#header img{
	margin: 18px 0px 0px 16px;
}

#top td a{
	color: black;
	text-decoration: none;
}
#top td#searchBar{
	padding: 0px 4px 2px 0px;
}
#top td#searchBar form{
	margin: 0px; 
	padding: 0px;
}
#top td#searchBar h4{
	font-weight: normal; 
	font-size: 8pt; 
	display: inline;
}
#top td#searchBar form input#q{
	vertical-align: middle; 
	border: 1px solid #000; 
	background-color: #CCC; 
	background-image: url(../images/backgrounds/search-bar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 1px 0px 0px 2px; 
	height: 15px; 
	font-size: 8pt;
	color: #000;
}
#top td#searchBar form input#submit{
	vertical-align: middle; 
	border: 1px solid #000; 
	background-color: #777; 
	height: 18px; 
	margin: 0px; 
	padding: 0px; 
	font-size: 6.5pt; 
	color: #000;
}

/* ---------- images ------- */

p img {
	padding: 0;
	max-width: 100%;
	}
a img {
   border-style: none;
}
img a{border-style: none;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 2px 4px 4px 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}


img.alignleft {
	padding: 2px 4px 4px 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}