﻿img.DocIcon, a img.DocIcon, ul li a img.DocIcon{
border:none;
}
a.DocIcon{
display:inline-block;
}
#container{

	min-width: 784px; 
	max-width: 1000px; 
	width:expression(document.body.clientWidth < 784? "784px" : document.body.clientWidth > 1000? "1000px" : "auto");
	padding-bottom:20px;
	/*needs to be here for Ff*/
	text-align:center;
	margin:auto;
}

a,a:link       { color: rgb(0, 156, 234);
cursor:pointer;
text-decoration:none;
}
a.new{
	color:red; font-weight:bold;
}
a:active     { color: rgb(102, 255, 255) }
a:visited    { color: rgb(0, 134, 196) }
a.new:visited    { color: #900 }
body         { background-color: #fff; color: rgb(0, 0, 102) }
table        { table-border-color-light: rgb(0, 153, 102); table-border-color-dark: 
               rgb(0, 153, 102) }
button       { background-color: rgb(51, 0, 153); color: rgb(255, 255, 255) }
label        { color: rgb(0, 0, 0) }
textarea     { color: rgb(0, 0, 0) }
fieldset     { color: rgb(0, 0, 0) }
legend       { color: rgb(51, 0, 153) }
select       { color: rgb(0, 0, 0) }
caption      { color: rgb(51, 0, 153) }
th           { color: rgb(102, 0, 0) }
.al_center   { text-align: Center }
.al_justify  { text-align: Justify }
.al_left     { text-align: Left }
.al_right    { text-align: Right }
.big115      { font-size: 115% }
.big125      { font-size: 125% }
.big150      { font-size: 150% }
.bold        { font-weight: bold }
.brd1mb      { border: 1 solid #0099CC }
.brd_000000  { border: 2 solid #000000 }
.brdr6lg     { border: 6 solid #669999 }
.bulletlead  { margin-top: 6 }
.cccccc      { color: #CCCCCC }
.dddddd      { color: #DDDDDD }
/*.debug       { background-color: #FFFF00; padding: 5 }*/
.display-end { background-color: #FFCCCC }
.display-start { background-color: #CCFFCC }
.ffffff      { color: #FFFFFF }
.graphicborder { background-color: #669999 }
td.graybrdr1px, table.graybrdr1px td { border: 1px solid #ccc }
table.graybrdr1px th { padding: .5em;}
.graybrdr1pxbot { border-left: 1 solid #C0C0C0; border-right: 1 solid #C0C0C0; 
               border-bottom: 1 solid #C0C0C0 }
.graybrdr1pxlbot { border-left: 1 solid #C0C0C0; border-bottom: 1 solid #C0C0C0 }
.graybrdr1pxltop { border-left: 1 solid #C0C0C0; border-top: 1 solid #C0C0C0; 
               border-bottom: 1 solid #C0C0C0 }
.graybrdr1pxrbot { border-right: 1 solid #C0C0C0; border-bottom: 1 solid #C0C0C0 }
.graybrdr1pxrtop { border-right: 1 solid #C0C0C0; border-top: 1 solid #C0C0C0; 
               border-bottom: 1 solid #C0C0C0 }
.green       { color: #006666 }
.hlight_cen  { color: #006666; text-align: Center; font-weight: bold; font-style: italic; 
               font-size: 120%; margin-left: 25; margin-right: 25 }
.hlight_left { font-style: italic; font-size: 120%; font-weight: bold; color: #006666; 
               text-align: Left; margin-left: 25; margin-right: 25 }
.hlight_right { text-align: right; font-style: italic; font-weight: bold; font-size: 120%; 
               color: #006666; margin-left: 25; margin-right: 25 }
.illus_bot   { text-align: Left; font-style: italic; font-size: 85%; color: #006666; 
               border-bottom-style: solid; border-bottom-color: #006699; 
               padding-bottom: 5; width:100%; }
.illus_left  { color: #006666; font-size: 85%; text-align: Left; font-style: italic; 
               border-left-style: solid; border-left-color: #006699; 
               padding-left: 5; width:100%; }
.illus_right { text-align: Right; font-size: 85%; font-style: italic; color: #006666; 
               border-right-style: solid; border-right-color: #006699; 
               padding-right: 5; width:100%; }
.caption-border {
	border-top:1px solid rgb(0, 156, 234);
	border-bottom:1px solid rgb(0, 156, 234);
	/*width:50%;*/
	}
.caption-border.floatright {
	text-align:right;
	}
.indent10    { margin-left: 10 }
.info        { text-align: Left; font-style: italic }
.p_2t2b      { margin-top: 2; margin-bottom: 2 }
.p_2t2b_al   { text-align: Left; margin-top: 3; margin-bottom: 3 }
.p_al        { text-align: Left }
.pad10       { padding: 10 }
.redtext     { color: #990000 }
.small25     { font-size: 25% }
.small50     { font-size: 50% }
.small65     { font-size: 65% }
.small75     { font-size: 75% }
.small85     { font-size: 85% }
.small90     { font-size: 90% }
.small95     { font-size: 95% }
.textnav     { font-weight: bold }
a:hover      { color: #CC0000; background-color: #FFFFCC }
body         { font-family: Arial, Helvetica, SanSerif; font-size:9pt; margin: 0;}
button       { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
caption      { font-style: normal; font-size: 14pt; font-family: Arial, Arial, Helvetica }
dd           { margin-left: 10; margin-top: 2; margin-bottom: 2 }
dt           { margin-top: 5; margin-bottom: 5 }
fieldset     { font-style: normal; font-family: Arial, Arial, Helvetica; font-size: 8pt; 
               border-style: solid; border-width: 1pt }
hr           { height: 4; border: medium solid #669999 }
label        { font-family: Arial, Arial, Helvetica; font-style: normal; font-size: 8pt }
label, .mstheme-label { font-family: Arial, Arial, Helvetica; font-size: 8pt; font-style: normal }
legend       { font-style: normal; font-family: Arial, Arial, Helvetica; font-size: 8pt }
li           { text-align: left; margin-top: 5; margin-bottom: 5 }
marquee      { font-family: Arial, Arial, Helvetica; font-size: 14pt }
p            { text-align: Justify }
select       { font-style: normal; font-size: 8pt; font-family: Arial, Arial, Helvetica; 
               border-style: solid; border-width: 1pt }
table        { font-family: Arial, Arial, Helvetica; font-style: normal; font-size: 100% }
textarea     { font-size: 8pt; font-style: normal; font-family: Arial, Arial, Helvetica; 
               border-style: solid; border-width: 1pt }
th           { font-family: Arial, Arial, Helvetica; font-style: normal; color: #000066; 
               background-color: #CCCCCC;
			   background-image:url(bg_heading.jpg);
}



#nav {
margin-left:-40px; /* This shouldn't be needed, but for now go with it. */
}
* html #nav {
margin-left:0; /* reset for IE */
}

#nav ul, #nav ul ul
{
list-style:none;
margin-left:-10px;
}
*html #nav ul{ /* reset for IE */
margin-right:-8px;
}
*html #nav ul ul{ /* reset for IE */
margin-left:30px;
}

#nav li { 
text-decoration:none;
text-align:left;
font-weight:bold;
}
#nav li li {
font-size:85%;
margin:0;
font-weight:normal;
}

#nav a , #nav a.nolink:hover{
display:block;
width:100%; /* needed for IE to understand block display */
color:#eeeeee;
padding:2px 5px 2px 5px;
text-decoration:none;
background-position:right top;
background-image:url(bg_nav_link.jpg);
}
#nav a:link { 
color: #FFFFCC;
}
#nav a:visited { 
color: #EEEEEE;
background-image:url(bg_nav_link.jpg);
}
#nav a:hover { 
background-color: #00759C; color: #FFFF99;
background-image:url(bg_nav_hover.jpg);
}


#SiteTitle, #SiteTitle50th {
padding:.5em 0 .5em 200px;
background-image:url(MapLogo.gif);
background-repeat:no-repeat;
}
#SiteTitle {
background-image:url(MapLogo.gif);
background-position-x: 2em;
background-position-y: .5em;
background-size: 12%;
}
#SiteTitle50th {
background-image:url(banner50th.png);
}
#SiteTitle td, #SiteTitle50th td {
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-weight:bold;
font-size:25px;
color:#fff;
}
#SiteTitle span , #SiteTitle50th span {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:50%;
margin-left:10px;
}

a#footer:link{
text-decoration:none;
display:block;
color:#006;
border:1px solid transparent;
font-size:95%;
}
a#footer:hover{
border:1px solid #5e91ae;
background-color:#98adbc;
}
#BackToTop img {
border:0;
}

div.PlainList{
list-style:none;
margin-left:-40px;
}
div.PlainList ul, .PlainList ul ul, .PlainList ul ul ul{
list-style:none;
margin-left:-80px;
}
/*Reset for IE*/
* div.PlainList ul, .PlainList ul ul, .PlainList ul ul ul{
list-style:none;
margin-left:40px;
}
.indent{
margin-left:20px;
}
div.indent.small95:nth-of-type(2){
	display:inline-block;
}
h1, h2, h3, h4, h5, h6{ 
font-weight: bold; 
color: #006699;
font-family: Times New Roman; 
padding: 10px 0 0 0;
}
h1, h2{ 
padding: 10px;
margin-left: -10px; margin-right: -10px; 
background-color: #CECFCE; 
}
h1{ 
background-image:url(bg_heading.jpg);
background-repeat:repeat-x;
}
h2{ 
background-color: #DDD; 
}
h3, h4, h5, h6{ 
margin-bottom:0;
}

h1	{
font-size: 175%; 
margin-top: -10; /* special for h1 - overcomes table cell padding */
}
h2	{ font-size: 150%; }
h3	{ font-size: 135%; }
h4	{ font-size: 115%; }
h5	{ font-style: italic; font-size: 115%; }
h6	{ font-size: 100%; }

.floatleftpad10, .floatrightpad10 {
/*border: 1px solid #ccc;*/
background: #fff;
padding: 0 10px 5px 10px;
}
.floatleft {
float:left;
margin-right:0;
}
.floatleftpad10 {
padding-right:10px;
margin-left: -10px;
}
.floatright{
float:right;
margin-left:0;
}
.floatrightpad10{
padding-left:10px;
margin-right: -10px;
}
.margin1em{
margin:1em;
}
.callout1{
border:1px dotted #666666;
padding:.5em;
margin:.5em;
}
a.plain{
text-decoration:none;
}
.center{
text-align:center;
}
.strong{
font-weight:bold;
}
.em{
font-style:italic;
}

img.border{
border:1px dotted #666;
}

.clearboth{
clear:both;
}
a.backlink{
padding:.5em;
margin:.5em .5em .5em 0;
border:1px dotted #666;
}

.block{
display:block;
}

h2 .posted{
font-style:italic;
display:block;
font-size:50%;
float:right;
margin-top:-1.5em;
}

ul.docs li{
clear:left;
}
ul.docs h2{
background-color:#eee;
padding:.25em;
}
ul.docs li li {
clear:left;
border-top:1px solid #ccc;
padding-top:.5em;
}
ul.docs li li:after { /* *** not working in IE */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
overflow:hidden;
}

.PlainList, .PlainList2{
list-style-type:none;
margin-left:0;
padding-left:0;
}
.PlainList2 li{
list-style-type:none;
text-align:left;
}

/* 2-column documents list */
ul.docs li{
clear:left;
}
ul.docs h2{
background-color:#eee;
padding:.25em;
}
ul.docs li li {
clear:left;
border-top:1px solid #ccc;
padding-top:.5em;
}
ul.docs li li:after { /* *** not working in IE */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
overflow:hidden;
}

ul div.col1 li, ul div.col2 li{
float:left;
clear:none; 
}
ul div.col2 li{
padding-left:1em;
}

ul.docs img, div.docs img {
border:1px solid #999;
float:left;
margin-right:.5em;
margin-bottom:.5em;
max-width:50px;
max-height:75px;
}

/* Use this for second column */
.columns div{
float:left;
margin-right:1em;
}
/*p, div, li {
	line-height: 1.25;
}*/
p, div, li{
	line-height:1.5;
}
