html, body{ 
 margin:0px; 
 padding:0px; 
 height:100%; 
 font-size:100%; 
 font-family: Arial,sans-serif;
} 
form textarea {font-size: 1em; font-family: Arial,sans-serif;}
body {margin-bottom:25px; background-color: #cccccc; color: #000000; background-image:  url("images/bg-metal.gif"); background-repeat:repeat; background-attachment:fixed; } /* dk blue #006699; green #005027; */ 

/* ****************** DEFAULT STYLES ***************** */ 
.officeuse {display:none; height:1px;}
table { margin:0; font-size: 100%; } /* IE hack for better text resizing */
td { background: transparent; border: 0px; margin: 0px; padding: 0px; font-size: inherit; }
table.listSpace td {padding:.2em .4em;vertical-align:top;} /* generic padding */
table.listSpace th {padding:.2em .4em;vertical-align:bottom;} /* generic padding */
img { border: 0 none; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
ul {
	list-style-type: square;
	margin: .5em 0 1em;
	padding: 0 0 0 1.5em;
	position:relative;
	left: 2px;
}
ul ul { list-style-type: disc; }
ul ul ul { list-style-type:circle; }
ol { margin: .5em 0 1em; padding: 0 0 0 1.5em; position:relative;}
ol.listSpace li, ul.listSpace li {margin-bottom:.5em;}
p.listSpace { line-height:1.2; }
blockquote {margin: 1em 15px; padding:15px; }
hr { clear: both; }

a, a:link, a:visited {color: #660800; text-decoration: none;}
a:hover {color: #660800; text-decoration: underline;}

h1{font-size: 20pt; font-weight:normal; } /* 190% */
h2{font-size: 114%; color: #004d77;}
h3{font-size: 110%; color: #004d77;}
h4{font-size: 100%; color: #000000;}
h5{font-size: 100%; color: #004d77;}

/* ****************** LAYOUT STYLES ***************** */ 

#pageframe{ 
 width:800px; margin:auto; padding:0px; margin-top:25px;
 background: rgb(176,186,198); /* navy e5d490  beige #F1EDC2; gray #F5F3E7; */
 border:solid black; border-width:1px 2px 2px 1px;
} 
 
#masthead{
 width:100%; margin:auto; padding: 0px;
 height:118px; overflow:hidden; /* IE needs height & overflow on div to fix 3px bug */
}

#colwrap{
width:100%; margin:0px; padding: 0px;
}
 
#leftcol{
 width:200px; margin:0px; padding:0px;
 float:right; 
 position:relative;
 font-size:.8em;
 }
 
#maincol{
 width:600px; margin:0; padding:0;
 float:left; 
 position:relative; 
 display:inline; 
 background-color:white;
 height:400px; /* height acts as mininum height for shorter content pages in IE6 */
 }
 div#colwrap > div#maincol{
 height:auto; min-height:400px; /* height for modern browsers */
 }
 
#footer{
 width:100%; margin:0px; padding:0px; 
 clear:both; 
 font-size: 75%; color:white; font-weight:bold;
 background-color:#333333; /* rgb(74,26,0);=brown */
} 
#footer a, #footer a:visited {color:white; text-decoration:underline;}
#footer a:hover {color: #cccccc;}
#footer-left {float:left; text-align:left; padding:8px; width:72%;}
#footer-right {float:right; text-align:right; padding:8px; width:22%;}

/* ****************** MAIN CONTENT STYLES ***************** */ 
#pageName{
	margin: 0px 0em .25em 0;
	padding-bottom: 5px;
	border-bottom: 2px dashed #cccccc;
}

.feature{
 padding: 16px 16px 16px 16px; 
 font-size: .9em; 
}

.feature a, .feature a:link, .feature a:visited {color: #660800; text-decoration: underline;}
.feature a:hover {color: black; text-decoration: underline; background-color: #dddddd;}

.feature h3, .feature h2{
	margin: 0 0 .5em 0;
	padding:0;
	text-align: left;
}

.feature img.left{
	float: left;
	margin: 2px 10px 5px 0px;
	padding: 2px;
	border:1px solid black;
}

.feature img.right{
	float: right;
	margin: 2px 0px 5px 10px;
	padding: 2px;
	border:1px solid black;
}

.feature img.none{
	float: none;
	margin: 2px 10px 5px 10px;
	padding: 2px;
	border:1px solid black;
}
.announcement {border:1px dashed black; padding:1em;background-color:gold;margin-bottom:1em;}

.highlight{
 width:95%; margin-bottom:1em; padding:10px; 
 border:solid black; border-width:1px 2px 2px 1px;
 background-color:#BFE1F2;  /* BFE1F2=pale blue  rgb(78,175,220)=blue ; #d4dfc8; = green*/
 font-family: "times new roman",times,serif;
}

.highlight img{
 float:left; margin: 0px; padding:0px; border:none; 
}

.bubble {
	width:180px;
	margin:0px 0px 1em 1em;
	padding: 1em;
	float:right;
	background-color:#b8c0d1;
	border:2px solid #cccccc;
	font-size: 92%;
}

 .topper {text-align:right; font-size:.9em;font-weight:bold;}
/*********** page specific styles ***********/

/*********** .directory styles ***********/

.dirLogo {margin:16px 0px 1em 2px; width:auto; padding:8px 0px 8px 8px; background-color:white;}
.dirTitle {margin:16px 0px 1em 2px; padding:0px 0px 0px 8px; font-weight:bold; color:white; }
.dirItem {margin: 4px 0px; padding:2px 0px 2px 10px;}
img.logo {background-color:white;padding:8px 5px;}
a img.logo {border:2px solid transparent;}
a:hover img.logo {border: 2px solid red;}

.dirItem a,
.dirItem a:visited,
.dirItem a:hover {color:white; font-weight:bold; display:block; width:100%;}
.dirSelected {
	margin: 4px 0px; padding:2px 0px 2px 10px;
	background-color:white; font-weight:bold; color:black;
}
.dirSelected a,
.dirSelected a:visited,
.dirSelected a:hover {color:black;} 

 /* *********************** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /* ********End Float containers fix */

/*printer styles */ 
 @media print{ 
/*turn off background colors and hide some elements when printing*/ 
html,body {background:#ffffff none;}
#pageframe{width:96%;max-width:800px;margin:0px; background:#ffffff none; border:none 0;page-break-inside:avoid;}
#nav, #search, #leftcol{display:none;} 
#maincol{width:100%;}
.feature{padding:0px;}
#footer {margin-top:10px;border:1px solid black;color:black; background:#ffffff none;}
#footer a, #footer a:visited {color:#999999;}
}