p {margin: 0 0 .5em; padding-right: 10px; }
/*P { FONT-SIZE: 12px; COLOR: #000000; TEXT-INDENT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; } */
A:link { FONT-SIZE: 12px; COLOR: #1958b7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A:visited { FONT-SIZE: 12px; COLOR: #1958b7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A:hover { FONT-SIZE: 12px; COLOR: #1958b7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }

a.normallink,
a.normallink:visited,
a.normallink:hover {font-size:100%; COLOR: #1958b7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }

/* http://www.sepcot.com/blog/2007/01/CSS-Styling-HR */
div.hr2 { margin: 4px 14px; width: 30em; border: none; border-top: 2px solid #083194; }
div.hr2 hr { display: none; }
div.hr3 { margin: 4px 6px; width: 30em; border: none; border-top: 2px solid #083194; }
div.hr3 hr { display: none; }
div.hr5 { margin: 9px 18px; width: 32em; border: none; border-top: 6px solid #083194; }
div.hr5 hr { display: none; }
div.hr6 { margin: 9px 10px; width: 54em; border: none; border-top: 6px solid #083194; }
div.hr6 hr { display: none; }

.notice
   {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
   /*  font-variant: small-caps;  */
   font-weight: 400
   }

.noticesmcap
   {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-variant: small-caps;
   }

.noticefrontpage
   {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   }

#wrappertop {display: block; width: 100%; height: auto; }

/* can use height: auto in header to remove the gap (at least in FF); might also have to set margin and padding to 0 in wrappertop */
#header {display: block;  width: 100%; height: 5em; margin: 0; padding: 0; }

#wrap {
/*	max-width: 1040px; min-width: 480px; */
/*	min-width: 480px; */  /* removed max-width */
/* 2012.01.25 - revert to max-width 1040px */
	max-width: 1040px; min-width: 480px;
       	margin: 0px 0px 4px 12px;
       	padding:0px 10px 0 0;
       }
#wrap h3 {font-size: 90%; margin-bottom: 0em; } /* not used? */

#topbar {display: block; margin-top: 0em; margin-left: auto; margin-right: auto; margin-bottom: 3em; padding: 0px; width: 90%; height: 0; background: red; }

#sidebar {display: block; float: right; width: 8em; margin-right: 0em; margin-top: 2em; margin-bottom: 0; background: #F5F8FA;padding: 0px; }

#main {display: block; padding: 0; margin-left: 2em; font-family: "Times New Roman", Times, serif; font-size: 100%; font-weight: normal; }
div#main li {margin: .4em 0}
/*div#main p {font-family: "Times New Roman", Times, serif; font-size: 100%; font-weight: normal; } */

/* #lowertext {clear:both;min-height: 1px; margin-top: .2em; margin-left: 0em; margin-bottom: 1em; } - tried clear:both 2012.03.25 for front page; doesn't work so well for other pages so am adding clear:both to just the front page */
#lowertext {min-height: 1px; margin-top: .2em; margin-left: 0em; margin-bottom: 1em; }
#lowertext2 {min-height: 1px; margin-top: 1em; margin-left: .5em; margin-right: 6em; margin-bottom: 1em; }
#lowertext3 {min-height: 1px; margin-top: 1em; margin-left: 0em; margin-right: 10em; margin-bottom: 1em; }

#text1 {margin-left: 3em; }
#text2 {margin-left: 2em; }
#text3 {margin-left: 2em; }

#footer {clear:both; margin-left: 3em; border-top:0px dotted #B74E07; }

/* borrowed from nsis */
.indented7 {
    display: inline;
    font-size: 110%;
    position: relative;
}

#footbarwrap {
        clear: both;
        position:relative;
 /*       float:center;  jgc - center is not a valid option for float */ 
        border-top:1px dotted #B74E07;
    /*    background-color: #701d27; */
    /*    color: #d1a797; */
	color: #0000ff;
	background-color: #7ea3db;
        width: 30em;
        height: auto;
        margin: 0;
        margin-left: 4em;
        margin-top: auto;
        margin-bottom: 12px;
        padding: 0;
        border-width: 1px 1px 0px 0;
        border-style: solid;
        border-color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;

}
p.footer {
        text-align: center;
        margin: 2px 2px 2px 0;
        padding: 0em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
}

.footer2 {
        text-align: center;
        margin: 2em 2px 0px 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
}

span.notice_warning2
   {
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 3em;
   margin-right: 15em;
   display: block;
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000;
   font-weight: 600 
   }

span.notice_recentitems
   {
   display: inline;
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000;
   font-weight: 400 
   }

span.notice2
   {
   display: inline;
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000;
   font-weight: 400 
   }

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* front page list */
/*fplist ul li {float:left; margin:0 90px 1px 0; padding:0px; vertical-align:top; font-size:60%; font-color:red;}*/
#fplist li {display:inline; margin:0 10em 1px 0; padding:0px; vertical-align:top; font-size:90%;}

/* http://www.alistapart.com/articles/taminglists/ */
#button {
	clear: right;
	min-height: 2px;
	height: 1%;
	width: 8em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 0em; /* changed from 1em - shading at bottom of sidebar */
	margin-left: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}
#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}
html>body #button li a {
		width: auto;
		}
#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}