/*Deed Index stylesheet*/
/*BODY*/

body { margin: 0; padding: 0; text-align: center; font-family: arial, helvetica, san-serif; color: #000; background: #0B3634;  line-height: 120%; }

/*HEADERS*/

h1 { font-family: georgia, times, "times new roman", serif; font-size: 115%; color: #537C93; font-weight: bold; }
h2 { font-family: georgia, times, "times new roman", serif; font-size: 102%; color: #537C93; font-weight: bold; font-style: italic; }
h3 { font-family: georgia, times, "times new roman", serif; font-size: 100%; font-weight: normal; }
h4 { font-family: arial, helvetica, san-serif; font-size: 100%;
 font-weight: normal; }
h5 { font-family: georgia, times, "times new roman", serif; font-size: 112%; color: #537C93; }

/*LINKS*/

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: purple; }
a:hover { text-decoration: underline; background: #FFFFD9; }
a:active { text-decoration: underline; color: purple; }
a img { border: none; background: transparent; }

/*TEXT FORMATTING*/

.skipnav { display: none; }
.small { font-size: 85%; }
.large { font-size: 120%; }
.note { margin-left: 2.5%; margin-right: 2.5%; font-size: 85%;
 first-word: bold; }
.boldnote { font-weight: bold; font-size: 95%; }
.indent { margin-left: 10%; margin-right: 10%; }

/*CONTAINER*/

div#container
{
 margin: 2px auto;
 width: 790px;
 background: #f8f8f8;
 border: 1px solid #000;
}

/*LOGO BANNER*/

div#banner { margin: 0; padding-bottom: 0; height: 55px;  background-color: #f8f8f8; }

div#logo { margin: 0 0 .5em 0; padding: 0; float: left; width: 175px; height: 45px; position: relative; background: #f8f8f8 url(../images/logo.gif) no-repeat 0 100%; }

div#logo a { position: absolute; top: 0; left: 0; width: 175px; height: 45px; }

div#logo h1 { display: none; }/*Keeps the text from displaying over the icon*/

div#logo a:hover { background: transparent; }

/*This is for the search box*/
div#search { float: right; margin: 0; padding: .5em; text-align: right; background-color: #f8f8f8; }
div#search table { margin: 0; padding: 0; border: hidden; border-collapse: collapse; }
div#search table td { margin: 0; padding: 0; border: hidden; }

/*HORIZONTAL MENU BAR*/

div#menu { clear: both; margin: 0; padding: 0; background: #f8f8f8; }

div#menu ul { font-weight: bold; font-size: 80%; margin: 0;
 margin-left: 40px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }

div#menu li { display: inline; margin: 0 2px 0 0; padding: 0; }

div#menu a { float: left; display: block; color: #fff; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; background-color: #A0C0E7; /*Default menu color*/ }

div#menu a:hover { background-color: #99cccc; /*Menu hover bgcolor*/ }

div#menu #current a, #menu #inactive a { /*currently selected tab*/ background-color: #4682b4; border-color: #4682b4; }

div#menu #current a:hover { /*currently selected tab*/  background-color: #4682b4; border-color: #4682b4;   background-color: #99cccc; }

/*HORIZONTAL NAV BAR*/

div#navbar, div#navbarwhite, div#navbarcolor3 { clear: both;  margin: 0; padding: 0; font-size: 80%; text-align: left; border-top: 2px solid #4682b4; }

div#navbar { background: #CCDAE1; }
div#navbarwhite { background: #fff; border-bottom: 1px solid #ccc; }
div#navbarcolor3 { background: #E6E6FA; }

div#navbar ul, div#navbar p, div#navbarwhite ul, div#navbarwhite p, div#navbarcolor3 ul, div#navbarcolor3 p { margin: 0; padding: 2px .5em; }

div#navbar li, div#navbarwhite li, div#navbarcolor3 li {  display: inline; }

/*SIDE NAVIGATION BOXES*/

div#sidenav { float: left; width: 155px; text-align: left; margin: 0 15px 10px 0; padding: 0; background: #CCDAE1; }

div.sidebox { margin: 0; padding: 1em 5px 0 1em; border-bottom: 1px solid #ccc; }

div.sidebox2 { margin: 0; padding: 1em 5px 0 1em; }	
		
div.sidebox ul, div.sidebox2 ul { font-size: 80%; margin-top: 0;   margin-bottom: .5em;  margin-left: 0; padding-left: 0; list-style-type: none; color: #799EB3; }

div.sidebox ul#pages li { display: inline; font-size: 110%; color: #2C65AB; }

div.sidebox em, div.sidebox2 em { font-size: 120%; font-weight: bold; font-style: normal; color: #2C65AB; }

/*MAIN CONTENT*/

div.content { padding: 0 2em .5em 2em; margin: 0; background: #f8f8f8 url(../images/background_mountainfield.jpg) repeat 0 0; border-top: 1px solid #F8F8F8; }

div.content p, div.content h1, div.content h2, div.content li, div.content blockquote, div.content dt, div.content dl { text-align: left; }

div.deedlinkbox { float: right; margin: .5em; background: #fff url(../images/background_paper3.jpg) repeat 0 0; border: 1px solid #ccc; padding: 5px; font-size: 9pt;  line-height: 18px;}

.deedtable { clear: both; width: 730px; margin: 1em auto; border: 1px solid #000; border-collapse: collapse; table-layout: fixed; }
.deedtable td, .deedtable th { padding: 5px 1em; border: 1px solid #000; font-size: 85%; }
.deedtable th {background: #ddd; text-align: center; }
.deedtable td {background: #fff; vertical-align: top; text-align: left; } 
.deedtable col.col1 { width: 125px; }
.deedtable col.col2 { width: 535px; }
.deedtable col.col3 { width: 70px; }

.granttable { clear: both; margin: 1em auto; border: 1px solid #000; border-collapse: collapse; table-layout: fixed; }
.granttable td, .granttable th { padding: 5px 10px; border: 1px solid #000; font-size: 85%; }
.granttable th {background: #ddd; text-align: center; }
.granttable td {background: #fff; vertical-align: top; text-align: left; }

.indextable { clear: both; margin: 1em auto; border: 1px solid #000; border-collapse: collapse; table-layout: fixed; }
.indextable td, .indextable th { padding: 5px; border: 1px solid #000; font-size: 85%; }
.indextable th.dark {background: #ddd; text-align: center; }
.indextable th.light {background: #f5f5f5; text-align: center; }
.indextable td {background: #fff; vertical-align: top; text-align: left; } 
.indextable col.col1 { width: 55px; }
.indextable col.col2 { width: 150px; }
.indextable col.col3 { width: 170px; }
.indextable col.col4 { width:  272px; }
.indextable col.col5 { width: 55px; }

/*List items will be spaced 1 line apart*/
ul.spacedlist li, ol.spacedlist li { margin-top: 1em; }

/*List items will be strung together in a paragaph format*/
.paragraphstyle, paragraphstyle ul { text-align: left; margin-left: 0; padding-left: 0; }
.paragraphstyle li { margin-top: 1em;  padding: 0 2px; text-align: left; list-style-type: none; display: inline; }

/*BOTTOM OF PAGE NAVIGATION*/

div#topbutton { clear: both; margin: 0 auto; padding: 0; background: #f8f8f8; border-top: 1px solid #fff; }
div#topbutton h4 { margin: 0 auto; padding: .5em; font-size: 85%; }

div#pagenumber { clear: both; margin: 0 auto; padding: .5em 0; text-align: center; font-size: 13pt; background: #CCDAE1; border-top: 2px solid #bcd2ee; border-bottom: 2px solid #bcd2ee; }
div#pagenumber ul { margin: 0; padding: 0; }
div#pagenumber li { display: inline; list-style-type: none; }
div#pagenumber img { margin: 0; padding: 0; border: none; background: transparent; }

/*FOOTER SECTION*/

div.blueline { clear: both; margin: 0; padding: 0; height: 10px; width: 100%; font-size: 1pt; background: #bcd2ee; border-top:  1px solid #bcd2ee; }

div#footer { clear: both; margin: 0; padding: 1em 0; background: #f8f8f8 url(../images/background_mountainfield.jpg) repeat 0 0; font-size: 80%; border-top: 1px solid #f8f8f8; }

div#footer p { margin: 0; padding: 0; }

/*This makes a centered, clickable "home page" icon in the footer*/
div#footericon { margin: 5px auto; padding: 0; width: 40px; height: 40px; position: relative; background: #f8f8f8 url(../images/icon_home.gif) no-repeat 0 100%; }

div#footericon a { position: absolute; top: 0; left: 0; width: 40px; height: 40px; }

div#footericon a:hover { background: transparent; }

/*This keeps the text from displaying over the icon*/
div#footericon h1 { margin: 0; padding: 0; display: none; }

/*IMAGES*/

.blackborder { border: 1px solid #000; }
.left { float: left; margin: 5px 1.5em 1em 0; }
.left a:hover { background: transparent; }
.smallleft { float: left; margin: 0; }
.right { float: right; margin: 5px 0 1em 1.5em; }
.smallright { float: right;  margin: 0;}