body, td {
        font: 12px/1.4 Arial, Helvetica, sans-serif;
        }
body { background-color: #fff; margin: 0px;}

h1      { color: maroon; font-size: 24px;}
h2      { color: brown; font-size: 20px;}
h3      { color: darkslategray; font-size: 17px; }
h4      { color: sienna; font-size: 15px; }
h5      { color: darkslategray; font-size: 12px;}
h6      { font-size: 10px; }


a:link          { color: #770000; } /* was 'saddlebrown' before but it is confusing. */
a:visited       { color: #770000; } 
a:hover         { text-decoration: none; }

hr      { color: brown; height: 1px; }

.admin {
        color: #000;
        background: #e1f5f5;
        border: 1px dashed #b0e3ff;
        padding: 1px;
        }

.admin a        { color: #069; }
.admin a:visited { color: #069; }
.admin a:hover  { text-decoration: none; }

.req { color: #f00; }   /* required */
div.alert { 
	border: 2px solid #f00;
	padding: 10px;
	margin: 10px 20px;
}

a img           { border: none;
                text-decoration: none; }        /* no more colored borders on linked images! */
td              { vertical-align: top; }        /* shouldn't work as a replacement for valign, but does. */
img.indexnav    { margin-bottom: 4px; }
img#left        { margin-top: 59px; margin-bottom: 5px; }

div.appsection {
   border: 1px solid #aaa;
   z-index: 1;
   margin-bottom: 20px;
   margin-top: 15px;
   padding: 0px 10px 10px 10px;
}
div.label {
   background: transparent;
   padding-left: 3px;
   margin-top: -10px;
   margin-bottom: 10px;
}
div.label span.inner {
	background: #fff;
	z-index: 2;
	padding: 0px 3px;
}

div.label {
   color: darkslategray;
   font-weight: bold;
   font-size: 15px;
   line-height: 1.2em;
}

.button {
	display: block;
   	background: #CCC;
	border: 2px groove #CCC;
	line-height: 20px;
	width: 180px;
	margin: 5px 0px 5px 0px;
	text-align: center;
	}

.button a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: #000;
	}
.button a:hover {
	background-color: #DDD;
	 }


	/* the following divs are used on the new homepage */

div.homesubhead {
	border-bottom: 1px solid #CCCCCC;
	margin: 10px 22px 8px 0px;
	font-size: 14px;  
	font-weight: bold;
	line-height: 12px;
	color: #2F4F4F;
	}  

div.homecontent {
	padding: 5px 0px 0px 7px;
	}

div.homelink {
	padding: 2px 22px 5px 5px;
	font-size: 12px;
	}


	/* the following are used on nwpn/print.view template and /pressroom/index.csp */
	
.section {
	margin: 25px 0px 5px 0px;
	border-bottom: 2px solid #DDD;
	border-left: 1px solid #DDD;
	padding-left: 2px;
	background-color: #EEE;
	width: 100%;
	height: 18px;
	}
span.sectiontitle  {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	}

.section a {
	color: #333;
	}
p.item {
	padding: 0px 0px 0px 3px;
	margin-top: 0px;
	}
.viewall {
	background-color: #DDD;
	float: right;
	width: 60px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	} 
.viewall a {
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	}
.viewall a:hover {
	background-color: #333;
	color: #EEE;
	}
	
br.clear { 
	clear: both;
	line-height: 1px;
}

h2.siteheader {
    color: brown;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid brown;
    padding-bottom: 4px;
    margin: 0px;
}