/* CSS Document */

body {
	font-size: 100% !important;	/* IE ignores this*/
	font-size: 85%;
	/* mnj orig was 76% -- font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. darn.*/
	
	/*mnj new background-image: url(../images/spacer.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	/*mnj new background-repeat: no-repeat;*/
	/*mnj new background-position: top left;	*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;	/*border-collapse:collapse;*/
}

/* Nicely centers a fixed-width table on the web page */
#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

td
{
	vertical-align : top;
	padding: 0;
	margin: 0px;
}


hr
{
	background: #cccccc;
	color: #DADDE4; /* used by IE */
	height: 0.25em;
}


.bkgd-lt
{
	background-color: #333333;
}

.bkgd-dk
{
	background-color: #D9DCE3;
}

	
#col1 {
	width: 185px;
	background-image: url(../images/gradiant-vert-wide.jpg);
	background-repeat: no-repeat;
}	

#content {
	width: 500px;
}	

#content-left {
	width: 100%;
	padding: 15px 0 0 15px;
}

#content-right {
	padding: 15px 25px 0 25px;
	margin-right: 25px;
}	
#content #content-right .smallemphasis {
	font-size: 0.8em;
	font-weight: bold;
}

#content #content-right H2 {
	margin-right: 15px;
}

#content #content-right P {
}

	
	
	
	
.mainmenu {
	margin: 0;
	padding-left: 10px;
	padding-top: 10px;
	color: #808080;
}

.mainmenu h2 {
	font-size: 1em;
	padding: 0;
	margin: 0 0 3px 0;
}

.mainmenu h2 a {
	color: #808080;
	text-decoration: none;	
}

.mainmenu h2 a:hover {
	color: #000;
}

.mainmenu ul {
	list-style-type: none;
	margin-left: 10px;
	font-size: 0.9em;
	margin-top: 0px;
	padding-top: 0px;
	text-indent: -10px;
}
.mainmenu li {
	padding-left: 10px;
}

.mainmenu li a {
	color: #808080;
	margin-bottom: 10px;
	text-decoration: none;
}

.mainmenu li a:hover {
	color: #000;
}	
	
#calendar .time {
	color: #333333;
	padding: 3px;
	width: 150px;
}

#calendar .title {
	color: #333333;
	padding: 3px 3px 3px 0;
}

	 
.subtitle {
	color: 888888;
	font-weight: bold;
	font-size: 0.95em;
}
blockquote {
	padding-left: 25px;
	padding-right: 25px;
}
.label-dk-lt {
	color: #ffffff; 
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}


#content p {
}
#content .table P {
	padding: 0 0 10px 5px;
}
#content  .table  H2 {
	padding: 5px 0 0 5px;
}
#content  TH {
	color: #333333;
	background-color: #D9DCE3;
	padding: 10px;
}

#content #content-right H2 {
	color: #A8A8A8;
	width: 200px;
	padding: 0 0 0 0;
}
#content #content-left .photocaptiontable {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 15px 10px 0;
}
#content #content-left H2 {
	color: #9D9E99;
	margin: 0;
	padding: 0;
}
#content #content-left DT {
	font-weight: bold;
	padding-bottom: 10px;
}
STRONG {
	color: #333333;
}
#content #content-left LI {
	padding-bottom: 3px;
}

#adminmenu-container {
	margin: 0;
}

/* mnj Force menu item to "black" to match the page that is displayed.  This code works with the "body" tag, which is initialized on each page by calling function newid(); */
#services .adminmenu .services,
#menu2 .adminmenu .menu2,
#menu3 .adminmenu .menu3
 {
	color:#ffffff;
	background-color: #F80116;
	padding: 0 4px;
}

#services1 .adminmenu-sub .services1,
#services2 .adminmenu-sub .services2,
#services3 .adminmenu-sub .services3
 {
	color:#ffffff;
	background-color: #F80116;
	padding: 0 4px;
}



.adminmenu {
	font-size: 1.1em;
	color: #666666;
	margin: 0 5px;
	width: 977px;
}


.adminmenu li {
	display: inline;
	margin: 0 5px;
}



.adminmenu a {
	text-decoration: none;
	color: #333333;
	padding: 0 5px;
}

.adminmenu a:hover {
	color: #ffffff;
	background-color: #cccccc;
}


.adminmenu-sub {
	font-size: 0.9em;
	color: #666666;
	background-color: #FFFFFF;
	margin: 5px;
}

.adminmenu-sub li {
	display: inline;
	margin: 0 5px;
}

.adminmenu-sub a {
	text-decoration: none;
	color: #333333;
	padding: 0 5px;
}

.adminmenu-sub a:hover {
	background-color: #F80116;
	color: #ffffff;
}

#content #content-left H1 {
	font-size: 1.3em;
	color: #000000;
	padding-bottom: 15px;
}
#content #content-left H2 {
	color: #65AFDF;
	padding: 15px 0 5px 0;
}
#content #content-left P {
	margin: 0;
	padding: 0 0 10px 0;
}
#content  A {
	color: #65AFDF;
}
#content #content-right P {
	margin: 0px;
	padding: 0 0 15px 0;
}
#content #content-right H2 {
	padding: 0 0 5px 0;
	margin: 0;
	color: #65AFDF;
}
#content #content-right UL {
	margin: 0 0 3px 20px;
}
#content #content-right LI {
	padding-bottom: 3px;
}
#content #content-left UL {
	padding: 0 0 15px 25px;
	margin: 0 0 0 20px;
}
.locallyProduced {
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
}

.floatlist {
	display: inline-table;
	float: left;

	/*width=225px;*/
	width: 250px;
	margin-left: 0px;
	margin-bottom: 50px;
}




#content #content-right img, .floatlist img {
	border: 2px solid #E1E4EB;
	padding: 3px;
	margin: 0 5px 0 0;
}

#content #content-right img.noborder, .floatlist img.noborder {
	border: 0;
	padding: 0;
	margin: 0;
}

#content #content-left H3 {
	color: #7B87A4;
	text-transform: uppercase;
	font-weight: normal;
	margin: 3px 0;
}
#content #content-left STRONG {
	color: #000000;
	font-size: .95em;
}
#content #content-left .floatlist .photo-name {
	margin: 0 10px 0 30px;
	padding: 0 10px 0 30px;
	font-weight: bold;
	color: #666666;
	font-size: 1em;
}

#content #content-left .floatlist .photo-jobtitle {
	padding: 0 10px;
	font-size: 0.9em;
}
#content #content-left .errormsg {
	color: #CC3333;
	margin: 10px 0 0 0;
}
#content #content-right #calendar .announcer {
	font-weight: bold;
	color: #7B87A4;
}
#content #content-left LI {
	padding-bottom: 5px;
}

.clr {
	clear: both;
}
#content #content-left .table td {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content #content-left #alltypes TABLE {
}
#content #content-left #alltypes TABLE {
}


.websitehelper {
	font-size: 0.8em;
	color: #666666;
	text-decoration: none;
}

.bkgd-banner-1-of-3 {
	background-color: #333333;
	width: 25%;
}
.bkgd-banner-2-of-3 {
	background-color: #CCCCCC;
	width: 25%;
}
.bkgd-banner-3-of-3 {
	background-color: #2469B4;
}
.tagline {
	text-align: right;
	margin-right: 75px;
	font-weight: bold;
	color: #2C4D90;
}
.img-align-left {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}


#content table.interior
{
	background: #fff;
	margin: 10px 0;
	padding: 0;
	border: 1px solid #1a4b90;
	border-collapse: collapse;
}

table.interior th,
table.interior td
{
	padding: 10px 5px;
	font-size: 11px;
	border-bottom: 1px solid #1a4b90;
}

table.interior th
{
	background: #c5003d;
	color: #fff;
	border-bottom: 1px solid #000;
}

table.interior td.colored
{
	background: #ccc;
	width: 215px;
	font-weight: bold;
}
.madeinusa {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 26px;
	padding: 3px 0;
	margin: 0;
}